/**********************************************************************/
/****************************** General ******************************/
/********************************************************************/

BODY {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px; /*0.7em;*/
	color:#000000;
	background-color: #E2F4FC;
	margin: 0px;
	padding: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	line-height: 14px; /*1.2em;*/
}

FORM {
	margin: 0px;
}

P {
	margin: 0px 0px 10px 0px;
}

.anker {
	display: block;
	height: 1px;
}


/**********************************************************************/
/****************************** Boxen allgemein **********************/
/********************************************************************/



.clearer {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}


/*  Aufheben von Floats ohne zusaetzliches Markup 
	http://www.jassesnee.de/easyclear/  */    
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}




/*#####################################################################*/
/*############################# Rahmen ###############################*/
/*###################################################################*/

/**********************************************************************/
/****************************** Header *******************************/
/********************************************************************/

#header-outer-box {
position: relative;
top: 0px;
left: 0px;
width: 965px;
background-color: #FFFFFF;
background-image: url('../bg_header_funcnav.gif');
z-index: 1199;
/*border: 1px solid #880000;*/
}

#logo {
height: 51px;
width: 162px;
}

#logo-link {
display: block;
height: 51px;
width: 162px;
position: absolute;
top: 21px;
left: 17px;
z-index: 1000;
}

/************************** Funktionalnavigation **********************/

FORM.search {
margin: 2px 0px 1px 0px;
padding: 0px;
float:right;
}

#funcnav-box {  /*BOX um funcnav*/
margin: 0px 0px 0px 329px;
width: 636px;
 /*height: 25px;1px höher wg clearer*/
color: #4F788B;
background-color: #CDE2EB;
background-image: url('../funcnav_bg.gif');
background-repeat: repeat-x;
/*border: 1px solid #996600;*/
} 

.funcnav-spalte1 {
float: left;
width: 10px;
height: 24px;
background-image: url('../funcnav_kante_li.gif');
background-repeat: no-repeat;
} 

.funcnav-spalte2 { /*suche*/
float: left;
width: 236px;
/* background-color: #cccccc; */
}

.funcnav-spalte3 {
float: left;
width: 372px;
text-align: right;
font-size: 10px;
line-height: 18px;
margin-top: 2px;
}

.funcnav-spalte3 A {
color: #4F788B;
text-decoration: none;
}
.funcnav-spalte3 A:link {
text-decoration: none;
}
.funcnav-spalte3 A:visited {
text-decoration: none;
}
.funcnav-spalte3 A:hover {
color: #375664;
text-decoration: underline;
}


.funcnav-spalte4 {
float: left;
width: 18px;
height: 24px;
background-image: url('../funcnav_kante_re.gif');
background-repeat: no-repeat;
}

.vertical-line {
color: #FFFFFF;
}

LABEL.formtext {
line-height: 18px; /*1.7em;*/
float:left;
}

INPUT.form-field {
height: 17px;
width: 110px;
line-height: 16px;
font-size: 10px; /*1.0em;*/
border: 0px;
color: #375664;
background-image: url('../form_field-bg.gif');
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 4px;
background-color: transparent;
float: left;
}


INPUT.form-field-small {
height: 17px;
width: 90px;
line-height: 16px;
font-size: 10px; /*1.0em;*/
border: 1px solid #A7ACB2;
float:left;
margin: 0px 5px 0px 0px;
padding: 0px 4px 0px 4px;

}

INPUT.form-field-medium {
height: 17px;
width: 170px;
line-height: 16px;
font-size: 10px; /*1.0em;*/
border: 1px solid #A7ACB2;
float:left;
margin: 0px 5px 0px 0px;
padding: 0px 4px 0px 4px;

}
INPUT.newsletter-input {
width: 162px;
}

INPUT.submit-button-suche {
height: 17px;
width: 59px;
text-align: center;
font-size: 10px; /*1.0em;*/
font-family: Verdana, sans-serif;
border: 0px;
background-image: url('../form_submit_suche.gif');
background-repeat: no-repeat;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 1px 0px;
float: left;
}

INPUT.submit-button-newsletter {
height: 17px;
width: 61px;
text-align: center;
font-size: 10px; /*1.0em;*/
font-family: Verdana, sans-serif;
border: 0px;
background-image: url('../button_newsletter_anmelden.gif');
background-repeat: no-repeat;
background-color: transparent;
margin: 8px 0px 0px 0px;
padding: 0px 0px 1px 0px;
float: right;
}

/*INPUT.image-button {
height: 17px;
width: 59px;
margin-top: 2px;
padding: 0px;
border: 1px solid #000000;
}*/

.funcnav-clearer { /*spezieller clearer wg bg-img*/
clear: both;
height: 1px;
width: 636px;
background-color: #FFFFFF;
background-image: url('../header_kante_re.gif');
background-repeat:no-repeat;
background-position: 618px 0px;
}



/************************ Mainnavigation **************************/

#mainnav-box {  /*BOX um mainnav*/
/*position: absolute;*/
margin: 50px 0px 0px 0px; 
width: 965px;
background-color: #99C5D8;
background-image: url('../bg_clearer_mainnav.gif');
background-repeat: repeat-y;
/*border: 1px solid #000000;*/

/*min-height: 72px; bug im ns 6.2*/
}

.mainnav-spalte-links { 
float: left;
width: 223px;
height: 30px;
color: #375664;
background-image: url('../mainnav_bg.gif');
}

.mainnav-spalte1 {/*mainnav-privatkunden*/
float:left;
width: 107px;
height: 30px;
background-image: url('../mainnav_bg.gif');
}

.mainnav-spalte2 {/*mainnav-geschaeftskunden*/
float: left;
width: 127px;
height: 30px;
background-image: url('../mainnav_bg.gif');
/*border-bottom: 1px solid #000000;*/
}

.mainnav-spalte3 {/*mainnav-service*/
float: left;
width: 68px;
height: 30px;
background-image: url('../mainnav_bg.gif');
/*border-bottom: 1px solid #000000;*/
}

.mainnav-spalte4 {/*mainnav-service*/
float: left;
width: 103px;
height: 30px;
background-image: url('../mainnav_bg.gif');
/*border-bottom: 1px solid #000000;*/
}

.mainnav-spalte5 {/*mainnav-service*/
float: left;
width: 63px;
height: 30px;
background-image: url('../mainnav_bg.gif');
/*border-bottom: 1px solid #000000;*/
}

.mainnav-box123pfad {
width: 716px; 
float: left;

/*border: 1px solid #000000;*/
}


.mainnav-spalte-portal { /*mainnav-kundenlogin*/
float: left;
width: 231px;
height: 55px;
background: url(../mainnav_bg.gif) repeat-x;
}
/* Kundelogin - Webportal */
div.kundenportal {
	width: 224px;
	height: 51px;
	display: block;
	position: absolute;
	z-index: 998;
	left: 741px;
	top: 71px;
	background: url(../kundenportal.gif) 0 0 no-repeat; 
	}
div.kundenportal a {
	display: block;
	width: 224px;
	height: 51px;
	background: url(../kundenportal.gif) 0 0 no-repeat; 
	}
div.kundenportal a:hover {
	background: url(../kundenportal.gif) 0 -51px no-repeat; 
	}
div.kundenportal a span {
	display: none;
	}

.mainnav-spalte-rechts {
float: left;
width: 18px;
height: 55px;
background-image: url('../mainnav_kante_re.gif');
}


.mainnav-clearer { /*spezieller clearer wg bg-img*/
clear: both;
height: 1px;
width: 965px;
background-color: #99C5D8;
background-image: url('../bg_clearer_mainnav.gif');
background-repeat:no-repeat;
background-position: 0px 0px;
/*border: 1px solid #000000;*/
}


DIV.pfadnavi {
clear: both;
padding-top:10px;
margin: 0px 0px 5px 222px;
z-index: 1100;
width: 487px;
/*background-color: #cccccc;*/
}

.pfadnavi A {
text-decoration: underline;
color: #375664;
}
.pfadnavi A:link {
text-decoration: underline;
color: #375664;
}
.pfadnavi A:visited {
text-decoration: underline;
color: #375664;
}
.pfadnavi A:hover {
text-decoration: underline;
color: #375664;
}

.pfadnavi-activepage {
color: #FFFFFF;
}

/******************************************************************/
/******************* MAIN Columns ********************/
/****************************************************************/

.main-outer-box {
position: relative; /*nötig, danmit der BG mitwächst ohne höhenangabe*/
top: 0px;
left: 0px;
width: 968px;
background: url('../bg_rimile.gif') 0 0 repeat-y;
z-index: 899; 
}



/******************************************************************/
/***************************** leftcolumn ************************/
/*****************************************************************/

.left-box {
display: block;
float: left;
width: 201px;
margin: 0px;
background-color:#78a3b6;
}

.left-top-bgimg {/*img liegt im vordergrund*/
display: block; 
width: 201px;
margin: 0px 0px 15px 0px;
}

.left-top-bgimg-htpdirekt {/*img liegt im vordergrund*/
display: block; 
width: 201px;
margin: 0px 0px 5px 0px;
}

.left-bottom-bgimg {/*img liegt im vordergrund*/
display: block; 
width: 201px;
height: 6px;
margin: 30px 0px 0 0px;
border-bottom: 20px solid #99c5d8;
}

.left-bottom-bgimg-service {/*img liegt im vordergrund*/
display: block; 
width: 201px;
margin: 0px;
}

.right-bottom-bgimg-service {/*img liegt im vordergrund*/
display: block; 
width: 191px;
margin: 0px;
}

.htpDirektHead {
	background:url(../images/boxheadlines/htpdirekt_head.gif) 0 0 no-repeat;
	display: block; 
	width: 201px; 
	height: 21px;
	}


.left-box a.linkMore {
	background: url(../link-icon_mehr.gif) left center no-repeat;
	padding-left: 15px;
	text-decoration: underline;
	display:block;
	padding-top: 4px;
	color: #839f13;
	font-weight: bold;
	}
	
.left-box p.txt {
	color: #000;
	line-height: 16px;
	}
	
/***************** quicklinks **************/

.quicklinks-box {
margin: 15px 0px 20px 10px;
}

.quicklinks {
font-size: 10px; /*1.0em;*/
width: 170px;
height: 20px;
border: 1px solid #A5ACB2;
}


/***************** SECnav **************/


.secnav-box {
margin: 0px 0px 0 0px;
background: url(../left_bg.gif) 0 0 repeat-y;
width: 200px;
}

UL.secnav {
list-style-type: none;
margin: 0px 0px 40px 0px;
padding: 0px;
background-color:#CCE6F1;
}

.secnav LI {
margin: 0px;
padding: 0px;
}

.secnav-level1 A {
display: block;
text-decoration: none;
/*height: 15px;/*1.4em;*/
line-height: 16px;/*1.4em;  */
font-weight: bold;
color: #375664;
background-color: #CCE6F1;
border-top: 1px solid #EAF6FB;
border-bottom: 1px solid #AEC3CC;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 10px;
}

.secnav-level1 A:link {text-decoration: none;}
.secnav-level1 A:visited {text-decoration: none;}
.secnav-level1 A:hover {
text-decoration:none;
background-color: #BBDAE8;
border-top: 1px solid #EAF6FB;
border-bottom: 1px solid #AEC3CC;
}

