html, body{ 
 margin:0; 
 padding:0;
} 

html{
 font-size:100%;
}

body{
 font-size:62.5%;
 background:#EEEEEE;
}

p{
 text-align:left;
 margin-bottom:26px;
 margin-top:0px;
 margin-right:0px;
 text-indent:0px;
 direction:ltr;
}

span{
 font-family:Verdana,Sans-Serif;
 font-size:67%;
}

#pagewidth{ 
 background:#81BCD0 url(../images/bg3_test.jpg);
 width:1050px;
 height:667px;
 text-align:left;
 margin-top:20px;
 margin-left:auto;
 margin-right:auto;
 border:1px solid #CCCCCC;
 z-index:1;
}

#pagewidth2{
 background:#FFFFFF;
 width:1050px;
 height:667px;
 text-align:left;
 margin-top:20px;
 margin-left:auto;
 margin-right:auto;
 border:1px solid #CCCCCC;
 position:relative;
 z-index:1;
}

#wrapper{
 overflow:hidden;
 z-index:5;
}

#twocols{
 width:1050px;
 float:left;
 position:relative;
 z-index:10;
}

#fullMiddle{
 width:1050px;
 height:667px;
 position:relative;
 overflow:auto;
 z-index:20;
}

#middleContent{
 width:1050px;
 top:0px;
 position:relative;
 background-color:#FFFFFF;
}

#mainContent{
 width:983px;
 height:420px;
 float:left;
 position:absolute;
 margin-top:140px;
 margin-left:45px;
 z-index:50;
}

#grodan{
 width:107px;
 height:69px;
 float:left;
 position:absolute;
 top:-80px;
 left:420px;
 z-index:200;
}

#contentExchangeArea{
 width:800px;
 height:460px;
 float:left;
 position:relative;
 z-index:50;
}

#printOrderArea{
 width:800px;
 float:left;
 position:relative;
 z-index:50;
}

#leftContent{
 width:150px;
 height:420px;
 float:left;
 z-index:50;
}

#topleftContent{
 width:113px;
 height:85px;
 float:left;
 padding-left:30px;
 z-index:50;
}

#infoImage{
 margin-left:1px;
 margin-top:8px;
}

#bottomleftArea{
 width:135px;
 height:230px;
 float:left;
 padding-left:15px;
 z-index:50;
}

#bottomleftAreaBg{
 background:url(../images/info_bg2.gif);
 margin-top:10px;
 width:135px;
 height:215px;
 float:left;
 z-index:50;
}

#bottomleftContentArea{
 margin-top:40px;
 margin-left:15px;
 width:105px;
 height:160px;
 float:left;
 z-index:50;
}

#bottomleftContentNewsBox{
 width:105px;
 height:85px;
 float:left;
 overflow:hidden;
 z-index:50;
}

#bottomleftContentHeadline{
 font-family:Arial, Sans-Serif;
 font-weight:bold;
 font-size:8pt;
 width:105px;
 height:15px;
 float:left;
 overflow:hidden;
 z-index:50;
}

#bottomleftContentBody{
 font-family:Arial, Sans-Serif;
 font-size:7pt;
 text-decoration:none;
 width:105px;
 height:70px;
 float:left;
 overflow:hidden;
 z-index:50;
}


#centerleftContent{
 width:200px;
 height:420px;
 float:left;
 z-index:50;
}

#topcenterleftContent{
 background:url(../images/panelr3.gif);
 width:200px;
 height:420px;
 float:left;
 z-index:50;
}

#bottomcenterleftContent{
 width:200px;
 height:420px;
 float:left;
 z-index:50;
}

#centerrightContent{
 width:180px;
 height:420px;
 float:left;
 z-index:50;
}

#topcenterrightContent{
 background:url(../images/panel2r3.gif);
 width:180px;
 height:420px;
 float:left;
 z-index:50;
}

#bottomcenterrightContent{
 width:180px;
 height:420px;
 float:left;
 z-index:50;
}

#rightContent{
 width:220px;
 height:420px;
 float:left;
 position:relative;
 z-index:50;
}

#toprightContent{
 background:url(../images/panel3r3.gif);
 width:220px;
 height:248px;
 float:left;
 position:relative;
 z-index:50;
}

#bottomrightContent{
 width:210px;
 height:30px;
 float:left;
 position:relative;
 padding-left:4px;
 z-index:50;
}

#submitContent{
 width:220px;
 height:27px;
 float:left;
 position:relative;
 padding-top:2px;
 padding-bottom:0px;
 margin-bottom:0px;
 z-index:50;
}

#bottomBarContent{
 width:465px;
 height:30px;
 float:left;
 overflow:hidden;
 position:absolute;
 top:580px;
 left:300px;
 z-index:70;
}

#bottomBarLeft{
 width:445px;
 height:30px;
 float:left;
 overflow:hidden;
 position:absolute;
}

#bottomBarRight{
 width:20px;
 height:30px;
 float:left;
 overflow:hidden;
 position:absolute;
 left:440px;
}

#bottomBarTack{
 width:465px;
 height:30px;
 float:left;
 position:absolute;
 overflow:hidden;
 left:275px;
 bottom:10px;
 z-index:50;
}

#centerContent{
 width:250px; 
 float:right;
 position:absolute;
 top:150px; right:0px; left:350px;
 display:inline;
}

#subContent{
 margin-top:80px;
 margin-left:100px;
}

#serviceArea{
 padding:10px;
 height:250px;
 width:520px;
 float:left;
 position:relative;
 z-index:100;
}

#kundserviceArea{
 height:300px;
 width:800px;
 margin-top:10px;
 margin-left:10px;
 position:relative;
 overflow:auto;
 z-index:100;
}

#kundserviceMenu{
 background-color:#359F47;
 border-left:2px solid #C2DB2A;
 border-top:2px solid #C2DB2A;
 border-right:2px solid #BCC41A;
 height:25px;
 width:540px;
 text-align:center;
 position:relative;
 overflow:hidden;
 z-index:100;
}

#kundserviceformArea{
 background-color:#FFFFFF;
 border-left:2px solid #CADB2A;
 border-bottom:2px solid #BCC41A;
 border-right:2px solid #BCC41A;
 padding-top:10px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:20px;
 width:520px;
 float:left;
 position:relative;
 z-index:100;
}

#kundserviceHeader{
 color:#005500;
 font-size:16pt;
 font-family:Verdana,Sans-Serif;
 font-weight:bold;
 line-height:25px;
 width:520px;
 float:left;
 position:relative;
 z-index:100;
}

#kundserviceContent{
 font-family:verdana;
 font-size:8pt;
}

#infoArea{
 height:300px;
 width:800px;
 margin-top:10px;
 margin-left:10px;
 position:relative;
 overflow:auto;
 z-index:100;
}

#infoMenu{
 background-color:#359F47;
 border-left:2px solid #C2DB2A;
 border-top:2px solid #C2DB2A;
 border-right:2px solid #BCC41A;
 height:25px;
 width:540px;
 text-align:center;
 position:relative;
 overflow:hidden;
 z-index:100;
}

#infoformArea{
 background-color:#FFFFFF;
 border-left:2px solid #CADB2A;
 border-bottom:2px solid #BCC41A;
 border-right:2px solid #BCC41A;
 padding-top:20px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:20px;
 width:520px;
 float:left;
 position:relative;
 z-index:100;
}

#infoDate{
 color:#999999;
 font-size:8pt;
 font-family:Verdana,Sans-Serif;
 width:520px;
 float:left;
 position:relative;
 z-index:100;
}

#infoHeader{
 color:#000000;
 font:bold 1.8em Arial, sans-serif;
 margin-bottom:10px;
 width:520px;
 float:left;
 position:relative;
 z-index:100;
}

#infoIntro{
 font-family:Verdana, Sans-Serif;
 font-weight:bold;
 font-size:8pt;
}

#infoContent{
 margin-top:10px;
 font-family:Verdana, Sans-Serif;
 font-size:8pt;
}

#infoSeparator{
  margin-top:20px;
  margin-bottom:20px;
}

#submitQuestion{
 width:220px;
 height:27px;
 float:left;
 position:relative;
 z-index:100;
}

#faqArea{
 background-color:#FFFFFF;
 border:1px solid black;
 margin-top:25px;
 padding:10px;
 width:520px;
 float:left;
 position:relative;
 z-index:100;
}

