* {
	margin:0px;
	padding:0px;
}
body {
	text-align: center;
	background: #FFFEF1 url(../img/hg1.gif) repeat-x;
	font-face: Verdana, Arial, Helvetica, sans-serif;
	}
p {
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	line-height: 125%;
}
a {color: #444444;}
h1 {
	font: normal bold 0.8em Verdana, Arial, Helvetica, sans-serif;	
	text-transform: uppercase;
}
h2, h3 {font: normal bold 0.7em Verdana, Arial, Helvetica, sans-serif;}
h4 {font: italic bold 0.7em Verdana, Arial, Helvetica, sans-serif;}
h5 {font: italic bold 0.7em Verdana, Arial, Helvetica, sans-serif;}
h6 {font: normal bold 0.6em Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h4, h6{color: #444444;}
h3, h5 {color: #0089D1;}


hr {
border: none;
border-top: 1px solid #E6E0C3;
margin: 20px 0;
height: 1px;
clear: both;}

#container {
	border-left:5px solid #FFFEF1;
	border-right:5px solid #FFFEF1;
	margin: 0 auto;
	width:980px;
	text-align: left;
	height:auto;
	background-color: #FFFAD0;
}
#header {
	width:980px;
	height:192px;
	background: url(../img/header.jpg) no-repeat;
	text-align:right;
}
#sear {
	text-align:right;
	padding-top:5px;
	padding-right:20px;
}
#search {
	text-align:left;
	border:1px solid #B3B3B3;
	font: normal normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	padding:1px 1px 1px 5px;
}
#button {
	border:1px solid #B3B3B3;
	background-color: #E6E0C3;
	font: normal normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 2px;
	text-decoration:none;
	color:#444444;
}
/* - - - Logo für die Printvariante - - - */
#printlogo {display:none;}

#header p {
	font: normal bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #0089D1;
	text-decoration:none;
	padding-right:20px;
	padding-top:115px;
	text-align:right;
}
#hilfsnavi {
	padding-right:15px;
	padding-top: 11px;
	text-align:right;
}
#hilfsnavi li{
	display:inline;
	list-style:none;
	padding-right:0px;
}
#hilfsnavi li a {
	font: normal normal 0.55em Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	text-decoration:none;
	border-right:1px solid #444444;
	padding: 0px 5px 0px 3px;
	}
#hilfsnavi li a.last{
	border-right:none;
}

#hilfsnavi a:hover, #hilfsnavi a.aktiv {
	text-decoration:underline;
}
#page {
	float:left;
	width:980px;
	height:auto;
	background-image:url(../img/bg_farbe.gif);
	padding-bottom:20px;
	margin-top:5px;
}

/*- - - - linker Bereich - - - */
#navi{
	width:175px;
	float:left;
	background-color:#FFF0A6;
}
/* Navigationselemente */
.menue, .unternav, .kategorie, .aktivMenue,
.aktivUnternav, .aktivKategorie {
	list-style-type: none;
}
/* - - - Erste Ebene - - - */
.menue a:link, .menue a:visited, .menue a:hover, .menue a:active,
.aktivMenue a:link, .aktivMenue a:visited, .aktivMenue a:hover, .aktivMenue a:active {
	display:block;
	border-top:1px solid white;
	background:#E2D8AA;
	padding: 8px 30px 8px 20px;
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	text-decoration:none;
}
.menue a:hover, .menue a:active {
	font-weight: bold;
}
/* Erster Link hat keine weiße Oberkante - border wird auf Hintergrundfarbe gesetzt */
a.noBorder:link, a.noBorder:visited, a.noBorder:hover, a.noBorder:active {
	border-top:none;
}
/* Standorthinweis 1. Ebene */
.aktivMenue a:link, .aktivMenue a:visited, .aktivMenue a:hover, .aktivMenue a:active {
	background:#E2D8AA url(../img/icon.jpg) no-repeat 95%;
	font-weight:bold;
}

