@charset "UTF-8";

/* CSS Document */
* {
	padding: 0;
	margin: 0;
	outline: none;
}

html {
	width: 100%;
	height: 101%;
}

body {
	background: url(../images/bg_Main.png) repeat-x #FFF;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Verdana;
	font-size: 0.80em;
	color: #666;
}

.clearBoth {
	clear: both;
}

a img {
	border: 0 none;
}

a {
	color: #1b868b;
}

a:hover {
	text-decoration: none;
}

th {
	text-align: left;
	background: #0067b6;
	color: #fff;
	padding: 3px;
}

.1 {
	width: 10px;
}

.2 {
	width: 150px;
}

.3 {
	width: 33px;
}

.4 {
	width: 74px;
}

td {
	color: #666;
	padding: 3px;
}

#base {
	width: 910px;
	margin: 0 auto;
	padding: 10px 0 0 10px;
	background: url(../images/bg_Shadow.png) no-repeat;
}

h1 {
	background: url(../images/h1_background.gif) no-repeat;
	border: solid 1px #1b868b;
	border-width: 1px 0 0 0;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	margin: 30px 20px 20px 20px;
	padding: 10px 0 0 30px;
	font-weight: bold;
	font-size: 1.3em;
	color: #1b868b;
}

h2 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 0px;
	padding: 20px 0 8px 0;
	color: #1b868b;
}

h5 {
	font-size: 14px;
	padding-bottom: 5px;
	color: #000000;
}

#naviTop{
	height: 30px;	
}

#navigationTop {
	float: right;
	height: 30px;
	margin: 0 25px 0 0;
	padding: 0;
}

#navigationTop li {
	float: left;
	list-style-type: none;
	margin-right: 8px;
}

#navigationTop li.a {
	font-weight: bold;
}

#navigationTop a {
	text-decoration: none;
}

#navigationTop a:hover {
	text-decoration: underline;
}

#left {
	width: 10px;
	height: 1000px;
	float: left;
	background: url(../images/bg_Left.jpg) no-repeat #fff;
}

#wrapper {
	width: 900px;
	clear: both;
}

#middle {
	width: 880px;
	min-height: 1000px;
	height: auto !important;
	height: 1000px;
	float: left;
	background: #FFF;
}

#right {
	width: 10px;
	height: 1000px;
	background: url(../images/bg_Right.png) no-repeat #fff;
	float: left;
}

#header {
	width: 880px;
	height: 266px;
	background: url(../images/bg_Head.jpg) no-repeat;
	background: url(../images/header_default.jpg) no-repeat;
}

#base.home #header {
	background: url(../images/header_home.png) no-repeat;
	height: 140px;	
}

#intro{
	padding: 1px 0 1px 1px;
	margin-bottom: 70px;
	border: 0px solid #1b868b;
	border-bottom-width: 10px;
}

#logo {
	height: 75px;
	width: 240px;
	padding-top: 25px;
	float: left;
}

#search {
	width: 203px;
	height: 20px;
	color: #1b868b;
	font-weight: bold;
	margin-right: 95px;
	margin-top: 10px;
	background-color: #c0dedf;
	border: 1px solid #FFF;
	float: right;
}

#search input {
	color: #1b868b;
	padding-left: 5px;
	width: 140px;
	height: 19px;
	background-color: #c0dedf;
	border: 0px;
	float: left; 
}

#search:hover,
	#search.buttonA{
	border-color: #FF0;
}

#search:hover input{
	border: 0px;
}

ul.search{ padding: 0; }
ul.search li{ 
	list-style: none;
	padding: 0; 
}
ul.search li a{ 
	background-image: url(../images/link.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0 0 0 40px; 
}

#search input.button {
	background: url(../images/bg_Search_Button.png);
	height: 20px;
	border: 0px;
	width: 58px;
	color: #666;
	padding-left: 10px;
}

#search:hover input.button,
	#search.buttonA input.button{
	background: url(../images/bg_Search_Button_fokus.png);
}

/*------------- Navigation oben ---------- */
#navigationMain {
	position: absolute;
	margin: 90px 0 0 270px;
	width: 600px;
}

