@import url("menu.css");
@import url("headers.css");
@import url("colour.css");
@import url("pushar.css");

/* Body */
body { margin:0; padding:0; font: 0.7em Verdana, Arial, Helvetica, sans-serif;}
table { font: 0.7em Verdana, Arial, Helvetica, sans-serif;}
.floatbreak {clear:both;}
img {border: 0;}
hr { width: 50%; height: 1px; border:0; border-top: 1px dotted #ccc;}
/*form div { clear: both;}*/

#container {width: 900px; margin: 0 auto;} /* wraps whole site */

/* Top - icons/links */
#top { padding: 10px 0 0 0; }
#top .left {width: 825px; float: left; padding: 8px 0;}
#top .right {width: 75px; float: right;}
#top .right div {width: 25px; height: 25px; float: left; cursor: pointer;}

/* Generic header (blue) */
#header { width: 890px; height: 85px; border: 5px solid #003a8f; text-align: left;}
#header div { position: absolute; width: 250px; height: 65px; cursor: pointer; }

/* Generic toppush - below header */
#middle { width: 100%; height: 110px; float: left; clear: both;}

/* Content */
#content { width: auto; height: auto; clear: both; padding-top: 20px;}
#content #left { position: relative; width: 200px; height: auto; float: left; clear: left; margin-left: -15px;}
#content #right { width: 700px; height: auto; float: right; clear: right;}

/* Content - menu / left */
#content #left div#search{margin: 15px 0;}
#content #left #search label { width: 100%; margin: 0 0 5px 0; float: none; text-transform: uppercase;}
#content #left #search input { width: 155px; float: left; margin:0; border: 1px solid #bbb;}
#content #left #search input.submit { width: 20px; height: 20px; padding: 0; border: none;} 

/* Content - contents / right*/
#content #right .left, #content #right .right { height: 100px;}
#content #right .left {width: 390px; height: auto; padding-right: 30px; float: left; clear: left;}
#content #right .right {width: 270px; height: auto; padding: 0 0 0 10px; float: right; clear: right;}
#content #right .merged {width: 700px;}

/* Content - pushes */
#right .left .push { width: 360px; }
#right .left .pushtop, .pushbottom { width: 390px; font-size: 0; clear: both; }
#right .left .pushtop {height: 5px;}
#right .left .push { padding: 15px;}
#right .left .pushchar {position: absolute; bottom: 0; width: 80px; height: 170px;  margin: 0 0 -25px -20px;}
#right .left .push .imgpush {position: relative; width: auto; height: auto; margin: -15px -10px -17px -10px; }
#right .left .pushbutton {position: absolute; height: 20px; right: 0; bottom: 0; border: 2px solid #003a8f; margin: 0 15px 15px 0; -moz-border-radius: 5px;}
.pushbutton a, .pushbutton a:link, .pushbutton a:visited { display: block; height: 14px; float: left; padding: 3px 10px; }
#right .left .pushfooter {position: relative; width: auto; height: 12px; padding: 5px; margin: 0 -10px -15px -10px;} /*nyheter*/
#right .left .pushbottom {height: 20px;}

/* Content - right std lists*/
#right .right ul { margin: 15px; padding: 0;}
#right .right li { margin-bottom: 10px;}

/* Content - right minipushes */
#right .right .minipush_top { height: 5px; font-size: 0; }
#right .right .minipush_mid { width: 260px; height: auto; padding: 0 5px;}
#right .right .minipush_bot { height: 20px; clear: both; }

/* Content - right forms in minipush */
#right .right .minipush_mid form {padding-right: 10px;}
#right .right .minipush_mid input.submit { margin-top: 2px;}

/* Content - right lists in minipush */
#right .right .minipush_mid * { margin-top: 0; margin-bottom:0;}
#right .right .minipush_mid ol { margin-right: 5px; list-style: decimal;}
#right .right .minipush_mid li { padding: 5px 0;}

#right .right .minipush_mid ul.newslist, #right .right .minipush_mid ul.newslist li {margin:0; padding:0; list-style: none; font-size: 1.05em;}
#right .right .minipush_mid ul.newslist li { width: 260px; text-align: left;}
#right .right .minipush_mid ul.newslist li span { cursor: pointer;}
#right .right .minipush_mid ul.newslist li a, #right .right .minipush_mid ul.newslist li a:link, #right .right .minipush_mid ul.newslist li:visited { display: block; padding: 5px; text-decoration: none;}

#right .right .minipush_mid .imgpush { width: auto; min-height: 27px; height: auto !important; height: 27px; padding-top: 49px;}
#right .right .minipush_mid .imgpush h1 { font-size: 1.2em; font-weight: bold; color: #ffF; padding: 0.5em; background: url('/img/bg/minipush_bg.png') repeat !important;}
/*#right .right .minipush_mid .imgpush h1 { _background: #00398f;}*/
#right .right .minipush_mid .imgpush h1 a { position: relative; color: #fff;}


/* Content - phonesettings */
#right .left table.phones th { font-weight: normal; padding: 0 0 16px 0;}
#right .left table.phones td a, #right .left table.phones td a:link, #right .left table.phones td a:visited {display: block; padding: 1px;}
#right .left table.phones td a:hover, #right .left table.phones td a:active { border: 1px solid #ccc; padding: 0;}

/* Footer */
#footer { width: 880px; height: 25px; padding: 10px; margin: 20px 0; float: left; clear: both; text-align: right;}
#footer span { float: left;}

/* Content - #right .left-side's forms */
.left form {margin: 0 0 10px 0; padding:0; float: left; clear: both;}
.left .push form { margin: 0;}
.left #search label { display: block; width: 120px; float: left; clear: left; padding: 4px 0; margin-bottom: 1px;}
.left #search input, .left #search div textarea { width: 230px; float: left; clear: right; margin-bottom: 1px; }
.left #search textarea { height: 100px;}
.left #search input.submit { width: auto;}
.left #search input.radio, .right #search div input.radio { width: auto; margin: 0 5px 4px 0;}
.left #search span, .right #search  div span { display: block; margin-bottom: 4px; clear: right;}

/* Content - #right .right-side's forms */
.right form { margin: 0 0 20px 0; padding:0; float: left; clear: both;}
.right form p { padding: 2px; clear: both;}
.right form div label { display: block; width: 100px; float: left; clear: left; padding: 4px 0; margin-bottom: 1px;}
.right form div input, .right form div select { width: 150px; float: right; clear: right; margin-bottom: 1px; }
.right form div select { width: 154px;}
.right form div input.submit { width: auto; float: right; clear: both;}
.right form div input.radio { float: left;}

/* Content - Newsarchive *special list* */
#right dl { margin:10px 0 0 0; padding: 0;}
#right dl dl { margin: 0;}
#right dl dt { font-weight: bold;}
#right dl dl dt { padding-left: 10px; margin: 5px 0;}
#right dl dl dt span { font-weight: normal;}
#right dl dl dd { margin: 0; padding-left: 20px; font-weight: normal;}

/* Content - PDFarchive *special list* */
#right .right ul.pdf { margin-left:0; padding:0;}
#right .right ul.pdf li { list-style: none; height: 12px; padding: 3px 0 3px 25px; margin: 0 0 5px 0; }

/* Content - Lists in running text */
#right .left li { margin-bottom: 5px; margin-top: 0px; list-style: square;}
#right .left ul { margin-top: -10px; }

#content #right .left ul.sitemap { margin-top: 0px; margin-left: 0px; }
#content #right .left li.sitemap { margin-bottom: 0px; margin-top: 0px; list-style-type: none; }



/* Content - Imagetexts and images in running text */
#right span.imgtag, #right span.imgtag_right, #right span.imgtag_left { display: block; font-style: italic;} 
#right span.imgtag_right { float: right; margin: 10px 0 10px 10px;} /* floats on right side of the text */
#right span.imgtag_left { float: left; margin: 10px 10px 10px 0;} /* floats on left side of the text */
#right span img { display: block; border: 2px solid #ccc;}

#right .BildRuta, #right .BildRuta_right, #right .BildRuta_left { display: block; font-style: italic;} 
#right .BildRuta_right { float: right; margin: 10px 0 10px 10px;} /* floats on right side of the text */
#right .BildRuta_left { float: left; margin: 10px 10px 10px 0;} /* floats on left side of the text */
#right .BildRuta img, #right .BildRuta_right img , #right .BildRuta_left img { display: block; border: 2px solid #ccc;margin:0;padding:0;}

#content #right .left .trafficlights { width: 132 px; height: 44 px; float: right; }
#content #right .left .driftinfotext { width: 250 px; height: auto; float: left; }