/* 
*******************************************************************
CSS för Klövsjöfjäll

Contentia Communications AB - www.contentia.se
******************************************************************
*/

body { 
	background: #fff 0 0 repeat-x;
	margin: 0; 
	padding: 0;
	overflow-x: hidden;
}

img { border:0; }

/* Master div */
#container { width: 960px; margin: 0 auto; }
#content { position: absolute; padding:0 0 0 0; top: 0px; margin-left:0px; width: 960px; }

#welcome_wrapper { position: absolute; left:0px; top:550px; width: 960px; height:150px; z-index:50;  }
#welcome { position: relative; float:left; top:0; width: 600px; padding:0 0 0 0; height:150px; z-index:50; }
#snowinfo { position: relative; float:left; top:0; width: 270px; height:459px; margin:-29px 0 0 40px; padding: 20px 0 0 50px; background: url(../images/background_snowinfo.gif) 0 0 repeat-y; z-index:50; cursor:pointer; }
#snowinfo_row1 { position: relative; width: 205px; padding:10px 0 0 50px; height:35px; background: url(../images/icon_snowfeed_snodjup.png) 0 0 no-repeat; }
#snowinfo_row2 { position: relative; width: 205px; padding:10px 0 0 50px; height:35px; background: url(../images/icon_snowfeed_pister.png) 0 0 no-repeat;}
#snowinfo_row3 { position: relative; width: 205px; padding:10px 0 0 50px; height:35px; background: url(../images/icon_snowfeed_liftar.png) 0 0 no-repeat;}

#puffar_wrapper { position: absolute; left:0px; top:750px; width:470px; height:490px; z-index:50;  }
#puff1 { position: relative; float:left; top:0; width: 220px; height:230px; margin:0 10px 10px 0; padding:5px; background-color:#ffffff; cursor:pointer; }
#puff1:hover { position: relative; float:left; top:0; width: 220px; height:230px; margin:0 10px 10px 0; padding:3px; background-color:#ffffff; cursor:pointer; border:2px solid #abc7d8; }
#puff2 { position: relative; float:left; top:0; width: 220px; height:230px; margin:0 0 10px 0; padding:5px; background-color:#ffffff; cursor:pointer; }
#puff2:hover { position: relative; float:left; top:0; width: 220px; height:230px; margin:0 0 10px 0; padding:3px; background-color:#ffffff; cursor:pointer; border:2px solid #abc7d8; }
#puff3 { position: relative; float:left; top:0; width: 220px; height:230px; margin:0 10px 10px 0; padding:5px; background-color:#ffffff; cursor:pointer; }
#puff3:hover { position: relative; float:left; top:0; width: 220px; height:230px; margin:0 10px 10px 0; padding:3px; background-color:#ffffff; cursor:pointer; border:2px solid #abc7d8; }
#puff4 { position: relative; float:left; top:0; width: 220px; height:230px; margin:0 0 10px 0; padding:5px; background-color:#ffffff; cursor:pointer; }
#puff4:hover { position: relative; float:left; top:0; width: 220px; height:230px; margin:0 0 10px 0; padding:3px; background-color:#ffffff; cursor:pointer; border:2px solid #abc7d8; }
#puff_image { position: relative; width: 220px; height:140px; }
#puff_text { position: relative; margin:10px 0 0 5px; width: 210px; height:75px; }

#aktuellt_wrapper { position: absolute; left:480px; top:750px; width:480px; height:490px; z-index:50; background-color:#ffffff; }
#aktuellt_header { position: relative; top:0; width: 460px; height:25px; margin:5px 0 0 5px; padding:2px 0 0 8px; background: url(../images/background_header_aktuellt.gif) 0 0 no-repeat; }
#aktuellt_row { position: relative; top:0; width: 470px; height:85px; margin:5px 0 0 5px; border-bottom:1px solid #c4c5c6; cursor:pointer; }
#aktuellt_row:hover { position: relative; top:0; width: 470px; height:85px; margin:5px 0 0 5px; border-bottom:1px solid #c4c5c6; cursor:pointer; background-color:#F0F0F0; }
#aktuellt_row_last { position: relative; top:0; width: 470px; height:85px; margin:5px 0 0 5px; cursor:pointer; }
#aktuellt_row_last:hover { position: relative; top:0; width: 470px; height:85px; margin:5px 0 0 5px; cursor:pointer; background-color:#F0F0F0; }
#aktuellt_image { position: relative; float:left; width: 100px; height:70px; margin:5px 0 0 5px; }
#aktuellt_text { position: relative; float:left; width: 327px; height:69px; margin:6px 0 0 8px; }

#vader_wrapper { position: absolute; left:0px; top:1255px; width:900px; height:80px; padding:30px 0 0 60px; background-color:#ffffff; text-align:center; }

#sidfot { position: absolute; padding:20px 0 0 0; left:0px; top: 1000px; width: 100%; min-height:100px; background: #f3f7fb url(../images/background_footer.gif) 0 0 repeat-x; }

/* Sidhuvud, meny, logo */
#logo { position: absolute; margin-left:10px; width:151px; padding:0 0 0 0; top: 8px; z-index:20; }
#menu { position: absolute; margin-left:200px; top: 29px; height:30px; width:700px; z-index:20; }
#header_bg { position: absolute; padding:0 0 0 0; left:0px; top: 0px; width: 100%; height:100px; background: url(../images/menu_bg.png) 0 0 repeat-x; z-index:20; }
#header_icons_bg { position: absolute; margin-left:900px; width:97px; top: 23px; height:30px; background: url(../images/header_icons_bg.png) 0 0 repeat-x; z-index:20; }
#header_icons_flag { position: relative; float:left; margin:8px 5px 0 9px; z-index:20;  }
#header_icons_divider { position: relative; float:left; margin:8px 5px 0 0; z-index:20; }
#header_icons_facebook { position: relative; float:left; margin:8px 5px 0 0; z-index:20; }
#header_icons_instagram { position: relative; float:left; margin:8px 5px 0 0; z-index:20; }

#image_slider { position: absolute; padding:0 0 0 0; left:0px; top: 70px; width: 100%;  max-height:450px; min-height:450px; z-index:10; }


/* Fonts */
h1 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 22px; line-height: 22px; color: #000000; text-decoration: none; margin:0 0 10px 0; }
h2 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; line-height: 22px; color: #000000; margin:0 0 10px 0; }
h3 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 23px; color: #000000; margin: 0 0 0; }

p { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 20px; color: #000000; margin: 0 0 0; }

.link { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 13px; line-height: 20px; color: #a71c00; text-decoration: none; }
.link:hover { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 13px; line-height: 20px; color: #a71c00; text-decoration: underline; }

.menu { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #15374a; margin-right:40px; text-decoration: none; }
.menu:hover { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #15374a; margin-right:40px; border-bottom: 2px solid #feba88; text-decoration: none; }
.menu_active { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #15374a; margin-right:40px; border-bottom: 2px solid #feba88; text-decoration: none; }
.menu_active:hover { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #15374a; margin-right:40px; border-bottom: 2px solid #feba88; text-decoration: none; }

.snowinfo { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 23px; color: #000000; margin:0 0 0 0; }
.puff_rubrik { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #000000; margin:0 0 0 0; text-decoration: none; }
.puff_text { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 12px; color: #000000; margin:0 0 0 0; text-decoration: none; }
.footer { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 23px; color: #000000; margin:0 0 0 0; }
.footer_adress { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 11px; line-height: 20px; color: #000000; margin:0 0 0 0; }
.footer_quote { font-family: 'Open Sans', sans-serif; font-weight: 300; font-style:italic; font-size: 12px; line-height: 23px; color: #000000; padding:12px 0 0 0 ; margin:0 0 0 0; }
.footer_seo { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 11px; line-height: 23px; color: #000000; margin:0 0 0 0; text-decoration:none; }
.footer_seo:hover { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 11px; line-height: 23px; color: #000000; margin:0 0 0 0; text-decoration: underline; cursor:pointer; }
.small { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 12px; line-height: 23px; color: #000000; margin:-14px 0 5px 0; }

.white { color:#fff; }