#faqHeader{
 color:#005500;
 font-size:16pt;
 font-family:Verdana,Sans-Serif;
 font-weight:bold;
 line-height:25px;
 width:520px;
 float:left;
 position:relative;
 z-index:100;
}

#faqQuestion{
 color:#0055CC;
 font-size:10pt;
 font-family:Verdana,Sans-Serif;
 font-weight:bold;
 margin-top:20px;
 width:520px;
 float:left;
 position:relative;
 z-index:100;
}

#faqAnswer{
 color:#000000;
 font-size:8pt;
 font-family:Verdana,Sans-Serif;
 width:520px;
 float:left;
 position:relative;
 z-index:100;
}


#bestallContent{
 height:405px;
 width:720px;
 margin-top:10px;
 margin-left:20px;
 position:relative;
 overflow:auto;
 z-index:100;
}

#customerInformation {
 background-color:#FFFFFF;
 border: 1px solid black;
 padding:10px;
 width:520px;
 margin-top:20px;
 float:left;
 position:relative;
 z-index:100;
}

#addservicesBox {
 background-color:#FFFFFF;
 border: 1px solid black;
 padding:10px;
 width:520px;
 margin-top:20px;
 margin-bottom:0px;
 float:left;
 position:relative;
 z-index:100;
}

#avtalBox {
 background-color:#FFFFFF;
 border: 1px solid black;
 padding:10px;
 width:520px;
 margin-top:20px;
 float:left;
 position:relative;
 z-index:100;
}


#custInfoLabels{
 width:120px;
 float:left;
 position:relative;
 z-index:100;
}

#custInfoBoxes{
 width:400px;
 float:left;
 position:relative;
 z-index:100;
}

#channelPackage{
 width:260px;
 margin-top:10px;
 margin-right:10px;
 float:left;
 border: 1px solid black;
 z-index:100;
}

#packageBox{
 width:260px;
 height:100px;
 background-color:#FFFFFF;
 float:left;
 text-align:center;
 position:relative;
 padding-top:5px;
 z-index:100;
}

#channelPackageRight{
 width:260px;
 margin-top:10px;
 margin-right:20px;
 float:right;
 position:relative;
 border: 1px solid black;
 z-index:100;
}


#packageHeader{
 width:260px;
 height:20px;
 background-color:#007700;
 float:left;
 position:relative;
 z-index:100;
}

#channelRow{
 width:260px;
 height:18px;
 background-color:#FFFFFF;
 float:left;
 position:relative;
 vertical-align:middle;
 z-index:100;
}

#channelRowLast{
 width:260px;
 height:18px;
 background-color:#FFFFFF;
 float:left;
 position:relative;
 vertical-align:middle;
 z-index:100;
 padding-bottom:2px;
}

#channelOddRow{
 width:260px;
 height:18px;
 background-color:#EEEEEE;
 float:left;
 position:relative;
 vertical-align:middle;
 z-index:100;
}

#channelOddRowLast{
 width:260px;
 height:18px;
 background-color:#EEEEEE;
 float:left;
 position:relative;
 vertical-align:middle;
 z-index:100;
 padding-bottom:2px;
}


#smallTextRow{
 width:260px;
 height:25px;
 background-color:#FFFFFF;
 padding-top:1px;
 float:left;
 position:relative;
 text-align:center;
 vertical-align:middle;
 z-index:100;
}

#smallTextFourRow{
 width:260px;
 height:60px;
 background-color:#FFFFFF;
 padding-top:1px;
 padding-bottom:1px;
 float:left;
 position:relative;
 vertical-align:middle;
 z-index:100;
}

#tackBox{
 width:300px;
 height:250px;
 background-color:#EEE200;
 padding:1px;
 float:left;
 position:relative;
 text-align:center;
 margin-top:150px;
 margin-left:270px;
 vertical-align:middle;
 border:1px solid gray;
 z-index:100;
}

#optionsRow{
 width:480px;
 height:18px;
 background-color:#FFFFFF;
 float:left;
 position:relative;
 margin-left:40px;
 vertical-align:middle;
 z-index:100;
}

#uploadBox{
 width:600px;
 height:150px;
 background-color:#CCCCCC;
 padding:1px;
 text-align:center;
 margin-top:50px;
 margin-left:auto;
 margin-right:auto;
 border:1px solid gray;
 z-index:100;
}

#uploadErrorHeader{
 background-color:#EE4444;
 text-align:left;
 margin-top:1px;
 padding:5px;
}

#uploadOkHeader{
 background-color:#359F47;
 text-align:left;
 margin-top:1px;
 padding:5px;
}

#revertOkHeader{
 background-color:#DFDF00;
 text-align:left;
 margin-top:1px;
 padding:5px;
}

#uploadBoxText_1{
 width:580px;
 height:30px;
 text-align:left;
 margin-top:10px;
 margin-left:10px;
}

#uploadBoxText{
 width:580px;
 height:175px;
 text-align:left;
 margin-top:10px;
 margin-left:10px;
}

#uploadBoxButtons{
 width:580px;
 height:25px;
 float:left;
 position:relative;
 z-index:101;
}

#uploadOkBox{
 width:600px;
 height:250px;
 background-color:#CCCCCC;
 padding:1px;
 text-align:center;
 margin-top:50px;
 margin-left:auto;
 margin-right:auto;
 border:1px solid gray;
 z-index:100;
}

#uploadErrorBox{
 width:600px;
 height:250px;
 background-color:#CCCCCC;
 padding:1px;
 text-align:center;
 margin-top:50px;
 margin-left:auto;
 margin-right:auto;
 vertical-align:middle;
 border:1px solid gray;
 z-index:100;
}

#uploadBoxUndoButton {
 width:50px;
 height:25px;
 float:left;
 position:relative;
 margin-bottom:20px;
 margin-left:20px;
 z-index:101;
}

#uploadBoxContButton {
 width:50px;
 height:25px;
 float:right;
 position:relative;
 margin-bottom:20px;
 margin-right:20px;
 z-index:101;
}


.packageName{
 font-family:Arial, Sans-Serif;
 font-weight:bold;
 font-size:10pt;
 line-height:12px;
 color:#FFFFFF;
 position:absolute;
 top:4px;
 left:24px;
}

.priceName{
 font-family:Arial, Sans-Serif;
 font-weight:bold;
 font-size:10pt;
 color:#FFFFFF;
 position:absolute;
 top:2px;
 right:10px;
}

.menuTitle{
 font-family:Verdana, Sans-Serif;
 font-weight:bold;
 font-size:14pt;
 color:#FFFFFF;
}

.channelPrice{
 font-family:Arial, Sans-Serif;
 font-weight:bold;
 font-size:8pt;
 color:#000000;
 position:absolute;
 top:2px;
 right:10px;
}

.channelName{
 font-family:Arial, Sans-Serif;
 font-weight:bold;
 font-size:1.2em;
 line-height:12px;
 color:#000000;
 position:absolute;
 top:2px;
 left:74px;
}

.specialOffer{
 font-family:Arial, Sans-Serif;
 font-weight:bold;
 font-size:1.6em;
 text-align:center;
}

.specialOfferSmall{
 font-family:Arial, Sans-Serif;
 font-weight:bold;
 font-size:1.0em;
 text-align:center;
}

.heading2{
 font-family:Arial, Sans-Serif;
 font-weight:bold;
 font-size:1.6em;
}

.subheading1{
 font:1.1em Arial, sans-serif;
 font-weight:bold;
 line-height:24px;
}

.formOptions{
 font-family:Arial, Sans-Serif;
 font-size:1.2em;
 line-height:16px;
 color:#000000;
 position:absolute;
 top:2px;
 left:24px;
}

.formOptions2{
 font-family:Arial, Sans-Serif;
 font-size:1.2em;
 line-height:16px;
 color:#000000;
 position:absolute;
 top:26px;
 left:24px;
}

.smallText{
 font:1.0em Arial, sans-serif;
 line-height:9px;
 text-align:center;
 color:#000000;
}


.columnWrapper{
 z-index:30;
}


 /* *** Float containers fix *** */ 
.clearfix:after {
 content:"."; 
 display:block; 
 height:0; 
 clear:both; 
 visibility:hidden;
 }
 
.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */  


/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

