/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

#* { padding: 0; margin: 0; }

body {
 margin:0px;
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 background: #eee url(sajtbild/bg.png) repeat-y top center;
}

body { SCROLLBAR-ARROW-COLOR: black; SCROLLBAR-BASE-COLOR: #ffb850; }

a { color: blue; }
a:hover { text-decoration:none; }
#wrapper { 
 margin: 0 auto;
 padding: 10px;
 width: 1001px;
 position:relative;
}
#banner {
 width: 100%;
 float: left;
 padding-bottom: 10px;
 height: 90px;
 margin: 0px 0px 0px 0px;
 position:relative;
}
#header {
 width: 100%;
 float: left;
 padding: 0px;
 height: 66px;
 margin: 0px 0px 10px 0px;
 position:relative;
}

#uppdraget { float:left; padding-top:10px; width:400px; color:gray; position:relative; }

#googleform { text-align:right; padding-top:40px; width:300px; float:right; position:relative; }


#navigation {
 float: left;
 width: 100%;
 color: #333;
 padding: 0px;
 border-top: 1px solid brown;
 border-bottom: 1px solid brown;
 
 margin: 0px 0px 0px 0px;
 background: #ffcc99;
 position:relative;
}

#datumslogan { float:right; text-align:right; width:40%; color:brown; font-style:bold; position:relative; }
#slogan { float:left; width:40%; color:brown; position:relative; }
#leftcolumn { 
 border: none;
 width: 130px;
 float: left;
 margin-right:5px;
 padding:10px 10px 0px 0px;
 position:relative;
}

#meny { border-bottom: 1px solid burlywood; position:relative; }

#meny ul { list-style-type:none; margin:0px; padding:0px; }

#meny a { display:block; border:1px solid burlywood;
padding-left:15px;
border-bottom:none;
background:cornsilk url(sajtbild/bullet.gif) no-repeat 5px 50%;
color:blue;
text-decoration:none;
}

#meny a:hover { background:#ffcc99 url(sajtbild/orange_pil.gif) no-repeat 5px 50%; color:brown; }

#skugga { float:left; background: #c1c1c1; width:686px; margin-top:15px; position:relative; margin-bottom:10px; }
#ram { float:left; background: #fff; top:-5px; left:-5px; position:relative; padding:10px; border:1px solid maroon; }

#inside { width: 664px; float: left; background:#fff url(sajtbild/line-y.png) repeat-y 477px 0px;}
#inside p { line-height: 16px; }

#leftmiddle { 
 margin: 0px 0px 0px 0px;
 border-left:0px solid #ccc;
  border-right: 0px dotted #000;
 padding: 0px 10px 0px 0px;
 width: 468px;
 float: left;
 position:relative;
}

#sokleftmiddle { 
 margin: 10px 0px 0px 0px;
 border-left: 0px solid #ccc;
 padding: 0px 0px 10px 10px;
 width: 850px;
 float: left;
 position:relative;
}


#rightmiddle { 
 border-left: 0px dotted #000;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 width: 175px;
 float: left;
 position:relative;
}
#rightcolumn { 
 padding:0px 0px 0px 10px;
 margin: 10px 0px 0px 0px;
 width: 160px;
 float: left;
 position:relative;
}
#footer { 
 clear: both;
 background:#fff url(sajtbild/line-x.png) repeat-x 0px 0px;
 color:darkgray;
 margin: 0px 0px 0px 0px;
 padding: 2px;
 position:relative;
}

#footer a { 
 color:darkgray;
}















#hogerreklam { 
 width:160; 
 background:none; 
 position:relative;  
}


 
#senaste ul { 
 padding:0px; 
 margin:0px; 
 list-style-type:none; 
}
#senaste li { 
 border:1px solid burlywood; 
 background:cornsilk; 
 margin-bottom:10px; 
 padding:2px; 
}
#senaste h5 { 
 background:#F2CD68; 
 width:100%; 
 margin:0px; 
 font:bold 9pt verdana; 
}
#senaste a { 
 background:url(bilder/orange_pil.gif) no-repeat 5px 5px; 
 padding-left:15px; 
}

#vidare { 
 background:white url('bilder/orange_pil.gif') no-repeat 5px 5px; 
 padding-left:15px; 
}

#lankreklam ul { 
 padding:0px; 
 margin:0px; 
 list-style-type:none; 
 border-top:1px solid #bbb; 
 border-bottom:1px solid #fff; 
}
#lankreklam li { 
 border-bottom:1px solid #bbb; 
 border-top:1px solid white; 
 background:#ddd; 
}
#lankreklam a { 
 background:url('bilder/orange_pil.gif') no-repeat 5px 5px; 
 padding-left:15px; 
}

#justnu { 
 text-align: center;
 font: 8pt georgia, verdana, helvetica, sans-serif; 
 color: brown; 
}

#blrubrik, #blrubriknamn { margin:10px 0px 0px 0px; }
#blrubriknamn { margin:0px; }
#blrubrik a { color:black; text-decoration:none; }
#blrubrik a:hover { color:brown;  }

#blrubriknamn a { color:gray; text-decoration:none; font:normal 8pt georgia }
#blrubriknamn a:hover { color:brown; }

#clear { clear:both; }

#logga { float:left; width:285px; }

#komlank { color:black; text-decoration:none; }
#komlank:hover { color:brown; text-decoration:none; }

#lankpil { 
 background:url(bilder/orange_pil.gif) no-repeat 5px 5px; 
 padding-left:15px; 
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


#tolk2 {
 background:#fff; 
}
#tolk2 a img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
#tolk2 a:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; }
}

#bloggpuff:link, #bloggpuff:visited { color: black;}
#bloggpuff:hover { color:brown; }