/* - - - Zweite Ebene - - - */
.unternav a:link, .unternav a:visited, .unternav a:hover, .unternav a:active,
.aktivUnternav a:link, .aktivUnternav a:visited, .aktivUnternav a:hover, .aktivUnternav a:active {
	display:block;
	padding: 8px 10px 8px 30px;
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	background:#E6E0C3;
	text-decoration:none;
	border-top:1px solid white;
}
.unternav a:hover, .unternav a:active {
	font-weight:bold;
}
.aktivUnternav a:link, .aktivUnternav a:visited, .aktivUnternav a:hover, .aktivUnternav a:active {
	font-weight: bold;
}
/* - - - Dritte Ebene - - - */
.kategorie a:link, .kategorie a:visited, .kategorie a:hover, .kategorie a:active,
.aktivKategorie a:link, .aktivKategorie a:visited, .aktivKategorie a:hover, .aktivKategorie a:active {
	padding: 8px 10px 8px 30px;
	display:block;
	background: #F6F2D4;
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#0089D1;
	text-decoration: none;
	border:none;
	}
.kategorie a:hover, .kategorie a:active {
	font-weight: bold;
}
.aktivKategorie a:link, .aktivKategorie a:visited, .aktivKategorie a:hover, .aktivKategorie a:active {
	font-weight:bold;
}
/* Der Link vor einer öffnenden Unternavigation benötigt ein border-bottom */
li.borderBottom a { border-bottom: 1px solid white; padding:8px 10px 8px 30px !important;}

/* - - - Infodaten unter Navigation - - - */
#navitext p {
	font:  normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	padding:36px 21px 0px 20px;
	line-height:110%;
}

			/*- - - - - - - - - Inhaltsbereich - - - - - - - - - */
#inhalt {
	width:454px;
	height:auto;
	margin: 0px 0px 0px 75px;
	float:left;
}
#inhalt h1 {
	padding:7px 0px 6px 0px;
	border-bottom:1px solid #E6E0C3;
	}
 #inhalt h4, #inhalt h5, #inhalt h6 {
	padding:9px 0px 8px 0px; 
}
#inhalt h2, #inhalt h3 {padding: 9px 0 0 0;}


#inhalt .standard h2 {padding: 9px 0 0 0; clear:both;}
#inhalt .standard p {padding: 8px 0 0 0;}
#inhalt p {
	padding-right:0px;
}
/* Bild innerhalb des Textbereiches, rechts */
.bildRechts {
	margin: 0px 0px 10px 10px;
	float:right;
}
#inhalt .standard img, #inhalt .sponsor img, #inhalt .goldSponsor img,
#inhalt .vorstand img, #inhalt .vorstandBild img, 
#inhalt .kontakt img, #inhalt .sitemap img {border:2px solid white;}




/* für den Einsatz bei Headlines im Inhalt unter den Hauptheadlines */
.headlineBorder {border-top:1px solid #E6E0C3; margin-top:6px;} 

/* Links im Inhaltsbereich */
#inhalt p a:link, #inhalt p a:visited, #inhalt p a:hover, #inhalt p a:active {
	font:  normal normal 1.0em Verdana, Arial, Helvetica, sans-serif;/**/
	color:#444444;
	text-decoration:underline;
}
#inhalt p a:hover, #inhalt p a:active {
	text-decoration: none;
}
#inhalt a:link, #inhalt a:visited, #inhalt a:hover, #inhalt a:active {
	font:  normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;/**/
	color:#444444;
	text-decoration:underline;
}
#inhalt a:hover, #inhalt a:active {
	text-decoration: none;
}
/* Listen innerhalb des Inhaltsbereiches listeInhalt*/
#inhalt .standard ul{
	padding:9px 0px 0px 0px;

}
#inhalt .standard li {
	list-style:none;
	}
#inhalt .standard li {
	color:#444444;
	font:  normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	display:block;
	background:url(../img/navicon_text.gif) no-repeat left;
	padding:0px 10px 5px 30px;
}


.kontakt h2 {padding:9px 0px 5px 0px !important;}
.kontakt p {padding-bottom: 20px;} 
/* Formular selbst */
#contact {
	padding-top: 20px;
	text-align: left;
}
#contact h2 {
	padding:3px 0px 5px 5px;
	margin-bottom:10px;
	display:block;
	background-color: #E6E0C3;
	border:none;
}
label {
	padding:8px 0px 3px 5px;
	display: block;
	float: left;/**/
	width:130px;
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
}
#contact p {
	padding:5px 0px 5px 5px;}
textarea, select, #vorname, #nachname, #firma, #adress,
#adresszusatz, #plz, #ort, #telefon, #emails,
#telefonantwort, #mailantwort {
	float:left;/**/
	text-align:left;
	border:1px solid #E6E0C3;
	padding: 2px 0px 2px 5px;
	color: #444444;
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin-top:4px;
}
.formularError {
	border:1px solid #0089D1;
}
textarea, #vorname, #nachname, #firma, #adress,
#adresszusatz, #telefon, #emails{
	width:240px;
}
textarea {
	margin:4px 0 5px 0; 
	padding-top:5px;

}
#plz {
	margin-right:5px;
	width:63px;
}

#telefonantwort, #mailantwort {
	margin-right:10px;
	border:1px solid #E6E0C3;
}
form br {/*display:none;*/ clear:left;}
#contact p.einzug {
	padding-left:135px;
	margin: 4px 0;
}
.einzug {
	padding-left:135px;
	margin: 4px 0 2px 0;
}
.extraWeite {width: 80px;}
select {width:120px;}

#versenden, #abbrechen{
	display:block;
	background-color:#E6E0C3;
	color:#444444;
	text-decoration:none;
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
}
#versenden {
	margin-left:10px; 
	margin-top:0;
}
#abbrechen {
	margin-left:135px; 
	margin-top:0; 
	float:left;
}


form#contact select, form#contact input, form#contact textarea {float:left;}

/*- - - Kontaktformular Ende - - - */

.hinweis {
	font: normal normal 0.55em Verdana, Arial, Helvetica, sans-serif;
	color:#444444;
}

/* Erzeugt tabellenartige Optik im Bereich Vorstand --> Fotos der Mitglieder */
.vorstandBild h2 {border-top:1px solid #E6E0C3; margin-top:6px;}
.vorstand h2 {border-top:1px solid #E6E0C3; margin-top:20px;}
.vorstandBild p {
	clear:left;
	width:450px;
	margin-bottom:90px;
}
.vorstand p {width: 450px;}
.vorstandBild img {float:right;}

.sponsorGold img, .sponsor img {
	margin:22px 30px 50px 0px;
	border: none !important;
}
.sponsor img {
	margin:22px 25px 50px 0px !important;
}
.sponsor img {float:left;}
.sponsorGold a:link, .sponsorGold a:visited, .sponsorGold  a:hover, .sponsorGold  a:active,
.sponsor a:link, .sponsor a:visited, .sponsor a:hover, .sponsor a:active {
	font:  normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
} 
.sponsorGold b {display:block; border-top:1px solid #E6E0C3; margin-top:6px;}
.adressat{
	margin-bottom:10px; 
	padding-left: 205px;
}
#inhalt .sponsor ul {padding-top:0 !important;}
#inhalt .sponsor ul li {
	font-size:0.9em;
	list-style-type:none; 
	background:none;
	padding:0;
}
.sponsor p a:link, .sponsor p a:visited,
.sponsor p a:hover, .sponsor p a:active {
	padding:0;
}

.sponsor p, .sponsorGold  p {padding-bottom: 20px;}
.sponsor p span {padding-bottom: 13px;}
#inhalt .sponsor p a:link, #inhalt .sponsor p a:hover,
#inhalt .sponsor p a:visited, #inhalt .sponsor p a:acitve  {
	padding:0;
	text-decoration:none !important;
}
#inhalt .sponsor p a:visited, #inhalt .sponsor p a:acitve {text-decoration:underline;}

.sponsor h2 { margin-top:-20px; margin-bottom: 20px; }


/* - - - Downloads  - - - */

/* Downloadtabelle */
h2.downloadHeadline {
	display:block;
	background-color: #E6E0C3;
	margin-top:9px;
	line-height:150%;
	padding:0 0 0 10px !important;
	}
/*Um die Tabellenform zu erreichen wurden die folgenden Klasssen verwendet: */

.tabIcon {display:block; width:40px;} 

h2.tabIcon {padding-right: 10px; }

.tabTitle {display:block; width:235px;}

.tabInfo {display:block; width: 65px;}

.tableBorder {border-right:2px solid #FFFAD0;}

h2.tableHead {	display:block;
	background-color: #E6E0C3;
	margin-top:2px;
	line-height:150%;
	padding:0 0 0 10px !important;
}
.icon {padding-left: 8px;}
#downloads h2 {float:left;}
#downloads {margin-top: 5px; width:454px;}
ul#downloads li p, ul#downloads li a {
	display:block;
	/*margin-top:2px;*/
	line-height:150%;
	padding-left:5px;
	float:left;
}

ul#downloads li a:link, ul#downloads li a:visited,
ul#downloads li a:hover, ul#downloads li a:active{
	/*padding:0;*/ margin:0;
	color: #444444 !important;
	text-decoration:none;
}
ul#downloads li a:hover, ul#downloads li a:active {
	text-decoration:underline; 
}
#downloads li {
	margin-top:5px;
	height: 20px;
	list-style-type:none !important;
	background: none !important;
	padding:5px 0px 5px 8px;
	float:left;
}	

#downloads img{border:none; /*padding-left:15px;*/}
.adobeIcon {
	padding:10px 40px 5px 10px;
	border:none;
}

/* - - - Suchergebnisse - - - */

/* Linkdefinition */

a.look:link, a.look:visited, a.look:hover, a.look:active {
	/*padding:0px 415px 3px 0px;*/
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #0089D1!important;
	text-decoration:none;
	/*text-align:right;*/
}
/* Padding für die Links */
.suchergebnis {
	padding-top:12px; 
	padding-bottom: 5px; 
	line-height:145%  !important;
}
.erstesSuchergebnis {
	padding-bottom: 5px; 
	line-height:145%  !important;
}
.suchwort {color:#444444; font-weight:bold;}
/* - - - Galerien - - - */
/* Galeriebilder Vorschau */
table.gallery {
	width: 452px;
	border:none;
}

.leer, .link a img {
	border: 1px solid white;
	margin: 7px 5px 7px 5px;
}
.leer {margin: 7px 5px 7px 10px;}
/* Galeriebilder Großansicht 
.galGross {
	border:1px solid white;
	margin:20px 2px;
}*/

/* - - - Sitemap - Linkdarstellung - - - */

#inhalt .sitemap {float:left;}

#inhalt .sitemap a.ebene1:link, #inhalt .sitemap a.ebene1:visited, #inhalt .sitemap a.ebene1:hover,
#inhalt .sitemap a.ebene1:active, #inhalt .sitemap a.ebene2:link, #inhalt .sitemap a.ebene2:visited,
#inhalt .sitemap a.ebene2:hover, #inhalt .sitemap a.ebene2:active, #inhalt .sitemap a.ebene3:link,
#inhalt .sitemap a.ebene3:visited, #inhalt .sitemap a.ebene3:hover, #inhalt .sitemap a.ebene3:active {
	width:150px;
	display:block;
	border-top:1px solid white;
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	text-decoration:none;
	padding: 8px 10px 8px 10px;
}
#inhalt .sitemap a.ebene1{
	background:#E2D8AA; 
	margin-top:10px;
}
#inhalt .sitemap a.ebene2 {
	margin-left:80px;
	background:#E6E0C3;
}
#inhalt .sitemap a.ebene3 {
	margin-left:160px;
	background:#F6F2D4;
}
#inhalt .sitemap a.ebene1:hover,#inhalt .sitemap a.ebene1:active,
#inhalt .sitemap a.ebene2:hover, #inhalt .sitemap a.ebene2:active,
#inhalt .sitemap a.ebene3:hover, #inhalt .sitemap a.ebene3:active {
	font-weight:bold ; 
	text-decoration:none;
}
.sitemap a.ebene3:link, .sitemap a.ebene3:visited,
.sitemap a.ebene3:hover, .sitemap a.ebene3:active {
	color:#0089D1;
}

/* - - - Presseseiten - Tabellenartige Ansicht - - - */
#inhaltpress li {
	float:left;
	list-style-type:none;
	display:block;
	width: 450px;
	background:none;
	padding:0; 
	margin-bottom:15px;
}
#inhaltpress h1{padding:7px 0px 6px 0px; margin-bottom:0px; border-bottom:1px solid #E6E0C3;}

#inhaltpress a, #inhaltpress a:link, #inhaltpress a:hover,
#inhaltpress a:visited, #inhaltpress a:active{
	display:block;
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;	
	color: #0089D1;
 	text-decoration:none;
	margin:0 10px 5px 0px;  /*top:20px*/
	float:left;
}
.linkBreite {width:280px;}
.breite {display:block; width: 90px; padding-bottom:50px;}
#inhaltpress a:hover, ul#inhaltpress a:active{text-decoration:underline;}

