html{
	height: 100%;
	padding-bottom: 1px;
}

body{
	background-color: #faf1dd;
	/*color: #665544;*/
	color: #14130f;
	/*font-size: 100.01%;*/
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align: center;
	margin: 0;
	padding: 0;
}

body, div, p, h1, h2, h3, h4, h5, h6, form, fieldset, ul, ol, li, dl, dt, dd, table, td {margin: 0; padding: 0;}
ol, ul { list-style: none;}
img { border: none;}
p{
	line-height: 1.4em;
}



/*This group of directions applies the “off-left” technique
to a bunch of elements that should be invisible. These elements help blind users and search engines
to fully comprehend each page.*/
#header h1 a em,
/*#header strong,*/
#nav-buttons em,
#header a#access,
#quicksearch button em,
/*button#info-submit em,*/
#overview h2,
form#quicksearch label,
span.extlink {
	position: absolute; 
	width: 1px;
	height: 1px;
	left: -3000px;
}
/* fuer Menschen, die nicht sehen koennen 
und daher nicht einfach eine Textpassage ueberspringen koennen, 
eine Moeglichkeit diesen auszulassen*/
span.invisibleanchor{
	position: absolute; 
	width: 1px;
	height: 1px;
	left: -3000px;
}


#container{
	position: relative;
	width: 866px;
	border-bottom: 1px solid #f38001;
	border-top: 1px solid #977f6e;
	background: #fffbf3 url(../img/bg-content-logo.gif) no-repeat top left;
	
	margin: 0 auto;
	padding: 0;
	margin-top: 0;	
   font-size: 0.92em;
}

/* header
__________________________________________________________*/

#header{
   position: relative;
	background-color: transparent;
	height: 147px;
	text-align: left;
	border-top: 1px solid #977f6e;
	margin: 0;
	padding: 0;
}


/* definiert Logobereich*
___________________________________________________________*/
#header h1 a
{
width: 190px;
height: 150px;
display: block;
}

div#header h1
{
 position: absolute;
 height: 150px;
 width: 190px;
 top: 50px;
 left: 30px;
 z-index: 100;
}



/* definiert den Bereich fuer die Schriftskalierung
______________________________________________________________________*/
div#letter ul#metanav{
  	position: absolute;
  	top: 0;
  	right: 0;
  	width: 14em;
  	padding: 6px 15px 4px 0;
  	text-align: right;
	list-style: none;
	float: left;
}

div#letter ul#metanav li{
	display: inline;
}

ul#metanav a{
 color: #fef0cf;
 background-color: #978070;
 border-left: 5px solid #000;
 margin-left: 3px;
 padding-left: 7px;
}

ul#metanav a img{
	vertical-align: bottom;
}
ul#metanav a#normal,
ul#metanav a#kontrast,
ul#metanav a#zoom-medium,
ul#metanav a#zoom-large,
ul#metanav a#zoom-xlarge
{
 border: none;
 text-decoration: none;
 padding-left: 0;
}

/*ul#metanav a#normal {font-size: 0.9em;}
ul#metanav a#kontrast {font-size: 0.9em;}*/
ul#metanav a#zoom-medium {font-size: 0.9em;}
ul#metanav a#zoom-large {font-size: 1.1em;}
ul#metanav a#zoom-xlarge {font-size: 1.3em;}






/** Stellenangebote und Infos fuer Hebammen*
____________________________________________________________*/
#header #hebinfo{
	height: 50px;
	width: 866px;
}

#header #hebinfo ul{
	list-style: none;
	margin-top: 0px;
}

#header #hebinfo ul li{
	padding: 10px;
	/*line-height: 2em;*/
	float: left;
	padding-top: 11px;
}

#header #hebinfo ul li a:link, #header #hebinfo ul li a:visited {
	color: #fef0cf;
	background-color: #977f6e;
	text-decoration: none;
	padding: 8px;
	vertical-align: middle;
	
}

