* {	margin:0; padding:0; }
img { border: 0; }

body {
	scrollbar-base-color:#f4e9d3;

/*
	scrollbar-arrow-color: rgb(95,87,46);
	scrollbar-3dlight-color: rgb(222,216,187);
	scrollbar-darkshadow-color: rgb(189,177,118);
	scrollbar-face-color: rgb(223,217,189);
	scrollbar-highlight-color: rgb(255,255,255);
	scrollbar-shadow-color: rgb(222,216,187);
	scrollbar-track-color: rgb(239,236,222);
*/
	
	background-color: #f4e9d3;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	background: url(images/bg.gif) repeat-y;
	behavior:url(csshover.htc);
}

h1,h2,h3,h4,h5,h6 { font-size:100%; }
a,a:visited { color: #6e3d0d; text-decoration: underline; }
a:hover { color: #6e3d0d; }

h2 { margin-left: -10px; border-bottom: 1px dashed #6e3d0d; display: block; margin-top: 1.5em; margin-bottom:.3em; padding-left: 10px; }
h2:first-child { margin-top:0; }	/* erster Seitentitel ohne oberen margin */
blockquote { margin-left: 20px; font-size: 0.8em; font-style: italic; }


div#maincontainer { width: 848px; }	


/* Header (ganz oben, ohne Banner) */
/* ------------------------------- */
div#header { 
	width: 861px; 							/* ein bisschen breiter als maincontainer, damit Rahmen rechts nicht bis nach oben gezogen wird; */
	background-color: #f4e9d3; 	/* Farbe oberhalb Header-Image */
}	

div#header p {
	font-size: 0.7em;
	font-weight: bold; color: #807a7a;
	text-align:right;
	margin-right: 12px;
	padding-top:20px; padding-bottom:0px;
	border-bottom: 1px solid black;	/* schwarze Linie nach Text, vor Banner */
}

td {
	font-size: 0.8em; 
	padding: 0 8px 0 2px;
	margin:0; border: 0;
}
.tabtitle { background: #aaa; }


/* Navigation oben (schwarzer Balken) */
/* --------------------------------- */
/*
div#navtop { font-size: .8em; padding: 3px 7px 3px 0px; background: #000; color: #fff; height: 1.6em; }
div#navtop ul { float: left; }
div#navtop ul#homelink {  float: right; }
div#navtop li { float: left; list-style: none; padding: 0 10px; }
div#navtop li a { text-decoration: none; color: #fff; padding: 0 4px; border: 1px solid #000; display: block; float:left; }
div#navtop li a:hover { background: #777; border: 1px solid #ccc; }
*/



/* h1 (Seitentitel, inkl. horizontaler Linie als Background) */
/* --------------------------------------------------------- */
h1 {
	margin-top: 20px;
	font-size: 1.5em; text-align: right; color: #6e3d0d;
	padding-right:27px;
	background: url(images/bg_h1.gif) no-repeat;
	background-position: bottom right;
}

h3 { font-size: .8em; font-weight:bold; text-decoration: underline; }


/* Navigation links */
/* ---------------- */
div#navleft {float: left; width: 142px; padding-left: 10px; font-size:.8em; color: #6e3d0d; w\idth:132px;}
div#navleft ul {list-style: none; margin: 0; padding: 0 0 10px 10px; }
div#navleft li { text-indent: -8px; padding-bottom: 0.7em;  }
div#navleft a,div#navleft a:link,div#navleft a:visited {text-decoration: none; color: #6e3d0d; margin-left: 8px; }
div#navleft a:hover { background: url(images/navlist.gif) 0 6px no-repeat; padding-left: 8px; margin-left: 0; }
div#navleft h4 { font-weight: bold; text-decoration: underline; margin-bottom: 10px; }

/* aktuelle Auswahl (oben und links; class="current") */
div#navleft a.current,div#navleft a.current:visited { color: #f00; background: url(images/navlistsel.gif) 0 6px no-repeat; padding-left: 8px; margin-left: 0;}
div#navtop a.current,div#navtop a.current:visited { color: #f00; text-decoration:underline; }

/* Hauptinhalt */
/* ----------- */
div#maincontent {
	float: left;
	background: #eee;
	\width: 685px;
	border-left: 1px solid #6e3d0d;
	/* border-right: 1px solid #6e3d0d; */
	padding: 20px 25px 25px 25px;
	w\idth: 634px;
	line-height:1.5; 
}

div#maincontent p { font-size:.8em; margin-bottom: 1em; }
div#maincontent div { font-size:.8em; }

div#maincontent p.smalltext { text-align:right; font-size:.7em; color: #999; margin-bottom:0; }


/* Footer */
/* ------ */
div#footer {
	clear: both;
	width: 686px;
	color: #c5b19e;
	border-top: 1px solid #6e3d0d;
	font-size: .7em;
	margin-left: 142px;
	padding-left: 0em;
	margin-bottom: 2em;
}

