﻿body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(bilder/bg.jpg); background-repeat:repeat-x; background-color: #f5eaca; color:#666666; }

#sida { background-image:url(bilder/bg_mitten.gif); margin:0 auto; width:930px; }
#bilder { background:#ffffff; margin:0 auto; width:930px; height:207px }


/***** Topp *****/
#header { margin:0; padding:0; height:100px; background-image:url(bilder/topp.jpg); background-repeat:no-repeat; }


/***** Vänster sida *****/
#vanster { clear:left; float:left; width:201px; margin:0; padding:0; }


/***** Vänsters meny menu *****/
#vanstermeny { width: 181px; padding: 10px 0px 20px 20px; margin: 0 0 0 0; background-color:#237885; color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
#vanstermeny ul { list-style: none; margin: 0px; padding: 0px; border: none; }

#vanstermeny li { border-bottom: 1px dashed #fff; margin: 0; width:161px; }
#vanstermeny li a { display: block; padding: 6px 0 6px 0; color: #fff; text-decoration: none; width: 161px; }
#vanstermeny li a:hover { color:#fb7d25 }

#vanstermeny li li { border: 0; margin: 0; }
#vanstermeny li li a { padding: 4px 0 4px 15px; width: 146px; }
#vanstermeny li li li a { padding: 3px 0 4px 30px; width: 146px; }

#active { display: block; padding: 6px 0 6px 0; color: #fff; text-decoration: none; width: 161px; }



/***** Höger sida *****/
#hoger { float:right; width:229px; margin:0px; padding:0px;}

#hoger p, #hoger ul { margin:0 0 16px; padding:0; }
#hoger p { font-size:0.9em; line-height:1.4em; }
#hoger li { list-style:none; line-height:1.2em; margin:0 0 6px 0; padding:0; }
#hoger ul ul { margin:6px 0 0 10px; padding:0; }
#hoger ul ul li { margin: 0 0 4px 0; }
#hoger ul ul li a { font-size:1.1em; font-weight:normal; }
#hoger h2, #hoger h3 { color:#505050; background-color:inherit; font-size:1.2em; margin:0 0 8px; padding:0; }


/* Box */
#vit_box { width: 189px; padding:20px 0px 0px 20px; }

#vit_box .vit_box_top{ width: 189px; height: 10px; overflow: hidden; background: url(bilder/vit_11.gif) no-repeat; }
#vit_box .vit_box_middle{ width: 189px;	min-height:100px; height:auto !important; height:100px; background-color:#FFFFFF; padding: 10px 0px 5px 0px; }

#vit_box h4 { margin: 0px; padding: 0px 0px 10px 20px; font-size:18px; color: #fb7d25; font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:block; }
#vit_box .vit_box_middle_in1 { margin: 0px; padding: 0px 0px 0px 20px; float:left; width: 79px; text-align:left; line-height:20px; }
#vit_box .vit_box_middle_in2 { margin: 0px; padding: 0px 20px 0px 0px; float:right; width: 69px; text-align:right; line-height:20px; }
#vit_box .vit_box_bottom{ width: 189px; height: 10px; overflow: hidden; background: url(bilder/vit_33.gif) no-repeat; }

#adress { float:right; width: 189px; color:#FFFFFF; text-align:right; padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px}



/***** Mitten *****/
#mitten { width:500px;background-color:#FFFFFF; float:left; margin: 0px; min-height: 350px; height: auto !important; height: 400px; }
#mittenwide { margin:0 0 5px 150px; border-left:1px solid #f0f0f0; padding:0 0 0 10px; line-height:1.5em; }
#mittenwide2 { margin:0 150px 5px 0; border-right:1px solid #f0f0f0; padding:0 10px 0 0; line-height:1.5em; }

#mitten h2 { font-size:24px; margin:0 0 10px; color:#fb7d25; font-weight:normal; }
#mitten h3 { font-size:18px; font-weight: normal; margin:0 0 2px; }
#mitten ul, #mitten ol { margin:0 0 16px 20px; padding:0; }
#mitten li { margin:0; padding:0 0 0 5px; }
#mitten ul ul, #mitten ol ol { margin:0 0 0 16px; padding:0; }

#mitten_text { margin:10px 0px 0px 30px; height:100%; width:440px }

/***** Aktuellt *****/
#aktuellt { width:440px; }
#aktuellt h2 { font-size:24px; margin:0 0 10px; color:#fb7d25; font-weight:normal; }
#aktuellt h3 { font-size:14px;color:#fb7d25;font-weight:bold; }

/***** Botten *****/
#botten { clear:both; margin:0 auto; padding:0; width:930px; background-image:url(bilder/botten.gif); height:39px;}


/***** Copyright *****/
#footer { clear:both; margin:0 auto; padding:15px 0; width:930px; text-align:center; color:#908178; }
#footer p { margin:0; padding:0;}
#footer a { color:#908178; text-decoration:none; }
#footer a:hover { text-decoration:underline; }




/***** Blandade classer *****/

a { text-decoration:none; color:#666666; background-color:inherit; }
a:hover { text-decoration:underline; color:#666666; background-color:inherit; }
a img { border:0; }
p { margin:0 0 20px 0; }

.left { margin:3px 10px 2px 0; float:left; }
.right { margin:2px 0 2px 10px; float:right; }

.textright { text-align:right; }
.center { text-align:center; }
.small { font-size:0.8em; }
.bold { font-weight:bold; }
.postinfo { background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; font-size:0.9em; line-height:1.4em; margin:1px 0 20px; padding:8px 5px 8px 8px; }
.clearing { clear:left; padding:0; margin:0; visibility:hidden; }
.hide { display:none; }


/* Texter */
.ingress { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color: #666666; text-decoration: none }
.ingress a { text-decoration: none; border-bottom: 1px dotted; color: #666; }
.ingress a:link { text-decoration: none; border-bottom: 1px dotted; color: #666; }
.ingress a:hover{ text-decoration: none; border-bottom: 1px dotted; color: #333333; }
.ingress a:visited{ text-decoration: none; border-bottom: 1px dotted; color: #666; }
.ingress a:active{ text-decoration: none; border-bottom: 1px dotted; color: #666; }

.brodtext { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color: #666666; text-decoration: none }
.brodtext a { text-decoration: none; border-bottom: 1px dotted; color: #666; }
.brodtext a:link { text-decoration: none; border-bottom: 1px dotted; color: #666; }
.brodtext a:hover{ text-decoration: none; border-bottom: 1px dotted; color: #333333; }
.brodtext a:visited{ text-decoration: none; border-bottom: 1px dotted; color: #666; }
.brodtext a:active{ text-decoration: none; color: #ffffff; background-color:#666}
