body {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0; background-color: #fff; background-image: url(../images/bg.gif); background-repeat: repeat-x; background-position: top;}

h1 {font-size: 18px; margin-bottom: 15px; color:#2A2A2A;}
h2 {font-size: 14px; margin-bottom: 15px; color:#2A2A2A; margin: 15px 0 0 0; font-weight: bold;}
h3 {font-size: 15px; margin: 15px 0 15px 0; color:#2A2A2A; line-height: 22px; font-weight: bold;}
p {margin-top: 15px; color:#2A2A2A; width: 410px; font-weight: bold;}

.box {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; width: 26px; text-align: center;}
.box2 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; width: 290px; font-weight: bold;}

a:link { color: #C70000;}
a:visited { color: #C70000;}
a:active { color: #C70000;}
a:hover { color: #FF0000;}

/*LAYOUT*/

.picframe { width: 125px; height: 95px; background-image:url(../images/img_border.gif); padding: 10px 0 0 10px; margin: 0 ; float: left;}
.picframe2 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 5px; float: left;}
.picframe3 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 10px 18px 5px 5px; float: left;}
.picframe4 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 10px 3px 5px 5px; float: left;}
.picframe5 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 10px 20px 5px 5px; float: left;}
.picframe6 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 10px 20px 5px 5px; float: left;}
.picframe7 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 5px 25px 5px 5px; float: left;}
img a {border: none;}

#container {width: 940px; margin: auto; padding: 0;}

#logo {float: left; width: 940px; height: 68px;}

#logo ul li {float: left; display: inline; margin: 10px 0 0 0; padding: 0;}
#logo ul li a {top: 0; left: 0; display:block; height:48px; background: url(../images/language.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#logo ul li#sv a {left: 0; width: 100px; background-position: 0 0;}
#logo ul li#en a {left: 100px; width: 100px; background-position: -100px 0;}

#logo ul li#sv a:hover { background-position: 0 -48px;}
#logo ul li#en a:hover { background-position: -100px -48px;}

#logo ul li#sv .current { background-position: 0 -48px;}
#logo ul li#en .current { background-position: -100px -48px;}

#logo h1 a {float: left; width: 350px; height: 68px; background: transparent url(../images/katrin_skoglund.gif) no-repeat; text-indent:-9999px; display:block;}
#logo h1 {margin:0; padding:0;}

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

#menu ul li#hem a {left: 0; width: 84px; background-position: 0 0;}
#menu ul li#jag a {left: 84px; width: 50px; background-position: -84px 0;}
#menu ul li#nyheter_tips a {left: 134px; width: 146px; background-position: -134px 0;}
#menu ul li#anglar a {left: 280px; width: 109px; background-position: -280px 0;}
#menu ul li#tavlor_malningar a {left: 389px; width: 173px; background-position: -389px 0;}
#menu ul li#bestall a {left: 562px; width: 82px; background-position: -562px 0;}
#menu ul li#utstallningar a {left: 644px; width: 133px; background-position: -644px 0;}
#menu ul li#press a {left: 777px; width: 66px; background-position: -777px 0;}
#menu ul li#kontakt a {left: 843px; width: 97px; background-position: -843px 0;}

#menu ul li#hem a:hover { background-position: 0 -72px;}
#menu ul li#jag a:hover { background-position: -84px -72px;}
#menu ul li#nyheter_tips a:hover { background-position: -134px -72px;}
#menu ul li#anglar a:hover { background-position: -280px -72px;}
#menu ul li#tavlor_malningar a:hover { background-position: -389px -72px;}
#menu ul li#bestall a:hover {background-position: -562px -72px;}
#menu ul li#utstallningar a:hover {background-position: -644px -72px;}
#menu ul li#press a:hover {background-position: -777px -72px;}
#menu ul li#kontakt a:hover { background-position: -843px -72px;}

#menu ul li#hem .current { background-position: 0 -72px;}
#menu ul li#jag .current { background-position: -84px -72px;}
#menu ul li#nyheter_tips .current { background-position: -134px -72px;}
#menu ul li#anglar .current { background-position: -280px -72px;}
#menu ul li#tavlor_malningar .current { background-position: -389px -72px;}
#menu ul li#bestall .current { background-position: -562px -72px;}
#menu ul li#utstallningar .current { background-position: -644px -72px;}
#menu ul li#press .current { background-position: -777px -72px;}
#menu ul li#kontakt .current { background-position: -843px -72px;}

#anglar1 {float: left; width: 940px; margin: 0; padding: 0;}
.n1 {float: left; width: 940px; margin: 0; padding: 0;}
.n2 {float: left; width: 940px; margin: 0; padding: 0;}
#u_m {float: left; width: 940px; height: 342px; margin: 0; padding: 0; background: url(../images/f_bg_start.jpg);}
#u_u_m {float: left; width: 940px; height: 193px; margin: 0; padding: 0;}
#u_u_u_m {float: left; width: 940px; height: 203px; margin: 0; padding: 0;}

#border_top {float: left; width: 940px; height: 34px; margin: 0; padding: 0; background: url(../images/border_top.gif);}
#border_top2 {float: left; width: 940px; height: 34px; margin: 0; padding: 0; background: url(../images/border_top2.gif);}
#mainContainer {float: left; width: 820px; margin: 0; padding: 10px 60px 0 60px; background: url(../images/border_middle.gif) repeat-y bottom;}
#border_bottom {float: left; width: 940px; height: 60px; margin: 0; padding: 0; background: url(../images/border_bottom.gif);}

#mainContainer h1.rub1 { width: 50px; height: 32px; background: transparent url(../images/r_1.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub2 { width: 230px; height: 32px; background: transparent url(../images/r_2.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub3 { width: 150px; height: 32px; background: transparent url(../images/r_3.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub4 { width: 260px; height: 32px; background: transparent url(../images/r_4.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub5 { width: 110px; height: 32px; background: transparent url(../images/r_5.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub6 { width: 230px; height: 32px; background: transparent url(../images/r_6.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub7 { width: 230px; height: 32px; background: transparent url(../images/r_7.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub9 { width: 190px; height: 32px; background: transparent url(../images/r_9.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub10 { width: 190px; height: 32px; background: transparent url(../images/r_10.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#col_right3 h1.rub8 { width: 248px; height: 32px; background: transparent url(../images/r_8.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}

#col_left {float: left; width: 360px;}
#col_right {float: right; margin-top: 5px; width: 340px; }
#col_right2 {float: right; margin-top: 20px; width: 350px;}
#col_right3 {float: right; margin: 0 20px 0 0; width: 280px;}
#col_right3 p {width: 280px;}

#j_l {float: left; width: 410px;}
#j_r {float: right; width: 320px; padding: 0 25px 0 25px;}
#j_r p {margin: 15px 0 0 10px; width: 320px;}
#j_r h2 {margin: 10px 0 15px 10px;}

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

#footer {float: left; width: 940px; height: 71px; margin: 0 0 10px 0; padding: 0; background: url(../images/footer.gif);}

/* ----------------- */
#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 */