﻿/* Generella formateringar */
*  {margin: 0; padding: 0;}
body {font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #01305A; background-image: url('../images/bg.jpg'); background-repeat: no-repeat;}
img {border: 0;}

/* Textformatering */
h1 {margin: 0 0 10px 0px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; line-height: 28px; letter-spacing: -1px; color: #132c42;}
h2 {margin: 0px 0 8px 0px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #132c42;}
h3 {margin: 0 0 8px 0; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #132c42;}
h4 {margin: 0 0 5px 0; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #132c42;}
h5 {margin: 0 0 3px 0; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #132c42;}

/* Formatering av stadardankare */
a:link {text-decoration: none; color: #3468a4;}
a:visited {text-decoration: none; color: #3468a4;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

/* Placeholder */
#wrapper {width: 800px; margin: 0 auto; background-color : #FFF;}
#contentwrapper {width: 800px; min-height: 350px;}
#content_colLeft {float: left; width : 510px; margin: 20px 0px 20px 20px;}
#content_colRight {float: right; width: 220px; margin: 20px 20px 20px 20px;}

/* Header */
#header {height: 70px; background-color: #FFF;}
#header_in {margin: 5px 0; width:800px; height: 60px;}
#logo {margin-left: 20px; float: left;}
.header_icon {margin: 24px 20px 0 0; float: right;}
#banner_start {height: 140px; width: 800px; background-image: url('../images/banners/banner_start.png');}
#banner_kontakt {height: 140px; width: 800px; background-image: url('../images/banners/banner_kontakt.png');}
#banner_strifast {height: 140px; width: 800px; background-image: url('../images/banners/banner_strifast.png');}
#banner_strifin {height: 140px; width: 800px; background-image: url('../images/banners/banner_strifin.png');}
#banner_stristip {height: 140px; width: 800px; background-image: url('../images/banners/banner_stristip.png');}
#banner_stritid {height: 140px; width: 800px; background-image: url('../images/banners/banner_stritid.png');}
#banner_tjanster {height: 140px; width: 800px; background-image: url('../images/banners/banner_tjanster.png');}

/* Topmenu */
#topmenu {margin: 0px auto; padding: 0px 0px 0px 6px; width:794px; height:30px; background: url('../images/menu/topmenu1.gif') repeat-x; }
#topmenu ul {list-style-type: none; text-align: center;}
#topmenu ul li {float: left; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
#topmenu ul li a {text-decoration: none; color: #FFF; float: left; height: 23px; padding: 7px 15px 0 15px;}
#topmenu li a:hover, #current {background: url('../images/menu/topmenu2.gif'); 
color: #FFF;
}

/* Submenu */
#submenu {margin: 0px auto; padding: 0px 0px 0px 6px; width:732px; height:30px; background: url('../images/menu/submenu1.gif') repeat-x; }
#submenu ul {list-style-type: none; text-align: center;}
#submenu ul li {float: left; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
#submenu ul li a {text-decoration: none; color: #FFF; float: left; height: 23px; padding: 7px 15px 0 15px;}
#topmenu li a:hover, #current {background: url('../images/menu/topmenu2.gif'); 
color: #FFF;
}

/* Content leftcolumn */
.colLeftList ul {list-style-type: disc; margin-left: 30px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #132c42; line-height: 20px;}

/* Content rightcolumn news */
.colRight_News {margin: 10px 0 10px 10px;}
.colRight_News h1{padding: 0 10px; color: #132c42; font-size: 12px; font-weight: bold; line-height: 1.8em; letter-spacing: normal; border-bottom: 1px #132c42 solid; border-top: 1px #132c42 solid;}
.colRight_News h2{margin: 0 12px; color: #132c42; font-size: 12px; font-weight: bold;}
.colRight_News p{margin: 0 8px 1em 12px; color: #000; font-size: 12px;}

/* Content rightcolumn menu */
#colRightMenuBox {width: 220px; float: right;}
#colRightMenuBox .colRightMenuBox_middle {background-color: #fff;}
#colRightMenuBox .colRightMenuBox_middle_in {padding: 10px 0px;}
.colRightMenu {border-top: 1px solid #808080; border-bottom: 1px solid #808080; border-bottom-width: 0; width: 220px;}
* html .colRightMenu {width: 220px;}
.colRightMenu ul {list-style-type: none;}
.colRightMenu a {font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding: 10px 20px; display: block; width: 190px; color: #132c42; text-decoration: none; border-bottom: 1px solid #808080; /*Define width for IE6's sake*/ }
html>body .colRightMenu a {width: auto;}
.colRightMenu a:hover {background-color: #e3effb; color: #3468a4;}
.colRightMenu .vald {color: #3468a4;}

/* Footer */
#footer {clear: both; background-color: #fff; height: 65px;}
#footer_in {width: 800px; margin: 0 auto; color: #fff; height: 50px; background-color: #152f45;}
#footerText {padding: 16px 15px 18px 20px; color: #3d7ac0; font-size: 12px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#footerCopyright {width:800px; margin: 0 auto; color: #3d7ac0; height: 40px;}
#footerCopyrightText {padding: 15px 0px 15px 0px; color: #3d7ac0; font-size: 10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0; text-align: center;}

/* Textformatering (special) */
.ingress {font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #132c42; text-decoration: none}
.brodtext {font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #132c42; text-decoration: none}
.bold_vit {color: #FFF; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.citat {margin: 0 40px 0 20px; padding: 10px 10px;font-family : 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #132c42; text-decoration: none; background-color: #F7F7F7; border-top: 1px #152f45 solid; border-bottom: 1px #152f45 solid;}

/* Puff */
.puff {margin: 10px 0px;}

/* Bildformatering */
.img_center {text-align: center;}
.img_left {margin: 10px 0px;}