/* CSS Document */
.clear {clear:both;}

body {
	background:#231111;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

#all {
	width:960px;
	height:500px;
	margin: 50px auto;
	background:url(images/welle_links.png) top left no-repeat;
	}
#all {background:url(images/welle_links.gif) top left no-repeat;}

#content {
	width:910px;
	height:400px;
	background:url(images/welle_rechts.png) center right no-repeat;
	margin:0px auto;
	}

*html #content {
	background:url(images/welle_rechts.gif) center right no-repeat;	}

#bild {
	float:left;
	width:470px;
	height:400px;
	}

#text {
	background:#FFF;
	height:380px;
	width: 374px;
	float:right;
	margin-right: 66px;
	border-top: #bdb8b8 solid 10px;
	border-bottom: #bdb8b8 solid 10px;
	}

#logo {
	background:url(images/logo.png) center left no-repeat;
	width:178px;
	height:68px;
	position:absolute;
	margin: 20px 0px 0px 25px;
	}

*html #logo {
	background:url(images/logo.gif) center left no-repeat;
	}

/* - - - - - - - - - - - - - - - - -
     Navi 1
 - - - - - - - - - - - - - - - - -*/

ul#navi {
	float:right;
	height:25px;
	margin:35px 21px 0px 0px;
	}

ul#navi li {
	display:inline;
	color:#FFF;
	font-size:13px;
	font-weight:bold;

	}

ul#navi li a {
	color:#f09100;
	text-decoration:none;
	margin: 0px 10px;
	padding:0px;
	}
	
ul#navi li a:hover {
	color: #FFF;
	}

ul#navi li.an a {
	border-bottom:2px solid #f09100;
	}

ul#navi li.an a:hover {
	color: #f09100;
	}



/* - - - - - - - - - - - - - - - - -
     Navi 2
 - - - - - - - - - - - - - - - - -*/

ul#navi2 {
	height:320px;
	width:120px;
	margin: 0px 0px 0px 45px;
	padding: 40px 0px;
	list-style-type:none;
	}

ul#navi2.leistungen {background:url(images/navi2/leistungen.png);}
ul#navi2.frisurentrends {background:url(images/navi2/frisurentrends.png);}
ul#navi2.infos {background:url(images/navi2/infos.png);}
ul#navi2.events {background:url(images/navi2/events.png);}
ul#navi2.kontakt {background:url(images/navi2/kontakt.png);}
ul#navi2.impressum {background:url(images/navi2/impressum.png);}


*html ul#navi2.leistungen {
	background:url(images/navi2/leistungen.gif);
	}
*html ul#navi2.frisurentrends {
	background:url(images/navi2/frisurentrends.gif);
	}
	
*html ul#navi2.infos {background:url(images/navi2/infos.gif);}
*html ul#navi2.events {background:url(images/navi2/events.gif);}
*html ul#navi2.kontakt {background:url(images/navi2/kontakt.gif);}
*html ul#navi2.impressum {background:url(images/navi2/leistungen.gif);}


	
ul#navi2 li {
	font-size:11px;
	vertical-align:middle;
	}
	
ul#navi2 li a {
	display: block;
	width:108px;
	padding:5px 0px 5px 12px;
	margin-bottom:10px;
	color:#231414;
	text-decoration:none;
	background:url(images/navi2.png);
	}

*html ul#navi2 li a {	background:url(images/navi2.gif);	}

ul#navi2 li a:hover {
	color:#FFF;
	}

ul#navi2 li.an {
	width:98px;
	padding:5px 0px 5px 22px;
	margin: 0px 0px 10px 0px;
	background:url(images/navi2an.png);	
	}

*html ul#navi2 li.an {background:url(images/navi2an.gif);	
	}

/* - - - - - - - - - - - - - - - - -
     Impressum
 - - - - - - - - - - - - - - - - -*/
 
#impressum {
	text-align:right;
	margin: 2px 45px 0px 0px;
	font-size:10px;
	}

#impressum a {
	color:#b15d06;
	text-decoration:none;
	}

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



/* - - - - - - - - - - - - - - - - -
     Text Styles
 - - - - - - - - - - - - - - - - -*/
 
p {
	line-height:22px;
	margin: 0px 25px 6px 30px;
	}

.r { 
	float:right;
	width:150px;
	margin:0px 30px 0px 0px;
	padding:0px;
	}
	
.l {
	float:left;
	width:150px;
	padding:0px;
	}


