/* CSS - http://www.frauenhandbuch-ammerland.de/*/
/* Farben  hintergund#678fc2 dunkelblau #0e4380 hellblau #c1d2e7 orange #fa8c0b  hintergrundadresse #fcf5e3 hellgelb #fcfaed */

*{margin:0; padding:0;}

.unsichtbar {position:absolute; top:-5000px; left:-5000px;height: 1px;width: 1px;}

.invis, hr {/*display: none; */ visibility : hidden;}

a, a:link, a:visited  {  text-decoration: underline;}

a:focus, a:hover, a:active  {  text-decoration: none;}

a img { border: 0;}

input, textarea, select { font: 100% Lucida Grande, Arial, Helvetica, Verdana, Sans-Serif; }

.logo {border: none; float: left; padding: 1.1em 0 0 1.7em;}
#logo img {border: 0px;}


html { height: 100%;font-family: Lucida Grande, Arial, Helvetica, Verdana, Sans-Serif;}
body {min-height: 100%;	height: 100%; position: relative; color: #333; background-color:#678fc2; font-family: Lucida Grande, Arial, Helvetica, Verdana, Sans-Serif; font-size: 0.9em; margin: 0; padding:  0;  text-align: center;  /* Zentrierung im Internet Explorer */  }
	

div#wrapper {height: auto !important;height: 100%;  min-height: 100%; text-align: left;margin: 0 auto;width: 990px;padding: 0;background:url(../_images/farbverlauf.gif) repeat-y;	border: 1px solid #fff;  }
* html #wrapper {height: 100%;} 
 
#header1 {position:relative;	height:138px;background-color: #fcfaed;background-image:  url(../_images/bilderreihe.jpg);background-position: right top;background-repeat: no-repeat;}
	
#header2 {position:relative;background: #0e4380;height:30px;}


/*--------------------------Pfad Angabe ---------------------------------------------------*/

#header2 p.breadcrump { margin-left:23.0em;padding:1.0em 0 0 0; font-size: 0.75em; color:#fcfaed; }

#header2 p.breadcrump a, #content p.breadcrump a:link, #content p.breadcrump a:visited {  font-weight: normal; color:#fcfaed;}

#header2 p.breadcrump a:focus, #content p.breadcrump a:hover, #content p.breadcrump a:active {color: #fcf5e3;background: #c1d2e7;text-decoration: underline;}

 
 /*----------------------TopNavigation------------------------------------------------*/
#topnav ul {position:absolute;top:0px;font-size: 0.9em;right: 40px;background: transparent;text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */	}
#topnav li { list-style-type: none;text-decoration:none; display:inline; border-right: 1px solid #333; padding: 0px 6px 0px 6px;}
#topnav li a { text-decoration:none; color:#333;font-weight:bold;}
#topnav li a:hover { text-decoration:underline; color:#0e4380; }
#topnav li.active a { text-decoration:underline; color:#0e4380; }
#topnav li:first-child:before { content:"";} 

/* ------------------------Aussehen des Menüs-----------------------------*/

#menue { float:left; width:200px; margin-left: 0.54em; padding: 0; border-top: 0px; background-color: #c1d2e7; display:inline; font-weight: normal;background-image:url(../_images/eckel.gif);background-repeat: no-repeat;background-position: left top;}
#menue ul {list-style: none;  margin: 0; border: none; font-size: 0.9em;}
#menue ul ul { margin: 0;font-size: 0.85em; background-color: #c1d2e7;}

#menue li {padding: 0; margin:0; border-bottom: 1px solid #fff;}
#menue li li{border-bottom:  1px solid #fff; margin:0; background-color: #fcf5e3; }

#menue li a {display:block;color:#0e4380;text-decoration: none;padding: 6px .5em 6px .5em;}
#menue li li a {font-weight:normal;padding:8px 8px 3px 12px;margin:0;color:#fa8c0b;text-decoration:none;background:url(../_images/pfeil2.gif) 0 1.2em no-repeat;}

#menue li a:focus, #menue li a:hover { color: #fff; background-color: #678fc2;border-right: 4px solid #fa8c0b;}
#menue li li a:focus, #menue li li a:hover {  color: #0e4380; border:0;background-color:transparent;background: url(../_images/pfeil1.gif) 0 1.2em no-repeat;}

#menue li li {padding-left: 1.0em;} /* erst die zweite Ebene einruecken */

#menue li.active a {color: #fff; background-color: #678fc2; border-right: 4px solid #fa8c0b;} 
#menue li.active li.active a {color: #0e4380; background-color:transparent; background: url(../_images/pfeil1.gif) 0 1.2em no-repeat;border-right: 4px solid #0e4380;}
#menue li.active li.active li.active a {color: #333;}

#menue li.active li a {color:#fa8c0b;border:0;background:url(../_images/pfeil2.gif) 0 1.2em no-repeat;} 


/* ------------------------Aussehen des Inhalts-------------------------------------------*/
div#content { margin: 0 0 0 14.55em;  padding: 1.6em 4.5em 1.0em 2.8em ; border-top: 4px solid #fa8c0b;background-color:#fcfaed; }
* html div#content { height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */ margin: 0;  }
div#content h1 { font-family: Lucida Grande, Arial, Helvetica, Verdana, Sans-Serif;  font-size: 2.1em; line-height: 1.3em; font-weight: normal; color:#0e4380 ;  }
div#content h2 { font-family: Lucida Grande, Arial, Helvetica, Verdana, Sans-Serif;font-size: 1.1em; font-weight:bold; margin: 0.8em 0 0 0;color: #0e4380;}
div#content h3 { font-family: Lucida Grande, Arial, Helvetica, Verdana, Sans-Serif;font-size: 1.0em; font-weight: bold; margin: 1.4em 0 -0.4em 0;color:#0e4380;}
div#content h4 { font-family: Lucida Grande, Arial, Helvetica, Verdana, Sans-Serif;font-size: 0.9em; font-weight: bold; margin: 0.9em 0 -0.3em 0;color:#333;}

div#content p {font-size: 0.9em;  margin: 0.8em 0;line-height: 1.5em;}

#content a, #content a:link, #content a:visited {  color: #0e4380;text-decoration: none;}
#content a:focus, #content a:hover, #content a:active { color:#678fc2;  text-decoration: underline;}

#content ul { list-style: none;  margin: 0.6em 8em 1.1em 1.2em;line-height: 1.6em;font-size: 0.9em;}
#content li { padding-left: 15px;background:  url(../images/blau.gif) 0 0.6em no-repeat;}
#content ul ul {margin: 1.2em 0 1.2em 1em;}


#content div.bildlinks {   float:left; padding: 3px; border: 5px solid #fa8c0b; margin-right: 10px; margin-bottom: 10px; }
#content div.bildrechts  {float:right; padding: 35px 20px 10px 10px ; margin: 0px; }


 /* ------------------------Style Logo------------------ */
#content div.logo { float:right; padding:0.2em;margin: 1em 0 2em 2em;border: 1px solid #fa8c0b ;}

/*------------------------ Styles adressen-------------- */

#content .address {font-style:normal; font-size: 0.9em; line-height: 1.7em; padding: 0.6em 0.9em 1.2em 2.0em; margin: 1.5em 0 2em 0;background-color: #fcf5e3;border: 1px solid #0e4380;}
#content .address strong {font-weight: bold;color: #333;}


/* --------------------Styles Tabelle ------------------*/

#content table { margin: 1.1em 0; vertical-align: top;  border-collapse: collapse;border-left: 1px solid #0e4380;font-size: 0.9em;color:#333;width:100%;min-width:100%; }

#content td {padding: 0.4em 0.9em 0.4em 0.4em;background: #fcf5e3;vertical-align: top;border: 1px solid #fff;}
#content .schmal td {width: 25%;}
#content .breit td {width: 60%;} 



/* ------------------------Aussehen des footers-----------------------------*/
#footer {margin: 2.9em 0 2.9em 0;padding:0.7em 0 0 0;line-height:1.6em;clear: both;font-size: 0.85em;background: #fcfaed; border-top: 1px solid #fa8c0b; }
#footer p {
	color: #fa8c0b;
	margin: 0;
	padding: 0;
}
#footer p.one {	float: left;}
#footer p.two {
	float: right;
}