.secnav-level1-active A {
display: block;
text-decoration: none;
/*height: 15px;/*1.4em;*/
line-height: 16px;/*1.4em;  */
font-weight: bold;
color: #FFFFFF;
background-color: #ACD215;
border-top: 1px solid #CAEA4A;
border-bottom: 1px solid #91AE1E;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 10px;
}
.secnav-level1-active A:link {text-decoration: none;}
.secnav-level1-active A:visited {text-decoration: none;}
.secnav-level1-active A:hover {text-decoration:none; background-color: #ACD215;}





.secnav-level2 A {
display: block;
text-decoration: none;
/*height: 15px;/*1.4em;*/
line-height: 16px;/*1.4em;  */
font-weight: normal;
color: #375664;
background-color: #EBF5F9;
border-top: 1px solid #F7FBFD;
border-bottom: 1px solid #C8DCE5;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 25px;
}
.secnav-level2 A:link {text-decoration: none;}
.secnav-level2 A:visited {text-decoration: none;}
.secnav-level2 A:hover {
text-decoration:none; 
background-color: #DCEDF4;
border-top: 1px solid #F7FBFD;
border-bottom: 1px solid #C8DCE5;
}

.secnav-level2-active A {
display: block;
text-decoration: none;
/*height: 15px;/*1.4em;*/
line-height: 16px;/*1.4em;  */
font-weight: bold;
color: #73852C;
background-color: #EAF6B7;
border-top: 1px solid #F2F8D6;
border-bottom: 1px solid #CEE472;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 25px;
}
.secnav-level2-active A:link {text-decoration: none;}
.secnav-level2-active A:visited {text-decoration: none;}
.secnav-level2-active A:hover {text-decoration:none; background-color: #EAF6B7;}





.secnav-level3 A {
display: block;
text-decoration: none;
/*height: 15px;/*1.4em;*/
line-height: 16px;/*1.4em;  */
font-weight: normal;
color: #375664;
background-color: #FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #EBF2F6;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 40px;
}
.secnav-level3 A:link {text-decoration: none;}
.secnav-level3 A:visited {text-decoration: none;}
.secnav-level3 A:hover {
text-decoration:none; 
background-color: #EBF5F9;
border-top: 1px solid #F7FBFD;
border-bottom: 1px solid #C8DCE5;
}

.secnav-level3-active A {
display: block;
text-decoration: none;
/*height: 15px;/*1.4em;*/
line-height: 16px;/*1.4em;  */
font-weight: bold;
color: #73852c;
background-color: #f9ffe1;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #EBF2F6;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 40px;
}
.secnav-level3-active A:link {text-decoration: none;}
.secnav-level3-active A:visited {text-decoration: none;}
.secnav-level3-active A:hover {text-decoration:none; background-color: #f9ffe1;}



.secnav-level4 A {
display: block;
text-decoration: none;
/*height: 15px;/*1.4em;*/
line-height: 16px;/*1.4em;  */
font-weight: normal;
color: #375664;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 50px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}
.secnav-level4 A:link {text-decoration: none;}
.secnav-level4 A:visited {text-decoration: none;}
.secnav-level4 A:hover {
text-decoration:none; 
background-color: #EBF5F9;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

.secnav-level4-active A {
display: block;
text-decoration: none;
/*height: 15px;/*1.4em;*/
line-height: 16px;/*1.4em;  */
font-weight: bold;
color: #9ebb15;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 41px;
}
.secnav-level4-active A:link {text-decoration: none;}
.secnav-level4-active A:visited {text-decoration: none;}
.secnav-level4-active A:hover {text-decoration:none; background-color: #FFFFFF;}

.secnav-level4-active IMG {
display: block;
margin: 5px 0px 5px 0px;
}
.secnav-level4-active IMG {
display: block;
margin: 5px 0px 5px 0px;
}
.secnav-level4-last {
	background-color: #FFFFFF;
	border-bottom: 1px solid #EBF2F6;
	padding-bottom: 3px !important;
}

/***************** servicenav **************/

.serviceCenterBox,
.htpdirektBox, {
	width: 201px;
	}
.serviceCenterBox {
	border-bottom:20px solid #99C5D8;
}
	
.serviceCenterHead {
	background:url(../images/boxheadlines/servicecenter_head.gif) 0 0 no-repeat;
	display: block; 
	width: 201px; 
	height: 21px;
	}
.serviceCenterNewHead {
	background:url(../images/boxheadlines/servicecenter_new_head.gif) 0 0 no-repeat;
	display: block; 
	width: 201px; 
	height: 21px;
	}
	
.serviceCenterContentBox,
.htpdirektContentBox {
	background: url(../left_bg.gif) 0 0 repeat-y;
	margin: 0px;
	padding: 0px;
	}
.htpdirektContentBox {
	padding-top:7px;
	padding-left:10px;
	}
	.htpdirektContentBox p {
		margin-bottom:0;
		padding-bottom:10px;
	}
	
UL.service {
list-style-type: none;
margin: 0px 0px 0 0px;
padding: 5px 0 5px 0;
}

.service LI {
margin: 0px 0px 0px 10px;
padding: 5px 0 5px 0;
}
UL.serviceNew {
list-style-type: none;
margin: 0px 0px 0 0px;
padding: 5px 0 5px 0;
}

.serviceNew LI {
	margin: 0px 0px 0px 10px;
	padding: 5px 20px 5px 0;
	border-bottom: 1px solid #B7D5E3;
	position: relative;
	}
.serviceNew li a {
	display: block;
	background-position: 0 0px;
	background-repeat: no-repeat;
	padding-left: 20px;
	}
.js .serviceNew .accordionBtn {
	position: absolute;
	z-index: 2;
	right: 20px;
	top: 3px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	border: 1px solid #CCE6F1;
	}
.js .serviceNew .closed .accordionBtn {
	background: url(../icon_plus.png) center center no-repeat;
	}
	.js .serviceNew .closed .accordionBtnHover {
		background: #fff url(../icon_plus.png) center center no-repeat !important;
		border-color: #B7D5E3;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}
.js .serviceNew .open .accordionBtn {
	background: url(../icon_minus.png) center center no-repeat;	
	}
	.js .serviceNew .open .accordionBtnHover {
		background: #fff url(../icon_minus.png) center center no-repeat !important;
		border-color: #B7D5E3;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}
	
.serviceSub {
	padding-left: 22px;
	}
	.js .serviceSub {
		display: none;
		position: relative;
		zoom: 1;
		list-style: none;
		list-style-image: none;
		float: none;
		margin-left: 0 !important;
		}
	.serviceSub li {
		display: block;
		float: none;
		border-bottom: none;
		}
		.serviceNew li .serviceSub li a {
			padding: 0;
			background: none;
			}

.service-level img {
	vertical-align: middle;
	text-align: center;
	margin-top: 2px;
	}
	
.service-level a {
	color: #375664;
	text-decoration: none;
	padding: 0 0 0 5px;
	}
	
.service-level a:hover {
text-decoration: underline;
}


/***************** servicenav right **************/

.right-box .serviceCenterBox {
	width: 191px;
	}
.right-box .serviceCenterBox {
	border-bottom:20px solid #99C5D8;
}
	
.right-box .serviceCenterNewHead {
	background:url(../images/boxheadlines/servicecenter_new_head_right.gif) 0 0 no-repeat;
	display: block; 
	width: 191px; 
	height: 21px;
	}
	
.right-box .serviceCenterContentBox {
	background: url(../right_bg.gif) 0 0 repeat-y;
	margin: 0px;
	padding: 0px;
	}
/*.htpdirektContentBox {
	padding-top:7px;
	padding-left:10px;
	}
	.htpdirektContentBox p {
		margin-bottom:0;
		padding-bottom:10px;
	}*/
	
.right-box UL.service {
list-style-type: none;
margin: 0px 0px 0 0px;
padding: 5px 0 5px 0;
}

.right-box .service LI {
margin: 0px 0px 0px 10px;
padding: 5px 0 5px 0;
}
.right-box UL.serviceNew {
list-style-type: none;
margin: 0px 0px 0 0px;
padding: 5px 0 5px 0;
}

.right-box .serviceNew LI {
	margin: 0px 0px 0px 10px;
	padding: 5px 20px 5px 0;
	border-bottom: 1px solid #B7D5E3;
	position: relative;
	font-weight:normal;
	}
.right-box .serviceNew li a {
	display: block;
	background-position: 0 0px;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-weight:normal;
	text-decoration:none;
	}
.js .right-box .serviceNew .accordionBtn {
	position: absolute;
	z-index: 2;
	right: 20px;
	top: 3px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	border: 1px solid #CCE6F1;
	}
.js .right-box .serviceNew .closed .accordionBtn {
	background: url(../icon_plus.png) center center no-repeat;
	}
	.js .right-box .serviceNew .closed .accordionBtnHover {
		background: #fff url(../icon_plus.png) center center no-repeat !important;
		border-color: #B7D5E3;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}
.js .right-box .serviceNew .open .accordionBtn {
	background: url(../icon_minus.png) center center no-repeat;	
	}
	.js .right-box .serviceNew .open .accordionBtnHover {
		background: #fff url(../icon_minus.png) center center no-repeat !important;
		border-color: #B7D5E3;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}
	
.right-box .serviceSub {
	padding-left: 22px;
	}
	.js .right-box .serviceSub {
		display: none;
		position: relative;
		zoom: 1;
		list-style: none;
		list-style-image: none;
		float: none;
		margin-left: 0 !important;
		}
	.right-box .serviceSub li {
		display: block;
		float: none;
		border-bottom: none;
		}
		.right-box .serviceNew li .right-box .serviceSub li a {
			padding: 0;
			background: none;
			}

.right-box .service-level img {
	vertical-align: middle;
	text-align: center;
	margin-top: 2px;
	}
	
.right-box .service-level a {
	color: #375664;
	text-decoration: none;
	padding: 0 0 0 5px;
	}
	
.right-box .service-level a:hover {
text-decoration: underline;
}







#service-home-box {
	position: relative;
	display: block;
	background: #c0dae7 url(../images/service/bg_serviceheld.jpg) 0 0 no-repeat;
	border: 1px solid #b8d0de;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	padding: 290px 12px 18px 12px; 
	}
	#service-home-box h1,
	#service-home-box h2  {
		height: 1px;
		width: 1px;
		overflow: hidden;
		direction: ltr;
		text-indent: -9999em;
		}
	#service-home-box .pdf {
		float: right;
		padding-left: 15px;
		background: url(../link_pdf.gif) 0 3px no-repeat;
		}
	#service-home-box ul {
		list-style: none;
		list-style-image: none;
		margin-left: 0 !important;
		}
	#service-home-box li {
		position: absolute;
		background: transparent;
		height: 22px;
		}
	#service-home-box li.wechseln {
		left: 30px;
		top: 77px;
		width: 190px;
		}
	#service-home-box li.hotline {
		left: 58px;
		top: 120px;
		width: 145px;
		}
	#service-home-box li.netz {
		left: 41px;
		top: 212px;
		width: 154px;
		}
	#service-home-box li.zufriedenheit {
		left: 43px;
		top: 274px;
		width: 169px;
		}
	#service-home-box li.telekom {
		left: 315px;
		top: 108px;
		width: 173px;
		height: 32px;
		}
	#service-home-box li.mitnehmen {
		left: 311px;
		top: 205px;
		width: 181px;
		}
	#service-home-box li.beratung {
		left: 314px;
		top: 238px;
		width: 169px;
		}
		#service-home-box li p {
			color: #375664;
			line-height: 1.4;
			font-size: 12px;
			background: #fff;
			background: rgba(255,255,255,0.9);
			width: 230px;
			text-indent: 0;
			border: 1px solid #78a3b6;
			padding: 10px 10px 15px 10px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			-khtml-border-radius: 7px;
			border-radius: 7px;
			position: absolute;
			z-index: 999;
			top: 22px;
			left: 50%;
			margin-left: -130px;
			display: none;
			float: none;
			}
		#service-home-box li span {
			display: none;
			height: 10px;
			width: 19px;
			background: url(../images/service/bg_layer_arrow.png) 0 0 no-repeat;
			position: absolute;
			top: 13px;
			left: 50%;
			margin-left: -10px;
			text-decoration: none;
			z-index: 999;
			}
		* html #service-home-box li span {
			behavior: url("assets/js/iepngfix.htc");
			}
		#service-home-box li.telekom p {
			top: 42px;
			}
		#service-home-box li.telekom span {
			top: 33px;
			}
.teaser-service {
	padding: 9px;
	width: 231px;
	border: 1px solid #bfd8e4;
	float: left;
	margin: 20px 10px 0 0 ;
	}
.noright {
	margin-right: 0 !important;
	}
.teaser-service h3 {
	margin: 4px 0 13px;	
	}
.teaser-service h3 a {
	color: #4db7e6 !important;
	text-decoration: none;
	font-size: 12px;
	}
	.teaser-service h3 a:hover {
		text-decoration: underline;
		}	
	.serviceLinkList {
		background-image: url(../teaser-box-ptdline.gif);
		background-repeat: no-repeat;
		padding: 8px 0 3px;
		list-style: none !important;
		list-style-image: none !important;
		margin-left: 0 !important;
		zoom: 1;
		}
		* html .serviceLinkList {
			height: 1%;	
			}
		.serviceLinklist li {
			zoom: 1;
			}
			.serviceLinkList a {
				display: block;
				color: #99BC0C;
				font-family: Tahoma,Verdana,Arial,sans-serif;
				font-weight: bold;
				text-decoration: underline;
				padding-left: 15px;
				background: url(../link-icon_mehr.gif) 0 2px no-repeat;
				}

			* html .serviceLinkList a {
				float: left;
				clear: left;
				}
/**** 

UL.service {
list-style-type: none;
margin: 0px 0px 80px 0px;
padding: 0px;
}

.service LI {
margin: 0px 0px 0px 0px;
}

.service-level1 A {
display: block;
text-decoration: none;
height: 15px;
line-height: 16px;
font-weight: bold;
color: #375664;
background-color: #CCE6F1;
border-top: 1px solid #EAF6FB;
border-bottom: 1px solid #AEC3CC;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 10px;
}
.service-level1 A:link {text-decoration: none;}
.service-level1 A:visited {text-decoration: none;}
.service-level1 A:hover {
text-decoration: none; 
background-color: #BBDAE8;
border-top: 1px solid #EAF6FB;
border-bottom: 1px solid #AEC3CC;
}


.service-level2 A {
display: block;
text-decoration: none;
height: 15px;
line-height: 16px;
font-weight: normal;
color: #375664;
background-color: #CCE6F1;
border-top: 1px solid #EAF6FB;
border-bottom: 1px solid #AEC3CC;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 25px;
}
.service-level2 A:link {text-decoration: none;}
.service-level2 A:visited {text-decoration: none;}
.service-level2 A:hover {
text-decoration: none; 
background-color: #BBDAE8;
border-top: 1px solid #EAF6FB;
border-bottom: 1px solid #AEC3CC;
} 

****/

/*********************************************************************/
/********************************************************************/
/***************************** content *****************************/
/******************************************************************/
/*****************************************************************/


/***************************** STARTSEITE 2011 TEASER *****************************/
.content-outer-box-large {
float: left;
width: 750px;
}
.teasercontent-large {
font-family: Verdana, Arial, sans-serif;
float: left;
width: 726px;
}
.innercontent-large {
width:713px;
margin: 0px 0px 0px 0px;
float:left;
}
DIV.teaser-box-col-large {
width: 721px; 
margin: 0px 0px 30px 0px;
/*background-color: #cccccc;*/
}
.content-top-bgimg-large {/*img liegt im vordergrund*/
display: block; 
width: 750px;
margin: 0px 0px 0px 0px;
}

.content-bottom-bgimg-large {/*img liegt im vordergrund*/
display: block; 
width: 750px;
margin: 10px 0px 0px 0px;
}
.content-box-large {
background-image: url('../content_bg_large.gif');
background-repeat: repeat-y;
}

DIV.teaser-box-index-wrapper {
margin-top: 22px;
}
DIV.teaser-box-index-content {
float: left;
width: 510px;
font-size: 13px;
line-height: 16px;
}
	DIV.teaser-box-index {
	background:#deeefd;
	border: 1px solid #bfd8e4;
	float:left; 
	width: 175px;
	margin-right: 12px;
	height: 108px;
	}
		h1.teaser-box-index {
		font-family: Verdana, Arial, sans-serif; 
		font-weight: bold;
		color: #4db7e6;
		text-decoration:none;
		font-size:15px;
		margin: 2px 0 6px 0;
		padding: 0;
		}
		.teaser-box-index-content p a {
			color: #99bc0c;
			font-weight: bold;
		}
		.teaser-box-index img {
		width: 175px;
		height: 108px;
		}
		.teaser-box-index-content a.linkMore {
		font-size: 11px;
		line-height: 14px;
		background: url(../link-icon_mehr.gif) 0 0 no-repeat;
		text-decoration: underline;
		padding-left: 13px;
		color: #99bc0c;
		font-weight: bold;
		}
		.teaser-box-index-content a:hover.linkMore {
		text-decoration: none;
		}		

/*****************************************************************/


/**************************** SUBNAVI ***************************/

.mainnav-box123pfad {
	position: relative;
	background: url(../mainnav_bg.gif) repeat-x;
	}
	
.subNavOuter {
	display: none;
	margin-left: 0 !important;
	position: absolute !important;
	width: 157px;
	margin-top: -4px !important;
	padding: 0 0 9px 0!important;
	z-index: 2500 !important;
	list-style: none;
	-webkit-border-radius:  0 0 8px 8px;
	-moz-border-radius:  0 0 8px 8px;
	border-radius:  0 0 8px 8px;
	border-top: 0 none;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBMkM5RDgiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNENkU4RUYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMDYpIiAvPgo8L3N2Zz4=);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.59);
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.59);
	-khtml-box-shadow: 3px 3px 4px rgba(0,0,0,0.59);
	-o-box-shadow: 3px 3px 4px rgba(0,0,0,0.59);
	box-shadow: 3px 3px 4px rgba(0,0,0,0.59);
	background-image: -webkit-gradient(  
                        linear,  left bottom,  left top,
                        color-stop(0, rgba(208,228,236,0.95)),  
                        color-stop(0.65, rgba(150,193,211,0.95))  );  
	background-image: -moz-linear-gradient(  
                        center bottom,  
                        rgba(208,228,236,0.95) 0%,  
                        rgba(150,193,211,0.95) 65%  );
	background-image: -o-linear-gradient(90deg,rgba(208,228,236,0.9),rgba(150,193,211,0.9));
	background-image: -webkit-linear-gradient(  
                        center bottom,  
                        rgba(208,228,236,0.95) 0%,  
                        rgba(150,193,211,0.95) 65%  );		
	-pie-background: linear-gradient(#a2c9d8, #d6e8ef);
	

		behavior: url("assets/js/PIE.htc");
}
    * html .subNavOuter {
       margin-top: 26px !important;
    }
    *+html .subNavOuter {
      margin-top: 26px !important;
    }
 
.firstDiv .subNavOuter {
	margin-left: 3px !important;	
	}
.subNavOuter li {
	border-bottom: 1px dotted #FFFFFF;
	}
	.subNavOuter li:last-child {
		border-bottom: 0 none;
	}
.subNavInner a {
	zoom: 1;
	padding: 4px 0 4px 21px;
	display: block;
	color: #4f788b;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0px #c7dfe8;
}
.subNavInner a:hover {
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	zoom: 1;
	position: relative;
	text-decoration: none;
	}

/*****************************************************************/


.content-outer-box {
float: left;
width: 549px;
/*border: 1px solid #000000;*/
}

.content-box {
background-image: url('../content_bg.gif');
background-repeat: repeat-y;
}

.content-top-bgimg {/*img liegt im vordergrund*/
display: block; 
width: 549px;
margin: 0px 0px 0px 0px;
}

.content-bottom-bgimg {/*img liegt im vordergrund*/
display: block; 
width: 549px;
margin: 10px 0px 0px 0px;
}

.content-leftdist {
float: left;
width: 18px; /*20*/
}

.content {
font-family: Verdana, Arial, sans-serif;
float: left;
width: 525px; /*510*/
}

.teasercontent {
font-family: Verdana, Arial, sans-serif;
float: left;
width: 525px; /*510*/
}

.content-height {
float:left;
height:600px;
}

.teasercontent-height {
float:left;
height:600px;
}

.innercontent {
width:512px;
margin: 0px 0px 0px 0px;
float:left;
}



.content-seperator {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px dotted #cccccc;
width: 509px;
}

.content A {
/*text-decoration: underline;*/
color: #839F13;
}

.content A:link {
/*text-decoration: underline;*/ 
 color: #839F13;
}

.content A:visited { 
/*text-decoration: underline;*/
 color: #839F13;
}

.content A:hover {
/*text-decoration: underline;*/
 color: #5B7103;
}





H1.content-headline {
font-weight: bold;
font-size: 18px;/*1.6em;*/
line-height: 21px;/*1.3em;*/
color:#4DB7E6;
margin: 0px 0px 7px 0px;
}

H2.content-intro {
font-weight: bold;
font-size: 13px; /*1.2em;*/
line-height: 18px; /*1.3em;*/
margin: 0px 0px 0px 0px;
}

/**** default ****/

DIV.content-body {
	width:512px;
}

.content-headline {
	width:512px;
font-weight: bold;
font-size: 1.6em;/*13px;*/
line-height: 1.3em;/*18px;*/
color:#4DB7E6;
margin: 0px 0px 7px 0px;
}

.content-body {
font-size: 13px;/*1.2em;*/
line-height: 18px; /*1.3em;*/
margin-bottom: 30px;
}

.content-body UL {
clear:both; /*für den Fall, dass die liste unter dem Bild anfangen soll, dann l-s-pos auf outside*/
list-style-position: outside;
list-style-image: url('../list-img-green.gif');
margin-top: 10px;
margin-bottom: 5px;
/*background-color: #cccccc;*/
}

.content-body LI {
margin: 0px 0px 5px 0px;
}

.content-body A {
color: #839F13;
}

DIV.content-img-box {
float: left;
width: 161px; 
background-color: #EBF5F9;
border: 1px solid #BFD8E4;
margin: 5px 10px 10px 0px;
}

.content-img-box IMG {
display: block;
width: 161px; 
height: 98px;
border: 0px;
margin: 0px;
}


DIV.content-img-box-plus {
float: left;
width: 130px; 
background-color: #EBF5F9;
border: 1px solid #BFD8E4;
margin: 5px 10px 10px 0px;
}

.content-img-box-plus IMG {
display: block;
width: 130px; 
height: 78px;
border: 0px;
margin: 0px;
}


.img-caption-box {
width: 161px; 
border-top: 1px solid #BFD8E4;
margin: 0px;
}

.content-image-caption {
font-size: 10px; /*0.85em;*/
line-height: 18px; /*1.3em;*/
margin: 5px;
}

.application-box {
width:505px;
border: 1px solid #BFD8E4;
background-color:#EBF5F9;
}


.application-box-copy {
padding:10px;
}



/******* products-detail/-overview *****/


.content-products-large-box { /*um alles*/
width: 511px;
/*height: 245px;*/
border-left: 1px solid #BFD8E4;
border-top: 1px solid #BFD8E4;
border-right: 1px solid #BFD8E4;
border-bottom: 0px;
margin: 0px 0px 0px 0px;
background-image: url('../bg_products-detailbox.gif');
background-repeat: repeat-y;
}

.content-products-large-box-bottom { /*unten; ende um alles*/
width: 511px;
border-left: 1px solid #BFD8E4;
border-top: 0px;
border-right: 1px solid #BFD8E4;
border-bottom: 0px;
margin: 0px 0px 30px 0px;
background-image: url('../bg_products-detailbox.gif');
background-repeat: repeat-y; 
}


.content-products-small-box { /*linke box*/
float: left;
width: 161px; 
border-right: 1px solid #BFD8E4;
margin: 0px 0px 0px 0px;
}



.content-products-small {
/*background-color: #cccccc;*/
width: 161px;
}

.content-products-list-box {/*rechte box*/
float:left;
width: 346px;
margin: 0px 0px 0px 0px;
}


.content-products-list {
/*background-color: #cccccc;*/
width: 326px;
margin: 0px 0px 10px 10px;
}

.content-products-description {
font-size: 10px; /*0.85em;*/
width: 326px;
margin: 0px 0px 10px 10px;
/*background-color: #cccccc;*/
}

H3.products {
font-weight: bold;
font-size: 13px;/*1.0em;*/
line-height: 18px;/*1.2em;*/
color:#4DB7E6;
margin: 10px 0px 10px 0px;
}

.content-products-list P{
margin: 0px 0px 5px 0px;
}

P.products {
margin: 10px 0px 10px 0px;
}



.content-products-list UL {
list-style-position: outside;
margin-top: 0px;
margin-bottom: 10px;
list-style-image: url('../list-img-green.gif');
font-weight: bold;
}

.content-products-list OL {
list-style-position: outside;
margin-top: 0px;
margin-bottom: 10px;
list-style-image: url('../list-img-green.gif');
font-weight: bold;
}

.content-products-img { /*links productimg*/
width: 161px;
border-bottom: 1px solid #BFD8E4;
}

P.content-products-link {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px; /*0.85em;*/
line-height: 15px; /*1.3em;*/
margin: 5px 5px 5px 5px;
}

.content-products-link A {
font-family: Tahoma, Verdana, Arial, sans-serif; 
font-weight: bold;
color: #99BC0C;
text-decoration:underline;
display: block;
margin-left:16px;
margin-top:-12px;
}


.content-products-link IMG {
vertical-align:bottom;
margin-top:5px;
/*margin-top:-12px;*/
}


.content-products-link A {
font-weight: bold;
color: #99BC0C;
}

.content-products-link A:link {
font-weight: bold;
color: #99BC0C;
}

.content-products-link A:visited {
font-weight: bold;
color: #99BC0C;
}

.content-products-link A:hover {
font-weight: bold;
color: #839F13;
}

.dist-bottom { /*wenn 2. linbk aus */
height: 1px;
width: 1px;
}

.content-products-line {
height: 1px;
background-image: url('../pagenav_ptdline.gif');
background-repeat: repeat-y;
margin: 5px 5px 5px 5px;
}

.clearer-products {
clear: both;
background-image: url('../bg_products-detailbox.gif');
height: 1px;
width: 510px;
}

.clearer-products-bottom {
clear: both;
background-image: url('../border.gif');
height: 1px;
width: 510px;
}


/****************** contact_overview *****************/

.contact-outer-box {
margin: 0px 0px 20px 0px;
/*background-color: #cccccc;*/
}

.contact-img-box {
float: left;
width: 55px; 
/*background-color: #EBF5F9;
border: 1px solid #BFD8E4;*/
margin: 5px 10px 10px 0px;
}

.contact-img-box IMG {
display: block;
width: 55px; 
height: 55px;
border: 0px;
margin: 0px;
}

.contact-box {
float: left;
width: 434px;
/*background-color: #cccccc;*/
margin: 0px 0px 10px 0px;
}

.contact {
margin: 0px 0px 0px 0px;
}

.contact P{
font-size: 13px;/*1.2em;*/
line-height: 18px;/*1.3em;*/
margin: 0px 0px 0px 0px;
}

.contact A {
font-weight: bold;
font-size: 13px;/*1.2em;*/
line-height: 18px;/*1.3em;*/
}

.contact A:link {
font-weight: bold;
}

.contact A:visited {
font-weight: bold;
}

.contact A:hover {
font-weight: bold;
}

.clearer-contact {
clear: both;
height: 1px;
display: block;
}




/****************** offers_overview *****************/

.offers-outer-box {
margin: 0px 0px 20px 0px;
/*background-color: #cccccc;*/
}

.offers-img-box {
float: left;
width: 132px; 
/*background-color: #EBF5F9;
border: 1px solid #BFD8E4;*/
margin: 5px 10px 10px 0px;
}

.offers-img-box IMG {
display: block;
width: 130px; 
height: 78px;
border: 1px solid #d5e5ed;
margin: 0px;
}

.offers-box {
float: left;
width: 357px;
font-size: 13px;/*1.2em;*/
/*background-color: #cccccc;*/
margin: 0px 0px 10px 0px;
}

.offers {
margin: 0;
}

.offers P {
font-size: 13px;/*1.2em;*/
line-height: 18px;/*1.3em;*/
margin: 0;
}

.offers A {
font-weight: bold;
font-size: 13px;/*1.2em;*/
line-height: 18px;/*1.3em;*/
}

.offers A:link {
font-weight: bold;
}

.offers A:visited {
font-weight: bold;
}

.offers A:hover {
font-weight: bold;
}

.clearer-offers {
clear: both;
height: 1px;
display: block;
}


/*********** htp engagiert ************/

.aktion-outer-box {
margin: 0px 0px 20px 0px;
font-size:13px;
line-height:18px;
/*background-color: #cccccc;*/
}

IMG.teaser-engagiert-img-small  {
width: 130px; 
height: 78px;
border: 0px;
margin-top:10px;
margin-left:15px;
}

DIV.teaser-engagiert-img-small  {
width: 161px; 
height: 98px;
border: 0px;
border-bottom: 1px solid #BFD8E4;
margin: 0px;
}


/*********** sitemap ************/

.sitemap H1 {
font-size: 11px; /*1.0em;*/
line-height: 16px; /*1.3em;*/
font-weight: bold;
margin: 10px 0px 2px 0px;
}

.sitemap H2 {
font-size: 11px; /*1.0em;*/
line-height: 16px; /*1.3em;*/
font-weight: bold;
margin: 0px 0px 0px 0px;
}

.sitemap H3 {
font-size: 11px; /*1.0em;*/
line-height: 16px; /*1.3em;*/
font-weight: bold;
margin: 0px 0px 0px 0px;
}

.sitemap H4 {
font-size: 11px; /*1.0em;*/
line-height: 16px; /*1.3em;*/
font-weight: bold;
margin: 0px 0px 0px 0px;
}

.sitemap A {
font-weight: bold;
}
.sitemap A:link {
font-weight: bold;
}
.sitemap A:visited {
font-weight: bold;
}
.sitemap A:hover {
font-weight: bold;
}

.sitemap-line {
padding: 20px 0px 0px 0px;
}

/******* press und jobs ***********/

H1.content-headline-press {
font-weight: bold;
font-size: 13px;/*1.6em;*/
line-height: 18px;/*1.3em;*/
color:#4DB7E6;
margin: 0px 0px 20px 0px;
}

.press-ov-box {
margin: 0px 0px 18px 0px;
/*background-color: #cccccc;*/
}

.press-images-link {
margin: 0px 0px 5px 0px;
line-height: 16px;/*1.3em;*/
}

.press-images-link A {
font-weight: bold;
color: #99BC0C;
}
.press-images-link A:link {
font-weight: bold;
color: #99BC0C;
}
.press-images-link A:visited {
font-weight: bold;
color: #99BC0C;
}
.press-images-link A:hover {
font-weight: bold;
color: #839F13;
}

.date {
font-weight: bold;
line-height: 16px;/*1.3em;*/
margin: 0px 0px 0px 0px;
}

H3.press  {
font-weight: bold;
font-size: 13px;/*1.2em;*/
line-height: 18px;/*1.3em;*/
color:#4DB7E6;
margin: 0px 0px 0px 0px;
}

P.press {
font-weight: normal;
font-size: 13px;/*1.2em;*/
line-height: 18px;/*1.3em;*/
}

DIV.press {
font-weight: normal;
font-size: 13px;/*1.2em;*/
line-height: 18px;/*1.3em;*/
margin: 0px 0px 0px 0px;
}

.press A {
color: #839F13;
font-weight: bold;
}
.press A:link {
color: #839F13;
font-weight: bold;
}
.press A:visited {
color: #839F13;
font-weight: bold;
}
.press A:hover {
color: #839F13;
font-weight: bold;
}

P.press-image-caption {
font-weight: normal;
margin: 5px;
}


.clearer-pressov {
margin: 19px 0px 0px 0px;
height: 1px;
display: block;
}

.text-box {
float:left;
width: 328px;
/*background-color: #ccc;*/
}
/******************* glossary *******************/

H2.glossary {
font-weight: bold;
font-size: 13px; /*1.2em;*/
line-height: 18px; /*1.3em*/;
margin: 20px 0px 0px 0px;
}

H1.glossary {
font-weight: bold;
font-size: 18px;/*1.6em;*/
line-height: 18px; /*1.3em*/
color:#4DB7E6;
margin: 0px 0px 0px 0px;
}

.glossary-box {
margin: 0px 0px 0px 0px;
font-size: 13px;
line-height: 18px;
}

.glossary-box STRONG {
font-weight: bold;
color: #4DB7E6; /*etwas dunkler: #49ADD9*/
margin: 10px 0px 0px 0px;
}

.pagenav-glossary {
width: 509px;
background-color: #ffffff;
margin: 30px 0px 3px 0px;
}

.pagenav-glossary-letters-box {
width: 509px;
background-color: #ffffff;
margin: 10px 0px 3px 0px;
}

.pagenav-letters-glossary {
line-height: 15px; /*1.5em;*/
float: left;
width: 508px;
margin: 0px 0px 2px 0px;
color: #839F13;
}

.pagenav-glossary A {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}
.pagenav-glossary A:link {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}
.pagenav-glossary A:visited {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}
.pagenav-glossary A:hover {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}

.glossary-topmargin {
/*margin-top:10px;*/
/*margin-bottom:10px;*/

}


/**************************** FAQ *************************/

.faq-box {
font-weight: normal;
margin: 0px;
}

.faq-box UL {
color: #839F13;
/*list-style-type: circle;*/
list-style-image: url('../list-img-darkgreen.gif');
}

.faq-box LI {
margin: 0px 0px 10px 0px;
}

.faq-box A {
color: #839F13;
font-weight: normal;
}
.faq-box A:link {
color: #839F13;
font-weight: normal;
}
.faq-box A:visited {
color: #839F13;
font-weight: normal;
}
.faq-box A:hover {
color: #839F13;
font-weight: normal;
}

.pagenav-faq {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px; /*0.85em;*/
line-height: 13px; /*1.2em;*/
width: 509px;
height: 20px; /*2.0em;*/
background-color: #FFFFFF;
margin: 20px 0px 10px 0px;
}

.pagenav-faq A {
color: #839F13;
font-weight: normal;
}

.pagenav-faq A:link {
color: #839F13;
font-weight: normal;
}

.pagenav-faq A:visited {
color: #839F13;
font-weight: normal;
}

.pagenav-faq A:hover {
color: #839F13;

font-weight: normal;
}




/****************************** forms ******************/

.form-box {
width: 509px;
font-size: 13px; /*1.2em;*/
line-height: 16px; /*1.3em;*/
margin: 0px 0px 15px 0px;
}
.forminfo {
	font-size: 11px;
	}
.col {
float: left;
width: 507px;
margin: 0px;
}

.col1 {
float: left;
width: 145px;
margin: 0px;
}

.col1 LABEL { /*beschriftungsbreite*/
float: left;
width: 135px;
margin: 0px;
/*background-color: #cccccc;*/
}

.col1-1 {
float: left;
width: 25px;
margin: 0px;
}

.col1-2 {
float: left;
width: 50px;
margin: 0px;
}

.col1-3 {
float: left;
width: 100px;
margin: 0px;
/*background-color: #cccccc;*/
}

.col2 {
float: left;
width: 250px;
margin: 0px;
}

.col2 OL {
list-style-position: inside;
list-style-type: lower-alpha;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px;
}

P.form {
font-weight: bold;
margin: 0px 0px 20px 0px;
}

H2.form {
font-weight: bold;
font-size: 13px; /*1.2em;*/
line-height: 13px; /*1.3em;*/
margin: 20px 0px 0px 0px;
}

H1.form {
font-weight: bold;
font-size: 18px;/*1.6em;*/
line-height: 18px;/*1.3em;*/
color:#4DB7E6;
margin: 0px 0px 20px 0px;
}

SELECT.selectform {
font-size: 11px;
width: 248px;
background-color: #F3F9FB;
border: 1px solid #9DB1BA;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
}

SELECT.selectform-large {
font-size: 13px;
width: 348px;
background-color: #F3F9FB;
border: 1px solid #9DB1BA;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
}

INPUT.inputform {
width: 248px;
font-size: 12px; /*1.0em;*/
line-height: 12px; /*1.0em;*/
background-color: #F3F9FB;
border: 1px solid #9DB1BA;
width: 248px;
margin: 0px;
}

TEXTAREA.textareaform {
font-size: 11px; /*1.0em;*/
border: 1px solid #9DB1BA;
background-color: #F3F9FB;
width: 248px;
font-family: Tahoma,Verdana, Arial, Tahoma, sans-serif;
margin: 0px;
}

INPUT.fileform {
font-family: Tahoma,Verdana, Arial, Tahoma, sans-serif;
font-size: 11px; /*1.0em;*/
border: 1px solid #9DB1BA;
}

p.contactform_notice {
	font-size:11px;	
}

.resetform {/*RESET*/
width: 90px;
}

.submitform {/*SUBMIT*/
width: 90px;
}

.clearer-form-small {
clear: both;
height: 5px;
}

.clearer-form-medium {
clear: both;
height: 7px;
}

.clearer-form-large {
clear: both;
height: 18px;
}

#initiativbewerbung-box {
margin: 0px;
display: none;
/*visibility: hidden;*/
}

/********* formvalidation ******/

.form_errortext {
color: #DD0000;
font-weight: bold;
margin: 0px 0px 20px 0px;
}

.inputform_formerror {
width: 248px;
font-size: 12px; /*1.0em;*/
line-height: 12px; /*1.0em;*/
background-color: #F3F9FB;
border: 2px solid #DD0000;
width: 248px;
margin: 0px;
}

.selectform_formerror {
font-size: 12px; /*1.0em;*/
width: 248px;
background-color: #F3F9FB;
border: 1px solid #9DB1BA;
color: #DD0000;
}

.textareaform_formerror {
font-size: 11px; /*1.0em;*/
border: 2px solid #DD0000;
background-color: #F3F9FB;
width: 248px;
font-family: Tahoma,Verdana, Arial, Tahoma, sans-serif;
margin: 0px;
}



/************ images ************/

.clearer-images {
clear: both;
height: 1px;
display: block;
margin-top: 20px;
}


/************ pagenav ************/

.pagenav {
width: 509px;
height: 20px; /*2.0em;*/
background-color: #ffffff;
margin: 60px 0px 0px 0px;
}
	.pagenav_large {
	width: 710px;
	height: 20px; /*2.0em;*/
	background-color: #ffffff;
	margin: 60px 0px 0px 0px;
	}

.pagenav-popup {
width: 960px;
height: 20px; /*2.0em;*/
margin: 10px 0px 0px 15px;
}

.pagenav-popup A {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}
.pagenav-popup A:link {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}
.pagenav-popup A:visited {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}
.pagenav-popup A:hover {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}


.top-back-years {
margin: 10px 0px 15px 0px;
}

.pagnav-ptdline-top {
height: 1px;
display: block;
margin: 0px 0px 2px 0px;
}

.pagenav A,
.pagenav_large A{
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}
.pagenav A:link,
.pagenav_large A:link {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}
.pagenav A:visited,
.pagenav_large A:visited{
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}
.pagenav A:hover,
.pagenav_large A:hover {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #839F13;
}

.pagenav-left {
height: 18px; /*1.5em;*/
float: left;
width: 115px;
margin: 0px;
}

.pagenav-left-large {
height: 18px; /*1.5em;*/
float: left;
width: 508px;
margin: 0px 0px 2px 0px;
color: #839F13;
/*background-color: #cccccc;*/
}

.pagenav-left2 {
	height: 18px; /*1.5em;*/
	color: #839F13;
	float: left;
	width: 230px;
	margin: 0px;
	text-align: left;
}

.pagenav-right {
height: 18px; /*1.5em;*/
float: right;
width: 279px;
text-align: right;
margin: 0px;
}


.pagnav-ptdline-bottom { /*clearer*/
clear: both;
height: 1px;
display: block;
margin: 0px; 
padding: 0px;
}



/*************************************************/

.columns-bottom {
display: block;
background-image: url('../columns_bottom.gif');
background-repeat: no-repeat;
}

/***************************************************************/
/************************* rightcolumn ***********************/
/*************************************************************/

.right-box {
float: left;
width: 191px; /*215px;*/
/*border: 1px solid #000000;
background-color: #cccccc;*/
}

.right-box P{
line-height: 16px; /*1.4em;*/
margin: 0px 0px 10px 0px;
}

.right-box .serviceHeadline {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 4px;
	}

.right-box A {
font-weight: bold;
color: #839F13;
text-decoration: underline;
}
.right-box A:link {
text-decoration: underline;
}
.right-box A:visited {
text-decoration: underline;
}
.right-box A:hover {
text-decoration: underline;
}

.blueRightBox {
	background:url(../images/boxheadlines/right_content.gif) 0 0 repeat-y;
	}
	.blueRightBox .blueRightBoxContent {
		background:url(../images/boxheadlines/right_bottom.gif) left bottom no-repeat;
		padding:5px 10px 10px;
	}


.forum-box {
	margin: 0px 0px 14px;
}

.n-kunde-werden a {
	background: url(../right_auftragsservice.gif) 0 0 no-repeat; 
	display: block; 
	width: 191px; 
	height: 141px;
	text-decoration: none !important;
	}

.n-kunde-werden p {
	font-family: tahoma, verdana, arial, helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #000 !important;
	font-weight: normal !important;
	text-decoration: none !important;
	padding-top: 91px;
	margin: 0 0 0 11px;
	line-height: 14px !important;
	}
		
.tagcloud {
	background: url(../images/bg_tagcloud.gif) 0 0 no-repeat;
	display: block; 
	text-decoration: none !important;
	}
	
	.tagcloud a.green-l,
	.tagcloud a:hover.green-l {
		color: #839f13;
		font-size: 14px;
		text-decoration: none;
		font-weight: bold;
		line-height: 20px;
		padding: 10px 5px 10px 5px;
		}
	.tagcloud a.green-s,
	.tagcloud a:hover.green-s {
		color: #839f13;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		line-height: 20px;
		padding: 10px 5px 10px 5px;
		}
	.tagcloud a.blue-l,
	.tagcloud a:hover.blue-l {
		color: #4db7e6;
		font-size: 14px;
		text-decoration: none;
		font-weight: bold;
		line-height: 20px;
		padding: 10px 5px 10px 5px;
		}
	.tagcloud a.blue-s,
	.tagcloud a:hover.blue-s {
		color: #4db7e6;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		line-height: 20px;
		padding: 10px 5px 10px 5px;
		}
	
.servicesHead {
	background:url(../images/servicebox/services_head.gif) 0 5px no-repeat;
	display: block; 
	width: 191px; 
	height: 26px;
	}

.servicesContent {
	width: 171px;
	background:url(../images/servicebox/bgservices2.gif) 0 0 repeat-y;
	padding: 6px 10px 11px 10px;
	background-color:#fafdfe;
	}
*html .servicesContent {
	width: 191px;
	}

.servicesBox {
	padding: 8px 0 5px 0;
	}
.servicesLine {
	border-bottom: 1px solid #b9d0da;
	}
	
	.servicesBox img.servicesIMG {
		width: 42px;
		height:74px;
		margin-right: 5px;
		float: left;
		}
	.servicesBox p.txt-s {
		display: block;
		width: 124px;
		color:#000;
		line-height: 14px;
		float: left;
		}
	.servicesBox p.txt-l {
		display: block;
		width: 171px;
		color:#000;
		line-height: 14px;
		}
		.servicesBox span {
			display: inline;
			color:#333;
			line-height: 16px;
			font-weight: bold;
			}
			
	.servicesBox a.linkMore {
		background: url(../link-icon_mehr.gif) 0 5px no-repeat;
		padding-left: 15px;
		text-decoration: underline;
		display:block;
		padding-top: 5px;
		}
		
		
		
		
		
#servicescarousel {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding:5px 0 0 0;
	}
	#servicescarousel li,
	#servicescarousel .jcarousel-item {
		float: left;
		list-style: none;
		
		border-bottom: 1px solid #b9d0da;
		padding: 0 0 6px 0 !important;
		margin-bottom:10px;
		
		width: 171px;
		min-height:77px;
		
		/* IE6 fix */
		height:auto !important;
		height:77px;
	}
	
	#servicescarousel img.servicesIMG {
		width: 42px;
		height:74px;
		margin: 0 5px 0 0;
		padding: 0;
		float: left;
	}
	
	#servicescarousel p.txt-s {
		display: block;
		width: 124px;
		color:#000;
		line-height: 14px;
		float: left;
		padding: 0;
		margin: 0 0 0 0;
		}
	#servicescarousel p.txt-l {
		width: 171px;
		color:#000;
		line-height: 14px;
		padding: 0;
		margin: 0 0 0 0;
		float: left;
		}
	#servicescarousel span {
		display: inline;
		color:#333;
		line-height: 16px;
		font-weight: bold;
		}
			
	#servicescarousel a.linkMore {
		background:url(../link-icon_mehr.gif) 0 5px no-repeat;
		padding-left: 15px;
		text-decoration: underline;
		display:block;
		padding-top: 5px;
		}
		
		
		
	
.servicesBottom {
	background:url(../images/servicebox/services_bottom.gif) 0 0 no-repeat;
	display: block; 
	width: 191px; 
	height: 20px;
	}
	
	.servicesNav {
		width: 39px;
		height: 21px;
		background-color: #fafdfe;
		margin-left: 141px;
		}
	.servicesNav a {
		display: block;
		margin-top: 2px;
		float: left;
		}
	.servicesNav .left {
		padding: 0 1px 0 1px;
		}
	
	
.topThemenHead {
	background:url(../images/boxheadlines/themen_head.gif) 0 0 no-repeat;
	display: block; 
	width: 191px; 
	height: 21px;
	}
	
.gk-direktHead {
	background:url(../images/boxheadlines/htpdirekt_head_02.gif) 0 0 no-repeat;
	display: block; 
	width: 191px; 
	height: 21px;
	}
	.blueRightBoxContent a.more{
		background:url(../link-icon_mehr.gif) 0 1px no-repeat;
		display:block;
		margin-top:4px;
		padding-left:15px;	
	}

.direkt-box {
background-image: url('../right_bg.gif');
margin: 0 0 20px;
padding: 0;
}

