/* RESET */

*, body, div, p, ul, ol, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}

/* LAYOUT + CONTAINER */

body {
	background: #BCA575 url(../img/site-background.jpg) top left repeat-x fixed; /* #AF9D61 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
}
#wrapper{
	margin: 0 auto;
	width: 980px;
	text-align: left;
}
#header{
	text-align: left;
	padding: 50px 0 20px 200px;
}
#navi{
	background: #369C9C url(../img/navi-bg.jpg) no-repeat;
	float: left;
	width: 200px;
	min-height: 250px;
  	height: auto !important;  /* für moderne Browser */
  	height: 250px;  /*für den IE */
}
#content{
 	width: 490px;
	float: left;
	background: #FFF;
	padding: 20px 30px 15px 30px;
	min-height: 215px;
  	height: auto !important;  /* für moderne Browser */
  	height: 215px;  /*für den IE */
}
#sidebar{
 	width: 230px;
	float: left;
	background: #F2F2F2;
	min-height: 250px;
  	height: auto !important;  /* für moderne Browser */
  	height: 250px;  /*für den IE */
}
#footer{
	font-size: 0.8em;
	color: #D7CEB0;
	clear: both;
	text-align: right;
	padding: 10px 230px 30px 0;
}

/* NAVIGATION */

#navi ul{
	margin: 0;
	padding: 10px 10px 5px 10px;
	list-style: none;
	width: 180px;
	text-align: right;
	line-height: 100%;
}
#navi ul li{
	margin: 0 0 3px 0;
}
#navi ul li.seperator{
	margin: 0 0 14px 0;
}
#navi ul li a{
	display: block;
	width: 170px;
	color: #D6EBEB;
	padding: 4px 6px;
	text-decoration: none;
}
#navi ul li a:hover{
	color: #FFF;
	padding: 3px 5px;
	border: 1px solid #FFF;
	text-decoration: none;
}
#navi ul li a.current{
	display: block;
	width: 170px;
	color: #FFF;
	padding: 3px 5px;
	border: 1px dashed #86D3D3; /* #D6EBEB */
	text-decoration: none;
}
#navi ul li a.current:hover{
	color: #FFF;
	border: 1px dashed #FFF;
	text-decoration: none;
}

/* SUBNAVIGATION */

#sidebar ul{
	list-style-type: none;
	margin: 20px 0 0 0;
}
#sidebar ul li{
	padding: 0;
	border-top: 1px dashed #CCC;
}
#sidebar ul li a{
	display: block;
	color: #666;
	text-decoration: none;
	padding: 3px 0 4px 15px;
	background: url(../img/li_sub.gif) 0px 9px no-repeat;
}
#sidebar ul li a:hover{
	text-decoration: underline;	
}
#sidebar ul li.current a, #sidebar ul li.current a:hover{
	font-weight: bold;
	background: url(../img/li_sub_current.gif) 0px 9px no-repeat;
}
#sidebar ul li.first{
	border: 0;
}

/* SIDEBAR */

#sidebar ul{
	padding: 0 30px 20px 30px;
}
#sidebar ul li{
	margin: 0;
}

/* FOOTER */

#footer a{
	color: #EEE8DC;
	text-decoration: none;
}
#footer a:hover, #footer a.current:hover{
	text-decoration: underline;
}
#footer a.current{
	font-weight: bold;
	color: #EEE8DC;
}

/* ÜBERSCHRIFTEN */

h1{
	color: #066;
	font-size: 1.9em;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 5px 0 15px 0;
	line-height: 120%;
}
h2{
	color: #9A814B; /* #6CC */
	margin: 0 0 15px 0;
	font-size: 1.2em;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 140%;
}
h3{
	color: #AAA;
	font-size: 1em;
	margin: 0 0 15px 0;
	font-weight: normal;
}
#sidebar h1{
	font-size: 1.5em;
	padding: 25px 30px 0 30px;
}

/* ZITATE */

cite{
	font-size: 0.8em;
	display: block;
	text-align: right;
	font-weight: normal;
	color: #AAA;
}
blockquote{
	margin: 15px;
	background: url(../img/quote_begin.gif) top left no-repeat;
}
blockquote p{
	padding: 0 30px;
	font-weight: bold;
	color: #5FC4C4;
	background: url(../img/quote_end.gif) bottom right no-repeat;
}

/* LISTEN */