div#footer a { color: #c5b19e; text-decoration: none; }
div#footer a:hover { text-decoration:underline; }


div#maincontent ul { margin-left: 25px; margin-bottom: 1em; }
div#maincontent ul li { font-size: .8em; margin-bottom: 0.5em; }

div.foto { font-style: italic; text-align:center; }


input,textarea { border: 1px solid #aaa; background: #fff;  padding: 1px 3px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em;}
.width200 { width: 200px; }
.width400 { width: 400px; }







/* -------------------------- */
/* Styles für Navigation oben */
/* -------------------------- */

div#navtop ul#homelink { float: right; }

/* the horizontal menu starts here */
div#navtop { 
	background-color:#000;
	font-size:.8em; 
	\width:848px; 
	w\idth: 841px;
	height: 1.6em; float:left;
	margin-bottom: 20px;
	padding: 3px 7px 2px 0px;
	}
div#navtop ul { margin:0 0 0 10px; }
div#navtop li { float:left; position:relative; list-style-type:none; background-color:#000; padding-right: 18px; }
div#navtop li:hover { background-color:#000; }
div#navtop a { display:block; padding:0 6px; text-decoration:none; color:#fff; }
div#navtop a:hover { color:#F33; }
/* the horizontal menu ends here */


/* START drop-down */
div#navtop ul li ul { position:absolute; margin:0; width:10em; left:-1px; }
div#navtop ul li ul li { width:100%; padding:0 0 1px; border-left:1px solid #555; border-bottom:1px solid #555; border-right:1px solid #555; }
div#navtop ul li ul li:first-child { border-top:1px solid #555; }
	
/* make the drop-down display as the menu is rolled over */
div#navtop ul li ul { display:none; }
div#navtop ul li:hover ul { display:block; }

/* pop-out starts here */
div#navtop ul li ul li ul  { visibility:hidden; top:-1px; left:10em; }
div#navtop ul li ul li:hover ul { visibility:visible; }

/* another level of pop-outs */
div#navtop ul li ul li:hover ul li ul { display:none; }
div#navtop ul li ul li ul li:hover ul { display:block; }

/* Portrait-Bilder */
.portrait { float: left; margin-right: 10px; border: 1px solid #6e3d0d; }

.stit { padding-top:2em; color: #0060ae; font-size:1.2em; }
.sart { vertical-align:top; white-space:nowrap }
ul.sul { font-size:1.3em; padding:0;margin:0;  }
ul.sul li { padding:0; border:0; margin:0; }


.errortext { color:#d00; }


/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#navtop { margin-bottom: 10px; }	/* halbe Höhe wie margin-bottom von div#navtop */

* html div#navtop ul { float:left; border-left:1px solid #000; margin-left:5px; /* halber Margin wie in Rule div#navtop ul */ }

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#navtop ul li ul { border-top:1px solid #555; border-left:0px; /* stops the drop inheriting the ul border */ }

/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#navtop ul li ul li ul { left:9.85em; voice-family: "\"}\""; voice-family:inherit; left:10em; }

/* and the "be nice to Opera" rule */
html>body div#navtop ul li ul li ul { top:-1px; left:10em; }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#navtop ul li ul {padding-bottom:70px;}
   body div#navtop ul li ul li ul {padding-bottom:22px;}
   body div#navtop ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* end of hack zone */






.clearfix { padding:0; vertical-align:top; }
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
	height: 0;                  /* ensure the period is not visible */
	clear: both;               /* make the container clear the period */
	visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */