body { 
	background: #F2F2F0;
	text-align: center;
	height: 600px;
	padding: 0;
	border: 0px solid red;
	margin: 0;
	color: #7D7D7D;
	font-family : Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height : 18px;
}
#header { 
	background: url('images/wbg_header.gif') no-repeat bottom center;
	height: 30px;
	width: 990px;
	padding: 0;
	border: 0px solid blue;
	margin: 0 auto; /* 1. oben unten - 2. rechts links auto f�r Firefox */
}
#page {
	background: url('images/wbg_cont.gif') repeat-y top;
	width: 990px;
	border: 0px solid black;
	margin: 0 auto; /* 1. oben unten - 2. rechts links auto f�r Firefox - Page verhindert ein Fehler in IE-Browser */
	}
	
#container {
	width: 970px;
	border: 0px solid yellow;
	margin-left: 10px; /* einmitten f�r IE */
	margin-right: 10px; /* einmitten f�r IE */
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}
	
#breadcrumb {
	width: 950px;
	height: 60px;
	padding-left: 0px;
	padding-bottom: 0px;
	border: 0px solid black;
	}
	
#navside {
	width: 176px; /* 178 */
	padding-left: 20px;
	margin-left: 0px; /* einmitten f�r IE */
	margin-right: 0px; /* einmitten f�r IE */
	border: 0px solid #666666;
	line-height : 24px;
	text-align: left;
    vertical-align : top;
	float: left;
	}
	
#news_home {
	width: 372px; /* 372 */
	padding-left: 20px; /* 20 */
	border: 0px solid red;
	line-height : 24px;
	float: left;
	}
	
#inhalt_home {
	width: 564px; /* 564 */
	padding-left: 10px; /* 10 */
	padding-right: 0px; /* 10 */
	border: 0px solid blue;
	float: left;
	font-family : Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}
	
#inhalt_01 {
	width: 577px; /* 514 */
	padding-left: 10px; /* 10 */
	padding-right: 0px; /* 20 */
	padding-bottom: 54px;
	border: 0px solid blue;
	float: left;
	font-family : Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}
	
#inhalt_newsletter {
	width: 564px; /* 514 */
	padding-left: 10px; /* 10 */
	padding-right: 0px; /* 20 */
	padding-bottom: 54px;
	border: 0px solid blue;
	float: left;
	color: #000000;
	font-family : Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}
	
#inhalt_product {
	width: 700px; /* 752 */
	padding-left: 0px; /* 10 */
	padding-right: 0px; /* 20 */
	padding-bottom: 54px;
	margin-left: 0px; /* einmitten f�r IE */
	margin-right: 0px; /* einmitten f�r IE */
	border: 0px solid red;
	float: left;
	font-family : Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}
	
#inhalt_styleguide {
	width: 756px; /* 760 */
	padding-left: 0px; /* 0 */
	padding-right: 0px; /* 0 */
	padding-bottom: 54px;
	margin-left: 0px; /* einmitten f�r IE */
	margin-right: 0px; /* einmitten f�r IE */
	border: 0px solid red;
	float: left;
	font-family : Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	}	

#news_01 {
	width: 208px;
	padding: 0;
	border: 0px solid red;
	line-height: 18px;
	float: left;
	}
	
#logo_container {
	clear: both;
	width: 565px; /* 965 */
	height: 70px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 25px;
	text-align: right;
	border: 0px solid black;
	}
	
#footer { 
	clear: both;
	background: url('images/wbg_footer.gif') no-repeat top; 
	width: 990px;
	height: 20px;
	padding: 0px;
	border: 0px solid blue;
	}
	
#tab_top {
	background: url('images/tab_top.gif') no-repeat bottom;
	width: 758px;
	padding: 0px;
	border: 0px solid blue;
	margin: 0 auto; /* 1. oben unten - 2. rechts links auto f�r Firefox */
	}
#tab_mid {
	background: url('images/tab_mid3.gif') repeat-y top;
	width: 758px;
	border: 0px solid black;
	margin: 0 auto; /* 1. oben unten - 2. rechts links auto f�r Firefox - Page verhindert ein Fehler in IE-Browser */
	}
#tab_bot {
	background: url('images/tab_bot.gif') no-repeat top;
	width: 758px;
	padding: 0px;
	border: 0px solid blue;
	margin: 0 auto; /* 1. oben unten - 2. rechts links auto f�r Firefox */
	}
	
/* //////////////////////////////////////////////////////////////////////////////// */