#header #hebinfo ul li a:focus, #header #hebinfo ul li a:hover, #header #hebinfo ul li a:active{
	color: #332115;
	color: #fff;
	background-color: #977f6e;
	text-decoration: none;
	padding: 8px;
	vertical-align: middle;
}
#header #hebinfo ul li a img{
	border: 0;
	vertical-align: middle;
	margin-right: 5px;
}


#hebinfo ul li a.externoben:link {
    background: url(../img/externaloben.gif) no-repeat 100% 0;
    padding: 8px 20px 8px 8px !important;
}

#hebinfo ul li a.externoben:visited {
    background: url(../img/externaloben.gif) no-repeat 100% -100px;
    padding: 8px 20px 8px 8px !important;
}

#hebinfo ul li a.externoben:hover, #hebinfo ul li a.extern:active, #hebinfo ul li a.extern:focus {
    background: url(../img/externaloben.gif) no-repeat 100% -200px;
    padding: 8px 20px 8px 8px !important;
}



/* Navigationsleiste mit Suche, Kontakt, Forum
___________________________________________________________________*/
#toplinks{
	height: 60px;
	position: absolute;
	top: 50px;
	left: 250px;
	width: 615px;
}

#toplinks a:link, #toplinks a:visited{
	color: #000;
	background-color: transparent;
	text-decoration: none;
} 

#toplinks a:hover, #toplinks a:focus, #toplinks a:active{
	/*color: #fc7e10;*/
	color: #ff6000;
	background-color: transparent;
	text-decoration: none;
} 

/* startseiten link*/
#toplinks #linkstart{
	position: absolute;
	top: 30px;
	left: 0px;
}

#toplinks #linkstart a{
	background: transparent url(../img/icon-start.gif) no-repeat 0 50%;
	padding-left: 18px;
	text-decoration: none;
	}

/* kontaktseiten link*/
#toplinks #linkkontakt{
	position: absolute;
	top: 33px;
	left: 220px;
}
#toplinks #linkkontakt a{
	background: transparent url(../img/letter.gif) no-repeat 0 50%;
	padding-left: 18px;
	text-decoration: none;
}


/* login link*/
#toplinks #linkbrochuere{
	position: absolute;
	top: 33px;
	left: 110px;
}
#toplinks #linkbrochuere a{
	background: transparent url(../img/brochuere.gif) no-repeat 0 50%;
	padding-left: 18px;
	text-decoration: none;
}

/* link zum forum*/
#toplinks #linkforum{
	position: absolute;
	top: 20px;
	left: 320px;
	background: transparent url(../img/forum.gif) no-repeat 0 50%;
	
}



/* damit das Hintergrundbild angezeigt wird fuer externen Link*/
#toplinks #linkforum a.extern:link {
    background: url(../img/external2.gif) no-repeat 100% 0;
    padding: 0px 20px 8px 30px;
	 text-decoration: none;
	 line-height: 2.2em;
}

#toplinks #linkforum a.extern:visited {
    background: url(../img/external2.gif) no-repeat 100% -100px;
    padding: 0px 20px 8px 30px;
	 text-decoration: none;
	 line-height: 2.2em;
}

#toplinks #linkforum a.extern:hover, a.extern:active, a.extern:focus {
    background: url(../img/external2.gif) no-repeat 100% -200px;
    padding: 0px 20px 8px 30px;
	 text-decoration: none;
	 line-height: 2.2em;
}


/* suche im headerbereich
________________________________________________________*/
form#quicksearch{
	position: absolute;
	width: 200px;
	top: 8px;
	right: 0;
	text-align: right;
	padding-right: 10px;
}

input#search{
	border: 1px solid #948369;
	background-color: #fff0cf;
	color: #948369;
	font-weight: bold;
	padding: 0 5px 0 5px;
	width: 9em;
}
 /* erweiterte Suche*/
.moresearch{
	padding-right: 50px;
}

.moresearch a{
	text-decoration: none;
	color: #3f2d29;	
	font-size: 0.8em;
}




fieldset {border: 0; margin: 0;}

fieldset legend {display: none;}

input, select, textarea
{
color: #333;
vertical-align: middle;
}