h3 {
	line-height:22px;
	margin: 0px 30px;
	font-weight:bold;
	font-size:11px;
	}

a {
	color:#f09100;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

hr {
	width: 300px;
	margin:0px 30px;
	padding:0px;
	border-top:1px solid #231414;
	border-bottom:0px;
	}

.rueck { /*fr Einrckung bei ffnungszeiten*/
	display:block;
	float:left;
	width:160px;
	}



/* - - - - - - - - - - - - - - - - -
     Scroller
 - - - - - - - - - - - - - - - - -*/

.scrollcontent {
	width: 320px;
	height: 280px;
	margin-left:30px;
	}

#scrolltext {
	height: 280px; 
	width: 300px;
	padding: 0px; 
	overflow: hidden;
	float: left;
	}

#scrolltext p {
	margin: 0px 0px 6px 0px;
	padding:0px;
	}

#scrolltext h3 {
	margin: 5px 0px;
	padding:0px;
	}

#scrollers {
	float: right;
	height: 280px;
	width: 16px;
	padding:0px;
	margin:0px;
	}

#scrollers .up {
	display: block;
	height: 19px;
	width:20px;
	background:url(images/scrollup.gif) top left no-repeat;	
	}

#scrollers .up:hover {
	background:url(images/scrollup.gif) bottom left no-repeat;	
	}

#scrollers .down {
	display: block;
	margin-top: 245px;
	height: 19px;
	width:20px;
	background:url(images/scrolldown.gif) top left no-repeat;	
	}    

#scrollers .down:hover {
	background:url(images/scrolldown.gif) bottom left no-repeat;	
	}

/* - - - - - - - - - - - - - - - - -
     Formulare
 - - - - - - - - - - - - - - - - -*/
 
form {
	margin:0px 0px 0px 30px;	
	padding:0px;
	}

form .gr, form .kl {
	background:#d1cbcb;
	border:1px solid #d1cbcb;
	height:14px;
	padding:1px;
	font-size:9px;
	margin-bottom:5px;
	margin-left:0px;
	}
		
form .gr:focus, form .kl:focus {
	border: 1px solid #231414;
	}
	
form .gr { width:305px; }
form .kl { width:140px; }

#button_anmelden {
	background:url(images/button_anmelden.gif) top left no-repeat;
	width:145px;
	height:19px;
	margin-top: 12px;
	}

#button_anmelden:hover {
	background:url(images/button_anmelden.gif) bottom left no-repeat;
	}

#button_termin {
	background:url(images/button_termin.gif) top left no-repeat;
	width:145px;
	height:19px;
	margin-top: 12px;
	}

#button_termin:hover {
	background:url(images/button_termin.gif) bottom left no-repeat;
	}

table.form {
	margin: 0px;
	padding:0px;
	}

table.form td {
	padding:0px;
	margin:0px;
	}


.box {
	border:1px solid #f00;
	}

/* - - - - - - - - - - - - - - - - -
     Table Preise
 - - - - - - - - - - - - - - - - -*/

table.preisliste {
	margin:0px;
	padding:0px;
	width:300px;
	}
	
table.preisliste th {
	text-align:left;
	padding: 15px 0px 5px 0px;
	}

table.preisliste th.oben {
	text-align:left;
	padding: 0px 0px 5px 0px;
	}

table td.preise {
	text-align:right;
	width:65px;
	}

.line {
	background:#d1cbcb;
	height:1px;
	border:none;
	padding:0px;
	}
 
.einzug {
	width:20px;
	}


/* - - - - - - - - - - - - - - - - -
     Popup
 - - - - - - - - - - - - - - - - -*/
 
body.popup {
	width:540px;
	height:630px;
	margin:0px;
	padding:0px;
	}

.popup .bild {
	background:url(images/popup_bg.jpg) top left;
	height:630px;
	width:160px;
	float:left;
	}

.popup .text {
	background:#FFF;
	border: 10px solid #bdb8b8;
	border-left: 0px;
	width:370px;
	height:610px;
	float:right;
	}	

.popup h3 {
	margin:0px;
	} 
 
.popup .bold {
 	font-weight:bold;
	}




/* - - - - - - - - - - - - - - - - -
     nb-Zeile
 - - - - - - - - - - - - - - - - -*/

#nb {
	text-align: center;
	color: #6f4114;
	}

#nb a {
	color: #6f4114;
	text-decoration: none;
	}

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