a:link { color: #2FB2C2; font-size: 11px; text-decoration:none;}
a:visited { color: #2FB2C2; text-decoration:none; }
a:hover { color: #333; text-decoration:none; }
a:active { color: #333; text-decoration:none; }

.lang { color: #333; font-size: 11px;}
a.lang:link { color: #2FB2C2; text-decoration:none; }
a.lang:visited { color: #2FB2C2; text-decoration:none; }
a.lang:hover { color: #333; text-decoration:none; }
a.lang:active { color: #333; text-decoration:none; }

.nav_h { color: #000000; font-size: 11px;}
a.nav_h:link { color: #000000; text-decoration:none; }
a.nav_h:visited { color: #000000; text-decoration:none; }
a.nav_h:hover { color: #000000; text-decoration:underline; }
a.nav_h:active { color: #000000; text-decoration:none; }

.nav { color: #000000; font-size: 11px; line-height : 22px;}
a.nav:link { color: #000000; text-decoration:none; }
a.nav:visited { color: #000000; text-decoration:none; }
a.nav:hover { color: #2FB2C2; text-decoration:none; }
a.nav:active { color: #2FB2C2; text-decoration:none; }

.nav2 { color: #2FB2C2; font-size: 11px;}
a.nav2:link { color: #2FB2C2; text-decoration:none; }
a.nav2:visited { color: #2FB2C2; text-decoration:none; }
a.nav2:hover { color: #2FB2C2; text-decoration:none; }
a.nav2:active { color: #2FB2C2; text-decoration:none; }

.foot { color: #FFFFFF; font-size: 11px;}
a.foot:link { color: #FFFFFF; text-decoration:none; }
a.foot:visited { color: #FFFFFF; text-decoration:none; }
a.foot:hover { color: #FFFFFF; text-decoration:underline; }
a.foot:active { color: #FFFFFF; text-decoration:underline; }

.tx_black { 
	color: #000000;
	font-family : Verdana, sans-serif;
	font-size: 11px;
	line-height : 18px;
}
.tx_blue { 
	color: #2FB2C2;
	font-family : Verdana, sans-serif;
	font-size: 11px;
	line-height : 18px;
}

h1 {
	color: #2FB2C2;
	font-size: 13px;
	line-height : 13px;
	padding-left: 2px;
}
h2 {
	color: #000000;
	font-size: 11px;
	line-height : 18px;
}
h3 {
	color: #000000;
	font-size: 11px;
	line-height : 18px;
}
h4 {
	color: #000000;
	font-size: 11px;
	line-height : 12px;
}
strong {
	color: #2FB2C2;
}
p { 
	color: #000000;
	font-family : Verdana, sans-serif;
	font-size: 11px;
	line-height : 18px;
}
em { 
	color: #969491;
	font-family : Verdana, sans-serif;
	font-size: 11px;
}
li {
    color: #333333;
}

td {
	color: #7D7D7D;
	font-family : Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height : 18px;
}


/* //////////////////////////////////////////////////////////////////////////////// */
#line_1_n {
	border-top: 1px solid #DFDFDE;
}
#line_1_t {
	color: #2FB2C2;
	font-size: 13px;
	line-height : 24px;
	padding-left: 2px;
	border-top: 1px solid #DFDFDE;
	border-bottom: 1px solid #DFDFDE;
	font-weight: bold;
}
#line_1 {
	border-top: 1px solid #DFDFDE;
}
#line_1_b {
	border-bottom: 1px solid #DFDFDE;
}
#line_2 {
	border-top: 1px solid #FFFFFF;
	background-color: #EFEFEE;
}
#line_3 {
	border-top: 3px solid #DFDFDE;
}
#line_4 {
	background: url('images/line_prod_az.gif') no-repeat center;
	width: 746;
	height: 1;
	}
/* ///// // BG Navigation ///// */
#nav_col {
	background-color: #F2F2F0;
}
/* ///// // BG NEWS ///// */
#nav_col_2 {
	background-color: #EFEFEE;
}
#nav_col_2b {
    border-top: 1px solid #FFFFFF; 
	background-color: #EFEFEE;
}
/* ///// // BG Inhalt ///// */
#nav_col_3 {
	background-color: #EFEFEE;
}
#nav_col_3a {
    border-top: 1px solid #FFFFFF; 
	background-color: #EFEFEE;
}
#nav_col_3b {
	border-top: 1px solid #FFFFFF; 
    border-right: 1px solid #FFFFFF; 
	background-color: #EFEFEE;
}
#nav_col_3c {
    border-right: 1px solid #FFFFFF; 
	background-color: #EFEFEE;
}
/* ///// // BG Listen ///// */
#nav_col_4 {
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #B5B5B4;
}
#nav_col_5 {
border-top: 1px solid #FFFFFF;
	background-color: #EFEFEE;
}
#nav_col_6 {
	background-color: #F9F9F8;
}



/* ///// Form Field /////////////////////////////////////////////////////////////// */


.input_search {
	width: 110px; /* 140 */
	height: 13px;
	border: solid 0px #999999;
}

textarea {
	background-color: #F0F0EE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 400px;
}

select, option {
	background-color: #F0F0EE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* border:solid 1px #999999; */
}

/** turn off the border on radio and checkboxes in IE                 **/
/** necessary because IE defines the border as a box around the radio **/
/** or the checkbox, not the actual button                            **/
input.radio {
		background-color: #F0F0EE;
		border:0px;
}
/** turn the border back on for radio and checkboxes for Mozilla based browser **/
/** necessary because these define the border as the actual radio or checkbox  **/
/** IE 5+ ignores this CSS 2 definition                                        **/

input[type="radio"], input[type="checkbox"] {
		font:11px Verdana, Arial, Helvetica, sans-serif;
		background-color: #F0F0EE !important;
		border:solid 1px #999999 !important;
}

input {
	background-color: #F0F0EE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* border:solid 1px #999999; */
	line-height : 18px;
}

table.contenttable tr.headerRow td{
	background-color:#f0f0ee;
}
table.contenttable td{
	vertical-align:top;
}
table.contenttable .formDropdown{
	border:1px solid #9e9e9e;
	color:#79797b;
	background-color:#fff;
	margin-bottom:0;
}

