@charset "utf-8";
/* CSS Document */

body { background: url(img/bg.gif) #1f1f1f; background-repeat: repeat-x; margin: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.clear {clear: both;}

a {color: #666666;}
a:hover {color: #be3e2b;}


h1 { color: #000000; width: auto; font-family:Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px;}
h2 { color: #be3e2b; font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000000;}
h4 { font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; color: #be3e2b;}
p {}

#wrapper { width: 800px; height: auto; margin: auto;}
#extrabar { float: right; background: url(img/extrabar.gif); width: 170px; height: 22px; color: #666666; text-align: center; padding-top: 17px; font-size: 10px;}

#top {text-align:right; margin-top: 10px;}
#logo {float: left;}

#menu {
float:left;
width:600px;
font-size:11px;
text-transform: uppercase;
line-height:normal;
padding-top: 15px;
}

#menu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
float: right;
}

#menu li{
display:inline;
margin:0;
padding:0;
}

#menu a {
float:left;
background:url(img/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
margin-right: 2px;
}

#menu a span {
float:left;
display:block;
background:url(img/tab-right.gif) no-repeat right top;
padding:3px 9px 3px 0px;
font-weight:bold;
color:#FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */

#menu a:hover span {
color: #FFFFFF;
}

#menu #current a {
background-position:0 -125px;
}

#menu #current a span {
background-position:100% -125px;
color: #FFFFFF;
}

#menu a:hover {
background-position:0% -125px;
}

#menu a:hover span {
background-position:100% -125px;
}

#main {
margin-top: 5px;
background: url(img/it_system1.jpg);
padding-left: 20px;
padding-top: 64px;
width: 780px;
height: 200px;}

.kontakt {background-image: url(img/7.jpg); margin-top: 5px;
padding-left: 10px;
padding-top: 0px;
width: 790px;
height: 158px;}

.nyheter {background-image: url(img/2.jpg); margin-top: 5px;
padding-left: 10px;
padding-top: 0px;
width: 790px;
height: 158px;}

.karriar {background-image: url(img/5.jpg); margin-top: 5px;
padding-left: 10px;
padding-top: 0px;
width: 790px;
height: 158px;}

.partners {background-image: url(img/6.jpg); margin-top: 5px;
padding-left: 10px;
padding-top: 0px;
width: 790px;
height: 158px;}

.erbjudande {margin-top: 0px;
background: url(img/4.jpg);
padding-left: 20px;
padding-top: 0px;
width: 780px;
height: 158px;
text-align: center;}

.omcodback {background-image: url(img/3.jpg); margin-top: 5px;
padding-left: 10px;
padding-top: 0px;
width: 790px;
height: 158px;}

.erbjudande h1 {font-size: 48px; line-height:48px;}
.erbjudande h1 a { text-decoration: none;}
.erbjudande h1 a:hover {text-decoration: underline;}


#middle {
width: 760px;
padding: 20px;
padding-top: 30px;
padding-bottom: 30px;
height: auto;
background: #FFFFFF url(img/bottom.gif);
background-position: bottom;
background-repeat: no-repeat;
}

#content { width: 500px; float: left;}
#content li{padding-top: 10px;}
#content p {margin-top: 10px; border-left: #e8e8e8 solid 1px; padding-left: 10px; line-height: 18px;}
.subli {font-size: 10px;}


#sidebar { width: 247px; float: right;}
#sidebar p{line-height: 12px; font-size: 10px; color: #666666;}
#sidehead { width: 237px; background: url(img/sideheader.gif); height: 12px; padding: 5px; padding-top: 10px; text-align:center; font-weight: bold; color: white;}
.second {margin-top: 20px;}
#sidecontent { width: 227px; background: url(img/sidebtm.gif); background-position: bottom; height: auto; padding: 10px; padding-bottom:15px; padding-top:15px;}
.submenu {background: url(img/submenu.gif); height: 17px; width: 212px; margin-bottom: 5px; margin-left: 5px; padding-top: 5px;padding-left: 25px; font-weight: bold; font-size:10px;}
.submenu a{color: white; text-decoration: none;}
.submenu a:hover{color: white; text-decoration: underline;}

.icon { float:left; width: 22px;}
.latestnews {float:right; width: 200px; font-size: 10px; color:#666666;}


#footer {width: 800px; padding: 10px; color:#666666; font-size: 10px; text-align:right; margin: auto;}
textarea { width: 450px; height: 150px;}
input {}
.forms {float: left; width: 49%}
.yes { width: 89%; background: #cee0cc; border: 1px solid #8db56f; padding: 3px; color: #000000; font: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-left: 10px; margin-top: 10px;}
.no { width: 89%; background: #e7cec9; border: 1px solid #c67e7e; padding: 3px; color: #000000; font: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-left: 10px; margin-top: 10px;}
.rfield { width: 205px;}

.sicon {float: left; width: 50px; margin-top: 10px;}
.icap {float: left; width: 200px; margin-top: 7px; line-height: 14px;}
.icap a{color: #be3e2b;}
.icap a:hover{color: #666666;}