/*
   Style sheet made by Jonas Sjölund - Estiteco Consulting 2008-01-08
   Instruction found at www.webdesignskolan.com 
*/

/* centrerar text och bilder */
#overallcontainer .center
{
text-align : center;
}

body 
{font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; 
background-image: url(bilder/background1.gif);
background-position : center;
}
#overallcontainer 
{
margin: auto;/*Centrering i FF och IE7*/
text-align : center;/*För att få centrering i IE6*/
background: #ffffff; 
width: 930px;
} /* För att få gemensam bakgrundsfärg i Firefox */
#overallcontainer *
{
text-align : left;/*För att slippa allmän centrering av texten...*/
}

#sidhuvud {float: left; width: 760px; margin-top: 20px; padding-top: 5px; padding-bottom: 5px;  background: #ffffff; }
/* #kolumncontainer {background: #f2f2f2; float: left; width: auto;}  två kolumner omslutna av en kolumncontainer för att ge bakgrundsfärg även på tomma ytor 
#kolumn1 {float: left; width: 75px; padding: 30px 10px 10px 20px; font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000;}
#kolumn2 {float: left; width: 580px; padding: 20px 20px 20px 20px; background: #ffffff;}
#kolumn3 {float: left; width: 15px; padding: 10px 10px 10px 10px; }
*/
#sidfot {float: left; width: 900px; padding: 3px; background: url(bilder/top_menu_bar.gif); text-align: center; font: 10px  Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff;}
#overallcontainer .adress {text-align: center; font: 12px  Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff;}
.scrollbox {padding: 10px; border-left: 2px solid #2257d5; border-right: 2px solid #2257D5; height: 330px; width: 495px; overflow: auto; background-color: #ffffff;}
#estiteco {float: left; color: #d0d0d0; font-size: 10px; margin-top: 5px;}

h2 {font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; margin-bottom: 5px;}

a:link{color: #0040c8; text-decoration:none;}
a:visited {color: #0040c8; text-decoration:none;}
a:hover{color:#0040c8; text-decoration:underline;}

a.estiteco{color: #d0d0d0; text-decoration:bold;}
a.estiteco:visited {color: #d0d0d0; text-decoration:bold;}
a.estiteco:hover{color: #d0d0d0; text-decoration:underline, bold;}

a.sidfot{color: #ffffff; text-decoration:bold;}
a.sidfot:visited {color: #ffffff; text-decoration:bold;}
a.sidfot:hover{color: #ffffff; text-decoration:underline, bold;}


#spacerheight {float: left; width: 760px; padding: 5px 10px 5px 10px; }
#spacerheight_small {width: 190px; padding: 5px 10px 5px 10px; }
#spacerheight_smaller {width: 190px; padding: 2px 10px 2px 10px; }
#spacerwidth {float: left; width: 15px; padding: 5px 10px 5px 10px; }

/* Meny */

#menycontainer ul{margin-left: 0; padding-left: 0; float: left; background: url(bilder/top_menu_bar.gif);
width : 100%;/*Detta gör att menyn ser ok ut i IE7*/
}
#menycontainer li{display: inline; }
#menycontainer ul a{float: left; text-decoration: bold; margin-right: 0.7em; padding: 0.3em 1.8em;}

#menycontainer a:link{color: #ffffff;}
#menycontainer a:visited{color: #ffffff;}
#menycontainer a:hover{text-decoration: underline;}
#menycontainer a#current{color: #ffffff;}

/* kolumner */

#container1 {float: left; width: 170px; background: #ffffff;}
.content1 {padding: 10px; margin-bottom: 10px; }
.content1top {color: #ffffff; text-decoration: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; background: url(bilder/top_menu_bar.gif); }

#container2 {float: left; margin-left: 20px; margin-right: 20px;  width: 500px; background: #ffffff;}
.content2 {padding: 10px; }
/* Ändrat lite för att inte texten ska överlappa bilden i ff */
#col1{width: 100px; float: left; padding: 2px; clear : left; display : inline;}
#col2{width: auto; padding: 10px; float : left; display: inline;}

#container3 {float: left; width: 190px; background: #ffffff;}
.content3 {padding: 10px; margin-bottom: 10px;}
.content3top {color: #ffffff; text-decoration: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; background: url(bilder/top_menu_bar.gif); }

#contactform {clear : both; margin-top: 20px;}