﻿/* CSS Document */
* { padding:0; margin:0; }
html { height:101%; }
body {
	background-color:#252525;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-style:normal;
	letter-spacing:0;
	line-height:1.5em;
	padding-bottom:20px;
}
#wrapper {
	color:#114448;
	background-color:#404040;
	width:982px;
	height:1090px;
	margin:auto;
	margin-top:20px;
	border-top:1px solid #1B4C4F;
	border-bottom:1px solid #1B4C4F;
}
#top {
	width:980px;
	height:360px;
	background-color:#404040;
	background-image:url(images/bgex1.jpg);
	margin:auto;
	margin-top:0;
	padding-top:0;
} 
#top img {float:left; padding-left:200px;}
#navi { 
	float:right;	
	width:265px;
	height:348px;
	line-height:1em;
	padding-right:80px;
	
}
#navili {
	float:left;	
	width:130px;
	height:198px;
	line-height:1em;
	padding-top:150px;
	padding-left:25px;}
	
#navire {
	float:right;	
	width:100px;
	height:198px;
	line-height:1em;
	padding-top:150px;}	


#navi a { 
	text-decoration:none;
	color:#6A8182;
	padding-right:0;
	border-top: 1px solid #FEFEE9;
	padding-left:0;
	border-bottom: 1px solid #FEFEE9;
}

#navi ul {
	float:right;
	color:#6A8182;
	width:110px;
	padding-left:0px;
	margin-left:0;
	
}
#navi li {
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
}
#navi a:hover, #home #navi00 a, #image #navi01 a, #farbberatung #navi02 a, #stilberatung #navi03 a, #men_styling #navi04 a, #einkaufsberatung #navi05 a, #etikette #navi06 a, #tischkultur #navi07 a,  #kosmetik #navi08 a, #seminare #navi09 a, #kontakt #navi10 a, #impressum #navi11 a, #ausbildungen #navi12 a, #partner #navi13 a, #essen2 #navi14 a, #netzwerk #navi15 a, #aktuelles #navi16 a, #datenschutz #navi17 a {
	color:#8E3C40;
	background-color:#FFFFFF;
	border-top: 1px solid #99B2A9;
	border-bottom: 1px solid #99B2A9;
}
#text {
	background-image:url(images/bglong.jpg);
	float:right;
	width:980px;
	height:730px;
	background-color:#FEFEF4;
	
}
#hauptinhalt {
	color:#224448;
	float:left;
	width:560px;
	padding:15px;
	padding-top:40px;
	padding-left:50px;
}
#hauptinhalt li {list-style-type:square;}
#hauptinhalt ul {padding-left:30px;}
#hauptinhalt #adresse {padding-left:30px; width:350px;}
#nebeninhalt {
	color:#4B7889;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-style:normal;
	letter-spacing:1px;
	line-height:1.5em;
	float:right;
	width:215px;
	background-color:;
	margin-top:33px;
	padding-right:65px;
	
}
#nebeninhalt img {
	float:right;
	border:;
	padding: 0px;
	margin-top:20px;
	
}
#bottom { clear:both;}

.bildlinks {
	float:left;
	padding:3px;
	border: 1px solid #ccc;
	margin-right:10px;
	margin-bottom:10px;
}
.bildrechts {
	float:right;
	padding:3px;
	border: 1px solid #ccc;
	margin-bottom:10px;
	margin-left:10px;
}
h1 { color: #206662;
	font-size:11px;
	font-style: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight: bold;
	padding-bottom:20px;	}

h2 { font-size:130%; margin-bottom:1em; }
address { color:#333333; text-align:center; font-size:95%; font-style:normal; letter-spacing:2px; line-height:1.5em; }
a { text-decoration:none; outline:none; }
a:link { color:#8E3C40; }
a:visited { color:#8E3C40; }
a:hover, a:focus { color:#1B4C4F; text-decoration:none; background-color:#FFFBE5; }
a:active { color:#8E3C40; background-color:#FFFBE5; }
.skiplink { display:none; }
p, ul { margin-top:0; margin-right:0; margin-bottom:1em; margin-left:0; }
ul ul { margin:0; }
li {margin-top:0; margin-right:0; margin-bottom:0; margin-left:1em; }


form {
	background-color:#eee;
	width:400px;
	padding:20px;
	border:1px solid #8c8c8c;
	margin-left:30px;
}
label { display:block; }
#absender, textarea {
	width: 300px;
	border: 1px solid #8c8c8c;
	margin-bottom:1em;
}
textarea { height:7em; }
input:focus, textarea:focus {
	background-color:#d9d9d9;
}
	
 
 
