/* CSS Document */

*{font-family:Helvetica, sans-serif; font-size:16px; line-height:200%; color:#656565;}
html{height:100%;}

 

/* aufbau */

body{
	margin:0em; 
	height:100%; 
	background:white url(images/bg_gelb.png) repeat;
	}

#all {
	width:1020px;
	margin:0 auto 0 auto;
	position:relative;
	background:white;
	border-left:2px dotted #ffde00;
	border-right:2px dotted #ffde00;
	border-bottom:2px dotted #ffde00;
	}
 

#logo {
	width:350px;
	height:285px;
	background:white url(images/trendfrisuren.png) 20px top no-repeat;
	float:left;
	position:relative;
	cursor:pointer;
	}


#adsense_oben {
	width:580px;
	height:285px;
	margin-left:425px;
	padding-bottom:10px;
	position:relative;
	background:white;
	}


#left {
	width:160px !important;
	height:160px !important;
	position:absolute;
	overflow:hidden;
	top:305px;
	left:20px;
	}


#oben {
	width:160px;
	top:445px;
	left:20px;
	position:absolute;
	background:white;
	z-index:2;
	}

	#oben ul {list-style:none; text-align:left; left:-30px; position:relative}

	#oben ul li {
		width:150px;
		border-bottom:4px solid white;
		cursor:pointer;
		}

	
		#oben a:link, #oben a:active, #oben a:visited { color:#656565; text-decoration:underline; border-left:2px solid white; padding-left:20px; }
		#oben a:hover { color:#656565; text-decoration:none; border-left:2px solid #ffd202; padding-left:20px;}


#werbung_menu {
	width:160px;
	height:0px;
	top:980px;
	left:20px;
	position:absolute;
	z-index:2;
	}

#tagcloud {
	width:160px;
	top:1180px;
	left:20px;
	position:absolute;
	z-index:3;
	}

	#tagcloud a:link, #tagcloud a:active, #tagcloud a:visited { text-decoration:none; border:none; padding:0;}
	#tagcloud a:hover { text-decoration:none; border:none; padding:0;}



