* { font-family: arial, helvetica, sans-serif;}
body { padding: 0; margin: 0; font-size: 0.9em;}

a, a:link, a:visited { text-decoration: none; }
a:hover, a:active { }

img {border: 0;}
div.floatbreak { clear:both; padding:0 !important; margin:0 !important;}

#top { }
#logo { /*width: 569px; ORIGINAL BREDD */ width: 770px; height: 117px; margin: 0 auto;}

#middle { padding: 10px 0;}
#menu { width: 750px; margin: 0 auto;}
#menu div {width: 150px; float: left; margin: 0 5px;}

#content { padding: 10px 0;}
#innercontent { width: 750px; margin: 0 auto; font-size: 0.9em;}
#left, #right { height: auto;}
#left { width: 530px; float:left;}
#right { width: 212px; float:right;}

#left div, #right div { position: relative; margin-bottom: 8px; background: #fff; z-index: 2;}
#left .frame_type1, #left .frame_type2, #left .frame_type3 { padding: 15px;}
#right div { padding: 15px 10px;}
.frame_type1 {width: auto;}

a.testimg, a.testimg:link, a.testimg:visited { display: block; margin: 5px 0; padding: 5px 5px 2px 5px;}
a.testimg:hover, a.testimg:active { }

#left .frame_type2 {width: 260px; float: left;}
#left .frame_type3 {width: 202px; float: right;}

#left h1, #right h1 { font-size: 1.5em; margin: 0 0 10px 0;}
#left h1 span, #right h1 span { font-weight: 100; }

.news { margin-bottom: 10px; padding:0; margin:0;}
.news div.left, .news div.right { padding:0; margin:0;}
.news div.left { width: 40px; padding:0; float: left; text-align: center;}
.news div.right { width: 433px; padding: 7px 9px 0 9px; float: right; border-left: 2px solid #c0ac00; background: url(../img/index/main/bg_news.gif) repeat-y !important;}

/*.news .date { padding: 0 10px 0 0; vertical-align: top;}*/
.news div.left span { position: relative;}
.news div.left span.day {font-size: 1.8em;}
.news div.left span.month {display: block; margin: -6px 0; font-size: 1.3em; letter-spacing: 1px;}
.news div.left span.year {font-size: 0.8em;}

/*.news .text { width: 100%; border-left: 2px solid #c0ac00; padding: 0 0 5px 10px; }*/
.news h2 { margin: 0; padding: 3px 0; font-size: 1.3em; font-weight: normal; border-bottom: 1px dotted #ccc; }
.news h2 a, .news h2 a:link, .news h2 a:visited { color: #076bf4; text-decoration: none;}
.news h2 a:hover, .news h2 a:active { color: #1e90ff;}
.news p { margin: 5px 0 10px 0; }

.archive { width: 100%; text-align: left;}
.archive thead {}

#left div.gallery { width: auto; height: auto; margin:0; /*background: #000;*/}
#left div.gallery img  { border: 1px solid #ccc;}
#left div.gallery img.selected { border: 1px solid #076bf4;}
#left span#pics { display: block; padding: 2px 5px 5px 5px; color: #ccc; text-align: right;}

#left div.gallery_img { width: auto; height: auto; padding:0;}

#footer { position: relative; height: 170px; /*margin-top: -50px;*/ z-index: 1;}
.innerfooter {width: 750px; margin: 0 auto; padding-top: 50px; font-size: 0.75em;}

/* LÄNKAR OCH MENYER */

a, a:link, a:visited { color:#076bf4; }
a:hover, a:active {}

/*HUVUDMENYN*/
#menu a, #menu a:link, #menu a:visited {text-decoration: none;}
#menu a:hover, #menu a:active {}

/*NYHETSARKIV*/
#left h1.arkivrubrik, #right h1.altmeny {margin: 0; padding-bottom: 10px; border-bottom: 1px dotted #ccc;}
a.arkivmeny, a.arkivmeny:link, a.arkivmeny:visited {width: 250px; float: left; padding: 5px; border-bottom: 1px dotted #ccc; color: #000; text-decoration: none;}
a.arkivmeny:hover, a.arkivmeny:active { color: #666; Background: #eee;}
/*extern h6 visa vidare länk */
h6 { position: relative; display: block; margin: 5px 0 0 0; text-align: right; clear: both; font-size: 0.8em;}
h6 img { position: relative; margin: 0 0 -1px 0;}
h6 a, h6 a:link, h6 a:visited { /*position: relative; display: block; float: right;*/ margin:0; padding: 3px; color: #076bf4; text-decoration: none;}
h6 a:hover, h5 a:active {color: #1e90ff;}

/*ALT. MENY*/
a.altmeny, a.altmeny:link, a.altmeny:visited,
a.altmeny2, a.altmeny2:link, a.altmeny2:visited { display: block; padding: 5px; border-bottom: 1px dotted #ccc; color: #000; text-decoration: none;}
a.altmeny2, a.altmeny2:link, a.altmeny2:visited { padding-left: 20px;}
a.altmeny:hover, a.altmeny:active,
a.altmeny2:hover, a.altmeny2:active { background: #f9f9f9;}

#right #testmeny1, #right #testmeny2 { margin: 0; padding: 0;}
#right #testmeny1 span, #right #testmeny2 span {display: block; padding: 5px; border-bottom: 1px dotted #ccc;}

/*FOOTERLÄNK*/
#footer a, #footer a:link, #footer a:visited { text-decoration: none;}

/* LÄNKAR OCH MENYER - SLUT */

/*TABELLER*/
table.kontakt { width: 100%;}
table.kontakt thead td {padding-bottom: 10px; text-align: left; font-weight: bold; letter-spacing: -1px; color: #ccc;}
table.kontakt td, table.kontakt th {vertical-align: top; text-align: left;}
table.kontakt th { }
table.kontakt td { text-align: right; padding-bottom: 5px;}