#inhaltpress img {
	/*float:right; 
	text-align:right; 
	padding:0 0px 10px 5px;*/  /*top:20px*/
} 
#inhaltpress h2 {
	margin: 0; /*top: 20px*/
	padding-top:0;
float: left;
}
#inhaltpress p {
	/*display:block;*/
	margin:0px 0px 5px 90px;
	float:left;
	background:none !important;
	padding:0;
}

/* - - - Blätterfunktion für Inhaltsbereich - - - */
#paging {
	clear:left;
	margin-top:35px;
	height:15px;
	text-align:center;
}
#paging a, #paging a:link, #paging a:visited, #paging a:hover, #paging a:active{
	padding:0px 2px 0px 2px;
	font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	text-decoration:none;
}
#paging a:hover{
	text-decoration:underline;
}
/* Positionierung der Pagingfunktion - goLeft & goRight werden öfter genutzt */
.pagingMiddle{width:65%;}
.textCenter{text-align:center;}

/* - - - - - - Inhaltsbereich Ende - - - - - - */

.goLeft {float:left;}
.goRight {float:right;}
.clearLeft {clear:left;}

.newsimage {float: right; margin:0 0 20px 20px;}

/* - - - - - - Sponsorenbereich - - - - - - */ 
#rechts {
	background-color:#FFF0A6;
	width:201px;
	height:502px;
	margin: 0px 0px 0px 75px;
	float:left;
	padding-bottom:20px;
}
#rechts ul {
	padding-left:10px;
	margin-top:15px;
	list-style:none;
}
#rechts li h2{
	font: normal bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#444444;
	padding:10px 40px 5px 0px;
	text-transform: uppercase;
}
/*.paddingH2 {
	padding-left:10px !important;
}*/
.goldspon {
	border:none;
	padding:20px 0px 20px 10px;
}
.silbspon {
	border:none;
	padding:15px 0px 30px 10px;
}
.bronzspon {
	border:none;
	padding-top:35px;
        padding-left: 10px;
}
#rechts h2, #rechts p {
	color:#444444;
	padding:10px 20px 5px 10px; /* 40px*/
}
#rechts h2 {text-transform:uppercase;}
#rechts p{
	font: normal normal 0.6em Verdana, Arial, Helvetica, sans-serif;}

/* - - - Footer - - - */
#footer {
	background: url(../img/footer.jpg) no-repeat;
	width:980px;
	height:178px;
	clear:left;
}
.werbetipp {
	padding-top:90px;
	padding-left:250px;

	float:left;
}
.werbebanner {
	border:none;
	padding-top:70px;

	padding-left:5px;
}

table tr td {padding: 0 10px;}
table.download {width: 450px;}


/* Lightbox */
	#lightbox {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		/*z-index: 100;*/
		z-index: 990;
		text-align: center;
		line-height: 0;
	}
	#lightbox a img { border: none; }

.link a img, .link a:link img, .link a:visited img, .link a:hover img, .link a:active img {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
display: block;
height: 90px; /* Grafikhöhe */
width: 120px; /* Grafikbreite */
}
.link a:hover img, .link a:active img {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
	#outerImageContainer {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#imageContainer {
		padding: 10px;
	}
	#loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#hoverNav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		/*z-index: 10;*/
		z-index: 970;
	}
	#imageContainer>#hoverNav { left: 0;}
	#hoverNav a { outline: none;}
	#prevLink, #nextLink {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	/* falls links für weiter und zurück nur bei hover eingeblendet werden sollen nur bei hover integrieren  */
	#prevLink { left: 0; float: left;background: url(../images/prevlabel.gif) left 20% no-repeat; }
	#nextLink { right: 0; float: right;background: url(../images/nextlabel.gif) right 20% no-repeat; }
	#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 20% no-repeat; 
	}
	#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 20% no-repeat; 
	}
	#imageDataContainer {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
	}
	#imageData {
		padding:0 10px;
	}
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		/*z-index: 90;*/
		z-index: 980;
		width: 100%;
		height: 500px;
		background-color: #000;
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		/*display: inline-block; */
		width: 100%;
	}
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* << */




