BODY{font-family: Arial, Helvetica, sans-serif; font-size:100.1%;text-align:center;background-color:#ebebeb;margin:0;padding:0;}
#page-outerwrapper{width:892px;height:100%;background-color:#c0417d; margin: 0 auto 0 auto; text-align:left;border-left:1px solid #b8b8b8;border-right:1px solid #b8b8b8;}
#page-innerwrapper{width:862px;text-align:left;background:#fff;}
#content-wrapper   {padding:8px 30px 25px 32px;background:transparent url(img/businesssolutions_rechts.gif) 100% 85% no-repeat ;}

/* HEADER */
#header                 {padding-bottom:10px;}
#header img           {display:block;} 
#header-logo       {float:right;display:block;width:215px;padding-top:10px;}
#header-text       {padding-top:70px; display:block;}
#header-text h1   {color:#c0417d;letter-spacing:-2px;font-size:180%;font-weight:bold;}
#header-text a:hover,
#header-text a     {border:none;}
#header-text img  {display:inline;}
#header-banner    {padding:0;margin:0;padding-top:10px;}

/* COULUMS */ 
#leftcol {clear:left;width:155px;float:left;	}
#main{padding-top:5px;min-height:450px;}
#middlecol {float:left;width:405px;min-height:400px;border-left:#b8b8b8 1px solid; padding:0px 15px 15px 15px;font-size:66.66%;line-height:1.5em;}
#middlecol #breadcrumbs{padding-top:16px;padding-bottom:10px;}
#rightcol{float:left;width:195px;margin:0;padding:0 10px 0 3px;padding-left:3px;font-size:66.66%;}

/*Anpassungen für Frontpage */
.frontpage-leftcol{display:none!important;}
.frontpage-middlecol{border:none!important;width:560px!important;} 
.frontpage-rightcol{width:195px!important;} 


 
/*FOOTER*/
#footer{clear:left;}
#footer #footer-top{text-align:right;padding: 0 40px 0 0 ;}
#footer #footer-bottom{background-color:#ebebeb;padding:2px 2px 2px 10px;font-size:66.66%}

/*VNAV*/
#navlist{font-size:66.66%;}
#navlist ul{font-weight:bold;list-style-type:none;margin-left:0;padding-left:0;}
#navlist ul a{color:#000;border:none;border-bottom:1px dashed #b8b8b8; display:block;}
#navlist ul .menuactive{color:#c0417d;border-bottom:1px dashed #c0417d;}
#navlist ul a:hover{color:#c0417d;border-bottom:1px dashed #c0417d;}
#navlist ul li{ padding: 8px 0 12px 0;} 
#navlist ul li:first{padding-top:0px;} 
#navlist ul li ul{list-style-type:none;font-weight:normal;padding-top:5px;}
#navlist ul li ul li{padding-top:4px;border-bottom:none;padding: 4px 0 4px 0;}
.section {padding-bottom:20px;}

/*HELPER-CLASSES*/ 
.clear{clear:left;}
.float-right{float:right;}
.float-left{float:left;}

/*STANDARTs*/
h2,h3,h4,h5,h6{font-weight:bold;letter-spacing:0px;font-size:105%;margin:10px 0 0 0;padding:0;}

a{color:navy;text-decoration:none; border-bottom:1px navy dashed;}
a:hover{color:#c0417d;border-color:#fff;} 
p{padding:2px 0 3px 0 ;text-align:justify;margin:0;}

img{border:0px;margin:0px;padding:0px;}

#middlecol ul, #rightcol ul{
display:block;
list-style-image: url(img/pixel_rot8x8.gif);
list-style-type:none;
margin:0 0 0 20px;
padding:0;
line-height:13px;
} 

#subtop{
    clear:both;
    background:#fff url(img/back_nav.gif) 100% repeat-x;
    color:#fff;
    height:24px;
    padding:0px;
    margin:0px;
    border:0px;
    font-size:bold;
    width:100%;
}
 
#navcontainer #navlist{padding:0; margin:0; border:none;}
#navcontainer #subtop{border:none;margin:0;padding:0;}

#navcontainer ul li
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  /*background: url("img/back_nav.gif") 100% repeat-x;*/
  font: 10px/20px "Lucida Grande", verdana, sans-serif;
  text-align: center;
}

#navcontainer a
{
  color: #fff;
  font-weight:bold;
  font-size:105%;
  text-decoration: none;
  display: block;
  width:120px;
  height:20px;
  border:none;
  border-left: 1px solid #ccc; 
  padding:2px;
}

#navcontainer .active { background: transparent url(img/back_nav_a.png) repeat-x scroll 20px 50%;}
#navcontainer a:hover { background: transparent url(img/back_nav_a.png) repeat-x scroll 20px 50%;}

#topnav #navlist{padding:0;margin:0;}
#topnav #navcontainer ul li{ background:none; color:#666;padding:0;margin:0;}
#topnav #navcontainer a{background:none; color:#666; border:none;display: inline; padding:3px 0px 1px 0px;} 
#topnav #navcontainer a:hover { background: none;color:#000;border-bottom:dashed 1px #000;}
#topnav #navcontainer .active { background: none;color:#000;border-bottom:dashed 1px #000;}

#breadcrumbs a{border:none;color:#000;}
#breadcrumbs a:hover{border-bottom:1px dashed #000;color:#000;}