.dsl-box,
.newsletter-box,
.dsloffensive-box,
.htp-gk-direkt-box {
background-image: url('../right_bg.gif');
margin: 0 0 20px;
}

.newsletter-box p.newsletterlink {
	width:171px;
	padding: 10px 0 0 0;
	clear:both;
	}
	
.tarif-finder {
margin: 0 0 20px;
}

.voting-box {
background-image: url('../right_bg.gif');
margin: 0 0 20px;
}

P.voting-headline  {
margin: 0 0 15px;
}

.voting-entry {
width: 171px;
margin: 0;
}
.voting-entry-radio {
float: left;
width: 25px;
}
P.voting-entry-text  {
float: left;
width: 146px;
margin: 1px 0 4px;
}

.submit-button-voting {
height: 17px;
width: 81px;
text-align: center;
font-size: 10px;
font-family: Verdana, sans-serif;
border: 0px;
background-image: url('../form_submit_voting.gif');
background-repeat: no-repeat;
background-color: transparent;
margin: 10px 0;
padding: 0 0 1px;
}



.right-head {
display: block; 
width: 191px;
margin: 0 0 7px;
}

.right-content {
width: 171px;
margin: 0 0 0 10px;
}

.right-footer {
display: block; 
width: 191px;
margin: 10px 0 0;
}

.dsloffensive-box .right-head {
	margin-bottom:0;	
}

.dsloffensive-box .right-content {
	margin-left:1px;	
}

	.dsloffensive-box .right-content img {
		border-top:1px solid #78a3b6;
		border-bottom:1px solid #78a3b6;
	}
	
	.dsloffensive-box .right-content a.image {
		display:block;
		height:94px;
		width:189px;	
	}
	
	.teasergk-box {
		display:block;
		height:140px;
		width:191px;
		margin-bottom:10px;
		}
	.teasergk-box img {
		border:none;
		}
	
	.dsloffensive-box .right-content a.more {
		background:url(../link-icon_mehr.gif) 10px 1px no-repeat;
		display:block;
		margin-top:4px;
		padding-left:25px;	
	}

.dsloffensive-box .right-footer {
	margin-top:4px;
}

/**************************** voting-results **************************/
TABLE { font-size: 11px; /*1.0em;*/}
.contenttable-head { color:#ffffff;}

/****************************** footer *******************************/

.nl_footer {
	display:block;
	background:url(../images/dottedLine_white.gif) bottom left repeat-x;
	margin:0 11px;
	padding:10px 0 8px 10px;
	}
	.nl_footer label,
	.nl_footer input {
		float:left;
	}
	.nl_footer label {
		padding-top:4px;
		margin-right:10px;
	}
	#nl_footer_email {
		display:block;
		font-size:11px;
		background:#f3f9fb;
		border:1px solid #9db1ba;
		color:#375664;
		margin:0 7px 0 0;
		padding: 3px 6px;
		height:22px;
		width:165px;
	}
	#nl_footer_submit {
		width:61px;
		height:19px;
		background:url(../button_anmelden_medium.gif) no-repeat;
		border:0;
		margin-top:1px;
		cursor:pointer;
		}
		#nl_footer_submit:hover {
			background-position:0 -19px;
		}
	
	

.footer-box2 {
margin-left:20px;
}


.footer-box {
width: 549px;
margin: 9px 0px 9px 0px;
}

.footer {
float: left;
width: 509px;
line-height: 16px; /*1.4em*/;
}

.footer A {
text-decoration: underline;
color: #375664
}
.footer A:link {
text-decoration: underline;
color: #375664
}
.footer A:visited {
text-decoration: underline;
color: #375664
}
.footer A:hover {
text-decoration: underline;
color: #375664
}

/****************************** addedinfos ******************************/

.addedinfos {
position: relative;
top:0px;
left: 28px;
width: 509px;
color: #568BA1;
margin: 10px 0px 20px 0px;
padding-bottom: 50px;
/*background-color: #cccccc;*/
}

.addedinfos a {
color: #568ba1;
text-decoration: underline;
}


.addedinfos li {
margin-bottom: 10px;
line-height: 1.4;
list-style:none;
}

.addedinfos li p {
margin-left: 10px;
}

.addedinfo-text { /*tariftabelle*/
color: #568BA1;
}

.addedinfos-popup {
width:640px;
color: #568BA1;
margin: 10px 0px 20px 0px;
padding-left:330px;
}



/**********************************************************************/
/************************* CONTENT Teaser Boxen  *********************/
/********************************************************************/

DIV.abstand { /*zw. den boxen*/
float: left;
width: 10px; 
height: 10px;
}

DIV.teaser-box-col {
width: 520px; 
margin: 0px 0px 30px 0px;
/*background-color: #cccccc;*/
}

A.moreinfo {
font-family: Verdana, Arial, sans-serif; 
font-size: 13px; /*1.2em;*/ 
line-height: 16px; /*1.3em;*/
font-weight: bold;
color: #99BC0C;
text-decoration:underline;
}

A.moreinfo:link {
font-family: Verdana, Arial, sans-serif; 
font-size: 13px; /*1.2em;*/ 
line-height: 16px; /*1.3em;*/
font-weight: bold;
color: #99BC0C;
}

A.moreinfo:visited {
font-family: Verdana, Arial, sans-serif; 
font-size: 13px; /*1.2em;*/ 
line-height: 16px; /*1.3em;*/
font-weight: bold;
color: #99BC0C;
}

A.moreinfo:hover {
font-family: Verdana, Arial, sans-serif; 
font-size: 13px; /*1.2em;*/ 
line-height: 16px; /*1.3em;*/
font-weight: bold;
color: #839F13;
}

DIV.attachment-link  {
background-image: url('../teaser-box-ptdline.gif');
background-repeat: no-repeat;
padding: 8px 0px 3px 0px;
margin: 12px 8px 0px 8px;
}

.attachment-link DIV {
margin: 0px 0px 3px 0px;
font-family: Tahoma, Verdana, Arial, sans-serif; 
}

.attachment-link A {
font-family: Tahoma, Verdana, Arial, sans-serif; 
font-weight: bold;
color: #99BC0C;
text-decoration:underline;
display: block;
padding-left: 15px;
/*margin-left:16px;
margin-top:-13px;*/
background-repeat: no-repeat;
}

.attachment-link A:link {
font-family: Tahoma, Verdana, Arial, sans-serif; 
font-weight: bold;
color: #99BC0C;
}
.attachment-link A:visited {
font-family: Tahoma, Verdana, Arial, sans-serif; 
font-weight: bold;
color: #99BC0C;
}
.attachment-link A:hover {
font-family: Tahoma, Verdana, Arial, sans-serif; 
font-weight: bold;
color: #839F13;
}

P.secondline  { /* 2. linie am ende für teaser-large*/
clear: both;
height: 7px;
margin: 0px 18px 0px 8px;
}

DIV.moretext {
font-size: 13px; /*1.2em;*/ 
line-height: 16px; /*1.3em;*/
margin: 20px 0px 20px 0px;
}

.moretext UL {
clear:both; /*für den Fall, dass die liste unter dem Bild anfangen soll, dann l-s-pos auf outside*/
list-style-position: outside;
list-style-image: url('../list-img-green.gif');
margin-top: 10px;
margin-bottom: 5px;
/*background-color: #cccccc;*/
}


.moretext LI {
margin: 0px 0px 5px 0px;
}


.moretext B, Strong {
font-weight: bold;
}

.moretext A { color: #839F13;}
.moretext A:link {color: #839F13;}
.moretext A:visited {color: #839F13;}
.moretext A:hover {color: #5B7103;}

/**************************teaser-box-small**************************/

DIV.teaser-box-small {
float:left;
/*background-color: red; */
width: 161px; 
border: 1px solid #BFD8E4;
margin: 0px;
height: 410px;/*32.0em;*/
}

IMG.teaser-img-small  {
width: 161px; 
height: 98px;
border: 0px;
border-bottom: 1px solid #BFD8E4;
margin: 0px;
}

.text-box-small {
margin: 10px 8px 12px 8px;
height: 230px; /*17.25em;*/
}

.teaser-box-small H1 {
font-weight: bold;
font-size: 13px; /*1.2em;*/ 
line-height: 18px; /*1.3em;*/
color:#4DB7E6;
margin: 0px;
}


H1.teaser-box-small A {
text-decoration:none;
color:#4DB7E6;
}

.teaser-box-small P {
font-weight: normal;
font-size: 13px; /*1.2em;*/ 
line-height: 18px; /*1.3em;*/
color:#000000;
margin: 0px;
}


/**************************teaser-box-medium**************************/

DIV.teaser-box-medium {
float:left;
/*background-color: green; */
width: 248px;
border: 1px solid #BFD8E4;
margin: 0px;
min-height:383px;
height:auto !important; /* modern browsers */
height:383px; /* IE6 */
}

IMG.teaser-img-medium  {
width: 248px;
height: 148px;
border: 0px;
border-bottom: 1px solid #BFD8E4;
margin: 0px;
}

.text-box-medium {
margin: 10px 8px 12px 8px;
min-height:160px;
height:auto !important; /* modern browsers */
height:160px; /* IE6 */
}

H1.teaser-box-medium {
font-weight: bold;
font-size: 13px; /*1.2em;*/ 
line-height: 16px; /*1.3em;*/
color:#4DB7E6;
}

H1.teaser-box-medium A {
text-decoration:none;
color:#4DB7E6;
}

.teaser-box-medium P {
font-weight: normal;
font-size: 13px; /*1.2em;*/ 
line-height: 18px; /*1.3em;*/
color:#000000;
margin: 0px;
}
.teaser-box-medium A, .teaser-box-medium P A {
color:#99bc0c;
}
.teaser-box-medium A:hover, .teaser-box-medium P A:hover {
color:#839F13;
}

/************************** neue Teaserbox Facelift 2009 **************************/

.homeTeaserBox-l {
	width: 510px;
	margin-bottom: 20px;
	}
	
	.homeTeaserBox-l .roundTop {
		display:none;
		width: 510px;
		height: 19px;
		background: url(../images/hometaeser/round_top_blue.gif) 0 4px no-repeat;
		}
	.js .homeTeaserBox-l .roundTop {
		display:block;
		}	
		.teaserPager {
			width: 84px;
			height: 19px;
			display: block;
			border-left: 1px solid #fff;
			margin-right: 15px;
			float: right;
			}
			* html .teaserPager {
				width: 82px;
				}
			.teaserPager a.pager {
				display: block;
				width: 19px;
				height: 19px;
				background-color:#99c5d8;
				color:#000;
				font-weight: bold;
				text-align: center;
				text-decoration: none;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				border-right: 1px solid #fff;
				margin: 0px;
				float: left;
				}
			.teaserPager a:hover.pager,
			.teaserPager a.active {
				background-color:#bee24b;
				display: block;
				}
				
			.teaserPager img.icon {
				width: 19px;
				height: 19px;
				margin-left: 5px;
				float: left;
				}
		
	.homeTeaserBox-l .teaserContent {
		width: 508px;
		height: 206px;
		border-left: 1px solid #bfd8e4;
		border-right: 1px solid #bfd8e4;
		border-bottom: 1px solid #bfd8e4;
		margin-bottom: 10px;
		
		float:none;
		
		}
		* html .homeTeaserBox-l .teaserContent {
			width: 510px;
			}
		.js .homeTeaserBox-l .teaserContent {
			margin-bottom: 0;
			}
			
		.js #homeTeaserContent2,
		.js #homeTeaserContent3 {
			display:none;
		}
		.js #homeTeaserImageWrap {
			height:207px;
		}
			
	.homeTeaserBox-l .teaserContent a {
		width: 508px;
		height: 206px;
		display: block;
		}
		
	.homeTeaserBox-l .slidersBox {
		display:none;
		position:relative;
		z-index:20;
		width: 510px;
		height: 76px;
		margin-top: -1px;
		}
	.js .homeTeaserBox-l .slidersBox {
		display:block;
		}
		.homeTeaserBox-l .slider {

			width: 166px; /* padding abgezogen */
			height: 76px;
			border-left: 1px solid #bfd8e4;
			border-right: 1px solid #bfd8e4;
			border-bottom: 1px solid #bfd8e4;
			float: left;
			}
				
		.homeTeaserBox-l a.info {
			width: 152px; /* padding abgezogen */
			height: 54px;
			display: block;
			color: #fff;
			line-height: 16px;
			text-decoration: none;
			background:url(../images/hometaeser/bg_teaser_normal.gif) 0 0 repeat-x;
			padding: 2px 7px 0 7px;
			}
			* html .homeTeaserBox-l a.info {
				width: 166px;
				}
		.homeTeaserBox-l a:hover.info {
			height: 54px;
			background:url(../images/hometaeser/bg_teaser_active.gif) 0 0 repeat-x;
			color: #000;
			}
		
		.homeTeaserBox-l .slider a.active {
			width: 152px; /* padding abgezogen */
			height: 54px;
			display: block;
			color: #000;
			line-height: 16px;
			text-decoration: none;
			background:url(../images/hometaeser/bg_teaser_active.gif) 0 0 repeat-x;
			padding: 2px 7px 0 7px;
			}
			* html .homeTeaserBox-l .slider a.active {
				width: 166px;
				}
							
		.homeTeaserBox-l .info strong,
		.homeTeaserBox-l .active strong {
			line-height: 14px;
			display: block;
			padding-bottom: 5px;
			}
		.homeTeaserBox-l .distance {
			margin-left: 3px;
			}
			
		.homeTeaserBox-l a.linkMore {
			display:block;
			background: url(../link-icon_mehr.gif) 7px 3px no-repeat;
			text-decoration: none;
			padding-left: 20px;
			color: #99bc0c;
			line-height: 20px;
			font-weight: bold;
			}
		.homeTeaserBox-l a:hover.linkMore {
			text-decoration: underline;
			}
			

.homeTextteaser {
	width: 496px; /* padding abgezogen */
	border: 1px solid #bfd8e4;
	background: #ebf5f9;
	margin-bottom: 20px;
	padding: 10px 7px 10px 7px;
	}
	* html .homeTextteaser {
		width: 510px;
		}
		
	.homeTextteaser p.headline {
		color: #4db7e6;
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
		background: url(../link-icon_mehr.gif) 0 2px no-repeat;
		padding: 0 0 0 17px;
		margin: 0;
		}
	.homeTextteaser p.txt {
		color: #000;
		font-size: 12px;
		line-height: 16px;
		padding: 4px 0 0 17px;
		margin: 0;
		}
	.homeTextteaser p.txt a {
		color: #99bc0c;
		font-weight: bold;
		text-decoration: underline;
		}
		
	.homeTextteaser .attachment-link a {
		display:inline;
		background-position:left center;
	}



/* +++++++++++++++++++++++++++++++++++++ ActionLayer - Startseite BEGIN +++++++++++++++++++++++++++++++++++++ */

#actionLayer {
	display: none;
	z-index: 9999;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: transparent url('../images/layer_bg.png') repeat;
	}
	#actionLayer img {
		display: block;
		position: absolute;
		background-color: #FFF;
		border: 1px solid #222;
		top: 0px;
		left: 0px;
		}

