/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#000; font:9pt/11pt Verdana, Georgia, "Times New Roman", Times, serif; overflow-x: hidden}

div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{color: #0000FF; text-decoration:none;}
a:hover{text-decoration:underline;}

#body{height:600px; width: 902px; clear: both; margin: auto auto;}
/*----TOP PANEL----*/
#maintopPan{height:277px; margin:0 auto;} 

#topHeaderPan{width:552px; height:277px; float:left;}
#topHeaderPan a{background:#fff; color:#000; text-decoration:none;}
#topHeaderPan ul{width:200px; height:124px; position:relative; top:10px; left:10px;}
#topHeaderPan ul li{width:200px; height:24px; background:url(images/dot-line.gif) 0 100% repeat-x;}
#topHeaderPan ul li a{display:block; width:180px; color:#eee; height:24px; background:url(images/bullet1.gif) 0 9px no-repeat; 
font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 12px;}
#topHeaderPan ul li a:hover{text-decoration:underline; background:url(images/bullet2.gif) 0 9px no-repeat;} 
#topHeaderPan ul li.resources a{display:block; width:180px; color:#ffff00; height:24px; background:url(images/bullet2.gif) 0 9px no-repeat; 
font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 12px;}

#links {position: absolute; width: 300px; top:5px; left:290px; z-index: 50; }
#links a{background:#fff; color:#000; text-decoration:none; font:7pt/10pt Verdana, Arial, Helvetica; font-weight:normal;}
#links a:hover{background:#fff; color:#000; text-decoration:underline; font:7pt/10pt Verdana, Arial, Helvetica; font-weight:normal;}

input.login{font:7pt Verdana, Arial, Helvetica; background:#eee; color:#000;}

#topHeaderPan img{width:73px; height:73px; position:relative; top:6px; left:10px;}
#bild{width:550px; height:261px; position: absolute; margin: 16px 0 0 0;}


/*----Top Side Menu--*/
#topSidemenuPan{width:350px; height:277px; float:left; background:url(grad2.png) 0 100% repeat-x; color:#000;border-right: 1px Solid #666666; }
#topSidemenuPan ul{width:298px;  margin:0 0 0 20px;}
#topSidemenuPan ul li{width:99px; height:277px; float:left;}

#topSidemenuPan ul li.top10{width:99px; height:277px;}
#topSidemenuPan ul li.top10 a{width:99px; height:277px; display:block; background:url(images/10-hover.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.top10 a:hover{width:99px; height:277px; background:url(images/10-hover.jpg) 0 0 no-repeat;}

#topSidemenuPan ul li.top20 a{width:99px; height:277px; display:block; background:url(images/20-hover.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.top20 a:hover{width:99px; height:277px; background:url(images/20-hover.jpg) 0 0 no-repeat;}

#topSidemenuPan ul li.top30 a{width:99px; height:277px; display:block; background:url(images/30-hover.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.top30 a:hover{width:99px; height:277px; background:url(images/30-hover.jpg) 0 0 no-repeat;}

#topSidemenuPan ul li.Installa{width:99px; height:192px;}
#topSidemenuPan ul li.Installa a{width:99px; height:192px; display:block; background:url(images/10-hover.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.Installa a:hover{width:99px; height:192px; background:url(images/10-hover.jpg) 0 0 no-repeat;}

#topSidemenuPan ul li.Elmateri a{width:99px; height:192px; display:block; background:url(images/20-hover.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.Elmateri a:hover{width:99px; height:192px; background:url(images/20-hover.jpg) 0 0 no-repeat;}

#topSidemenuPan ul li.Teknik a{width:99px; height:192px; display:block; background:url(images/30-hover.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.Teknik a:hover{width:99px; height:192px; background:url(images/30-hover.jpg) 0 0 no-repeat;}


/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:902px; clear:both;border-right: 1px Solid #666666; border-left: 1px Solid #666666}

#tabsStartsidan{height:22px;border-bottom: 1px solid #002B7F; margin: 0 auto; margin-top: 0; z-index: 1; position: relative;}
#tabsStartsidan ul{ text-align: left; font: 90% Verdana, Helvetica, sans-serif; margin-left: 10px; margin-top: 4px; z-index: 2; position: relative;}
#tabsStartsidan li{display: inline; list-style: none;}
#tabsStartsidan li a{text-decoration: none; padding: 0.4em 1.5em; margin-right: 0.5em; background: #cccccc; color: #000000; border: 1px solid #002B7F; border-bottom: none}

#tabsStartsidan a:link{color: #000000;}
#tabsStartsidan a:visited{color: #000000;}
#tabsStartsidan a:hover{background: #224A8F; color: #ffffff; }
#tabsStartsidan a#current{background: #FFFFFF; color: #000000; border-bottom: 1px solid #ffffff;}

#tabsInstallation{height:22px;border-bottom: 1px solid #002B7F; margin: 0 auto; margin-top: 0; z-index: 1; position: relative;}
#tabsInstallation ul{ text-align: left; font: 90% Verdana, Helvetica, sans-serif; margin-left: 10px; margin-top: 4px; z-index: 2; position: relative;}
#tabsInstallation li{display: inline; list-style: none;}
#tabsInstallation li a{text-decoration: none; padding: 0.4em 1.5em; margin-right: 0.5em; background: #cccccc; color: #000000; border: 1px solid #002B7F; border-bottom: none}

#tabsInstallation a:link{color: #000000;}
#tabsInstallation a:visited{color: #000000;}
#tabsInstallation a:hover{background: #224A8F; color: #ffffff; }
#tabsInstallation a#current{background: #FFFFFF; color: #000000; border-bottom: 1px solid #ffffff;}


#tabsElmateriel{height:22px;border-bottom: 1px solid #F9DD16; margin: 0 auto; margin-top: 0; z-index: 1; position: relative;}
#tabsElmateriel ul{ text-align: left; font: 90% Verdana, Helvetica, sans-serif; margin-left: 10px; margin-top: 4px; z-index: 2; position: relative;}
#tabsElmateriel li{display: inline; list-style: none;}
#tabsElmateriel li a{text-decoration: none; padding: 0.4em 1.5em; margin-right: 0.5em; background: #cccccc; color: #000000;border: 1px solid #F9DD16; border-bottom: none}

#tabsElmateriel a:link{color: #000000;}
#tabsElmateriel a:visited{color: #000000;}
#tabsElmateriel a:hover{background: #F9DD16; color: #ffffff; }
#tabsElmateriel a#current{background: #FFFFFF; color: #000000; border-bottom: 1px solid #ffffff;}

#tabsTeknik{height:22px;border-bottom: 1px solid #E22424; margin: 0 auto; margin-top: 0; z-index: 1; position: relative;}
#tabsTeknik ul{ text-align: left; font: 90% Verdana, Helvetica, sans-serif; margin-left: 10px; margin-top: 4px; z-index: 2; position: relative;}
#tabsTeknik li{display: inline; list-style: none;}
#tabsTeknik li a{text-decoration: none; padding: 0.4em 1.5em; margin-right: 0.5em; background: #cccccc; color: #000000; border: 1px solid #E22424; border-bottom: none}

#tabsTeknik a:link{color: #000000;}
#tabsTeknik a:visited{color: #000000;}
#tabsTeknik a:hover{background: #E22424; color: #ffffff; }
#tabsTeknik a#current{background: #FFFFFF; color: #000000; border-bottom: 1px solid #ffffff;}

/*----Left Panel----*/
#leftPan{width:550px; float:left; background:url(images/leftpanbg.gif) 0 0 repeat-y; ;}
#leftPan p{padding:0 0 10px 0;}
#leftPan h2{width:230px; height:100px; background:url(images/icon1.gif) 0 50% no-repeat; text-indent:-20000px; margin:0 0 0 10px;}
#leftPan span{width:300px; display:block; color:#214A8C; font:16px/20px Arial, Helvetica, sans-serif; font-weight:bold; margin: 5px 0}
#leftPan td.span{width:300px; display:block; color:#214A8C; font:16px/20px Arial, Helvetica, sans-serif; font-weight:bold; margin: 10px 0}
#leftPan td{color:#000; font:9pt/11pt Verdana, Arial;}


#newsArchive{padding: 0px; height: 400px; width: 545px; overflow: auto;
scrollbar-face-color: #CAE5ED;scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff;scrollbar-3dlight-color: #cccccc;
scrollbar-arrow-color: #666666; scrollbar-track-color: #E4F5FA;scrollbar-darkshadow-color: #cccccc;}
/*----/Left Panel----*/

/*----Right Panel----*/

#rightPan{width:350px; float:left; background:url(images/rightpanbg.gif) 0 0 repeat-y;}
#rightPan h2{width:200px; height:74px; background:url(images/icon4.gif) 0 0 no-repeat #fff; color:#000000; 
font:12px/18px Verdana, Arial, Helvetica, sans-serif; padding:8px 0 0 66px; margin:24px 0 0 36px; }
#rightPan h2 span{font-size:38px; line-height:26px; background:#fff; color:#224A8F; text-transform:none;}

