* {
	margin:0;
	padding:0;
	outline:0;
}

html,body {
	height:100%;
}

body {
	font:14px Arial, sans-serif;
	color:#838383;
	background:#fff url(images/kosmetik-wiesbaden-bg.gif) repeat-x; 
}



.clear {
	float:none;
	clear:both;
	height:1px;
	line-height:1px;
}

h1, h2 , h3, h4 {
	font-weight:normal; 
	}
	
	h1, h3 {
		font-size:22px; 
		border:none; 
		line-height:15px;
		padding-top:25px;
		padding-bottom:0px;
		color:#616161;
		}
		
	h2 {
		font-size:20px; 
		padding:3px 0px 7px 0px;
		color:#ff9b00;
		}
		
		h4 {
			font-size:20px; 
		color:#616161;
		padding:0px;
		}
		
		
a { color:#ff9b00; }
	
img { border:none; }

p {	margin-bottom:15px;
		margin-top:14px; 
		line-height:18px;
		}
		
.hrme {
		height:4px;
		border:#fff;
		
		background:url(images/kosmetik-wiesbaden-hr.gif) top right no-repeat; 
		margin-bottom:10px;
		margin-top:30px;
		margin-right:20px;
		

	

}	



		
/* Container
------------------------------------------------------------------------ */

#wrapper {
	width:985px;
	margin:0 auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	background:url(images/kosmetik-wiesbaden-bg-wrapper.gif) no-repeat; 
	background-position:0px 180px;
	}
	
	#header {
		padding:0px 0 0px 0;
		height:143px; 

		}
		
			#header p{
				margin:10px 15px 0 0;
				color:#fff;
				text-align:right;
				float:right;
				font-size:12px;
				line-height:14px;
				height:47px;
			}
			
			#header .button {
				width:185px;
				height:27px;
				text-align:center;
				background:url(images/kosmetik-wiesbaden-termin.gif) no-repeat; 
												padding:5px 0 0 0;
												float:right;
												margin:35px 38px 0 0;
			}
			

		
		
		
			#popup{
		TOP:-1480px;
			*TOP:-1535px;
		WIDTH:1014px; 
		POSITION:relative;
		HEIGHT:758px; 
		overflow:hidden;
		z-index:4;
		text-align:center !important;
		border:5px solid #787777;
		margin:0 auto;
		background:#ffffff url('loading.gif') no-repeat center 200px;
		padding:0px !important;
		visibility:hidden;
		}
		
		
		#popupme{
		TOP:-1480px;
			*TOP:-1535px;
		WIDTH:1014px; 
		POSITION:relative;
		HEIGHT:758px; 
		overflow:hidden;
		z-index:4;
		text-align:center !important;
		border:5px solid #787777;
		margin:0 auto;
	  padding:0px !important;
		visibility:hidden;
		}
		
		
		
			
			#header .button a{ 	
				text-decoration:none;
				color:#fff;
				font-size:12px;
				font-weight:bold;
				width:185px;
				height:27px;
				display:block;
						 }
		
		#header .left {
			float:left;
			width:500px;
			height:85px;
			margin-top:20px;

			 }
			
		#header .right {
			float:right;
			padding-right:0px;
			width:445px;
			height:126px; 
			text-align:right;
			font-size:12px;
			line-height:16px;
			}
			
			#header .right img {
				float:left;
		}
		
		
	#header .right .anjakruse {
			width:474px;
			height:87px;
			float:left;
			margin:6px 0 0px -67px;
			*margin:0px 0 0px -67px;

		}
	


.navigation {
			float:left;
			min-height:600px;
			*height:600px;
			width:203px;
			margin-top:66px;

	}
	
	

	#container {
		padding:0 0px 0px 0;
		float:left;
		margin-top:-20px;
		width:749px;

 }
		
		/* Content Full */
		#container #content-image-full {
			min-height:265px;
			height:auto !important;  /* für moderne Browser */
			height:265px;  /*für den IE */
			}
			
			#content-image-full img {
				margin:0px 5px 0px 0;
				*margin:22px 5px 0px 0;
				float:right;
				}
					
		#container #content-full {
			padding:0px 44px 25px 20px;
			
			min-height:700px;
			height:auto !important;  /* für moderne Browser */
			height:700px;  /*für den IE */
			margin: 0 0 0px 0px;
			}
			
		#container #content-full p img{
			margin: 0px 11px 2px 0px;
			
			float:left;
			border:2px solid #f3f3f3;
			}
			
			
			#container #content-full .button{
				width:230px;
				height:27px;
				text-align:center;
				background:url(images/kosmetik-wiesbaden-behandlungsarten.gif) no-repeat; 
				padding:6px 0 0 0;
				float:right;
				margin:35px 38px 0 0;
				text-align:center;
				}
				
				
			#container #content-full .button a{ 	
				text-decoration:none;
				color:#fff;
				font-size:12px;
				font-weight:bold;
				width:230px;
				height:27px;
				display:block;
										 }
		


.box p {
	

	
	 }
	 
	 			.box {
				margin-top:18px;
				width:100%;
				 }
				
				.box img.image-border {
					float:left;
					margin:2px 11px 0 0;
					border:2px solid #f3f3f3;
}

.box a{
			color:#ff9b00;
	
}





/* Logo 
------------------------------------------------------------------------ */
#header .left ul li {
	float:left;
	margin-right:3px;
	font-size:11px;
	line-height:11px;
	color:#c1c4c6;
	list-style:none; }
	
#header .left ul li.line {
	margin-right:3px;
	padding-right:3px;
	border-right:1px solid #c1c4c6; }

	#header .left ul li a {
		color:#c1c4c6;
		text-decoration:none;
}

/* Navigation linke Seite
------------------------------------------------------------------------ */
.navigation ul li {
	font:14px Arial, sans-serif;
	margin-right:20px;
	padding:6px 0 0 0px;
	height:27px;
	width:203px;
	list-style:none; }
	
.navigation ul li a {
		padding:0px 0px 0 10px;
		color:#838383;
		text-decoration:none; }
		
.navigation ul li.active { background:url(images/kosmetik-wiesbaden-aktiv.gif) no-repeat top right; cursor:default; }
.navigation ul li.active a { color:#fff;display:block;}



#home .navigation li.home,
#seminare .navigation li.seminare,
#produkte .navigation li.produkte,
#videos .navigation li.videos,
#permanent-make-up .navigation li.permanent-make-up,
#antiaging .navigation li.antiaging,
#behandlungen .navigation li.behandlungen,
#plast .navigation li.plast,
#farbberatung .navigation li.farbberatung,
#medicalwellness .navigation li.medicalwellness,
#studio .navigation li.studio,
#kompetenz .navigation li.kompetenz,
#veroeffentlichungen .navigation li.veroeffentlichungen,
#permanent .navigation li.permanent,
#partner .navigation li.partner,
#anfahrt .navigation li.anfahrt,
#kontakt .navigation li.kontakt,
#shop .navigation li.shop,
#impressum .navigation li.impressum

{ background:url(images/kosmetik-wiesbaden-aktiv.gif) no-repeat top right; cursor:default; }


#home .navigation li.home a,
#seminare .navigation li.seminare a,
#produkte .navigation li.produkte a,
#videos .navigation li.videos a,
#permanent-make-up .navigation li.permanent-make-up a,
#antiaging .navigation li.antiaging a,
#behandlungen .navigation li.behandlungen a,
 #plast .navigation li.plast a,
#farbberatung .navigation li.farbberatung a,
#medicalwellness .navigation li.medicalwellness a,
#studio .navigation li.studio a,
#kompetenz .navigation li.kompetenz a,
#veroeffentlichungen .navigation li.veroeffentlichungen a,
#permanent .navigation li.permanent a,
#partner .navigation li.partner a,
#anfahrt .navigation li.anfahrt a,
#kontakt .navigation li.kontakt a,
#shop .navigation li.shop a,
#impressum .navigation li.impressum a
	{ color:#fff;display:block;}



#sub-navigation {
	clear:both;
	min-height:150px;
	position:relative;
		
}


#sub-navigation a{
	color:#ff9b00 !important;
	margin-left:10px;
}


#sub-navigation .WebYepMenuCurrentItem a {
	text-decoration:underline !important;
}

.abschnitt-veroeffentlichungen {
	margin-bottom:10px;
	padding:10px 15px;
	background:#f3f3f3;
	border-left:4px solid #dedede;
	border-bottom:1px solid #dedede; }
	
	.abschnitt-veroeffentlichungen p {
		margin:0;
}

.abschnitt-veroeffentlichungen a {
	font-weight:bold;
}



.abschnitt ul li { 
	
	
	margin:6px 0 0 15px;
	
	
	}
		
	.abschnitt img.image-border {
		float:left;
		margin:2px 11px 0 0;
		border:2px solid #f3f3f3;
}


#half-left {
	float:left;
	margin-right:40px;
	width:340px;
	}
	
#half-right {
	float:left;
	width:180px; }




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


TABLE { border-collapse:collapse;
		font:14px/20px Georgia, "Times New Roman", Times, serif;
	color:#2f2f2f;
	margin-top:20px;
	
	}
 TD, TH {	padding:0px 0 2px 3px;
 	}

.grau { background:#dedede; }








/* Footer und Footer Navigation 
------------------------------------------------------------------------ */

#footer {
	height:170px; 
	width:100%;
}

	#wrapper-footer {
		margin:0 auto;
		width:690px;
		color:#fff; 
		padding-left:160px;
		}
		
		#footer a {
			color:#707070;
			text-decoration:none; }
	}


/* Formular
------------------------------------------------------------------------ */
form {
	margin-bottom:15px; }

	fieldset {
		margin-bottom:15px;
		border:none; }
		
		label {
			display:block;
			margin-bottom:5px; }
		
		.inputfield {
			margin-bottom:5px;
			padding:5px;
			width:326px; 
				color:#838383;
				font:14px Arial, sans-serif;
			}
			.idleField { border:solid 2px #f3f3f3;	color:#838383; }
			.focusField { border:solid 2px #f3f3f3; 	color:#838383;}
			
		textarea {
			overflow:auto; }
								
		.senden {
			padding:4px;
			color:#fff;
			background-color:#ffa820;
			border:none;
			cursor:pointer;
}

/* Formulare Allert
------------------------------------------------------------------------ */
.errFld { color:#ee9200; }

.errMsg { display:none; }

#alertMessagePlaceHolder {
	display:none;
	margin-bottom:20px;
	padding:10px;
	background-color:#f3f3f3;
}
	
	

/* WebYep
------------------------------------------------------------------------ */
#login {
	position:absolute;
	top:0;
	left:0;
	color:#ececec;
}

table.WebYepGalleryContainer {
	margin-top:15px;
	width:100%; 
	}

.WebYepGalleryContainer td {
	height:265px;
	text-align:center;
	background-color:#f3f3f3;
	border-right:4px solid #fff;
	border-bottom:4px solid #fff;
		font:14px Arial, sans-serif;
}
	
.WebYepGalleryImage img {
	margin-bottom:10px;
	border:4px solid #e4e4e4;
}

.WebYepGalleryText {
		font:12px Arial, sans-serif;
	margin:0 15px;
	
}


#video {
	
	position:absolute;
	z-index:1;
	margin:200px 0 0 20px;
}


.ros {
	margin-top:20px;
	
}