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: 532px; 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_de.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_de.jpg) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#menu ul li#m01 a {left: 0px; width: 76px; background-position: 0 0;}
#menu ul li#m02 a {left: 76px; width: 111px; background-position: -76px 0;}
#menu ul li#m03 a {left: 187px; width: 96px; background-position: -187px 0;}
#menu ul li#m04 a {left: 283px; width: 98px; background-position: -283px 0;}
#menu ul li#m05 a {left: 381px; width: 67px; background-position: -381px 0;}
#menu ul li#m06 a {left: 448px; width: 84px; background-position: -448px 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#m01 a:hover { background-position: 0 -46px;}
#menu ul li#m02 a:hover { background-position: -76px -46px;}
#menu ul li#m03 a:hover { background-position: -187px -46px;}
#menu ul li#m04 a:hover { background-position: -283px -46px;}
#menu ul li#m05 a:hover { background-position: -381px -46px;}
#menu ul li#m06 a:hover { background-position: -448px -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#m01 .current { background-position: 0 -46px;}
#menu ul li#m02 .current { background-position: -76px -46px;}
#menu ul li#m03 .current { background-position: -187px -46px;}
#menu ul li#m04 .current { background-position: -283px -46px;}
#menu ul li#m05 .current { background-position: -381px -46px;}
#menu ul li#m06 .current { background-position: -448px -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_d.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 */