#rightPan ul{width:290px; margin:16px 0 10px 30px;}
#rightPan ul li.dot{background:url(images/bullet.gif) 0 7px no-repeat; height:27px; padding:0 0 0 20px; font-weight:bold;}
#rightPan ul li{background:none; height:47px; padding:0 0 20px 20px;}

#rightPanTjanst{width:350px; float:left; }
#rightPanTjanst h2{width:250px; height:54px; background:url(images/tjanster.gif) 0 0 no-repeat #fff; color:#000000; 
font:12px/18px Verdana, Arial, Helvetica, sans-serif; padding:8px 0 0 66px; margin:24px 0 0 36px; }
#rightPanTjanst h2 span{font-size:26px; line-height:20px; background:#fff; color:#224A8F; text-transform:none;}

#rightPanTjanst ul{width:290px; margin:16px 0 10px 30px;}
#rightPanTjanst ul li.dot{background:url(images/bullet.gif) 0 7px no-repeat; height:10px; padding:0 0 0 20px; font-weight:bold;}
#rightPanTjanst ul li{background:none; height:15px; padding:0 0 0 20px;}



#rightbottomPan2{width:350px; height:24px; background:url(images/rightbottompan.gif) 0 0 no-repeat;}

/*----Right Panel----*/

#footermainPan{height:30px; background:#002B7F; color:#fff; clear:both;}
#footerPan{width:778px; float:left; position:relative;}
#footerPan a{padding:0 5px 0; color:#fff; background:#002B7F; text-decoration:none;}
#footerPan a:hover{text-decoration:underline;}

#footerPan p.copyright{background:#002B7F; color:#ffff00; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; 
position:absolute; top:8px; left:24px;}