ul{
	list-style-type: square;
	padding: 0 0 15px 0;
}
ul li{
	margin: 0 0 10px 20px;
}
ul ul{
	margin: 5px 0 0 0;
}
ul ul li{
	margin: 0 0 0 10px;
}

/* FORMULAR */

fieldset{
	background: #F6F6F6;
	padding: 20px 20px 10px 20px;
	margin: 0 0 15px 0;
	border: 0;
}
legend{	
	background: #AAA;
	color: #FFF;
	padding: 5px 10px;
}	 
label{
	float: left;
	width: 80px;
	padding: 4px 10px 10px 0;
	text-align: right;
}
input, textarea{
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 0 0 10px 0;
}
textarea{
	font-size: 1em;
}
input:focus, textarea:focus{
	background: #DEF3F3;
}
.button{
	overflow: auto;
	padding: 5px 8px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	margin: 0;
}
.button:focus{
	background: #D4D0C8;
}
form small{
	display: block;
	padding: 0 0 2px 90px;
	color: #C00;
	font-weight: bold;
	font-size: 0.8em;
}
p.erfolgreich{
	background: #CFC;
	color: #090;
	padding: 10px 15px;
	font-weight: bold;
}
p.fehlgeschlagen{
	background: #FCC;
	color: #C00;
	padding: 10px 15px;
	font-weight: bold;
}

/* HILFSKLASSEN */

.hinweis{
	color: #C00;
}
a img{
	border: 0;
}

/* KUNDEN */

.website_besuchen{
	margin: 10px 0 5px;
	font-weight: bold;
}
ul.websites{
	list-style-type: none;
}
ul.websites li{
	background: url(../img/li_sub_current.gif) 0 7px no-repeat;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
}
.thumbs img{
	float: left;
	margin: 0 5px 5px 0;
}
.thumbs img.last{
	margin: 0 0 5px 0;
}

/* FIRMEN */

.firma{
	padding: 0 20px 0 0;
	margin: 0;
	width: 235px;
	float: left;
}
.rechts{
	padding: 0;
}

/* GOOGLE */

.google{
	font-size: 0.8em;
}

/* OTHER */

.indicator{
	margin: 175px auto 0 auto;
}

.clear{
	clear: both;
}
.datum{
	color: #D3D1BE;
	margin: 0px;
}
h4{
	color: #069;
	font-size: 0.7em;
	margin: 0 0 15px 0;
}
h3{
	color: #666;
	font-size: 0.7em;
	margin: 0 0 15px 0;
}
p, td, li{
	color: #666;
	line-height: 150%;
}
p{
	margin: 0 0 15px 0;
}
#header span{
	padding: 10px 0 0 20px;
	color: #FFF;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	float: left;
}
#header img{
	float: left;
}
.table td{
	border-top: 1px solid #CCC;
}
table{
	margin: 0 0 15px 0;
}
a{
	color: #069;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
.bild_rechts{
	float: right;
	margin: 0 0 15px 15px;
}
.bild_links{
	float: left;
	margin: 0 15px 15px 0;
}
.gruen{
	color: #096;
}
.rot{
	color: #C00;
}
.zentriert{
	text-align: center;
}
.grau{
	color: #666;
}
.fett{
	font-weight: bold;
}
.schwarz{
	color: #000;
}
.red{
	color: #f00;
}
#splash ul{
	list-style-type: square;
}
#splash ul li{
	color: #069;
}
#contentinner ul{
	list-style-type: none;
	margin: 0 0 0 5px;
	font-size: 1.2em;
	padding: 0;
}
#contentinner ul li{
	margin: 0 0 10px 0;
}
#contentinner ul ul{
	margin: 5px 0 0 0;
}
#contentinner ul ul li{
	margin: 0 0 0 10px;
}
.input_error{
	background: #F5F5F1 url(../img/error.jpg) top left no-repeat;
	font-weight: bold;
	color: #069;
}
.box{
	padding: 15px;
	background: #F5F5F1 url(../img/ok.jpg) top left no-repeat;
	border: 1px solid #096;
}
.thumb{
	background: #FFF url(../img/thumb_bg.gif);
	padding: 8px;
}
p.thumb img{
	border: 4px solid #FFF;
}
hr{
	background-color: #EEE; 
	color: #EEE; 
	border: #EEE; 
	height: 1px; 
	margin: 0 0 15px 0;
	clear: both;
}