.tarife_zusatzinformation {
	color: #b2b2b2;
	font-family:Arial, Helvetica, sans-serif; 
	font-style:normal;
	font-size:9px;
  padding:20px 8px 8px 8px;
	text-align:justify;
	}
.tariftabelle {
	border-color:#e7e7e7;
	border-width:2px;
	border-style:solid;
	border-spacing:2px;
	border-collapse:separate;
  margin-top:20px;
	}
.tariftabelle table{width:100%;border:none;}
.tariftabelle thead tr{background-image: url(../../templates/wwos/img/verlauf_grau_tariftabelle-o.gif);}
.tariftabelle tbody td{text-align:center;}
.tariftabelle tbody th{text-align:left;font-weight:100;}  
.tariftabelle .preisblock{
  text-align:right;
  margin-top:50px;
  padding:0px 8px 8px 8px;
  background-image:url(fileadmin/templates/wwos/img/verlauf_grau_tariftabelle-u.gif);
}
.tariftabelle tr td{padding:4px 8px 4px 8px;}
.tariftabelle tr th{padding-left:8px;}
.orderform tr td{text-align:left;}
.orderform tr th{font-weight:bold;background:#efefef;}

.row2{ background-color:#eee;} 
.row1{background-color:#e7e7e7;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.strong{font-weight:bold;}
.mag-text{color:#c0417d;}

fieldset {border:1px solid #EEEEEE;margin:10px;}
legend{font-size:125%;color:#c0417d!important;font-weight:bold;padding:5px;margin-bottom:8px;}
label {float:left;font-weight:bold;padding:2px;width:150px;}
input, textarea {border:1px solid #CACACA;}

.submitbutton{ 
cursor:pointer;
border:outset 1px #ccc;
background:#666;
color:#666;
font-weight:bold;
font-size:90%;
padding: 3px 5px 3px 5px;
background:url(img/formbg.gif) repeat-x left top;
}
.submitbutton:hover{border:solid 1px #ccc;}
input:focus, textarea:focus {
background:#EEEEEE none repeat scroll 0% 0%;
border:1px solid #000000;
}


.form-row{padding:4px 2px 4px 2px;}
.form-row-error label { color: #c0417d;}
.form-row-error input { border:solid 1px #c0417d;}
.form-row-error-msg {
margin-top:10px;
 color:red; 
 margin-left:160px;;
}
.csc-mailform-field {padding:5px;}
.form-required{color:red;}
/* adopted by Claas*/



.infobox1 .csc-textpic-text{
  border-bottom: dashed 1px #737373;
  border-left:   dashed 1px #737373;
	background-color:#ffffff; 
	font-size:10px;
  padding-top: 4px; 
  padding-bottom:4px;
	}
.infobox1 .csc-header h2{
  background: transparent url(img/farbverlauf_balken_links-re.gif) repeat-y;
	color:#000000;
	line-height:20px; font-size:12px;
  padding-left:5px; margin:0;
  }
.infobox1 .bodytext{padding-left:5px;}
.infobox1 a{border:none;}
.infobox1 .contentWrapper{margin-bottom:10px;}

/* By Andreas */
.tabelle_infobox  {
	border-style:dashed;
	border-color:#737373;
        border-top-style:none;
        border-right-style:none;
	border-width:1px;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
.tabelle_infobox_title {
  background: transparent url(img/farbverlauf_balken_links-re.gif) repeat-y;
	color:#000000;
	line-height:20px; font-size:12px;
  padding-left:5px; margin:0;

	}
.tabelle_overview {
	border-style:dashed;
	border-color:#737373;
	border-width:1px;
        border-top-style:none;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.tabelle_overview_title {
	background-image:url(img/farbverlauf_balken_lila.gif);
        background-repeat:y-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:20px;
	font-size:12px;
	}
.tabelle_basics {
	border-style:solid;
	border-color:#E2E2E2;
	border-width:2px;
	background-color:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.tabelle_basics th{background-color:#E2E2E2;height:20px;}
.tarif_hinweise {
	font-family:Arial, Helvetica, sans-serif;
	color:#8D8D8D;
	font-size:10px;
	line-height:10px;
	}
.tarif_cat th{
  font-weight:200;
  font-size:125%;
  padding-top:16px;
  color:#c0417d;
  background:#fff!important;
}
.highlight_mag th{
  background-color:#c0417d;
  color:#fff;
  font-weight:200;
  padding:3px 2px 3px 2px;
}
.highlight td{background-color:#c0417d; color:#fff;}


.csc-textpic-imagewrap a{border:none;}
.tx-net4allwhois-pi1{  
  padding:2px;
  border-bottom: dashed 1px #737373;
  border-left:   dashed 1px #737373;
	background-color:#ffffff; 
	font-size:10px;
  }
/*Errorbox*/
#error-box{  padding:15px; border:1px dashed #c0417d; margin:10px 0 10px 0 ;}
#error-box ul{margin-top:5px;}

/*Tarifbox*/
.tarif-box{padding:5px;margin:5px;border-left:10px solid #c0417d;}
.tarif-name{font-weight:bold;font-size:120%;color:#c0417d;}
.tarif-desc-short{font-size:90%;color:#999;}

.infobox_main {
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#737373;
	padding:4px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}