#mitte {
	width: 780px !important;
	margin: 0 20px 0 200px;
	position:relative;
	padding-left:20px;
	border-left:1px dotted #ffde00;
	min-height:1750px;
	_height: auto;
	height:auto;
	}

	#mitte a:link, #mitte a:active, #mitte a:visited { text-decoration:underline; border:none; padding:0; color:#656565;}
	#mitte a:hover { text-decoration:none; border:none; padding:0; background-color: #ffd202 ; color:#fff}




	.hover:hover {text-decoration:none; border:none; padding:0; background: #ffea3c !important; color:#666 !important}

	.hoverunderline { line-height:150% !important}
	.hoverunderline:hover {text-decoration:underline !important; border:none; padding:0; background: #fff !important; color:#666 !important; line-height:150% !important}

	
	#mitte ul li {font-size:13px}

	#mitte ul li a:link, #mitte ul li a:active, #mitte ul li a:visited, #mitte ul li a:hover {font-size:13px !important}


#search {position:absolute; top:220px; left:105px; z-index:0}


#right {
	width:300px; 
	height:auto;
	top:575px;
	left:1050px;
	position:absolute; 
	}


#imp {background:white; height:30px; text-align:right; color:#888;}
#imp a:link, #imp a:visited, #imp a:active, #imp a:hover {color:#888; text-decoration:none; padding-left:10px; padding-right:10px; border-left:1px solid #ffde00}




/* textformatierung */

h1 {
	text-transform:uppercase;
	font-size:17px;
	font-weight:normal;
	color:#333;
	text-align:left;
	padding:5px;
	padding-left:10px;
	background: url(images/bg_grey.png) 0px top repeat;
	}

h2 {color:#69ab21 !important; text-transform:uppercase;  font-weight:normal}

h3 {height:27px; position:relative; top:10px}

	h3 span {display:none}

	h3.mitmachen {background:white url(images/h3_1.gif) 0px top no-repeat;} 
	h3.infos {background:white url(images/h3_2.gif) 0px top no-repeat;} 
	h3.tipps {background:white url(images/h3_3.gif) 0px top no-repeat;} 


h4 {line-height:17px; color:#ffd202; font-weight:bold; position:relative; padding:0}


p {padding-left:20px; padding-right:30px; text-align:justify}

p.small {font-size:12px; line-height:150%; text-align:left}

p span {color:#69ab21 !important;}




/* input select */


input.inputfeld {border:1px solid #ddd; background:#fff; -moz-border-radius:5px; padding:5px;}

textarea.textfeld {border:1px solid #ddd; background:#fff; -moz-border-radius:10px; padding:5px; overflow:auto}

.selectfeld {border:1px solid #ddd; background:#fff; -moz-border-radius:5px; padding:5px;}
option {padding-left:10px; padding-bottom:3px; height:20px;}

.submit {
	width:260px;
	cursor:pointer !important; 
	padding:4px 10px 4px 10px;
	-moz-border-radius:5px !important; 
	text-align:center !important;
	font-weight:normal !important;
	text-transform:uppercase !important;
	font-size:14px;
	text-decoration:none !important;
	background-color: #bbeb86 !important; 
	color:#4c8410 !important; 
	border:3px solid #69ab21 !important; 
	}
	.submit:hover{}

.submit a {
	text-decoration:none !important;
	}


#inputfeld {border:1px solid #ddd; background:#fff; -moz-border-radius:5px; padding:5px;}

#submit_search {background:transparent url(images/search.jpg) left center no-repeat; border:none; height:25px; width:80px; cursor:pointer}



/* geschichte */


#historie a:link, #historie a:active, #historie a:visited  {background:white url(images/bg_grey.png) left center no-repeat; width:350px; padding:0 0 0 30px !important; text-decoration:none; color:#ffd202 !important; font-weight:bold}
#historie a:hover  { background-color: #ffd202 ; color:#fff !important }



/* friseurübersicht */


#anker_friseur a:link {text-decoration:none; color:#69ab21 !important; padding-right:7px; padding-left:7px}
#anker_friseur a:hover {background-color: #bbeb86 }


/* friseureinzel */


.friseur_h {color:#ffd202; font-weight:bold; position:relative; padding:0; text-align:left}


#friseur_anzeige, #produkt_anzeige {
	width:775px; 
	height: auto; 
	border:1px solid #bbeb86; 
	-moz-border-radius:20px; 
	padding-right:20px; 
	position:relative 
	}



/* allggültig wichtig bei geschichte, friseurübersicht */

#mitteAnker h2 {font-size:25px;color:#69ab21 !important;}



/* allggültig wichtig bei stylingtipps */

ul b {color:#69ab21 !important; font-weight:normal !important}



/* aktuelle trends */


#Trends a:link, #Trends a:active, #Trends a:visited { text-decoration:underline; border:none; padding:0; color:#656565; line-height: 17px}
#Trends a:hover { text-decoration:none; border:none; padding:0; background-color: #ffd202 ; color:#fff}

#aktuelleTrends a:link, #aktuelleTrends a:active, #aktuelleTrends a:visited  {color:#ffd202; font-weight:bold; text-decoration:none; border:none; }
#aktuelleTrends a:hover { background-color: none !important; text-decoration:none; padding:0; background:#ffd202 !important; color:white}




/* produktuebersicht */


#produktuebersicht {
	width:250px; 
	height:250px;
	float:left;
	margin-left:30px;
	margin-top:30px;
	padding:20px;
	border:1px solid #bbeb86; 
	-moz-border-radius:20px; 
	}

	p.produktuebersicht {font-size:12px; padding-right:5px; text-align:left}


	#produktuebersicht a:link, #produktuebersicht a:active, #produktuebersicht a:visited  {color:#ffd202; font-weight:bold; text-decoration:none; border:none; }
	#produktuebersicht a:hover { background-color: none !important; text-decoration:none; padding:0; background:#ffd202 !important; color:white}






/* produktliste */

#produktliste {	
	border:1px solid #bbeb86; 
	-moz-border-radius:20px; 
	padding:20px 30px;
	margin-top:30px;
	position:relative
	}

	#produktliste p {line-height:100%;}

	#produktliste span {color:#69ab21}


#marke {
	width: 540px; 
	float:left; 
	position:relative;
	}

	#marke a:link, #marke a:active, #marke a:visited  {color:#ffd202; font-weight:bold; text-decoration:none; border:none; }
	#marke a:hover { background-color: none !important; text-decoration:none; padding:0; background:#ffd202 !important; color:white}


#bewertung {
	width: 170px; 
	float:left;
	position:relative; 
	}

#preisschild {
	height:72px;
	width:130px;
	position:relative;
	float:left;
	background:white url(images/preis.png) left top no-repeat;
	line-height: 100%;
	margin-top:20px;
	padding-top:15px;
	padding-left:23px;
	}


#shop {
	height:72px;
	width:130px;
	float:left;
	position:relative;
	}





/* nützlich */

.clear {clear:both}

.bildborder {border:1px solid #eee; padding:5px}