/*
====================
  global
====================
*/
* { margin:0; padding:0; border-width: 0; }
html {font-size:100.1%;height:100.01%;}
body { color:#000; background:#000066; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.1; text-align: left; }
h1 {font-size:1.2em; margin-bottom:10px}
h2 {font-size:1.05em;border-left:5px solid #666;padding-left:5px;margin-top:20px}
h1,h2 {margin-left:20px;font-weight:bold}
p, table {margin:10px 20px}
a { color: #ae3427;text-decoration: none;}
a:hover { color: #006; text-decoration: underline; }
#header h1 { color: #bff9ff; font-weight: bolder; text-align: right; position: relative; top: 35px; margin-top: 0; margin-right: 20px; }
#sub-section h1 { font-size:1.05em; margin-bottom:10px }
#sub-section h2 {font-size:0.95em;border-left:5px solid #666;padding-left:5px;margin-top:20px} 
#sub-section { font-size:0.8em; line-height: 1.3em; }
#sub-menu p { color: #006; font-size: 0.9em; font-weight: bold; text-align: center; position: relative; top: 3px; margin: 0; padding: 0; border-width: 0; }
#footer p { color: #fff; font-size: 0.8em; font-weight: normal; text-align: right; position: relative; top: 3px; float: right; margin-right: 20px; padding: 0; border-width: 0; }
#sub-section div {text-align:center}
#sub-section1 h1 { font-size:1.05em; margin-bottom:10px }
#sub-section1 h2 {font-size:0.95em;border-left:5px solid #666;padding-left:5px;margin-top:20px} 
#sub-section1 { font-size:0.8em; line-height: 1.3em; }
#sub-section1 
#sub-section1 div {text-align:center}
#header, #menu, #sub-menu, #content, #content1, #footer { padding:0; font-size:0.9em; line-height: 1.3em; }
#content div {margin:20px}
#content1 div {margin:20px}
.klein { font-size: 0.9em !important; color: #5d0000; font-family: "Courier New", Courier, Monaco, monospace; }
.galerie { font-size: 0.7em !important; color: #006; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; margin-top: 10px; }
.klein-sub { font-size: 0.9em !important; color: #5d0000; font-family: "Courier New", Courier, Monaco, monospace; }
.bold { font-weight: bold;}
.highlight { background-color: #77abe3; }
.ende {	clear:both;}
.bild-li { color: #5d0000; float: left; font-size: 0.9em!important; font-family: "Courier New", Courier, Monaco, monospace; background-color: #b9d0ea; }
.andreas { color: black; font-size: 1.3em !important; font-family: "Times New Roman", Times, serif; line-height: normal; background-color: white; float: left; padding: 1em; border: solid 5px; }
.bild-mi { color: #5d0000; font-size: 0.9em!important; font-family: "Courier New", Courier, Monaco, monospace; background-color: #b9d0ea; text-align: center; }

.bild-re { color: #5d0000; float: right; font-size: 0.9em!important; font-family: "Courier New", Courier, Monaco, monospace; background-color: #b9d0ea; text-align: left; margin: 0 10px 2px 6px; }


.linie-ho { padding: 0; clear:both; margin: 10px 10px 20px; border-bottom: 1px solid #bff9ff; }

/*
====================
  layout
====================
*/ 

#container1 { width: 800px; }
#header {	
	background-image: url(../layout/hg/haeder.gif);
	background-repeat: no-repeat;
	background-color:#000066;
	height: 90px;}
#menu {background-color:#000066;}
#sub-menu {
	background-image: url(../layout/hg/sub-menue.gif);
	background-color:silver;
	height: 27px;}
#sub-menu-galerie {	background-image: url(../layout/hg/sub-menue-galerie.gif);
	background-color:silver;
	height: 54px; text-align: left;}			
#abstand-oben { background:#b9d0ea; height: 35px; border-bottom: 1px solid #bff9ff; text-align: left; font-family: Verdana, Arial, "Times New Roman", Times, sans-serif; font-size: 0.7em; margin: 0; padding: 0; border-top-width: 0; border-right-width: 0; border-left-width: 0; }	
#abstand-oben a:hover { color: #006; text-decoration: underline; }
#abstand-unten a:hover { color: #006; text-decoration: underline; }
#abstand-oben p { position: relative; top: 8px; margin: 0 0 0 20px; padding: 0; border-width: 0; }
#abstand-unten p { position: relative; top: 8px; margin: 0 0 0 20px; padding: 0; border-width: 0; }
#abstand-unten { height: 75px; clear:left; border-top: 1px solid #bff9ff; font-size: 0.6em; line-height: 1.4em; background-color: #b9d0ea; background-image: none; background-repeat: repeat; background-attachment: scroll; text-align: center; margin: 0; padding: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } 
#sub-section {background:#B9D0EA}
#footer {
	background-image: url(../layout/hg/sub-menue.gif);
	background-color:silver;
	height: 27px;}
#header,#menu,#sub-menu,#container,#content,#sub-section,#content1,#sub-section1,#footer {
	overflow:hidden;
	display:inline-block;
	text-align:left}

/* safari and opera benötigen dieses */

#container,#header,#menu,#sub-menu,#footer {width:100%}
#content, #sub-section, #content1, #sub-section1 {float:left}
#container {
	background:#B9D0EA; }
#content {
	width:69%;	
	border-right: 1px solid #bff9ff; 
	background:#B9D0EA }
#content1 {
	width:69%;	 
	background:#B9D0EA }
#content-satzung {
	width:100%;	
	border-right: 1px solid #bff9ff;}
#sub-section {
	width:30%; }
#sub-section1 {
	width:30%; 
	border-left: 1px solid #bff9ff; }
#footer {clear:left;}

/*
====================
  Navigation
====================
*/ 	

/* Hauptnavigation Anfang */

#navlist { font: bold 12px Verdana, Arial, Helvetica, sans-serif; position: relative; top: 3px; padding: 3px 0; margin-left: 0; border-bottom: 1px solid #b9d0ea; }
#navlist li {list-style: none; margin: 0; display: inline;}
#navlist li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;	
	text-decoration: none;
	background-color: #77ABE3; }
#navlist li a:link { color: #000066; }
#navlist li a:visited { color: #000; }
#navlist li a:hover {
	color: #000;
	background: #B9D0EA;
	border-color: #227;}
#navlist li a#current { 
	background: #BFF9FF;
	border-bottom: 1px solid white;}
/* Hauptnavigation Ende */

/* Sub-Navigation Anfang */
#navlist-sub {padding: 0;margin-left: 10px;}
#navlist-sub li{ 
	font: 10px/22px Verdana, Arial, Helvetica, sans-serif; 
	display: inline; 
	text-decoration: none; 
	list-style-type: none; 
	padding-left: 10px; }
#navlist-sub li a:link {
	color: #000066;
	text-decoration: none;}
#navlist-sub li a:visited { color: #000066; }
#navlist-sub li a:hover {color: #BFF9FF;}
#navlist-sub li a#current { color: #BFF9FF;}
#navlist-sub1 {
	padding: 0;
	margin-left: 10px;
	border-top: 1px solid #b9d0ea;}
#navlist-sub1 li{ 
	font: 9px/11px Verdana, Arial, Helvetica, sans-serif; 
	display: inline; 
	text-decoration: none; 
	list-style-type: none; 
	padding-left: 10px; }
#navlist-sub1 li a:link {
	color: #000066;
	text-decoration: none;}
#navlist-sub1 li a:visited { color: #000066; }
#navlist-sub1 li a:hover {color: #BFF9FF;}
#navlist-sub1 li a#current {color: #BFF9FF;}
/* Sub-Navigation Ende */
/* Footer-Navigation Anfang */
#navlist-footer li{ 
	font: 10px/22px Verdana, Arial, Helvetica, sans-serif; 
	display: inline; 
	text-decoration: none; 
	list-style-type: none; 
	padding-left: 10px; }