#footer a	{color:  #0e4380;	text-decoration: none;}
#footer a:link, #footer a:visited	{ color: #0e4380;text-decoration: none; }
#footer a:hover, #footer a:focus, #footer a:active {  color:#678fc2;  text-decoration: underline;  }
* html #footer   {margin-bottom: -10px;}



/* ------------------------Aussehen des suchformulares-----------------------------*/
#suche  {position:absolute;top:100px;right:12px;width:300px;}
form {padding: 0; margin: 0;}
.input {font-size: 0.85em; width: 105px; margin: 0;}
.submitsearch {border: 0; background: transparent url(../_images/ok.gif);  width: 22px; height: 22px; margin-left: 5px;}
.submitsearch:hover {background: url(../_images/ok2.gif);}
.submitpfeil {border: 0; background: transparent url(_../_images/ok.gif); width: 22px; height: 22px; margin-left: 5px;}
.submitpfeil:hover {background: url(../_images/ok2.gif);}

/* Suchergebniss */
#content .suche { font-size:0.9em; color: #333;}
#content .suche .searchhighlight {   color: #fa8c0b;}
#content hr{width:50%; color:#0e4380;}
#content .suche input {  background: #fcf5e3;  font-family: Lucida Grande, Arial, Helvetica, Verdana, Sans-Serif;   border: 1px solid #fa8c0b; width: 40%;
  padding: 2px;}
#content .suche input.button {  margin-top: 0;border: 1px solid #fcf5e3;color:#fff; background: #fa8c0b;  width: auto;}
#content .suche .suchergebnis {	margin: 1em 0;color: #333; font-weight: normal;}

#content .pager {font-size:0.8em;margin: 2em 0 0 0;}


/* ------------------------Inhaltsverzeichnis------------------------ */
#content #sitemap ul {  margin: 1.2em 0;  color: #0e4380;  font-size: 1.0em;}
#content #sitemap ul ul {   font-size: 0.9em;	font-weight: bold;   margin: 0 0 1.2em 0;	padding-top: 0.5em;	border-top: 1px solid  #0e4380;}
#content #sitemap ul ul ul {   font-size: 1em;	font-weight: normal;	margin: 0 0 1.2em 0;	border-top: none;}
#content #sitemap li {	background:  none;	padding-left: 0;	margin-top: 1.8em;}
#content #sitemap li li{  margin-top: 0;  padding-left: 15px;  background:  url(../_images/blau.gif) 0 0.6em no-repeat;}
#content #sitemap li li li {	background:  url(../_images/pfeil.gif) 0 0.6em no-repeat;}