/********************** Navigation Startseite**********************************/
#navistart{
	background: transparent url(../img/startbild.jpg) no-repeat 60px 75px;
	text-align: left;
	margin: 0;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#navistart ul{
	list-style: none;
	margin-top: 0;
	margin-left: 440px;
	margin-right: 15px;
	margin-bottom: 0;
	padding: 0;
}

#navistart ul li{
	/*margin-bottom: 25px;*/
	margin-bottom: 20px;
}
#navistart ul li.eins{
	padding-left: 15px;
}

#navistart ul li.zwei{
	padding-left: 83px;
}

#navistart ul li.drei{
	padding-left: 127px;
}

#navistart ul li.vier{
	padding-left: 154px;
}
#navistart ul li.fuenf{
	padding-left: 179px;
}
#navistart ul li.sechs{
	padding-left: 175px;
	padding-right: 20px;
}
#navistart ul li.sieben{
	padding-left: 165px;
}
#navistart ul li.acht{
	padding-left: 130px;
}
#navistart ul li.neun{
	padding-left: 105px;
}
#navistart ul li.zehn{
	padding-left: 57px;
}

#navistart ul li.elf{
	padding-left: 0px;
}


#navistart ul li a{
	font-weight: bold;
	text-decoration: none;

} 

#navistart ul li a:link, #navistart ul li a:visited{
	color: #fa8200;
	background-color: #fffbf3;
}

#navistart ul li a:focus, #navistart ul li a:hover, #navistart ul li a:active{
	color: #412d1f;
	background-color: #fffbf3;
}







a.extern:link {
    background: url(../img/external1.gif) no-repeat 100% 0;
    padding: 0 20px 0 0;
}

a.extern:visited {
    background: url(../img/external1.gif) no-repeat 100% -100px;
    padding: 0 20px 0 0;
}

a.extern:hover, a.extern:active, a.extern:focus {
    background: url(../img/external1.gif) no-repeat 100% -200px;
    padding: 0 20px 0 0;
}





/*    text unter den Navigationspunkten 
____________________________________________________________________________*/

#navistart ul li .text{
	color: #5d4736;
	font-weight: bold;
}
/*    Navigation auf allen Seiten ausser Startseite
_____________________________________________________________________________*/

#navileft{
	float: left;
	width: 250px;
	text-align: left;
}

#navileft ul{
	list-style: none;
	margin-top: 80px;
	margin-left: 30px;
	margin-bottom: 25px;
}

#navileft ul li{
	line-height: 2.1em;
}

#navileft ul li a{
	text-decoration: none;
	font-weight: bold;
	padding-left: 7px;
	border-left: 4px solid #fffaf4;
}

#navileft ul li a:link, #navileft ul li a:visited{
	color: #fa8200;
	background-color: #fffaf4;
}

#navileft ul li a:visited{
	color: #fa8200;
	background-color: #fffaf4;
	border-left: 4px solid #fef0cf;
}


#navileft ul li a:hover, #navileft ul li a:focus, #navileft ul li a:active{
	color: #000;
	background-color: #fffaf4;
	border-left: 4px solid #fa8200;
}


#navileft ul li a.current{
	color: #3a2b24;
	background-color: #fffaf4;
	border-left: 4px solid #fa8200;

}




/* Infobox Hebammen
___________________________________________________________________________*/

#navileft ul#hebinfobox{
	margin-top: 0;
}


#navileft ul#hebinfobox li.first{
	background-color: #fff0cf;
	color: #3a2b24;
	line-height: 1.8em;
	font-weight: bold;
	padding-left: 12px;
}

#navileft ul#hebinfobox li.last{
	margin-bottom: 0;
}


/* zusaetzliche Navigationshilfe im Contentbereich
____________________________________________________________________*/
#linkboxsubnavi{
	float:right;
	width: 18em;
	/*background-color: #fffbf3;*/
	background-color: #fff;
	padding: 8px 0 8px 8px;
	border: 2px solid #fef0cf;
	margin-left: 8px;
	margin-bottom: 8px;
}