/**************************teaser-box-large**************************/



DIV.teaser-box-large {
float:left; 
/*background-color: blue; */
width: 508px;
margin: 0px;
/*height: 380px;*/
}
.teaser-box-large A {
font-family: Verdana, Arial, sans-serif; 
font-weight: bold;
color: #99BC0C;
text-decoration:underline;
}

IMG.teaser-img-large {
width: 506px;
_width: 508px;
height: 198px;
margin: 0px;
border: 1px solid #BFD8E4;
}


.text-box-large {
margin: 10px 8px 12px 8px;
/*height: 120px;*/
}

H1.teaser-box-large {
font-family: Verdana, Arial, sans-serif;
text-decoration:none;
font-weight: bold;
font-size: 18px; /*1.6em;*/
line-height: 20px;
color:#4DB7E6;
}

DIV.teaser-box-large .textbox-large-brdr {
border-bottom: 1px solid #BFD8E4;	
border-right: 1px solid #BFD8E4;
border-left: 1px solid #BFD8E4;
border-top: 1px solid #fff;
/* _width: 510px; */ 
margin-top: -2px;
padding-bottom: 4px;
}

.teaser-box-large .textbox-large-fullbrdr {
border-bottom: 1px solid #BFD8E4;	
border-right: 1px solid #BFD8E4;
border-left: 1px solid #BFD8E4;
border-top: 1px solid #BFD8E4;
/* _width: 510px; */ 
padding-bottom: 4px;
}

H1.teaser-box-large A {
text-decoration:none;
color:#4DB7E6;
}


.teaser-box-large P {
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 18px;
color:#000000;
margin: 0px;
}

.teaser-box-large UL LI {
font-size: 13px;
line-height: 18px;
}

/**********************************************************************/
/****************************** DSL-Offensive ********************/
/********************************************************************/
#map_layer_container {
	position:relative;	
}	

	.content_top_imagemap {
		border:1px solid #BFD8E4;
		margin-bottom:25px;
		height:198px;
		width:506px;
		position:relative;
	}
	*html .content_top_imagemap {
		font-size:0.1em;
	}

	*html #map_layer_container img { /*IE6*/
		behavior: url("assets/js/iepngfix.htc");
	}
	
	.content_top_imagemap img.image_map {
		position: relative;
		z-index: 100;
	}
	
	.content_top_imagemap img.image_region {
		display: none;
		left: 0px;
		position: absolute;
		top: 0px;
		z-index: 20;
	}		
	
	.content_top_imagemap img.image_bg {
		left: 0px;
		position: absolute;
		top: 0px;
		z-index: 19;
	}
	
	.region_layer {
		background-color:#FFF;
		border:1px solid #78a3b6;
		display: none;
		padding:10px;
		height:229px;
		width:279px;
		z-index:200;
		position:absolute;
		top:13px;
		left:160px;
	}

		.region_layer .layer_header {
			background:url(../images/dsl-offensive/dot.gif) repeat-x 0 bottom;
			padding-bottom:5px;
		}
		
			.region_layer .layer_header h2 {
				float:left;
				font-size:11px;
				margin:0;
				padding-right:10px;
				width:202px;
			}
			
			.region_layer .layer_header a.close {
				color:#99bc0c;
				display:block;
				float:right;
				text-align:right;
				text-decoration:underline;
				width:67px;
			}
			.region_layer .layer_header a.close:hover {
				color:#b3cd49;
			}
	
		.region_layer ul {
			margin:5px 0 0;
			padding:0;
			height:198px;
			width:279px;
			overflow-x:hidden;
			overflow-y:auto;
		}
	
			.region_layer li {
				list-style-type: none;
				padding-bottom:5px;
			}
			
				.region_layer li a {
					color:#99bc0c;
					text-decoration:none;
				}
				.region_layer li a:hover {
					color:#b3cd49;
					text-decoration:underline;
				}
			

/**********************************************************************/
/****************************** Content-Tabellen ********************/
/********************************************************************/



.content-table {
margin-left: 15px;
border-left: 1px solid #C6DCE7;
border-top: 1px solid #C6DCE7;
background-color:#FFFFFF;
}


.content-table TD, TD.content-table {
border-bottom: 1px solid #C6DCE7;
border-right: 1px solid #C6DCE7;
}


.content-table-head {
background-color:#375664;
text-align:left;
vertical-align:top;
color:#FFFFFF;
font-weight:bold;
}


.content-table-row01 {
background-color:#EBF5F9;
text-align:left;
vertical-align:top;

}


.content-table-row02 {
background-color:#FFFFFF;
text-align:left;
vertical-align:top;

}


.fake-table-head {
background-color:#375664;
color:#FFFFFF;
font-weight:bold;
}


table.change_password {
	font-size:12px;
	}
	
	table.change_password input.inputfield {
		margin-bottom:3px;
		}
	
	table.change_password input.change_password_submit {
		margin-top:10px;
		width:125px;
		}
		
	

/**********************************************************************/
/****************************** Tariftabellen ************************/
/********************************************************************/
.tariftable {
	margin-left: 15px;
	border-collapse: collapse;
	border: 1px solid #7698A7;
	font-size: 10px;
	}

td.tariftable-head  {
	background-color: #7698A7;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}
	
td.tariftable-subhead {
	background-color: #7698A7;
	border-collapse: collapse;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	}
td.tariftable-category {
	color: #000;
	background-color: #D0E6F0;
	border-collapse: collapse;
	border: 1px solid #7698A7;
	color: #375664;
	font-weight: bold;
	}
td.tariftable-col1 {
	background-color: #fff;
	border-collapse: collapse;
	border: 1px solid #7698A7;
	color: #000;
	}
td.tariftable-col2 {
	background-color: #ECF6F8;
	border-collapse: collapse;
	border: 1px solid #7698A7;
	color: #000;
	}

/**********************************************************************/
/***************** Tooltip-Funktion Tariftabellen ********************/
/********************************************************************/
 
#ratespage a {
	color:#375664;
	text-decoration:underline;
} 
 
  
#ratespage a:hover {
	background-color: transparent;
	z-index:10000;
	color:#375664;
}

#ratespage .toolbox a:hover span {
display: block !important;
position: absolute;
background-color: #FFFFFF;
border: 1px solid #000000;
color:#000000;
top: 10px;
left: 30px;
padding:8px;
width:200px;
text-decoration:none;
font-weight:normal;
} 

#ratespage .toolrightbox a:hover span {
display: block !important;
position: absolute;
background-color: #FFFFFF;
border: 1px solid #000000;
color:#000000;
top: 10px;
right: 30px;
padding:8px;
width:200px;
text-decoration:none;
font-weight:normal;
} 



/**********************************************************************/
/****************************** Webboard *****************************/
/********************************************************************/

DIV.edit-teaser-box {
border: 2px solid #4D4D4D;
padding: 20px;
margin: 30px;
width: 360px;
}

TABLE.edit-teaser {
font-size: 11px;
font-weight: normal;
color: #339933;
border-top: 1px solid #4D4D4D;
border-right: 1px solid #4D4D4D;
margin: 0px 20px 10px 20px;
}

.edit-teaser TD {
text-align: center; 
border-bottom: 1px solid #4D4D4D;  
border-left: 1px solid #4D4D4D;
width: 20px;
height: 20px;
}

TD.edit-teaser-show {
background-color: #339933;
}

TD.edit-teaser-hide {
background-color: #dddddd;
}

.edit-teaser-submit {
margin: 0px 0px 10px 20px;
}

P.edit-teaser {
font-size: 11px;
font-weight: normal;
color: #4D4D4D;
width: 300px;
margin: 10px 20px 10px 20px;
}

/**** nicht verwendet
.edithandle {
color: #339933;
}
.confighandle {
color: #FF0000;
}
*****/


/**********************************************************************/
/************************** Webmail-Hilfe *****************************/
/**********************************************************************/

.webmail-help-header {
	position: fixed;
	z-index: 2;
	left: 0px;
	top: 0px;
	padding: 3px 8px 3px 5px;
	background-color: #FFFFFF;
}

.webmail-help-header A {
	color: #000000;
}

