body {
   font-family: Arial,Verdana,sans-serif;
   font-size: 11px;
   background-color: #4b493f; /*bgcolor="*#563F23; #3E311C"*/
   color: #f5fce5 /*#414042*/;
 	text-align: center;
	padding:0;
	margin: 0;
   }
	
/*HTML>body {
   padding: 0;
	font-family: Arial,Verdana,sans-serif;
   }*/



/* -------------- Textabs?tze -------------------------------------------------------------------------------------------------*/	
h1{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 5px 0;
padding: 0;
}

h2{
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background-color: #656757;
margin: 0 0 0 0;
padding: 1px 1px 1px 4px;
}

#footer p{
	margin:10px 0 0 58px;
}


#main_about p{
	margin: 0 0 11px 0;
	color: #58595B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}				

#main_kontakt p{
	margin: 8px 0 0 23px;
	color: #58595B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/**/

/* -------------- Container --------------------------------------------------------------------------------------------------*/	



#base {
	background-color: #fff;
	border: 1px solid #4b493f; /*563F23*/
	padding:0 0 0 0;
	width: 824px;
	height: 607px;
	margin: 55px auto;
	text-align: left;
	position:relative;
}

#enter{
	background-color: #fff;
	border: 0px solid #000;
	padding:0 0 0 0;
	width: 780px;
	height: 557px;
	position:absolute;
	left:0px;
	top:0px;
	
}

#kreis{
	padding: 0px;
	margin: 0px;
	background:#fff url(../bilder/start.jpg) no-repeat top left;
	width: 796px;
	height: 420px;
	border: 0px solid #000;
	position:absolute;
	left:28px;
	top:0px;
	
}
#pfeil{
	padding: 0px;
	margin: 0px;
	background:#fff url(../bilder/Pfeil.gif) no-repeat top left;
	width: 28px;
	height: 21px;
	border: 0px solid #000;
	position:absolute;
	left:46px;
	top:26px;
}

#trenner1 {
	padding: 0px;
	margin: 0px;
	background-color: #4b493f; /*563F23*/
	width: 28px;
	height: 170px;
	border: 0px solid #000;
	position:absolute;
	left:0px;
	top:0px;
}

/*--------------- F?r ?ber mich --------*/

#trenner_uebermich{
	margin: 0 0 0 0;
	padding: 0;
	background-color: #4b493f; /*563F23*/
	width: 28px;
	height: 208px;
	border: 0px solid #000;
	position:absolute;
	left:0px;
	top:349px;
	
}

#kasten_uebermich {
	 padding: 0px;
	 margin: 0px;
	 background:#c5ce84 url(../bilder/kasten_kunden.jpg) left no-repeat;
  	 height:179px;
	 width: 284px;
	 border: 0px solid #000;
	 position:absolute;
	 left:0px;
	 top:170px;
}

#kasten_anfahrt {
	 padding: 0px;
	 margin: 0px;
	 background:#fff url(../bilder/kasten_anfahrt.jpg) left no-repeat;
  	 height:205px;
	 width: 229px;
	 border: 0px solid #000;
	 position:absolute;
	 left:57px;
	 top:170px;
}


/* -------------- Kasten f?r Home ----------------------------------------*/	

#kasten { 
	padding:0px;
	margin:0px;
	background:#c5ce84 url(../bilder/kasten_gutesdesign.jpg) left no-repeat;
  	height:99px;
	width: 284px;
	border: 0px solid #000;
	position:absolute;
	left:0px;
	top:170px;
}

/* -------------- 1. linkes Submen? ----------------------------------------*/	

#sub_nav1 {
	padding:0px;
	margin:0px;
	background:#c5ce84 url(../bilder/Kasten_submenue.jpg) left no-repeat;
   padding:0 0 0 0;
   height:99px;
	width: 284px;
	border: 0px solid #DED9BB;
	position:absolute;
	left:0px;
	top:170px;

}		

#trenner2 {
	margin: 0px;
	padding: 0px;
	background-color: #4b493f; /*#563F23*/
	width: 28px;
	height: 288px;
	border: 0px solid #000;
	position:absolute;
	left:0px;
	top:269px;
}
/* -------------- F?r Kontakt -------------------------------*/	
#trenner3 {
	background-color: #4b493f; /*#563F23*/
	width: 28px;
	height: 557px;
	margin: 0 0 0 0;
	padding: 0;
	border: 0px solid #000;
	position:absolute;
	left:0px;
	top:0px;
}

#main_kontakt {
	padding: 0 0 0 0;
	margin: 0px;
	background-color: #fff;
   height: 525px;
	width: 497px;
	position:absolute;
	left:311px;
	top:14px;
	border-left: 1px solid #bbbbbb; /*#D1CFC4*/

}
#nav{
	background-color: #fff;
   padding:0;
   height:100px;
	width: 100px;
	border: 0px solid #000;
	position:absolute;
	left:58px;
	top:62px;

}

#main {
	background-color: #fff;
	padding: 0px;
	margin: 0px;
   height: 525px;
	width: 497px;
	border: 0px solid #E8E8E8;
	position:absolute;
	left:311px;
	top:14px;
	
}


/* -------------- F?r Kontakt und ?ber mich ------------------------------*/

#main_about {
	padding: 0 0 0 0;
	margin: 0px;
	background-color: #fff;
   height: 525px;
	width: 497px;
	position:absolute;
	left:311px;
	top:14px;
	border-left: 1px solid #bbbbbb; /*#D1CFC4*/

}

/* -------------- F?r Goodies ------------------------------*/


#goodies {
	padding: 0 0 0 0;
	margin: 0px;
	background-color: #fff;
   height: 525px;
	width: 497px;
	position:absolute;
	left:311px;
	top:14px;
	border-left: 1px solid #bbbbbb; /*#D1CFC4*/

}



#e_pic{
	padding: 0 0 0 0;
	margin: 0px;
	background-color: #fff;
   height: 343px;
	width: 268px;
	position:absolute;
	left:0px;
	top:140px;
	border: 0px solid #D1CFC4;
}


#e_pic p{
		margin:0 0 0 23px;
		font-weight: normal;
		color: #414238; /*#6a6968; 6C5B3C*/

}
#ecard_form{
	padding: 0 0 0 0;
	margin: 0px;
	background-color: #fff;
   height: 343px;
	width: 228px;
	position:absolute;
	left:269px;
	top:140px;
	border: 0px solid #D1CFC4;
}

#content{
	padding: 0px;
	margin: 0px;
	background-color:#fff;
	width: 495px;
	height: 409px;
	border:1px solid #bbbbbb; /*#D1CFC4*/
	position:absolute;
	left:311px;
	top:14px;
	
}

#logo {
	padding: 0px;
	margin: 0px;
	width: 222px;
	height: 45px;
	border: 0px solid #000;
	background:#fff url(../bilder/logo.jpg) no-repeat top left;
	position:absolute;
	left:58px;
	top:480px;
}

#logo_1 {
	padding: 0px;
	margin: 0px;
	width: 150px;
	height: 17px;
	border: 0px solid #000;
	background:#fff url(../bilder/logo_1.jpg) no-repeat top left;
	position:absolute;
	left:58px;
	top:515px;
}

#sub_nav2 {
	padding: 0px;
	margin: 0px;
	background-color: #fff;
   height:10px;
	width: 200px;
	border: 0px solid #000;
	position:absolute;
	left:311px;
	top:543px;
}

#sub_nav3 {
	padding: 0px;
	margin: 0px;
	background-color:#414238;
	width: 495px;
	height: 100px;
	border:1px solid #414238; /*#D1CFC4*/
	position:absolute;
	left:311px;
	top:437px;
	
}

#footer {
	padding: 0px;
	margin: 0px;	
	background-color: #4b493f; /*#563F23*/
	width: 824px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c5ce84; /*#af986c*/
	border: 0px solid #000;
	position:absolute;
	left:0px;
	top:557px;
	
}

#news {
	padding: 0px;
	margin: 0px;	
	background-color: #fff; 
	width: 226px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #414238; 
	border: 0px solid #000;
	position:absolute;
	left:57px;
	top:300px;
	
}


/*---- Die Listen -------------------------------------------------------------------------------------------------------------------*/

#nav ul{
			list-style-type:none;
			display:block;
			border: 0px solid #000;
			background-color: #fff;
			padding: 0px;
			margin:0px;
			}
			
#nav li{
			list-style-type:none;
			display:block;
			border:0px solid #000;
			background-color: #fff;
			padding: 0px;
			margin:0 0 4px 0;
			}

#sub_nav1 ul{
			list-style-type:none;
			display:block;
			border: 0px solid #000;
			font-size: 9px;
			padding:9px 0 0 0;
			margin:4px 0 0 45px;/**/
		}
			
#sub_nav1 li{
			list-style-type:none;
			display:block;
			border:0px solid #000;
			padding: 0 0 0 0;
			margin:0 0 0 0;
			}

#goodies	ul{
			list-style-type:none;
			display:block;
			border: 0px solid #000;
			font-size: 9px;
			padding:0 0 0 0;
			margin:0 0 0 23px;/**/
			
		}		
			
#goodies	li{
			list-style-type:none;
			display:inline;
			border:0px solid #000;
			padding: 0 0 0 0;
			margin:0 9px 0 0;
			}

#goodies	ul#vorschau{
			list-style-type:none;
			display:block;
			border: 0px solid #000;
			font-size: 9px;
			padding:0 0 0 0;
			margin:28px 0 0 0;/**/
			
		}		
			

#goodies	li#vorschau2{
			list-style-type:none;
			display:inline;
			border:0px solid #000;
			padding: 0 0 0 0;
			margin:0 0 0 95px;
			}
			
					

/* ---- Hyperlinks Navigation -------------------------------------------------------------------------------------------------------*/

/*---- Navigation Footer ----------*/
										
#footer a:hover,#footer a:focus,#footer a:active, #footer a:link,#footer a:visited{
		color:#fff;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		background-color:#4b493f; /*#563F23*/

		}	





/* -------------- Bilder -----------------------------------------------------------------------------------------------------------*/

img {
	border: none;
}

#sub_nav2 img{
margin:0 2px 0 0;
}

#sub_nav3 img{
margin:2px 0 10px 2px;
padding:0;
}




/* -------------- Klassen -----------------------------------------------------------------------------------------------------------*/


.ecard1 {
	border: 0px;
	padding: 0;
	margin: 46px 0 16px 23px;
}

.ecard2 {
	border: 0px;
	padding: 0;
	margin: 0 0 32px 23px;
}


/*
.ecard1 {
	border: 0px;
	padding: 0;
	margin: 46px 0 16px 23px;
}

.ecard2 {
	border: 0px;
	padding: 0;
	margin: 0 0 32px 23px;
}

*/
.ecard_gross{
	border: 0px;
	padding: 0;
	margin: 0 0 0 23px;
}

#main_kontakt p.kontakt {
	background-color: #fff;
	color:#4b493f; /*#6C5B3C*/
	margin: 31px 0 0 23px;
	font-size:11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; 
}


.kontakt_link {
	background-color: #fff;
	color:#4b493f; /*#6C5B3C*/
	margin: 31px 0 0 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/*----------------------------------------------  Formular -------------------------------------------------------------------------*/

/* src="bilder/senden_button.jpg"*/
#main_kontakt form{
	margin: 31px 0 0 23px;
}


#main_kontakt input{
	
	width: 320px;
	background-color: #edf4ca;
	border: 0px solid #000;
	color: #4b493f; /*#6C5B3C*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#main_kontakt textarea{
	display: block;
	width: 320px;
	background-color: #edf4ca;
	height: 88px;
	border: 0px solid #000;
	color: #4b493f; /*#6C5B3C*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#main_kontakt label{
	display: block;
	font-weight: bold;
	color: #4b493f; /*#6C5B3C*/
	padding: 0px;
	margin: 8px 0 3px 0;
}

#main_kontakt input#senden {
	background:#fff url(../bilder/senden_button.jpg) no-repeat left 50%;
	border: solid 0 #000;
	width: 44px;
	height: 18px;
	padding: 0;
	margin: 8px 0 0 12px;
	cursor:default;
}

#main_kontakt input#loeschen {
	background:#fff url(../bilder/loeschen_button.gif) left no-repeat;
	border: 0px solid #000;
	width: 46px;
	height: 18px;
	padding: 0;
	margin: 0 0 0 0;
}


#goodies form{
	margin: 0 0 0 13px;
}


#goodies input{
	
	width: 202px;
	height: 18px;
	background-color: #edf4ca; /*#DAD8C1*/
	border: 0px solid #000;
	color: #414238;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}/**/



#goodies textarea{
	display: block;
	width: 202px;
	background-color: #edf4ca;
	height: 113px;
	border: 0px solid #000;
	color: #414238; /*#6C5B3C*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


#goodies label{
	display: block;
	font-weight: bold;
	color: #414238;
	padding: 0px;
	margin: 8px 0 3px 0;
}
/* -------------- Tabellen ----------------------------------------------------------------------------------------------------------*/

#main_about table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #58595B;
	padding: 0;
	margin: 0 0 0 24px;
	border: 0px solid #000;
		
}

#main_about td {
				border:0px solid #000;
				padding:11px 0 0 0;
				text-align: left;
				margin: 0 0 0 0;
				
				}
				
			

				
#main_about th {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: normal;
				color: #58595B;
				border: 0px solid #000;
				padding:10px 0 0 0;
				text-align: left;
				margin: 0 0 0 0;
				width: 100px;
				vertical-align: top;
				}