#navigationMain li {
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
}

#navigationMain li a {
	display: block;
	padding: 0 0 0 10px;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#navigationMain li a span {
	display: block;
	height: 20px;
	padding: 5px 15px 5px 5px;
}

#navigationMain li>a:hover,
	#navigationMain li:hover>a,
	#navigationMain li.o{
	color: #1b868b;
	background: url(../images/navigation_main_bg_l.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#navigationMain li a:hover span,#navigationMain li:hover a span {
	background: url(../images/navigation_main_bg.png);
	background-position: right top;
}

#navigationMain li.a a{
	color: #f8f75b;
}

#navigationMain li.a a:hover,
	#navigationMain li.a ul li a,
	#navigationMain li.a:hover a{ 
	color: #1b868b;
}

#navigationMain li.a:hover {
	background-image: none;
}

#navigationMain li ul {
	position: absolute;
	display: none;
	padding: 10px;
	width: 203px;
	height: 125px;
	background: url(../images/navigation_main_sub_bg.png) no-repeat;
	background-position: top left;
}

#navigationMain li:hover ul {
	display: block;
}

#navigationMain li ul li {
	float: none;
	list-style: none;
	background-image: none;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}

#navigationMain li ul li a {
	display: block;
	background-image: none;
	font-weight: normal;
	padding: 2px 5px;
	color: #1b868b;
}

#navigationMain li ul li.a a {
	font-weight: bold;
}

#navigationMain li ul li a:hover {
	background: #f8f75b;
}

/*------------- Navigation links --------- */
#nav_Left_Bg {
	min-height: 350px;
	height: auto !important;
	height: 350px;
	width: 241px;
	margin-top: -73px;
	margin-left: 1px;
	float: left;
	background: url(../images/bg_Nav_Left_blue.png) repeat-x;
}

#nav_Left_Inner_Bg {
	margin-top: 16px;
	width: 229px;
	background-color: #edf5f6;
	background-image: url(../images/bg_Nav_Left_Inner.png);
	background-repeat:  repeat-x;
	background-position: bottom left;
	padding-left: 8px;
	color: #0067b6;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

#nav_Left_Inner_Bg span{
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	padding: 20px 5px 5px 5px;
	border: 0px solid #fff;
	border-bottom-width: 1px;
}

#nav_Left_Inner_Bg span a{ text-decoration: none; }
#nav_Left_Inner_Bg span a:hover{ text-decoration: underline; }

#navLeft li {
	list-style-type: none;
	border-bottom: 1px solid #fff;
}

#navLeft li a {
	color: #1b868b;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 15px;
	margin-left: -8px;
}

#navLeft li a:hover{
	background-color: #8dc2c6;
	margin-left: -8px;
	margin-right: 1px;
	color: #fff;
}

#navLeft li.a a,
	#navLeft a.a{
	font-weight: bold;
}

#navLeft ul{ padding: 0 0 5px 0; }

#navLeft ul li{
	padding: 0 0 0 15px;
	border-width: 0;
}

	#navLeft ul li a{ 
		background-image: url(../images/nav_left_cross.gif);
		background-position: top left;
		background-repeat: no-repeat;
		text-decoration: none;
		padding: 2px 0px 2px 20px;
	} 

	#navLeft ul li a:hover{
		color: #1b868b;
		background-color: transparent;
		text-decoration: underline;
	}

#contentTwoCols {
	width: 597px;
	float: left;
	padding: 0 20px 0 20px;
}

#contentTwoCols h1 {
	margin-left: 0px;
	margin-right: 0px;
}

#contentTwoCols h2 {
	margin-left: 30px;
}

#content, .content {
	padding: 0px 20px 20px 50px;
}

#content p, .content p{
	padding: 0 0 10px 0;	
}

.contentCol{
	float: left;
	width: 395px;
}

.contentColRight{
	margin-left: 20px;	
}

.contentTeaserGroup{
	background-image: url(../images/bg_outer_green.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #1b868b;
	padding: 1px 0 0 20px;
}

.contentTeaserBody{
	background-color: #fff;
	padding: 10px;
	min-height: 140px;
	height: auto !important;
	height: 140px;
}

/*------------- Produktübersicht ---------*/
#content_Header {
	width: 610px;
	height: 45px;
	margin: 15px 0 25px 20px;;
	border-bottom: 1px #000 solid;
	float: left;
}

#contentProducts {
	padding: 0;
}

#content_HeaderDetails {
	width: 610px;
	height: 45px;
	margin: 15px 0 0px 20px;
	border-bottom: 1px #06C solid;
	float: left;
}

ul.productsIndex{
	margin: 0;
	padding: 0 0 30px 30px;	
}

	ul.productsIndex li{ list-style: none; }

.contentProductsDetails {
	border: 1px solid #ff9900;
	border-width: 1px 0 0 0;
	width: 570px;
	margin: 0 0 50px 30px;
	padding: 0 0 10px 0;
	float: left;
}

.toTop{
	text-align: right;		
}

.productBox {
	width: 380px;
	height: 360px;
	margin: 0 0 20px 20px;
	padding: 0 0 0 30px;
	float: left;
}

.productBox ul {
	padding: 10px 0 0 0;
}

.productBox li {
	list-style: none;
	padding: 0 0 2px 0;
}

.productBox li a {
	color: #666;
}

#box_new_product {
	min-height: 350px;
	width: 241px;
	margin-top: 0px;
	margin-left: 1px;
	float: left;
	background: url(../images/bg_New_Product.png) repeat-x;
	color: #000;
}

#newProduct_BG {
	min-height: 350px;
	width: 235px;
	margin-top: 1px;
	margin-left: 10px;
	padding: 2px;
	float: left;
	background: #FFF;
}

#footer{
	margin: 30px auto 0 auto;
	width: 830px;
	height: 50px;
	background: #efefef;
	padding: 10px;
}

.fLeft{
	float: left;
	margin-left: 30px;	
}

.fRight{
	float: right;
	font-weight: bold;
	color: #1b868b;
}

.footerLogo{ float: left; }

#footer2 {
	margin: 0 auto 50px auto;
	width: 830px;
	padding: 10px;
	color: #d4d4d4;
	text-align: right;
}
#footer2:hover, #footer2:hover a{ color: #1b868b; }
#footer2 a{	color: #d4d4d4; }

.nav a:hover {
	color: #cdcdcd;
}

.prodImage {
	margin: 20px 20px 20px 0;	
	width: 240px;
	float: left;
}

	.prodImage img{
		border: 1px solid #C4C4C4;	
	}

.prodBody {
	padding: 20px 20px 20px 0;
	width: 285px;
	float: left;
}

.prodBody li {
	list-style: none;
}

.prodTable {
	clear: both;
}

/***------ red -----------***/
#base.red ul.productsIndex li a{
	padding-left: 40px;
	background-image: url(../images/product_index_red.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	color: #666;
}

#base.red .productBox {
	background-image: url(../images/bg_box_red.gif);
	background-repeat: no-repeat;
}

#base.red #nav_Left_Bg {
	min-height: 350px;
	width: 241px;
	margin-top: -73px;
	margin-left: 1px;
	float: left;
	background: url(../images/bg_Nav_Left_red.png) repeat-x;
}

#base.red h1,#base.red h2,#base.red h3 {
	color: #cc3300;
}

#base.red h1 {
	background: url(../images/h1_background_red.gif) no-repeat;
	border-color: #cc3300;
}

#base.red .contentProductsDetails {
	background: url(../images/bg_Verlauf_Details_red.png);
	border-color: #cc3300;
}

#base.red th {
	text-align: left;
	background: #cc3300;
	color: #fff;
	padding-left: 2px;
}

#base.red td { border-bottom: 1px #cc3300 solid; }

#base.red tr{ background: #fff; }
#base.red tr:hover{ background: #faeae5; }

/***** ----- blue --------- *******/
#base.blue ul.productsIndex li a{
	padding-left: 40px;
	background-image: url(../images/product_index_blue.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	color: #666;
}

#base.blue .productBox {
	background-image: url(../images/bg_box_blue.gif);
	background-repeat: no-repeat;
}

#base.blue #nav_Left_Bg {
	min-height: 350px;
	width: 241px;
	margin-top: -73px;
	margin-left: 1px;
	float: left;
	background: url(../images/bg_Nav_Left_blue.png) repeat-x;
}

#base.blue  a { /*color:#069;*/
	
}

#base.blue h1,#base.blue h2,#base.blue h3 {
	color: #0067b6;
}

#base.blue h1 {
	background: url(../images/h1_background_blue.gif) no-repeat;
	border-color: #0067b6;
}

#base.blue .contentProductsDetails {
	background: url(../images/bg_Verlauf_Details_blue.png);
	border-color: #0067b6;
}

#base.blue th {
	text-align: left;
	background: #0067b6;
	color: #fff;
	padding-left: 2px;
}

#base.blue td {
	border-bottom: 1px #0067b6 solid;
}

#base.blue tr{ background: #fff; }
#base.blue tr:hover{ background: #e5f0f8; }

/***** ----- yellow --------- *******/
#base.yellow ul.productsIndex li a{
	padding-left: 40px;
	background-image: url(../images/product_index_yellow.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	color: #666;
}

#base.yellow .productBox {
	background-image: url(../images/bg_box_yellow.gif);
	background-repeat: no-repeat;
}

#base.yellow h1,#base.yellow h2,#base.yellow h3 {
	color: #eac700;
}

#base.yellow h1 {
	background: url(../images/h1_background_yellow.gif) no-repeat;
	border-color: #eac700;
}

#base.yellow #nav_Left_Bg {
	min-height: 350px;
	width: 241px;
	margin-top: -73px;
	margin-left: 1px;
	float: left;
	background: url(../images/bg_Nav_Left_yellow.png) repeat-x;
}

#base.yellow .contentProductsDetails {
	background: url(../images/bg_Verlauf_Details_yellow.png);
	border-color: #eac700;
}

#base.yellow th {
	text-align: left;
	background: #eac700;
	color: #fff;
	padding-left: 2px;
}

#base.yellow td { border-bottom: 1px #eac700 solid; }
#base.yellow tr{ background: #fff; }
#base.yellow tr:hover{ background: #fffae5; }

/** --- Ansprechpartner class green --**/
#base.green #contact_Outer {
	background: url(../images/bg_outer_green.jpg) no-repeat 0 100% #417578;
background-color: #ff9900;	
	width: 395px;
	padding: 0px 0 0 5px;
	float: left;
	margin: 0 0 20px 0px;
	border-top: #1b868b solid 1px;
}

#base.green #contact_Outer img {
	margin: -15px 0 25px 10px;
}

#base.green #contact_Inner {
	background: #fff;
	margin: 0px 0 0px 20px;
	padding: 10px 0 0px 0px;
	color: #000;
}

#base.green #nav_Left_Bg {
	min-height: 350px;
	width: 241px;
	margin-top: -73px;
	margin-left: 1px;
	float: left;
	background: url(../images/bg_Nav_Left_green.png) repeat-x;
}

/*
#base.green a{
	color:#1b868b;
}
*/
#base.green h2,#base.green h3 {
	color: #1b868b;
}

#base.green h3 {
	margin: 5px 0 0 35px;
}

#base.green #contentProductsDetails {
	background: url(../images/bg_Verlauf_Details_green.png);
	margin-bottom: 25px;
	width: 610px;
	margin-left: 20px;
	float: left;
	padding: 20px 0 20px 0;
}

#base.green #content_HeaderDetails {
	width: 610px;
	height: 45px;
	margin: 15px 0 0px 20px;
	border-bottom: 1px #1b868b solid;
	float: left;
}

#base.green th {
	text-align: left;
	background: #0C3;
	color: #fff;
	padding-left: 2px;
}

site.green td {
	color: #000;
	border-bottom: 1px #fc0 solid;
	background: #FFF;
}

#base.green h4 {
	margin: 0px 0 0 100px;
	font-size: 12px;
}

.contactDetails span{
	display: block;
	float: left;
	color: #666;
	padding-top: 70px;
}

.contactDetails  img{
	float: left;
	margin: 0 10px 0 0;
}

/** --- INFO --- **/
.info_left{
	float: left;
	width: 395px;
	margin-right: 20px;
}

.info_right{
	float: left;
	width: 395px;
}

.info_header {
	width: 385px;
	font-size:14px;
	font-weight: bold;
	background:#1b868b;
	text-align:right;
	color: #fff;
	padding:0px 5px 0 5px;
	float:left;
	margin: 0 0 0px 0px;
}

.info_image {
	width: 385px;
	font-size: 14px;
	text-align: right;
	color: #ffffff;
	padding: 0px 5px 0 5px;
	float: left;
	margin: -15px 0 0px 0px;
}

.info_content {
	width: 385;
	padding: 0px 5px 0 5px;
	margin: 0 0 20px 0px;
	text-align: justify
}

.info_content ul{
	padding: 0;
	margin: 10px 0px 10px 20px;	
}

.info_align_left {
	display: block;
	text-align: left;
}

.info_align_right {
	display: block;
	text-align: right;
}

.info_green {
	color: #417578;
}

.info_bold {
	font-weight: bold;
}

.table {
	margin: 0 0 25px 0;
}

#base .table tr.light { background: #edf5f6; }
#base .table tr.dark, #base .table td.dark { background: #d4e8ea; }
#base .table td, #base .table th {
	border: 0 solid #fff;
	border-width: 0 1px 0 0;	
}

#base .table th{
	background-color: #1b868b;	
}

#hinweis {
	background: #edf5f6;
	padding: 5px;
	float: left;
}

/* Contact */

span.error{
	display: block;
	padding: 5px 0 20px 0;
	color: #e80000;
	font-weight: bold;	
}
	
input.contact{
	border-color: #02826C;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#666;
	
	background-color: #E7F4F5;
}

input.contact_o{
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#666;
	
	background-color:#E8E7E9;
}

input.contact_error{
	border-color: #EA0000;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#EA0000;
	
	background-color:#FFD2D2;
}

input.contact_o_error{
	border-color: #EA0000;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#EA0000;
}

input.contact_route{
	border-color: #02826C;
	border-width: 1px;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-with: 1px;
	border-left-width: 0px; 
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#666;
	
	background-color: #E7F4F5;
}

input.button{
	border-color: #808080;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#000000;
	
	background-color:#e9e9e9;
}

input.button_o{
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FFFFFF;
	
	background-color:#808080;
}

input.button_d{
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FFFFFF;
	
	background-color:#808080;
}

textarea.contact{
	border-color: #02826C;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#666;

	overflow: auto;
	
	background-color: #E7F4F5;
}

textarea.contact_o{
	border-color: #5E596C;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#666;
	
	overflow: auto;
	
	background-color: #e9e9e9;
}


textarea.contact_error{
	border-color: #EA0000;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#EA0000;

	overflow: auto;
}

textarea.contact_o_error{
	border-color: #EA0000;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#EA0000;
	
	overflow: auto;
	
	background-color: #FFD2D2;
}

.contact_text{
	width: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	font-size:9pt;
	color:#666;
	
	float: left;
}

.contact_text_r{
	width: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	font-size:9pt;
	color:#666;

	float: left;
	
	margin-left: 20px;
}

.contact_input{
	width: 210px;
	float: left;
}

.contact_input2_l{
	width: 60px;
	float: left;
}

.contact_input2_r{
	width: 140px;
	float: left;
}

.content2{
	min-height: 25px;
	height: auto !important;
	height: 25px;	
}

input.button, input.button_o, input.button_d{
	padding: 2px 10px;	
}

select.contact{
	border-color: #02826C;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#666;

	overflow: auto;
	
	background-color: #E7F4F5;	
}

option.contact{
	border-color: #02826C;
	border-width: 1px;
	border-style: solid;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#666;

	overflow: auto;
	
	background-color: #E7F4F5;	
}

iframe{ display: none; }