#navlist-footer li a:link {
	color: #000066;
	text-decoration: none;}
#navlist-footer li a:visited { color: #000066; }
#navlist-footer li a:hover {color: #BFF9FF;}
#navlist-footer li a#current {color: #BFF9FF;}
/* Footer-Navigation Ende */



/*
=============================
  sitemap navi von ZAB DESIGN
  http://www.zabdesign.de
=============================
*/

.nav 	{
		padding: 0; margin: 50px 0 0 70px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible;
		}
		
.nav ul {		
		display: block;
		list-style: none;
		margin: -11px 0; padding: 0;
		border: 0;
		}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .nav ul {position: relative; top: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.nav ul li 	{
			position: relative; top: 0px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .nav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.nav a, .nav a:visited {
				width: 18.4em; height: 1.5em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 110%; line-height: 1.5em; 
				text-indent: 0.5em; text-align: left; text-decoration: none;
				voice-family: "\"}\""; /* Gecko Stuff follows */
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav a, html + body .nav a:visited { text-indent: 0; padding: 0 0 0 8px; }

.nav ul ul {	
			padding: 12px 0 18px 0;
			background: none;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul {position: relative; top: 0px; }
				
.nav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			left: 0px;
			/* margin: 10px 0 5px 1px; padding: 0 0 0 25px; */
			}
			
/* HACK >>> IE 5  */
html + body .nav ul li li {position: relative; left: 12px; margin: 10px 0 5px 0;}

.nav ul li .sub-sub {
			/* position: relative;  top: 0px; */ left: 10px;
			margin: 10px 0 0 1px; /* padding: 0 0 0 25px;  */
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 15.9em; height: 1.3em;
					margin: 0; /* padding: 1px; */
					font-size: 110%; line-height: 1.3em; font-weight: normal; text-indent: 0.4em; 
					}

.nav ul ul ul {margin: 0 0 30px 12px; padding: 12px 0 0 0;}

.nav ul li li li	{
			position: relative; top: 10px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .nav ul li li li {top: 10px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul li li li {top: 14px;}
																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 100%;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav ul ul a, html + body .nav ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }


/* ### Global Settings >>> colors, borders and images  ### */
.nav 	{ border: 0; border-left: 1px solid #2A71E4; }
.nav ul li li	{color: #000; background:  url("images/line-01.gif") left center no-repeat;}	
.nav ul ul ul {border-left: 1px solid #2A71E4; }
.nav ul li .sub-sub {background:  url("images/line-01.gif") top left no-repeat;}
.nav a, .nav a:visited	{color: #4F4F4F; border: 1px solid #2A71E4; background: #FFF; }				
.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{color: #000; border: 1px solid #000; background: #FAFAFA;}			
.nav ul ul a, .nav ul ul a:visited 	{color: #4F4F4F; border: 1px solid #9292A1;background: #FFF;}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{color: #000; border: 1px solid #000;	background: #FAFAFA; }