/*
Stylesheet fuer www.lohn-abbund.de (2009)
(c) weeanja | mediengestaltung anja windmueller
www.weeanja.com | T: 0711/54041951
*/

/*erzwungener scrollbalken*/
html {height:100%; margin-bottom:1px;}

a,a:link,a:hover {text-decoration:underline;cursor:pointer}
a,a:link {background:transparent;}
a:link {color:#000}
a:visited {color:#000}
a:hover,a:active {color:#c53e46}
a img {border:none}

body {font-family:Tahoma,Verdana,Arial,Sans-serif; 
	font-size:14px; 
	margin:0; 
	padding:0; 
	background-color:#FFFFFF;}

table {width:100%; border-style:none; margin:0; padding:0;}
table tr td {vertical-align:top; align:left; font-size:13px;}

span {font-weight:bold; font-size:15px;}

.main {background-color:#f4f1e5; max-width:900px;}

.bildunterschrift {font-size:10px; font-weight:normal;}
.bildunterschriftWeiss {color:#fff; font-size:10px; font-weight:normal;}
.highlight {font-size:14px; font-weight:normal;}
.highlightGross {font-size:18px; font-weight:normal;}
.zitat {font-size:12px; font-weight:normal; font-style:oblique;}

/*alternative Navigation*/
#navigationHTML {background: url("bilder/home.jpg") no-repeat; background-position:center;}
#navigationHTML td {font-family:Tahoma,Verdana,Arial,Sans-serif; font-size:14px; font-weight:bold; padding-left:2px; vertical-align:bottom;}
#navigationHTML a, #navigationHTML a:link {text-decoration:none;}
.tab {background: url("bilder/tab_HG.gif") no-repeat; width:101px; height:29px; background-position:bottom left;}

/*Startseite*/
.aktuell {width:325px; height:95px; background-color:#c53e46; color:#fff; margin:0;}
.aktuell td {padding: 0px 10px 0px 10px; vertical-align:bottom;}
.termine {width:568px; height:95px; background-color:#b2a17a; color:#fff; margin:0;}
.termine td {padding: 0px 10px 0px 10px; vertical-align:bottom;}
.home_sonder {width:345px; background-color:#e5e0d4; color:#000; margin:0;}
.home_fotos {width:345px; background-color:#e5e0d4; color:#000; margin:0;}
.home_fotos td {padding: 0px 10px 0px 10px;}
.home_login {width:345px; background-color:#e5e0d4; color:#000; margin:0;}
.home_adresse {width:345px; height:145px; background-color:#fff; color:#000; margin:0;}
.home_adresse td {padding: 0px 10px 0px 10px;}
.intro {width:555px; height: 500px; align: center; background:#fff;}

/*Startseite-Downloadbereich*/
.download_aktuell {width:492px; height:95px; background-color:#c53e46; color:#fff; margin:0;}
.download_aktuell td {padding: 0px 10px 0px 10px; vertical-align:bottom;}
.download_termine {width:400px; height:95px; background-color:#b2a17a; color:#fff; margin:0;}
.download_termine td {padding: 0px 10px 0px 10px; vertical-align:bottom;}
.download_main {width:492px; padding:5px;}
.home_videos {width:398px; height:200px; background-color:#e5e0d4; color:#000; margin:0;}
.home_videos td {padding: 0px 10px 0px 10px;}
.home_dokumente {width:398px; height:300px; background-color:#e5e0d4; color:#000; margin:0;}
.home_dokumente td {padding: 0px 10px 0px 10px;}


/*Lohn-Abbund*/
.abbund {width:492px; height:95px; background-color:#b77341; align:left; vertical-align:bottom; margin:0;}
.abbund td {padding: 0px 10px 0px 0px;}

/*10 Vorteile*/
.vorteileHeader {width:570px; height:95px; background-color:#f6c134; align:left; vertical-align:bottom; margin:0;}
.vorteileHeader td {padding: 0px 2px 0px 0px;}
.vorteileText td {padding: 2px 10px 10px 2px}

/*Verband*/
.verband {width:492px; height:95px; background-color:#4e70ac; vertical-align:bottom; margin:0;}
.verband td {vertical-align:bottom;}
.verbandRechts {width:400px; height:95px; background-color:#d4b570; margin:0;}
.verbandRechts td {padding: 0px 10px 0px 5px; vertical-align:bottom; font-size:15px; color:#fff;}

/*News & Infos*/
.news {width:492px; height:95px; background-color:#037039; vertical-align:bottom; margin:0;}
.news td {vertical-align:bottom;}
.newsRechts {width:400px; height:95px; background-color:#cfc296; margin:0;}
.newsRechts td {padding: 0px 10px 0px 5px; vertical-align:bottom; font-size:15px; color:#fff;}
.hintergrund {width:400px; background-color:#abcab1; padding:5px; font-size:14px; color:#fff;}

/*Zulassung*/
.zulassung {width:492px; height:95px; background-color:#f19b06; align:left; vertical-align:bottom; margin:0;}
.zulassung td {padding: 0px 10px 0px 0px;}
.formular {background-color:#f3cf8c; border: 1px solid #f19b06; padding:5px;}

/*Mitglieder*/
.hinweis {width:400px; height:95px; background-color:#c53e46; color:#fff; vertical-align:bottom; margin:0;}
.hinweis td {padding: 0px 10px 0px 10px; vertical-align:bottom; font-size:15px;}
.foerder {width:492px; height:95px; background-color:#b2a17a; color:#fff; margin:0;}
.foerder td {padding: 0px 10px 0px 10px; vertical-align:bottom; font-size:15px;}
.karte {width:893px; height: 500px; align: left; background:#f4f1e5;}
.groesseLi {width:153px; height: 148px;}
.foerderF {width:446px; height:95px; background-color:#b2a17a; color:#fff; margin:0;}
.foerderF td {padding: 0px 10px 0px 10px; vertical-align:bottom; font-size:15px;}
.hinweisF {width:446px; height:95px; background-color:#c53e46; color:#fff; vertical-align:bottom; margin:0;}
.hinweisF td {padding: 0px 10px 0px 10px; vertical-align:bottom; font-size:15px;}

/*Kontakt / Impressum*/
.kontakt {width:492px; height:95px; background-color:#b1c5eb; align:left; vertical-align:bottom; margin:0;}
.kontakt td {padding: 0px 10px 0px 0px;}
.impressum {background-color:#e0e7f3; padding:5px;}
.formularKontakt {border: 1px solid #b1c5eb; padding:5px;}
.disclaimer {font-size:10px; font-weight:normal; color:#767676; padding:5px;}




/*LIGHTBOX*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#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; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-family:Tahoma,Verdana,Arial,Sans-serif; font-size:10px; font-weight:normal;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 0.5em;	font-family:Tahoma,Verdana,Arial,Sans-serif; font-size:10px; font-weight:normal;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }