@charset "utf-8";
/* CSS Document */
body {background-color:#fff;}
#rahmen { 
  position:relative;
  top:5px;
  width: 800px;
  background-color:#ffffff; 
  color: black; 
  margin: 10px auto; 
  margin-top:20px;
  
}
html { height: 101%; }
/* patch für IE6 */
* html #navibereich {
	padding-left:0px;
	margin-right:8px;
	
}
* html .btns {
	background-position:left;
}
* html .text_oben {
	background-position:bottom;
}
* html .text_mitte {
	background-position:top;
}
/* Hyperlinks    */  

a { 
  text-decoration: none; 
  outline: none; 
} 

a:link { color: #d90000; } /* nicht besuchte Links */ 
a:visited { color: #cc6600; } /* besuchte Links */ 

/*a:hover, 
a:focus { 
  border-bottom: 1px solid #d90000; 
} */
a:active { 
  background-color: #d90000; 
  color: white; 
}  
/* Runde Box Gestaltung */
/* aussen */
#obenbox {
	width:800px;
	height:27px;
	margin-bottom:0;
	background: url(../bilder/oben.gif) no-repeat;
}
#innerebox {
	width:800px;
	background: url(../bilder/mitte.gif) repeat-y;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0px;
}
#unterebox {
	background: url(../bilder/unten.gif) no-repeat;
	background-color:#fff;
	width:800px;
	height:54px;
	margin-top: 0;
	padding-bottom:0.5em; /* Abstand unterhalb des Textes */
}
/* innen */

.text_oben {
	width:550px;
	height:13px;
	margin-bottom:0;
	margin-left:40px;
	background: url(../bilder/text_oben.gif) no-repeat;
	
}

.text_mitte {
	
	background: url(../bilder/text_mitte.gif) repeat-y;
	margin-top:0;
	margin-left:40px;
	margin-bottom:0;
	
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
	padding-left:20px;
	width:510px;
}

.text_mitte p {
	margin-top:10px;
	margin-bottom:10px;
	
	color:#000;
	font-size:1.2em;
}
.text_unten {
	background: url(../bilder/text_unten.gif) no-repeat;
	width:550px;
	height:16px;
	margin-top: 0;
	margin-left:40px;
    margin-bottom:0px;
	padding-bottom:0.5em; /* Abstand unterhalb des Textes */
}
/* Gestaltung des Kopfbereiches/Fussbereich */
#kopfbereich {
	margin-top:0px;
}
#kopfbereich h1 {
	margin-top:0px;
	padding-left:40px;
	border-bottom: 1px solid #000;
	margin-right:230px;
	margin-left:10px;
	margin-bottom:3px;
	color:#0000ff;
	font-style:italic;
	font-size:15px;
	
}
#kopfbereich h3 {
	margin-top:0px;
	padding-left:90px;
	margin-right:230px;
	margin-left:10px;
	color:#0000ff;
	font-style:italic;
	font-size:25px;
	
}
#fussbereich {
	height:30px;
}
#logo_hand {
	position:absolute;
	background-image:url(../bilder/hand5.gif);
	height:200px;
	width: 182px;
	top:0px;
	right:30px;
}

/* Gestaltung des Textbereiches */
#textbereich {
	
	width:609px;
	margin-top:40px;
	margin-bottom:0px;
	
}
#im_tb {
	
	width:609px;
	
	margin-top:40px;
	margin-bottom:0px;
	border-right: 1px solid #000;
}
/* Gestaltung des Navibereiches */
#navibereich {
	
	float:right;
	left: 0px;
	display:block;
	width:170px;
	height:370px;
	margin-top:70px;
	margin-right:20px;
	
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}


.btns {
	width:170px;
	height:35px;
	margin-top:10px;
	text-align:center;
	

}
a .btns, a:visited .btns  {
	width:163px;
	height:30px;
	background-image:url(../bilder/btn_inaktiv.gif);
	color:#0000ff;
	

}
a:focus .btns, a:hover .btns {
	
	width:163px;
	height:30px;
	background-image:url(../bilder/btn_aktiv.gif);
	color:#0000ff;
	
}
span .btns {
	width:163px;
	height:30px;
	background-image:url(../bilder/btn_aktiv.gif);
	color:#0000ff;
	
}	
/* Gestaltung des Kontaktforms */
form {
  background-color: #eeeeee; 
  color: black; 
  width: 460px; 
  
  padding: 20px; 
  
  border: 1px solid #006ab2; 
  margin-top:10px;
}       
label {
  display: block; 
  cursor: pointer; 
}
input#s_name, #s_email, #s_phone, #s_subject, #anschrift {
  width: 400px;
 
  margin-bottom: 1em;
}
textarea { height: 7em; }

input#s_name:focus, 
#s_email:focus,
#anschrift:focus,
#s_phone:focus,
#s_subject:focus,
#s_message:focus
 {
  background-color: #d9d9d9; 
  color: #006ab2; 
}

/* Gestaltung des Fussbereiches */
address {
  text-align: center; 
  font-size: 80%; 
  font-style: normal; 
  letter-spacing: 2px;
  line-height: 1.5; 
}