#linkboxsubnavi ul#subnavi{
	margin-bottom: 0;
}

#linkboxsubnavi ul#subnavi a{
	background-color: #fff;
}
/*   Content 
_____________________________________________________________________________*/

#content{
	margin: 0 0 0 280px;
	text-align: left;
	padding: 0 15px 10px 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#tarife #content{
	background: transparent url(../img/bilderleiste1.jpg) no-repeat 7px bottom;
	padding-bottom: 160px;
}
#gremium #content{
	background: transparent url(../img/bilderleiste2.jpg) no-repeat 7px bottom;
	padding-bottom: 160px;
}

h1{
	font-size: 1.3em;
	color: #fa8200;
	margin-bottom: 5px;
}

h2{
	font-size: 1.15em;
	margin-bottom: 15px;
}

h3{
	font-size: 1.15em;
	margin-bottom: 4px;
	padding-top: 5px;
}

h4{
	font-size: 1em;
}

p{
	margin-bottom: 16px;
}

p.abstandkleiner{
	margin-bottom: 5px;
}

p.abstandgroesser{
	margin-bottom: 25px;
}

p.right{
	text-align: right;
}

#content a:link{
	color: #14130f;
	background-color: #fffaf4;
	text-decoration: underline;
}

#content a:visited{
	color: #5b473b;
	background-color: #fffaf4;
	text-decoration: underline;
}

#content a:hover, #content a:focus, #content a:active{
	color: #14130f;
	background-color: #fffaf4;
	text-decoration: none;
}

#content a.border{
	background-color: #fef0cf;
	text-decoration: none;
}

hr{
	border: 0px;
	border-bottom: 1px solid #977f6e;
	background-color: #fef0cf;
	height: 4px;
}

/* definiert die Logobox bei den Linkseiten
__________________________________________________________________*/
#logobox{
	float: right; 
	width: 170px;
	text-align: center;
	padding: 8px;
	border: 3px solid #fff0cf;
}


#logobox img{
	margin-bottom: 25px;
	margin-top: 8px;
}


/* bilder rechts positioniert
__________________________________________________________________*/

.imgright{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.imgrightborder{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	border: 7px solid #fff;
}

.imgleftborder{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 7px solid #fff;
}

.imgleft{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}







#content ul{
	margin-bottom: 20px;
}

#content ul li a{
	line-height: 1.7em;
}

/* liste mit kleinerem Zeilenabstand
________________________________________________*/
#content ul.liste{
	margin-bottom: 20px;
	margin-top: 0;
}

#content ul.liste li{
	line-height: 1.3em;
}
/* liste mit aufzaehlundszeichen
________________________________________________*/
#content ul.dotliste{
	margin-bottom: 20px;
	margin-top: 0;
	list-style: disc;
	list-style-position: outside;
	margin-left: 20px; 
}

#content ul.dotliste li{
	line-height: 1.3em;
}

#content ul li ul{
	margin-left: 2em;
}

/* zahlenauflistung
________________________________________________*/

ol{
	list-style-type:upper-roman; 
	margin-left: 20px; 
	list-style-position:outside; 
	margin-bottom: 10px;
}

ol li{
	line-height: 1.3em;
	padding-bottom: 5px;
}

ol ol{
	 list-style-type:decimal; 
	 margin-left: 50px; 
	 list-style-position:outside; 
	 margin-bottom: 10px;
}

ol ol li{
	line-height: 1.3em;
}

/* Auflistung nebeneinanderstehender Aufzaehlungspunkte
____________________________________________________________*/

ul.listequer li{
	line-height: 1.3em;
	display: inline;
	padding-right: 8px;
}



/* Auflistung glossar
____________________________________________________________*/

ul.glossar li{
	line-height: 1.3em;
	display: inline;
	padding-right: 4px;
	font-weight: bold;
}

/* Auflistung Links
____________________________________________________________*/
ul.linkliste{
	width: 30em;
	margin-top: 30px;
}
ul.linkliste li{
	padding-bottom: 15px;
	font-weight: bold;
}

