@charset "UTF-8";
/*
	dietrich-regehr.de CSS
	Format//Webdesign (C) 2007
*/

/* Alle Abstände global auf 0 setzen */
*
{
padding: 0;
margin: 0;
}

body
{
background:	#D7D7D6 url(../images/layout/bg.jpg) repeat-y center;
text-align:	center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper
{
background:	#fff;
width: 740px;
margin:	0px auto;
text-align: left;
}

/* ::: Pfadanzeige ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#currentsite
{
height:	20px;
background: #fff;
padding: 0 5px;
font-size: 11px;
line-height: 18px;
color: #005CB9;
}

.pfeil
{
color: #1B308C;
}

#currentsite ul 
{
float: right;
list-style: none;
margin:0;
padding: 3px;
font: 11px/14px verdana, sans-serif;
}

#currentsite ul li 
{
float: left;
}

#currentsite ul li a 
{
display: block;
width: 18px;
height: 14px;
margin-left: 5px;
font: 0/18px;
text-indent: -3000px;
text-decoration: none;
}
  
#currentsite ul li#deutsch a {
  background: url(../images/layout/flagge_de.gif) no-repeat;}
  
#currentsite ul li#deutsch a:hover {
  background: url(../images/layout/flagge_de_sw.gif) no-repeat;}
  
#currentsite ul li#english a {
  background: url(../images/layout/flagge_uk.gif) no-repeat;}
  
#currentsite ul li#english a:hover {
  background: url(../images/layout/flagge_uk_sw.gif) no-repeat;}
  

/* ::: Logo ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#logotext
{
background:	#fff url(../images/layout/navi-bg.jpg) repeat-x top;
height:	222px;
border-bottom: #005CB9 10px solid;
}

#logotext img
{
float:left;
border:0;
padding:0;
margin: 2px 0 0 20px;
width: 220px;
height: 220px;
}

#logotext h1
{
font: 34px/44px Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0;
padding:60px 40px 0 280px;
text-align: left;
}

#logotext h2
{
font: 32px/34px Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0;
padding:10px 40px 0 280px;
text-align: center;
}


#logotext h3
{
font: 32px/34px Helvetica, Arial, sans-serif;
font-weight: bold;
margin: 0;
padding:10px 40px 0 280px;
text-align: right;
}



/* ::: Navigation ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#navibox
{
float: right;
margin:	4px 0 0 0;
padding: 0;
width: 500px;
}

#navibox ul
{
list-style-type: none;
}

#navibox ul li.home
{
background: none;
display: inline;
float: left;
}

#navibox ul li
{
background: url(../images/layout/navi-li-bg.jpg) 0px 4px no-repeat;
display: inline;
float: left;
}


#navibox ul li a
{
text-align: center;
/* background: url(../images/layout/navi-dot.gif) 10px 19px no-repeat; 
padding: 0 0 0 25px;
*/
color: #fff;
display: block;
margin:0;
width: 125px;
height:	45px;
font: 14px/48px Helvetica, Arial, sans-serif;
font-weight: bold;
text-decoration:none;

voice-family:	"\"}\"";
voice-family:	inherit;
font-size:		14px;
}

#navibox ul li a:hover, #navibox a:active
{
color: #FFFF00;
}

body#home #navibox li#eins a,
body#vita #navibox li#zwei a,
body#leistungen #navibox li#drei a,
body#kontakt #navibox li#vier a
{
color: #FFFF00;
}

/* ::: Infobox ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#infobox
{
float:left;
background: url(../images/layout/infobox-bg.jpg) no-repeat;
width: 220px;
}

#infobox h4
{
text-align: center;
padding: 2px 0 10px 0;
font: 14px/18px Helvetica, Arial, sans-serif;
font-weight: bold;
color: #333333;
}

#infobox h5
{
text-align: left;
width: 200px;
margin: 10px 5px;
font: 14px/16px Helvetica, Arial, sans-serif;
font-weight: bold;
color: #005CB9;
border-bottom: #005CB9 1px solid;
}

/* ::: Inhalt ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#content
{
margin:	20px;
padding: 0;
background:	#fff;
}


#content ul
{
margin:	0 0 8px 3px;
list-style-type: none;
height:	1%;
}

#content ul li
{
padding: 0 0 0 15px;
background: url(../images/layout/li-dot.gif) 5px 6px no-repeat;
font-size: 12px;
line-height: 18px;
}

#content ul li ul li
{
padding: 0 0 0 10px;
background: url(../images/layout/li-ul-li-dot.gif) 0px 6px no-repeat;
}

.auflistung
{
margin:	0 0 8px 250px !important;
}

#content h1
{
margin: 4px 0 8px 240px;
font: 22px/26px Helvetica, Arial, sans-serif;
font-weight: bold;
color: #005CB9;
}

#content h2
{
margin: 4px 0 8px 240px;
font: 22px/26px Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
color: #005CB9;
}

#content h3
{
margin: 4px 0 4px 240px;
font: 16px/20px Helvetica, Arial, sans-serif;
font-weight: bold;
color: #005CB9;
}

#content p
{
padding:		0 30px 8px 240px;
font-size:		12px;
line-height:	18px;
}

#content img
{
margin: 10px 0px 10px 20px;
}

#content hr
{
	padding:		0 0 0 250px;
	border: 		#343E68 1px dotted;
	border-width: 	1px 0 0 0;
	height: 		1px;
}

#content a
{
color: #005CB9;
font-weight:		bold;
text-decoration:	underline;
}

#content a:hover, #content a:active
{
	color:				#1E3162;
	text-decoration:	none;
}

.clearo
{
	clear:		both;
}


.fehler
{
color:#FF0000;
}

/* ::: Kontaktformular ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#kontaktform
{
padding:		0 0 8px 240px;
font-size:		12px;
line-height:	18px;
}

#kontaktform p
{
padding:		0 0 8px 0px;
font-size:		12px;
line-height:	18px;
}


#kontaktform form
{
margin: 0;
padding: 0;
}

#kontaktform fieldset
{
width:			420px;
border: 		1px solid #0086C6; 
margin: 		0 0 1em 0; 
padding: 		10px 20px 20px 20px; 
}

#kontaktform legend
{
font-weight: 		bold; 
font-size: 		1.1em; 
color: 			#006699;
padding: 		0px 10px ; 
}


#kontaktform label
{
float:			left;
line-height: 	14px;
display:		block;
width:			150px;
margin-bottom:  2px;
text-align:		right;
padding-top:	3px;
padding-right:	5px;
}

.eingabe
{
	width: 250px;
	border: 1px solid #343E68;
	background: #B4C0CD;
	font: 0.9em/1.4em "lucida grande", "lucida sans unicode", lucida, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom:  2px;
	text-align: left;
}

.chkbox
{
	width: 20px;
	color: #333;
	margin-bottom:  2px;
	text-align: left;
}

#kontaktform textarea
{
	width: 250px;
	margin-bottom:  2px;
	border: 1px solid #343E68;
	background: #B4C0CD;
	font: 0.9em/1.4em "lucida grande", "lucida sans unicode", lucida, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

#kontaktform textarea:focus, input:focus 
{
	color: 			#000;
	background: 	#FFF2C0;
}

.senden
{
	padding: 		2px;
	text-align:		center;
	margin: 		5px 0 5px 160px;
	border: 		1px solid #343E68;
	background: 	#B4C0CD;
}


/* ::: Copyright ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#copyright
{
height: 30px;
background:	#333;
padding: 5px 0 0 0;
}

#copyright p
{
float: left;
padding: 5px 10px 10px 20px;
font-size: 11px;
color: #fff;
}

#copyright a
{
color: #fff;
text-decoration: none;
}

#copyright a:hover, #copyright a:active
{
text-decoration: 	underline;
}

#copyright p.footnav
{
float: right;
padding: 5px 20px 10px 10px;
font-size: 11px;
color: #fff;
}

#copyright p.footnav a
{
color: #fff;
text-decoration: none;
}

#copyright p.footnav a:hover, #copyright p.footnav a:active
{
text-decoration: 	underline;
}