/* CSS Document */

html {
	font-size:		9pt;
}

body {
	background:		#f8e8bd;
	margin:			0pt;
	padding:			0pt;
	color:			#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:		9pt;
	line-height:		13pt;
	text-align: 		left;
}

hr {
	width:			470px;
	height:			1px;
	border:			1px dotted #df5900;
	margin:			5px 0px 5px 0px;
}

h1 {
	color:			#df5900;
	font-size:		12pt;
	line-height:		16pt;
	margin-bottom:		15px;
	margin-top:		8px;
	padding:			0px;
}

.abstandhalter{
	color:			#df5900;
	font-size:		12pt;
	line-height:		16pt;
	margin-bottom:		15px;
	margin-top:		8px;
	padding:			0px;
}

 h2 {
	color:			#df5900;
	font-size:		10pt;
	line-height:		14pt;
	margin-bottom:		15px;
	margin-top:		0px;
	padding:			0px;
}

h3 {
	color:			#686764;
	font-size:		10pt;
	line-height:		14pt;
	margin-bottom:		8px;
	margin-top:		0px;
	padding:			0px;
}

h4 {
	color:			#df5900;
	font-size:		9pt;
	line-height:		13pt;
	margin:			0px;
	padding:			0px;
}

 h5 {
	color:			#df5900;
	font-size:		10pt;
	line-height:		14pt;
	margin:			0px;
	padding:			0px;
}

h6 {
	color:			#df5900;
	font-size:		9pt;
	line-height:		13pt;
	margin:			0px 0px 4px 0px;
	padding:			0px;
}

p {
	margin:			0pt;
	padding:			0pt;
	font-size:		9pt;
	line-height:		13pt;
}
.clear {
	clear:both;
}

.absatz {
	margin-bottom:		6px;
	padding:			0pt;
	font-size:		9pt;
	line-height:		13pt;
}

.biomez
{
	margin:			0pt;
	padding:			0px 8px 0px 8px;
	font-size:		9pt;
	line-height:		13pt;
}

.bildunterschrift{
	padding-top:		5px;
	font-size:		8pt;
	line-height:		10pt;
	font-style:		italic;
	text-align:		center;
}

span {
	color:					#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:			9pt;
	line-height:		13pt;
	text-align:			left;
	font-weight:		bold;
}
a {
	color:			blue;
	text-decoration:	none;
}

a:hover {text-decoration:underline;}

a:visited{color: blue;}

ul {
	list-style-image:		none;
	list-style-type:		disc;
	list-style-position:	outside;
	margin:				5px 0px 5px 0px;
}

ol {
	list-style:		disc;
	margin-top: 		0px;	
	margin-bottom: 	0px;	
	}

li {margin-left:10px;}

.ullinks {margin: 0px 0px 10px 0px;}

.spalte1 {
	padding:			0px 8px 4px 10px;
	margin:			0px;
	color:			#df5900;
	text-align:		center;
	font-size:		13pt;
	line-height:		13pt;
}

.letztespalte {
	padding:			0px 30px 4px 0px;
	margin:			0px;
	text-align:		right;
}

.name {
	color:			#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:		8pt;
	line-height:		13pt;
	text-align:		left;
	font-weight:		normal;
	font-style:		italic;
}

img {
	margin:			0pt;
	padding:			0pt;
}

.imgtext {
	margin:			0pt;
	padding:			0pt;
	vertical-align:	middle;
}

.imgright {
	margin-left:		20px;
	margin-bottom:		5px;
	padding:			0pt;
	float:			right;
}

.imgleft {
	margin-right:		20px;
	margin-bottom:		5px;
	padding:			0px;
	float:			left;
}

.imgcenter {
	margin:			0px;
	padding:			0pt;
	text-align:		center;
}

/*------------------------------------------------------------------------------------------------------*/	
/*--------------------------------------------- SEITENAUFBAU -------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/	

.wrapper {
	position:			absolute;
	width:			824px;
	left: 			50%;
	margin-left: 		-412px;
	background:		#f8e8bd;	
}

.header {
	background-image:		url(../bilder/logo.gif);
	height:				170px;
	background-attachment: 	scroll;
	background-position: 	left top;
	background-repeat: 		no-repeat;
}

.leftnavi{
	float:				left;
	width:				352px;
	min-height:		476px;
	margin: 			0; 
	padding:	 		0;	
}

.navcontainer{
	width:			197px;
	text-align:		left;
	margin-left: 		60px;
	border:			none;
}

/*-------------------------------------------- HAUPTNAVIGATION -----------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/	


.nav00 {
	width: 			197px;
	height: 		23px;
	border:		none;
	margin: 		10px 0px 2px 0px;
	padding: 		0px;
}

.nav00 a:link, .nav00 a:visited {
	width: 						197px;
	height: 					23px;
  	text-decoration: 	none; 
	border:						none;
	display:					block;
	padding-left:			25px;
}

.nav00 a:hover  {
	width: 						197px;
	height: 					23px;
	display:					block;
	background: 				url(../bilder/navihover.gif) no-repeat; 
	background-position:	left top;  
  	text-decoration: 			none; 
	padding-left:		 25px; 
}

.nav00aktiv{
	width: 						197px;
	height: 					23px;
	display:					block;
	background: 				url(../bilder/navihover.gif) no-repeat; 
	background-position:	left top;  
  	text-decoration: 			none; 
	margin: 					10px 0px 2px 0px;
	padding-left: 					25px; 
}


.navcontainer .current {
	width: 				197px;
	height: 			23px;
	border:				none;
  	background: 	url(../bilder/navihover.gif) no-repeat;
  	margin: 			0px;
}

.nav01 {
	height: 			20px;
	width:				137px;
	border:				none;
	margin: 			0px; 
	padding:	 		0px 0px 0px 60px;	
 }
.nav01 a {
	color:			#686764;	
	margin:			0px;
	text-decoration: 	none;
}

.nav01 a:link, .nav01 a:visited {
	color:			#686764;
	text-decoration: 	none; 
  padding: 			0;
	border:			none;	
}

.nav01 a:hover {
	border:			none;
	color:			#df5900;
	font-weight:		bold;
	text-decoration: 	none;	
}

.nav01aktiv a.current1 {
	text-decoration: 	none;	
 	border:						none;
	color:						#df5900;
	font-weight:			bold;
}

.nav01aktiv {
color:			#df5900;
height: 			20px;
	width:				137px;
	border:				none;
	margin: 			0px; 
	padding:	 		0px 0px 0px 60px;	
	/*text-decoration: 	none;	
 	border:						none;
	color:						#df5900;
	font-weight:			bold;*/
}



.navcontainer img {
	margin: 			0; 
	padding:	 		0;	
  border: 			none;
}

.leerdiv{
	height: 			10px;
	width:			120px;
	border:			none;
	margin: 			0px; 
	padding:	 		0px 0px 0px 70px;
}
/*----------------------------------------- CONTENT ---------------------------------------*/
/*-----------------------------------------------------------------------------------------*/	
	
.content{
	float:			left;
	width:			472px;
	margin:			0pt;
	margin-bottom:		30px;
	padding:			0pt;
}

.content .inner{
	width:			472px;
	margin:			0pt;
	padding:			0pt;
}
.news{
	width:			470px;
	margin:			0 0 20px 0;;
	padding:			0pt;
}

.newsueberschrift{
	margin: 10px 0 5px 0;
}

/*----------------------------------------- FOOTER ---------------------------------------*/
/*-----------------------------------------------------------------------------------------*/	

.footer {
	clear:			both;
	height:			50px;
}

.footer .inner{margin-left:  352px;
}

.footer .inner p{font-size: 8pt;
}

/*------------------------------------------- ENDE SEITENAUFBAU ----------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/	

/*------------------------------------------------------------------------------------------------------*/	
/*----------------------------------------------- FORMULARE --------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/	
form {position: relative;}



input{
	background:		#f8e8bd;
	border: 			1px dotted #df5900;
	color:			#686764;
}

.formabstand {
/*
	background:		#f8e8bd;
	border: 			1px dotted #df5900;
	color:			#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:		8pt;
	line-height:		12pt;*/
	background:		#f8e8bd;
	border: 			1px dotted #df5900;
	color:			#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:		8pt;
	line-height:		12pt;
	text-align: 		left;
	padding: 			4px;
	margin-right: 		20px;
	width: 			200px;
}

input:focus {background-color: #fdf8da;}

textarea {

	background:		#f8e8bd;
	border: 			1px dotted #df5900;
	color:			#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:		8pt;
	line-height:		12pt;
	text-align: 		left;
	padding: 			4px;
	margin: 			0px;
	width: 			400px;
	height:			100px;
}

textarea:focus {background-color: #fdf8da;}

select {
	background:		#fdf8da;
	border: 			1px dotted #df5900;
	color:			#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:		9pt;
	line-height:		12pt;
	text-align: 		left;
	padding: 			4px;
	margin: 			0px;
	width: 			80px;
}

.zi{width: 45px;
}

.preis{
	width: 180px;}	


.button{
	background:		#fdf8da;
	border: 			1px solid #df5900;
	color:			#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-transform:	uppercase;
	font-size:		8pt;
	line-height:		13pt;
	text-align: 		center;
	letter-spacing:	1px;
	padding: 			4px;
	margin-right: 		20px;
	width: 			100px;
}

.button:hover {
	letter-spacing:	5px;
	cursor:			pointer;
}

.klein {background:		#f8e8bd;
	border: 			1px dotted #df5900;
	color:			#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:		8pt;
	line-height:		12pt;
	text-align: 		left;
	padding: 			4px;
	margin-right: 		20px;
	width: 50px;}
	
.kleinphone {
	width: 			50px;
	margin: 			0px;
	background:		#f8e8bd;
	border: 			1px dotted #df5900;
	color:			#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:		8pt;
	line-height:		12pt;
	text-align: 		left;
	padding: 			4px;
	
}
	
.datum {
	width: 			100px;
	margin-right:		5px;
	float:			left;
	background:		#f8e8bd;
	border: 			1px dotted #df5900;
	color:			#686764;
	font-family:		"Lucida Grande", "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	font-size:		8pt;
	line-height:		12pt;
	text-align: 		left;
	padding: 			4px;
	
}

.kalender {
	width:			40px;
	float:			left;
}


.hformular {
	color:			#686764;
	font-weight: 		bold;
	font-size:		9pt;
	line-height:		13pt;
	margin:			0px 0px 4px 0px;
	padding:			0px;
}

.unterformular {
	display: 			block;
	color:			#686764;
	font-size:		8pt;
	line-height:		12pt;
	width: 			231px;
	margin:			2px 0px 6px 0px;
	padding:			0px;
	float:			left;
}

.unterformular1 {
	display: 			block;
	color:			#686764;
	font-size:		8pt;
	line-height:		12pt;
	width: 			200px;
	margin:			2px 0px 6px 0px;
	padding:			0px;
	float:			left;
}

.unterformularkl {
	display: 			block;
	color:			#686764;
	font-size:		8pt;
	line-height:		12pt;
	width: 			80px;
	margin:			2px 0px 6px 0px;
	padding:			0px;
	float:			left;
}

.unterformulardatum {
	display: 			block;
	color:			#686764;
	font-size:		8pt;
	line-height:		12pt;
	width: 			155px;
	margin:			2px 0px 6px 0px;
	padding:			0px;
	float:			left;
}

.radiobutton{
	border:			none;
	margin: 			0px 20px 0px 8px;
	padding:			0px;
	width: 			auto;
}

.tablezi {
	border-collapse:	collapse;
	border-spacing:	0px;
	width:			420px;
	margin:			0px 0px 10px 0px;
	padding:			0px;
	border: 			0px;		
}

.tdzili {
	width:			auto;
	padding:			0px 0px 10px 0px;
	margin:			0px;
	vertical-align:	top;
	text-align:		left;
}
.tdzire {
	width:			260px;
	padding:			0px 0px 10px 0px;
	margin:			0px;
	vertical-align:	top;
	text-align:		left;
}

.trzi {
	margin:			0px;
	padding:			0px 0px 10px 0px;
}

/*--------------------------------------------- ENDE FORMULARE -----------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/	

/* von Jan */

.s_rechts {
	width:		100px;
}
.s_links {
    float:left;
    width:20em;
    background-color:#ff0;
    height:100%;
    
}
#div2 {
    margin-left:20em;
    height:100%;
    
}