body {font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; margin: 0; background-color: #fff; background-image: url(/images/bg.gif);}

h1 {font-size: 24px; margin-bottom: 20px; color:#A39C7D; line-height: 24px; font-weight: normal;}
h2 {font-size: 16px; margin-bottom: 15px; color:#484542; line-height: 28px;}
h3 {font-size: 16px; margin-top: 10px; color:#484542; line-height: 24px;}
h4 {margin: 3px; color:#484542; padding: 5px;}
p {margin-top: 15px; color:#484542; line-height: 24px;}

a:link { color: #888274;}
a:visited { color: #888274;}
a:active { color: #888274;}
a:hover { color: #605847;}

.picframe_r { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 2px; margin: 0 0 0 10px; float: right;}
.picframe_l { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 2px; margin: 0 10px 0 0; float: left;}
.picframe_l_2 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 2px; margin: 10px 10px 0 0; float: left;}
.picframe_l_2_blank { width: 70px; height: 70px; border: solid 1px #CCCCCC; padding: 2px; margin: 10px 10px 0 0; float: left; clear: right;}
.picframe_l_3 { width: auto; height: auto; padding: 2px; margin: 20px 10px 0 0; float: left;}

/*LAYOUT*/

.p_left {margin: 10px 30px 10px 40px;}

#container {width: 905px; margin: auto; padding: 10px; background: #FFF;}
#mainContainer {float: left; width: 905px; margin: 0; padding: 0;}

#topdiv {float: left; width: 905px; height: 97px; margin: 0; padding: 0; background: url(/images/bg_top.jpg);}

#logo {float: left; width: 140px; height: 97px;}
#logo h1 a {float: left; width: 140px; height: 97px; background: url(/images/lastad_rum_frukost.gif) no-repeat; text-indent:-9999px; display:block;}

#menu_bg {float:left; width: 905px; height: 46px; margin: 10px 0 10px 0; background: url(/images/meny_bg.jpg);}

#menu {float:left; width: 753px; height: 46px; margin: 0; padding: 0;}
#menu ul li {float: left; display: inline;}
#menu ul li a {top:0; left:0; display:block; height: 46px; background: url(/images/meny_sv.jpg) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#languages ul li {float: right; display: inline;}
#languages ul li a {top:0; left:0; display:block; height: 46px; background: url(/images/meny_sv.jpg) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#menu ul li#hem a {left: 0px; width: 68px; background-position: 0 0;}
#menu ul li#lasta_sateri a {left: 68px; width: 102px; background-position: -68px 0;}
#menu ul li#rummen a {left: 170px; width: 83px; background-position: -170px 0;}
#menu ul li#konferenser a {left: 253px; width: 107px; background-position: -253px 0;}
#menu ul li#att_gora a {left: 360px; width: 86px; background-position: -360px 0;}
#menu ul li#priser a {left: 446px; width: 67px; background-position: -446px 0;}
#menu ul li#paket a {left: 513px; width: 135px; background-position: -513px 0;}
#menu ul li#kontakta_oss a {left: 648px; width: 105px; background-position: -648px 0;}

#languages ul li#sv a {left: 799px; width: 30px; background-position: -769px 0;}
#languages ul li#en a {left: 799px; width: 30px; background-position: -799px 0;}
#languages ul li#de a {left: 829px; width: 30px; background-position: -829px 0;}
#languages ul li#fr a {left: 859px; width: 46px; background-position: -859px 0;}

#menu ul li#hem a:hover { background-position: 0 -46px;}
#menu ul li#lasta_sateri a:hover { background-position: -68px -46px;}
#menu ul li#rummen a:hover { background-position: -170px -46px;}
#menu ul li#konferenser a:hover { background-position: -253px -46px;}
#menu ul li#att_gora a:hover { background-position: -360px -46px;}
#menu ul li#priser a:hover { background-position: -446px -46px;}
#menu ul li#paket a:hover { background-position: -513px -46px;}
#menu ul li#kontakta_oss a:hover { background-position: -648px -46px;}

#languages ul li#sv a:hover { background-position: -769px -46px;}
#languages ul li#en a:hover { background-position: -799px -46px;}
#languages ul li#de a:hover { background-position: -829px -46px;}
#languages ul li#fr a:hover { background-position: -859px -46px;}

#menu ul li#hem .current { background-position: 0 -46px;}
#menu ul li#lasta_sateri .current { background-position: -68px -46px;}
#menu ul li#rummen .current { background-position: -170px -46px;}
#menu ul li#konferenser .current { background-position: -253px -46px;}
#menu ul li#att_gora .current { background-position: -360px -46px;}
#menu ul li#priser .current { background-position: -446px -46px;}
#menu ul li#paket .current { background-position: -513px -46px;}
#menu ul li#kontakta_oss .current { background-position: -648px -46px;}

#languages ul li#sv .current { background-position: -769px -46px;}
#languages ul li#en .current { background-position: -799px -46px;}
#languages ul li#de .current { background-position: -829px -46px;}
#languages ul li#fr .current { background-position: -859px -46px;}

#u_m {float: left; width: 905px; height: 206px; margin: 0 0 10px 0; padding: 0; background: url(/images/u_m.gif);}
#u_m_l {float: left; width: 291px; height: 206px; margin: 0 10px 0 0; padding: 0; background: url(/images/u_m_l_s.jpg);}
#u_m_r {float: left; width: 604px; height: 206px; margin: 0; padding: 0; background: url(/images/u_m_r_bg.jpg);}
#u_m_r2 {float: left; width: 604px; height: 206px; margin: 0; padding: 0;}

#txt_l_bg {float: left; width: 447px; margin: 0 10px 0 0; padding: 35px; background: url(/images/txt_l_bg.jpg) no-repeat;}
#txt_r {float: left; width: 378px; margin: 0; padding: 0;}
#txt_r_bg {float: left; width: 298px; height: 150px; margin: 10px 0 0 0; padding: 20px 30px 30px 50px; background: url(/images/txt_r_bg.jpg) no-repeat;}
#txt_r_kontakt {float: left; width: 298px; height: 150px; margin: 0; padding: 20px 30px 30px 50px; background: url(/images/txt_r_bg.jpg) no-repeat;}

#wide {float: left; width: 905px;}

#footer {float: left; width: 865px; height: 30px; margin: 10px 0 0 0; padding: 7px 20px 0 20px; background: url(/images/footer_bg.gif); font-size: 11px; color: #FFF; text-align: right;}
#footer a:link { color: #D5CDAA;} #footer a:visited { color: #D5CDAA;} #footer a:active { color: #D5CDAA;} #footer a:hover { color: #A39C7D;}

/* ----------------- */
#contact_form {float: left; width: 314px; margin: 0 0 30px 0;}
#contactForm {padding: 10px 0 10px 0; font-size: 11px;}
#contactForm input {font-size: 11px; color: #666666; margin: 3px 0 3px 0;}
#contact_form #submit {width: 80px;	font-size: 12px; float: right; margin: 0 5px 0 0;}
#emailaddress, #comments, #firstname {width: 304px; font-size: 11px; color: #666666; font-family: Arial, Helvetica, sans-serif;}
/* ----------------- */


/* FIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */