/* Programmierung durch Langenstein Communication GmbH (Anke Wagenblast) (2009-09-11)
   Neugierig? www.langenstein.de */

/*
01 Allgemeine Einstellungen
02 Grundlayout
03 Container Left
04 Container Right
05 Spezifisch - Startseite
06 Spezifisch - Produkte
07 Spezifisch - Produkte RELAX
08 Spezifisch - Produkte ENERGY
09 Spezifisch - Produkte PASSION
10 Spezifisch - Produkte PEACE
11 Spezifisch - Wallpaper
12 Spezifisch - Contact
13 Spezifisch - Impressum
14 Spezifisch - Vertrieb
*/


/* 01 Allgemeine Einstellungen ---------------------------------------------------------------------------------------------------------*/

a html, body {
	background-attachment:fixed;
	background-color:#000000;
	background-image:url(../00home/../wb_img/bg_home.jpg);
	border-collapse:collapse;
	border-spacing:0px;
	color:#ffffff;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	width:100%;
	min-height:100%;
	line-height:normal;
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-transform:none;
}

img {
	margin: 0;
	border: none;
}

form, form:focus {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

input, textarea {
	background-color:#1b1629;
	border:1px solid #8f87a5;
	border-collapse:collapse;
	color:#8f87a5;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
	margin:2px 0 5px 0;
	width:280px;
}

#submit, #reset{
	background-color:#8f87a5;
	color:#ffffff;
	float:right;
	font-size:11px;
	width:77px;
	margin:2px 10px 0 0;
}

#reset{
	margin:2px 130px 0 0;
}

#submit a:hover, #reset a:hover{
	border:1px solid #ffffff;
	color:#000000;
}

a, a:link, a:visited{
	color:#00ab66;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration: none;
}

a:active{
	color:#ffffff;
	font-weight:bold;
}

a:focus{
    outline: none;
}

a:hover {
	color:#ffffff;
	text-decoration: none;
}

p{
	margin:0 0 0 0;
}

h1{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:36px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-transform:uppercase;
}

h3{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

h4{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

h5{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

h6{
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

div{
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/* 02 Grundlayout -----------------------------------------------------------------------------------------------------------------------*/

#center {
	display: block; 
	width:100%;
	text-align: center;
}

	#container{
		background-repeat:no-repeat;
		height:653px;
		width:990px;
		margin-left: auto; 
		margin-right: auto;
		text-align: left;
	}

		#cont_left{
			float:left;
			height:653px;
			width:229px;
		}
		
		#cont_right{
			float:left;
			height:653px;
			width:761px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
		
/* 03 Container Left -------------------------------------------------------------------------------------------------------------------------*/
			
			#logo{
				background-image:url(../wb_img/logo-wb.png);
				display:block;
				height:213px;
				width:136px;
			}
			
			#main-nav{
				border-top:1px dotted #ffffff;
				width:143px;
				margin:22px 0 0 55px;
				position:relative;
			}
			
				.but_main-nav{
					border-bottom:1px dotted #ffffff;
					color:#00ab66;
					height:29px;
					width:143px;
					padding:14px 0 0 0;
					text-align:right;
				}
					
					.txt_main-nav{
						float:left;
						height:29px;
						width:143px;
					}
					
			#txt-left{
				color:#8a97cb;
				float:right;
					font-size:10px;
				text-align:right;
				margin:0 0 0 0;
				padding:32px 27px 0 40px;
			}
					
				#txt-left a, #txt-left a:hover{
					font-size:9px;
				}
			
			
/* 04 Container Right -------------------------------------------------------------------------------------------------------------------------*/

			#header{
				height:93px;
				margin:60px 0 0 30px;
			}

			#middle{
				height:345px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
					
				#right_left{
					float:left;
				}
			
				ul{
					margin:0 0 0 0;
					padding:0 0 0 0;
				}
			
					#e-nav li{
						background-position:left top;
						background-repeat:no-repeat;
						display:block;
						list-style:none;
						margin:0 0 1px 0;
						padding:0 0 0 0;
						overflow:hidden;
						text-indent: -1000px;
					}
				
						#e_relax , #e_relax a, #e_relax a:hover, #e_relax a:active{
							background-image:url(../wb_img/but_e_relax.jpg);
							display:block;
							height:85px;
							width:430px;
						}
				
						#e_energy, #e_energy a, #e_energy a:hover, #e_energy a:active{
							background-image:url(../wb_img/but_e_energy.jpg);
							display:block;
							height:85px;
							width:430px;
						}
				
						#e_passion, #e_passion a, #e_passion a:hover, #e_passion a:active{
							background-image:url(../wb_img/but_e_passion.jpg);
							display:block;
							height:85px;
							width:430px;
						}
				
						#e_peace, #e_peace a, #e_peace a:hover, #e_peace a:active{
							background-image:url(../wb_img/but_e_peace.jpg);
							display:block;
							height:85px;
							width:430px;
						}
						
							#e_relax a, #e_energy a, #e_passion a, #e_peace a{
								background-position:0px 0px;
							}
						
							#e_relax a:hover, #e_relax a:active, #e_energy a:hover, #e_energy a:active, #e_passion a:hover, #e_passion a:active, #e_peace a:hover, #e_peace a:active{
								background-position:0px 85px;
							}
					
					#right_right{
						float:left;
						width:255px;
						padding:140px 0 0 30px;
					}
					
						#right_right p{
							font-size:12px;
							padding:10px 0 0 0;
						}
						
							.txtlink{
								border-top:1px dotted #ffffff;
								margin:10px 0 0 0;
								padding:10px 0 0 0;
							}
								
								.linie{
									border-bottom:1px dotted #ffffff;
								}
					

			#footer{
				font-size:10px;
				height:100px;
				padding:0 0 0 0;
			}
			
				#back {
					float:left;
					font-size:11px;
					padding:20px 0 0 30px;
				}
				
				#impr, #impr a{
					color:#999999;
					float:right;
					width:100px;
					text-align:right;
					padding:10px 5px 0 0;
				}
				
				#impr a:hover, #impr a:hover{
					color:#ffffff;
				}
				
				#discl{
					color:#8f87a5;
					font-size:10px;
					padding:0 0 0 30px;
				}
				
				
/* 05 Spezifisch - Startseite -------------------------------------------------------------------------------------------------------------------------*/

		#start{
			background-image:url(../wb_img/bg-center_start.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}
		
		
/* 06 Spezifisch - Produkte -------------------------------------------------------------------------------------------------------------------------*/

		#produkte{
			background-image:url(../wb_img/bg-center_neutral.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}
				
				#divflash{
					display:block;
					height:343px;
					width:761px;
				}
				
				
/* 07 Spezifisch - Produkte RELAX -------------------------------------------------------------------------------------------------------------------------*/

		#produkte-relax{
			background-image:url(../wb_img/bg-center_e-relax.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}
		
		#produkte-relax-form{
			background-image:url(../wb_img/bg-center_e-relax-form.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}

				#txt-gewinn-relax{
					display:block;
					font-size:11px;
					height:343px;
					padding:0 20px 0 30px;
				}
				
					#produkte-relax h1, #produkte-relax #discl, #produkte-relax-form h1, #produkte-relax-form #discl{
						color:#934262;	
					}
				
					#produkte-relax h5, #produkte-relax #txt-left, #produkte-relax-form h5, #produkte-relax-form #txt-left{
						color:#be5381;	
					}
				
					#produkte-relax #back a, #produkte-relax-form #back a{
						color:#000000;	
					}
				
					#produkte-relax #back a:hover, #produkte-relax-form #back a:hover{
						color:#ffffff;	
					}
				
					#produkte-relax #but_gewinn, #produkte-relax #but_gewinn a{
						background-image:url(../wb_img/but_gewinn-relax.jpg);
						background-position:0px 0px;
						background-repeat:no-repeat;
						display:block;
						float:right;
						height:84px;
						width:280px;
						overflow:hidden;
						text-indent: -1000px;
					}
				
					#produkte-relax #but_gewinn a:hover {
						background-position:0px -84px;
						background-repeat:no-repeat;
						display:block;
						height:84px;
						width:280px;
						overflow:hidden;
						text-indent: -1000px;
					}
					
					
/* 08 Spezifisch - Produkte ENERGY -------------------------------------------------------------------------------------------------------------------------*/

		#produkte-energy{
			background-image:url(../wb_img/bg-center_e-energy.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}
		
		#produkte-energy-form{
			background-image:url(../wb_img/bg-center_e-energy-form.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}

				#txt-gewinn-energy{
					display:block;
					font-size:11px;
					height:343px;
					padding:0 20px 0 30px;
				}
				
					#produkte-energy h1, #produkte-energy #discl, #produkte-energy-form h1, #produkte-energy-form #discl{
						color:#aea019;	
					}
				
					#produkte-energy h5, #produkte-energy #txt-left, #produkte-energy-form h5, #produkte-energy-form #txt-left{
						color:#e7d41a;	
					}
				
					#produkte-energy #back a, #produkte-energy-form #back a{
						color:#000000;	
					}
				
					#produkte-energy #back a:hover, #produkte-energy-form #back a:hover{
						color:#ffffff;	
					}
				
					#produkte-energy #but_gewinn, #produkte-energy #but_gewinn a{
						background-image:url(../wb_img/but_gewinn-energy.jpg);
						background-position:0px 0px;
						background-repeat:no-repeat;
						display:block;
						float:right;
						height:84px;
						width:280px;
						overflow:hidden;
						text-indent: -1000px;
					}
				
					#produkte-energy #but_gewinn a:hover {
						background-position:0px -84px;
						background-repeat:no-repeat;
						display:block;
						height:84px;
						width:280px;
						overflow:hidden;
						text-indent: -1000px;
					}
					
					
/* 09 Spezifisch - Produkte PASSION -------------------------------------------------------------------------------------------------------------------------*/

		#produkte-passion{
			background-image:url(../wb_img/bg-center_e-passion.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}
		
		#produkte-passion-form{
			background-image:url(../wb_img/bg-center_e-passion-form.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}

				#txt-gewinn-passion{
					display:block;
					font-size:11px;
					height:343px;
					padding:0 20px 0 30px;
				}
				
					#produkte-passion h1, #produkte-passion #discl, #produkte-passion-form h1, #produkte-passion-form #discl{
						color:#9b2e38;	
					}
				
					#produkte-passion h5, #produkte-passion #txt-left, #produkte-passion-form h5, #produkte-passion-form #txt-left{
						color:#d73b49;	
					}
				
					#produkte-passion #back a, #produkte-passion-form #back a{
						color:#000000;	
					}
				
					#produkte-passion #back a:hover, #produkte-passion-form #back a:hover{
						color:#ffffff;	
					}
				
					#produkte-passion #but_gewinn, #produkte-passion #but_gewinn a{
						background-image:url(../wb_img/but_gewinn-passion.jpg);
						background-position:0px 0px;
						background-repeat:no-repeat;
						display:block;
						float:right;
						height:84px;
						width:280px;
						overflow:hidden;
						text-indent: -1000px;
					}
				
					#produkte-passion #but_gewinn a:hover {
						background-position:0px -84px;
						background-repeat:no-repeat;
						display:block;
						height:84px;
						width:280px;
						overflow:hidden;
						text-indent: -1000px;
					}
					
					
/* 10 Spezifisch - Produkte PEACE -------------------------------------------------------------------------------------------------------------------------*/

		#produkte-peace{
			background-image:url(../wb_img/bg-center_e-peace.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}
		
		#produkte-peace-form{
			background-image:url(../wb_img/bg-center_e-peace-form.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}

				#txt-gewinn-peace{
					display:block;
					font-size:11px;
					height:343px;
					padding:0 20px 0 30px;
				}
				
					#produkte-peace h1, #produkte-peace #discl, #produkte-peace-form h1, #produkte-peace-form #discl{
						color:#195f81;	
					}
				
					#produkte-peace h5, #produkte-peace #txt-left, #produkte-peace-form h5, #produkte-peace-form #txt-left{
						color:#1b93c3;	
					}
				
					#produkte-peace #back a, #produkte-peace-form #back a{
						color:#000000;	
					}
				
					#produkte-peace #back a:hover, #produkte-peace-form #back a:hover{
						color:#ffffff;	
					}
				
					#produkte-peace #but_gewinn, #produkte-peace #but_gewinn a{
						background-image:url(../wb_img/but_gewinn-peace.jpg);
						background-position:0px 0px;
						background-repeat:no-repeat;
						display:block;
						float:right;
						height:84px;
						width:280px;
						overflow:hidden;
						text-indent: -1000px;
					}
				
					#produkte-peace #but_gewinn a:hover {
						background-position:0px -84px;
						background-repeat:no-repeat;
						display:block;
						height:84px;
						width:280px;
						overflow:hidden;
						text-indent: -1000px;
					}
					
					
/* 11 Spezifisch - Download-Wallpaper -------------------------------------------------------------------------------------------------------------------------*/

		#wallpaper{
			background-image:url(../wb_img/bg-center_neutral.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}

				#txt-wallpaper{
					display:block;
					font-size:11px;
					height:343px;
					padding:0 20px 0 30px;
				}
				
					.download-wp{
						border: 1px solid #715f9d;
						background-color:#000000;
						float:left;
						margin:0 20px 0 0;
					}
				
					.download-wp h5, .download-wp p{
						padding:5px 5px 5px 5px;	
					}
				
					#produkte-peace h5{
						color:#1b93c3;	
					}
				
					#produkte-peace #back a{
						color:#000000;	
					}
				
					#produkte-peace #back a:hover{
						color:#ffffff;	
					}
					
					
/* 12 Spezifisch - Contact -------------------------------------------------------------------------------------------------------------------------*/

		#contact{
			background-image:url(../wb_img/bg-center_neutral.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}

				#txt-form{
					display:block;
					font-size:11px;
					height:343px;
					padding:0 20px 0 30px;
				}
				
					#form-fields{
						padding:0 20px 0 0;
						float:left;
					}
				
					#form-area{
						padding:0 0 0 10px;
					}
					
					#agb{
						border:none;
						width:10px;
						vertical-align:middle;
					}
					
					
/* 13 Spezifisch - Impressum -------------------------------------------------------------------------------------------------------------------------*/

		#impressum{
			background-image:url(../wb_img/bg-center_neutral.jpg);
			background-repeat:no-repeat;
			height:653px;
			width:990px;
		}

				#txt-impr{
					display:block;
					font-size:11px;
					height:343px;
					padding:0 20px 0 30px;
					overflow-x:hidden;
					overflow-y:scroll;
				}
					
					
/* 14 Spezifisch - Vertrieb -------------------------------------------------------------------------------------------------------------------------*/

				#txt-vertrieb{
					display:block;
					font-size:10px;
					height:343px;
					padding:0 20px 0 30px;
				}

					.image{
						float:left;
						width:213px;
						padding:10px 0 0 0;
					}

					#vertrieb{
						float:left;
						padding:40px 0 0 0;
					}