/* CSS Document */


body {
	color: #805a42;
	background-color: #B59F8A;
	/*background-image:url(../bilder/bg_body.gif);*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;	
	font-weight: normal;
	text-align: left;
	line-height: 17px; 
	margin: 0;
	padding: 0;
	border:0 none;
}

body {font-size: 75%;}

*, ul, ol, dl,dt, dd, p, h1, h2, h3, h4, h5, h6, img, table, tr, td {
border:none;
margin:0;
padding:0;
}

table {
font-size:1.2em;
letter-spacing: 0.05em;
}

/*Überschriften*/
h1 {
font-size: 1.5em;	
font-weight: normal; 
margin-bottom: 12px; 
line-height:24px; 
}
h2 {color: #000;	font-size: 1.75em;	font-weight: normal; padding-bottom: 12px; line-height:24px; }
h3 {font-size: 1.1em;	font-weight:bold;	margin-bottom:5px;}
h4 {color: #69C;	font-size: 1.2em;	font-weight: bold;	padding-bottom: 4px;	border-bottom: 2px dotted #999;}
h5 {color: #666;	font-size: 1.2em;	font-weight: bold;}
h6 {color: #69C;	font-size: 1em;		font-weight: bold;	margin-top: 18px;}


/* Listen */
ul {
margin: 0;	
padding: 14px;
letter-spacing: 0.05em;
}

li {
margin: 0;	
padding-bottom:5px;
letter-spacing: 0.05em;
}

/* links */
a {
text-decoration:underline;
color: #805a42;
}

ul li a {
text-decoration:none;
color: #805a42;
}

a:hover, 
a:active, 
a:focus {
text-decoration:underline;
color: #805a42;
}

/* Absatz p*/
p {
letter-spacing: 0.05em; 
margin-bottom:10px;
}

img {
border-color:#805a42;
border-style:solid;
border-width:1px;
margin-right:5px;
margin-bottom:5px;
}

/*#############################################*/
/******* Seitengerüst - Formatierung **********/
/*#############################################*/
#pagewrapper {
	background-color:#fcfaea;
	width: 898px;
	margin: auto;
	border-color:#805a42;
	border-style:solid;
	border-width:1px;
}

#head {
	height: 115px;
	width:100%;
	background-image:url(../bilder/logo.gif);
	background-position:40px 40px;
	background-repeat:no-repeat;
}

#contentwrapper {
	width:818px;
	height:auto;
	padding-top: 50px;
	padding-bottom:20px;
	padding-left:40px;
	padding-right: 40px;
}
#nav_left {
	width: 200px;	
	float: left;
	margin-top:20px;
}

#content_start {
	width: 548px;
	height:500px; 	
	float: left;
	background-image:url(../bilder/bg_start.jpg);
	background-repeat:no-repeat;
	background-position:15px 0px;
}
#content_seiten {
	width: 540px;
	min-height:500px;
	float: left;
	background-image:url(../bilder/bg_seiten.jpg);
	background-repeat:no-repeat;
	background-position:15px 0px;
	padding-top:50px;
	padding-left:65px;
	padding-right:10px;
}

.content_bild_rechts {
width:100%;
text-align:right;
margin-bottom:10px;
}

.content_bild_links {
width:100%;
text-align:left;
margin-bottom:10px;
}

/*#############################################*/
/******* Navigation - Formatierung **********/
/*#############################################*/


#nav_left ul {padding: 0;	margin: 0;}

#nav_left ul li {
list-style-type: none;
margin-bottom:5px;
width:100%;
}

#nav_left ul li a, 
#nav_left ul li a:link {
display: block;
height:20px;	
color: #805a42;
text-decoration:none;
padding-left:20px;
}

#nav_left ul li a:hover, 
#nav_left ul li a:active, 
#nav_left ul li a:focus,
#nav_left ul li a.act {
background-image:url(../bilder/bg_nav_aktiv_1.gif);
background-repeat:no-repeat;
background-position:0 2px;
}

/********* menu 2. ebene *********/
#nav_left ul li ul li {
margin:0;
margin-bottom:5px;
}

#nav_left ul li ul li a, 
#nav_left ul li ul li a:link, 
#nav_left ul li ul li a:visited {
display: block;	
color: #805a42;
height:auto;
padding-left:40px;
}

.kleinere_schrift {
font-size:0.8em;
}

#nav_left ul li ul li a:hover, 
#nav_left ul li ul li a:focus, 
#nav_left ul li ul li a:active,
#nav_left ul li ul li a.act {
background-image:url(../bilder/bg_nav_aktiv_2.gif);
background-repeat:no-repeat;
background-position:10px 5px;
}

/********* menu 3. ebene *********/
#nav_left ul li ul li ul li {
margin:0;
margin-bottom:5px;
}

#nav_left ul li ul li ul li a, 
#nav_left ul li ul li ul li a:link, 
#nav_left ul li ul li ul li a:visited {
display: block;	
color: #805a42;
height:auto;
padding-left:60px;
}

#nav_left ul li ul li ul li a:hover, 
#nav_left ul li ul li ul li a:focus, 
#nav_left ul li ul li ul li a:active,
#nav_left ul li ul li ul li a.act {
text-decoration:underline;
background-image:none;
}

/*** Formatierung Bilder / Bildtext im Contentbereich ***/
/* bild/bildtext links */
dl.imgleft { float: left; margin-right: 0px; margin-top:0.7%; margin-bottom: 1em;color: #666; font-size:80%;} 
dl.imgleft dt  { margin-bottom: 0px;} 
dl.imgleft dd  { margin: 0px;line-height:normal;} 

/* bild/bildtext rechts */
dl.imgright { float: right; margin-top:0.7%; margin-bottom: 1em; margin-left: 1em; color: #666; font-size:80%;} 
dl.imgright dt  { margin-bottom: 0px;} 
dl.imgright dd  { margin: 0px;line-height:normal;} 

/* bild/bildtext oben */
dl.imgtop { float: none; border:0; margin:0; padding:0; margin-top:0.7%; margin-bottom: 1em; margin-right: 1em; color: #666; font-size:80%;} 
dl.imgtop dt  { margin-bottom: 0px;} 
dl.imgtop dd  { margin: 0px;} 


/*Kontaktformular */
textarea {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
border: 1px solid #C0C0C0;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}


legend {
padding-left:2px;
border: 0px;
}

label {
padding-left:6px;
border: 0px;
}

form {
margin: 0;
padding: 0;
}

.formular-outer {
width:500px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
border: 1px solid #B28769;
}

.field-outer {
margin-bottom: 0.6em;
}

.absenden-outer {
margin-top: 1.6em;
margin-bottom: 0.6em;
}

.label-outer {
padding-bottom: 5px;
}

.input {
color: #555555;
border: 1px solid #B28769;
width:260px;
}

.text {
border: 1px solid #B28769;
}

.submit {
	color: #805a42;
	border: 1px solid #B28769;
	cursor:hand;
}

fieldset {
	border:0;
	margin:0;
	margin-top: -4px;
	padding:0;	
}

/*####################### Footer zum clearen ######################*/
.cleardiv {
	clear: both;
	height: 1px;
	width: 100%;
	margin:0;
	padding:0;
}