.webmail-help-content {
	font-size: 12px;
	padding: 3px 8px 3px 5px;
	position: absolute;
	left: 0px;
	top: 25px;
	line-height: 16px;
}

.webmail-help-content A {
	line-height: 12px;
}

.webmail-help-content LI {
	padding: 2px 0px 0px 0px;
}

.webmail-help-content H1 {
	font-size: 14px;
	margin: 5px 0px 0px 0px;
}

.webmail-help-content P {
	margin-top: 5px;
}


@media print {
	.tariftable {
		color: #000;
		border-collapse: collapse;
		border: 1px solid #7698A7;
		}
	
	td.tariftable-head  {
		color: #000;
		font-weight: bold;
		text-align: center;
		}
	td.tariftable-subhead {
		border-collapse: collapse;
		border: 1px solid #000;
		font-weight: bold;
		}
	td.tariftable-category {
		color: #000;
		border-collapse: collapse;
		border: 1px solid #000;
		}
	td.tariftable-col1 {
		border-collapse: collapse;
		border: 1px solid #000;
		color: #000;
		}
	td.tariftable-col2 {
		border-collapse: collapse;
		border: 1px solid #000;
		color: #000;
		}	
	}
	

/**********************************************************************/
/************************** Verfügbarkeitstool**************************/
/********************************************************************/

#dsl_check {
	background: #e5f2f8;
	border: 1px #bcd9e1 solid;
	font-size: 11px;
	padding: 15px 10px 15px 10px;
	margin: 18px 0 27px 0;
	}
	#dsl_check p {
		line-height: 14px;
		}
	#dsl_check strong.headline {
		padding-bottom: 8px;
		display: block;
	}
	#dsl_check .hline {
		background: url(./../hline.gif) 0 0 repeat-x;
		height: 1px;
		margin: 16px 0 20px 0;
		width: 100%;
		}
	#dsl_check label {
		display: block;
		float: left;
		width: 90px;
		padding-top: 3px;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 11px;
	}
	#dsl_check input.dateninput {
		background: #f2fafc;
		border: 1px #9cb0b7 solid;
		display: block;
		float: left;
		height: 15px;
		width: 250px;
		margin-bottom: 7px;
		}
	#dsl_check select.dateninput {
		background: #f2fafc;
		border: 1px #9cb0b7 solid;
		display: block;
		float: left;
		height: 15px;
		width: 50px;
		margin-bottom: 7px;
		}		
	.select-street {
		background: #f2fafc;
		border: 1px #9cb0b7 solid;
		display: block;
		float: left;
		height: 85px;
		width: 250px;
		}
	.select-city {
		background: #f2fafc;
		border: 1px #9cb0b7 solid;
		display: block;
		float: left;
		height: 160px;
		width: 250px;
		}
	.select-abc {
		margin: 25px 0 5px 91px;
		}
	.select-abc a {
		font-family: tahoma, helvetica, sans-serif;
		font-weight: bold;
		font-size: 10px;
		letter-spacing: 0%;
		margin: 0;
		padding: 0;
		}
	input.sendbutton231 {
		margin-left: 90px;
		}
	#dsl_check .rates {
		float: left !important;
		width: 272px;
		line-height: 12px;
		}
	#dsl_check .button-order {
		float: left !important;
		width: 160px;
		margin-top: 50px;
		}
		#dsl_check img {
			border: none;
			}
	#dsl_check ul {
		list-style-image: url('../link-icon_mehr.gif') !important;
		}
	#dsl_check 
	#dsl_check .radio-2nd {
		margin: 0 10px 0 10px;
		}
		#dsl_check .inputfield-148 { width: 148px !important; float: left; display: block; }
		#dsl_check .inputfield-168 { width: 168px !important; float: left; display: block; }
		#dsl_check .inputfield-40 { width: 40px !important; float: left; display: block; }
		#dsl_check .inputfield-30 { width: 30px !important; float: left; display: block; }
		#dsl_check .logo-button {
			margin: 10px 0 0 13px;
			border: 1px #9cb0b7 solid;
			}
			
	#dsl_check .logoBox {
		padding:10px 0 5px;
		background:#fff;
		list-style:none;
		width:100%;
		margin-left:0;
		margin-right:0;
		}
		#dsl_check .logoBox a {
			text-decoration:none;
			}
			#dsl_check .logoBox a span {
				text-decoration:underline;
			}
		#dsl_check .logoBox li {
			list-style:none;
			text-align:center;
			float:left;
			width:50%;
		}
			
	
.dslcheck_formerror {
	border: 1px solid #d00 !important;
	color: #d00 !important;
	}
	
	


/* +++++++++++++++++++++++++++++++++++++ ecards BEGIN +++++++++++++++++++++++++++++++++++++ */


.mainEcard {
	width: 509px;
	margin: 0;
	}
	
.imgdetail {
	width: 314px;
	height: 443px;
	border: 1px solid #bfd8e4;
	margin: 10px 97px 0 97px;
	display: inline;
	}
	
/* gallery */
.imagebox {
	width: 509px;
	margin: 0px 0 0 0;
	}
	.imagebox a {
		display: block;
		width: 161px;
		height: 222px;
		border: 1px solid #bfd8e4;
		margin-bottom: 10px;
		float: left;
		display: inline;
		}
	.imagebox a  img {
		filter: alpha(opacity=80);
		opacity: 0.80;
		-moz-opacity: 0.80;
		-khtml-opacity: 0.80;
		}		

	.imagebox a:hover  img {
		filter: alpha(opacity=100);
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		}			
		.imagebox a:hover {
			border: 1px solid #ffffff;
			}
			
	.imageMargin {
		margin: 0 10px 0 0;
		}
			
			
/* 
navigator overview = gallerynav1 
navigator detail = gallerynav2
*/
.gallerynav1 {
	height: 17px;
	white-space: nowrap;
	display: block;
	padding: 0 0 10px 0;
	float: right;
	display: inline;
	}
	
.gallerynav3 {
	width: 509px;
	display: inline;
	}
	
.gallerynav2 {
	display: block;
	padding: 0 0 0 0;
	}
	.gallerynav2 div.back {
		color: #839f13;
		font-size: 8pt;
		font-weight:bold;
		padding-top: 4px;
		padding-left: 15px;
		padding-right: 22px;
		background:url(../ecards/arrow-back.gif) 0 8px no-repeat;
		float: left;
		}
	.gallerynav3 div.back {
		float:left;
		color: #839f13;
		font-size: 8pt;
		font-weight:bold;
		padding-top: 4px;
		padding-left: 10px;
		margin-left: 97px;
		background:url(../ecards/arrow-back.gif) 0 8px no-repeat;
		display: inline;
		}
	.gallerynav2 div.forward {
		color: #839f13;
		font-size: 8pt;
		font-weight:bold;
		padding-top: 4px;
		padding-left: 15px;
		padding-right:97px;
		background:url(../ecards/arrow-forward.gif) 0 8px no-repeat;
		float: right;
		}
		.gallerynav2 div.back a,
		.gallerynav2 div.forward a {
			color: #839f13;
			text-decoration: underline;
			}
		.gallerynav2 div.back a:hover,
		.gallerynav2 div.forward a:hover {
			color: #839f13;
			text-decoration: underline;
			}
			
		.navpos {
			float: right;
			background-color:#CC0066;
			}
		.navposTop {
			float: right;
			padding-right:97px;
			}
			
		.navpos span {
			padding: 0 5px 0 5px;
			}
			
	/* layoutangaben für gallerynav1 & gallerynav2 */		
	.gallerynav1 a img,
	.gallerynav2 a img,
	.gallerynav1 .imgnolink,
	.gallerynav2 .imgnolink,
	.gallerynav3 a img,
	.gallerynav3 .imgnolink {
		margin: -2px 0 0 0;
		position: relative;
		top: 4px;
		}
	.gallerynav1,
	.gallerynav2,
	.gallerynav3  {
		font-size: 8pt;
		color:#839f13;
		margin: 0 0 0 0;
		}
		.gallerynav1 a ,
		.gallerynav3 a{
			text-decoration: none;
			padding: 0 5px 0 5px;
			color:#839f13;
			}
		.gallerynav1 .imglink,
		.gallerynav3 .imglink {
			padding: 0;
			}
		.gallerynav1 a:hover,
		.gallerynav3 a:hover {
			text-decoration: none;
			text-decoration: underline;
			color:#839f13;
			}
		.gallerynav1 .active,
		.gallerynav3 .active {
			text-decoration: none;
			text-decoration: underline;
			color:#839f13;
			}
			
			
/* formular */
	.mainform {
		width:509px;
		margin: 28px 8px 0 0;
		}
		.mainform img {
			border: 1px solid #bfd8e4;
			float: left;
			margin: 5px 97px 0 97px;
			}
		.mainform p {
			font-weight: bold;
			color: #000000;
			padding: 0 0 0 0; !important
			}
		.mainform label {
			display: block;
			font-size: 8pt;
			color: #000000;
			padding: 0 0 2px 0;
			}
			
			.error {
				color: #dd0000 !important;
				font-weight: bold;
				}
			
		.noticebox {
			width: 509px;
			margin: 20px 0 20px 0;
			}
			.txtinpt1 {
				display: block;
				width: 507px;
				height: 100px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color: #000000;
				background: #f3f9fb;
				border: solid 1px #9db1ba;
				padding: 0 0 0 0;
				}
				*html .txtinpt, {
					width: 221px
					}
				*+html .txtinpt {
					width: 221px
					}
					
			.txtinpt2 {
				display: block;
				width: 236px;
				height: 16px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color: #000000;
				background: #f3f9fb;
				border: solid 1px #9db1ba;
				padding: 0 0 0 2px;
				margin-bottom: 10px;
				}
				* html .txtinpt {
					width: 236px;
					}
				*+html .txtinpt {
					width: 236px;
					}
			
		.senderbox {
			width: 246px;
			margin: 0 0 10px 0;
			float: left;
			}
		
		.graphicalkey img {
			margin:5px 0 0;
		}
			
		.formbox {
			width: 240px;
			padding: 0 0 10px 23px;
			float: left;
			}
			
	.submitformEcard {
		float: right;
		padding-top: 1px;
		}
		
	p.ecardMsg {
		display:block;
		padding-bottom:4px;
		border-bottom:1px solid #4DB7E6;
		margin-bottom:4px;
	}
	span.kwkCode {
		font-size:16px;
		font-weight:bold;
		padding:6px 12px;
		color:#8DAD0B;
		background:#E8F9FF;
	}
		
		
		
.lpContent {
	width:509px;
	}
	.lpContent .image {
		width:314px;
		height:443px;
		/*background: url(../images/bg_image.jpg) 0 0 no-repeat;*/
		}
		.lpContent img {
			width: 314px;
			height: 443px;
			border: 1px solid #bfd8e4;
			margin: 5px 97px 14px 97px;
			display: inline;
			}
					
	.lpContent .inhalt {
		width: 490px;
			padding: 10px 0 0 3px;
		}
		/*.lpContent h1 {
			font-size: 15px;
			line-height: 20px;
			font-weight: bold;
			color: #553315;
			}
		.lpContent .inhalt p {
			font-size: 11px;
			line-height: 15px;
			color: #553315;
			}*/
		.lpContent div.forward {
			color: #839f13;
			font-size: 8pt;
			font-weight:bold;
			padding-top: 4px;
			padding-left: 15px;
			background:url(../ecards/arrow-forward.gif) 0 8px no-repeat;
			float: left;
			}
			.lpContent div.forward a {
				color: #839f13;
				text-decoration: underline;
				}
			.lpContent div.forward a:hover {
				color: #839f13;
				text-decoration: underline;
				}