ul.linkliste li a{
	font-weight: normal;
}

ul.linkliste li.pfeil{
	padding-left: 55px;
	background: url(../img/storch.gif) no-repeat left top;
	line-height: 2em;
	vertical-align: bottom;
}

ul.linklistequer{
	background-color: #FFF;
	border: 1px solid #977f6e;
	width: 30em;
}

ul.linklistequer li{
line-height: 1.9em;
	display: inline;
	padding: 3px 10px 3px 10px;
	/*border: 1px dashed #977f6e;*/
}
ul.linklistequer li a{
	background-color: #fff !important;
}


/* Definitionsliste Glossar
____________________________________________________________*/
dt{
	font-weight: bold;
}

dt.first{
	padding-bottom: 10px;
}

dd{
	padding-bottom: 15px;
}


/*********************Impressum******************************************************/

#impressum{
	text-align: center;
	background-color: #fef0cf;
	font-size: 1em;
	color: #5d4736;
	padding: 10px;
	clear: left;
}

#impressum a:link, #impressum a:visited{
	background-color: #fef0cf;
	color: #5d4736;
	text-decoration: underline;
}

#impressum a:focus, #impressum a:hover, #impressum a:active{
	background-color: #fef0cf;
	color: #fc7e10;
	/*color: #ff6000;*/
	text-decoration: none;
}


.bigletters{
	font-variant:small-caps;
}



/* =form classes 
____________________________________________________________________-*/

.rahmen{
	background-color: #FFF;
	border: 1px dotted #977f6e;
	padding: 10px;
}
#formular label{
	width: 8em;
	padding: 5px;
	float: left;
	margin-left: 5px;
	text-align: right;
}



#formular form#contact label{
	margin-left: 0;
}

#formular input, #formularsuchen input{
	/*border: 1px solid  #fc7e10;*/
	border: 1px solid #977f6e;
	margin-bottom: 10px;
	padding: 3px;
	width: 15em;
}

#formular textarea{
	/*border: 1px solid  #fc7e10;*/
		border: 1px solid #977f6e;
	margin-bottom: 10px;
	padding: 3px;
}

 #formular input.submit, #formularsuchen input.submit{
	width: auto;
	/*background-color: #fff0cf;
	border: 1px solid #fc7e10;*/
	border: 1px solid #977f6e;
	background-color: #fff;
	margin-left: 2em;
}



#formular input:focus, #formular textarea:focus,
#formularsuchen input:focus, #formularsuchen textarea:focus{
	color: #000;
	/*border: 1px solid #977f6e;*/
	border: 1px solid #fc7e10;
	font-weight: bold;
	background-color:#fff0cf;
}

#formular fieldset, #formularsuchen fieldset{
	padding: 0px;
	border: 2px solid #fef0cf;
}



#formular legend, #formularsuchen legend{
	border: 1px solid #fef0cf;
	background-color:#fff0cf;
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	font-weight: bold;
	margin-left: 5px;
	
}

form#hebsuche{
	width: 30em;
	
}

/* editierbereich hebamme, Admin*/
/*ueber die ganze breite*/
#formular fieldset#larger label{
	width: 15em;
	text-align: right;
	float: left;
}


input#Geburtsdatum, input#Diplomdatum, input#Nostrifikationsdatum, 
input#Hauptwohnsitz_PLZ, input#Dienstort_PLZ, input#Nebenwohnsitz_PLZ,
input#Zustelladresse_PLZ, input#Berufssitz_PLZ, input#PLZ {
	width: 6em;
}
input#aktiv{
	width: auto;
	border: 0;
}
input#lupe, input#holen{
	width: auto;
	border: 0!important;
}

input#case{
	width: auto;
}

input#Hebammenregisternummer, input#HebNummer{
	width: 10em;
	text-align:left!important;
}

#formular fieldset#larger{
	/*border: 0!important;*/
}
/* #formular select{
	margin-left: 7em;
}*/

/*suche
__________________________________________*/
#formularsuchen fieldset.suchen label{
	width: 15em;
	text-align: right;
}

input#case{
	width: 3em;
	border: none;
	margin-top: 1em;
	margin-left: 0em;
}

#formularsuchen .right{
	margin-left: 15em;
}
#formularsuchen .left{
	float:left;
	text-align: right;
	width: 15em;
	margin-right: 2em;
}

.linkright{
	margin-right: 10px;
	text-align: right;
}


/* formular mit allen infos
________________________________________________________*/

form#allinfo legend {
	border: 1px solid #fef0cf;
	background-color:#fff0cf;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
	padding:3px;
	width:20em;
	margin-top: 10px;
}

form#allinfo fieldset{
	border: 2px solid #fef0cf;
	width: 45em;
	border-right: 5px solid #fef0cf;
	margin-bottom: 20px;
}

form#allinfo input, form#allinfo textarea{
	/*border: 1px solid  #fc7e10;*/
	border: 1px solid #977f6e;
}
form#allinfo input.submit{
	width: auto;
	/*background-color: #fff0cf;
	border: 1px solid #fc7e10;*/
	border: 1px solid #977f6e;
	background-color: #fff;
	margin-left: 2em;
}

form#allinfo label{
	width: 15em;
}

#form #allinfo input.submit{
	background-color: #fff;
}


#formular fieldset.larger label{
	width: 23em;
	text-align: right;
	float: left;
}



/* login
______________________________________________________*/


#navileft #login {
margin-left:20px;
padding: 5px;
padding-left: 15px;
}

form#log_in legend {
	background-color:#fff0cf;
	font-weight:bold;
	padding:3px;
	display: block;
	padding-left: 10px;
	padding-right: 150px;
}

form#log_in fieldset{
	border: 2px solid #fef0cf;
	width: 210px;
	margin-bottom: 20px;
	padding-left: 0px;
}

form#log_in label{
	margin-left: 5px;
	padding-left: 10px;
}

#navileft #login #submitlogin{
	/*border: 1px solid  #fc7e10;*/
	
	border: 1px solid #977f6e;
	margin-top: 5px;
	/*background-color:#fff0cf;*/
	background-color: #fff;
	margin-bottom: 10px;
	width: auto;
}


#login a{
	color: #fc7e10;
	text-decoration: underline;
	margin-top: 5px;
}


#login input{
	/*border: 1px solid  #fc7e10;*/
	border: 1px solid #977f6e;
	margin-bottom: 10px;
	padding: 3px;
	width: 8em;
	margin-left: 15px;
}

/*#login textarea{
	border: 1px solid  #fef0cf;
	margin-bottom: 10px;
	padding: 3px;
	margin-left: 15px;
}*/

#login input:focus, #login textarea:focus{
	color: #000;
	/*border: 1px solid #977f6e;*/
	border: 1px solid  #fc7e10;
	font-weight: bold;
	background-color:#fff0cf;
}


.extract{
	/*border-bottom: 2px solid #fef0cf;
	padding: 3px;*/
	margin-bottom: 5px;
}

a.result{
	font-weight: bold;
	display: block;
	background-color: #fef0cf !important;
	margin-bottom: 2px;	
	/*border-top: 2px solid #fef0cf;*/
}

h1.result{
	margin-bottom: 15px;
}

.readonly{
	font-weight: bold;
	border: 1px solid #fff0cf !important;
}

/* im loginbereich link sieht wie button aus*/
a.topmenu:link, a.topmenu:visited{
		border: 1px solid #977f6e;
		background-color: #fff !important;
		padding: 3px;
		margin-right: 5px;
		text-decoration: none !important;
}

a.topmenu:hover, a.topmenu:active{
	border: 1px solid  #fc7e10;
	background-color:#fff0cf !important;
		padding: 3px;
		margin-right: 5px;
		text-decoration: none !important;
}

/* invisible feld bei hebamme  - also ob sie aktiv oder inaktiv ist*/
.profil{
	line-height: 2em;
}

/********** broschuere
****************************************/


#broschuerenbilder img{
	margin-right: 8px;
	margin-bottom: 8px;
	border: 3px solid #fff;
}