/* CSS-Standarddefinitionen für fixes Seitenformat absolut 800px zentriert */
 
 
  body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F2D8A0;
      	color: #000000;
	font : 14px/16px Verdana, Arial, sans-serif; 
	}

 .site {
 	position:relative;
	width:800px;
	border-style: solid; 
	border-width: 1px;
	border-color: #755142; 
	}

 ul { margin:0; padding:0;}
 li { margin-left:20px; padding:2px;}

 .kopf {
 	position:relative;
	width:800px;
	height:110px;
 	}

 .kopf_li {
 	position:relative;
   	float:left;
	display: inline;
	width:200px;
	height:110px;
	background-color: #F2E9BD;

 	}

 .kopf_re {
 	position:relative;
   	float:right;
	display: inline;
	width:600px;
	height:110px;
	background-color: #FFFFFF;

 	}

 .logo {
 	position:relative;
	width:55px;
	height:55px;
  	margin-left:40px;
  	margin-top:28px;
   	float:left;
	display: inline;	
	}

 .kopftext {
 	position:relative;
   	float:left;
	display: inline;	
  	text-align:center;
  	margin-left:50px;
  	margin-top:20px;
	width:400px;
	height:70px;
	font : 17px/24px Verdana, Arial, sans-serif; 
      	color: #755142;
	}


 .links {
 	position:relative;
	width:145px;
	height:500px;
   	float:left;
	display: inline;	
	}

 .mitte {
 	position:relative;
	width:200px;
	height:500px;
   	float:left;
	display: inline;	
	}

 .rechts {
 	position:relative;
	width:145px;
	height:500px;
   	float:right;
	display: inline;	
	}



 .koerper {
 	position:relative;
	width:800px;
	height:600px;

	background-color: #F2E9BD;

	}

 .weiss {
 	position:relative;
	width:200px;
   	float:left;
	display: inline;	
  	text-align:right;
	height:600px;
  	font-size:14px;
      	color: #FF0000;
	background-color: #FFFFFF;
	}


 .navi {
 	position:relative;
   	float:left;
	display: inline;	
  	text-align:left;
  	font-size:14px;
      	color: #755142;
	background-color: #FFFFFF;
  	margin-left:20px;
  	margin-top:50px;

	}

	.navi a:link {text-decoration: none; color: #BF9E41;}
	.navi a:visited {text-decoration: none; color: #BF9E41;}
	.navi a:hover {text-decoration: none ; color: #755142; }

 .quadrat {
 	position:relative;
	width:160px;
	height:59px;
  	margin-left:20px;
  	margin-top:100px;
   	float:left;
	display: inline;	
	}

 .kreis {
 	position:relative;
	width:160px;
	height:59px;
  	margin-left:20px;
  	margin-top:20px;
   	float:left;
	display: inline;	
	}


 .sprech {
 	position:relative;
   	float:left;
	display: inline;	
  	text-align:left;
  	font-size:16px;
      	color: #755142;
	background-color: #FFFFFF;
  	margin-left:20px;
  	margin-top:8px;
	}


 .textblock {
 	position:relative;
   	float:left;
	overflow:auto;
	display: inline;
  	text-align:left;
  	margin-left:50px;
  	margin-top:50px;
	width:506px;
	height:520px;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size:14px;
	line-height:17px;
	background-image: url(images/hund_katze.jpg);
	background-repeat: no-repeat;
	}


 .braun 	{
      	font-family: Verdana,Arial,Helvetica;
	font-weight: bold;
      	color: #755142;
     	}

 .klein 	{
	font : 14px/18px Verdana, Arial, sans-serif;
      	}

	.klein a:link {text-decoration: underline; color: #755142;}
	.klein a:visited {text-decoration: underline; color: #755142;}
	.klein a:hover {text-decoration: none ; color: #BF9E41; }