/* --- grundsaetzliches --- */

* {margin:0; padding:0;}

img {display:inherit; border:0;}

/* --- layout --- */

body {
background:#ffffd7 url(design/bg_pattern.jpg);
color:#000;
font: 9pt helvetica,"Trebuchet MS",geneva,verdana,sans-serif;
letter-spacing: 0pt;
word-spacing: 0pt;
line-height: 1.4em;
}

#meta_container {
background:transparent url(design/logo_links.jpg) no-repeat;
position: absolute;
width: 100%;
height: 821px;
margin: 0;

}

#container {
position:relative;
background:transparent;
width:708px;
height: 100%;
margin:0 0 auto 255px;
}



#header {
position:relative;
background: transparent url(design/tonart_header.png) no-repeat left;
width:708px;
height:108px;
margin-top:51px;
margin-left: 0;
}


a#top {
display:block;
width:66em;
height:100px;
padding-top:17px;
}

p.cl {
clear:both;
height:1px;
margin:0;
}

div#downloads {
display: block;
width: 550px;
margin-left: 0px;
}



/* --- navigation --- */

ul#Navigation {
position: relative;
background: transparent url(design/menue_bg.png) no-repeat left;
width:708px;
height:105px;
display:block;
text-align: left;
margin-top: -10px;
}




ul#Navigation li {
float:left;
list-style: none;
display: block;
margin-top:0;
margin-left:0;
}

ul#Navigation a {
padding: 0;
margin: 0;
}

ul#Navigation li a:hover {
color:#000;
}

div#submenu {
position:relative;
background: transparent;
width:708px;
height:30px;
display:block;
text-align: left;
margin-top: 20px;
}

div#submenu ul {
margin:0;
}

div#submenu ul li {
float:left;
list-style:none;
display:inline;
}
div#submenu ul li a {
padding:0;
display:block;
}

/* --- seitliche boxen --- */

div#aktuelles ul, div#newsbox ul {
list-style:none;
margin: 6px 0 6px 0;
border-top: 1px dotted #333;
padding: 0;
}

div#aktuelles h2, div#newsbox h2, div#newsletter h2, div#whoisonline h2, div#internal_news h2, div#members_login h2 {
text-align:right;
font-family: georgia;
font-size: 1.8em;
font-style:normal;
text-transform:uppercase;
padding: 4px 0px 10px 35px;
letter-spacing: 1px;

}

div#aktuelles h3, div#newsbox h3, div#members_login h3 {
text-align:left;
font-family: helvetica,geneva,verdana,sans-serif;
font-size: 1em;
font-style:inherit;
padding: 4px 0px 0px 0px;
letter-spacing: 1px;

}


div#newsbox , div#newsletter {
text-align:left;
padding:0 2px 0 0;
vertical-align: top;
width: 220px;
float: right;
clear: right;
padding:0;
margin-top: 25px;
color: #000000;
background:transparent url(design/rosette.jpg) no-repeat;
}


div#whoisonline {
text-align:left;
padding:0 2px 0 0;
vertical-align: top;
width: 220px;
float: right;
clear: right;
padding:0;
margin-top: 0;
color: #000000;
background:transparent url(design/rosette.jpg) no-repeat;
}

div#onlineshop {
text-align:left;
padding:0 2px 10px 0;
vertical-align: top;
width: 220px;
float: right;
clear: right;
margin: 0 0 20px 0;

}

.internal_news {
text-align:left;
display: block;
padding:0 2px 0 0;
vertical-align: top;
width: 250px;
float: right;
clear: right;
padding:0;
margin-top: 0px;
margin-bottom: 50px;
min-height: 100px;
color: #000000;
background:transparent url(design/rosette.jpg) no-repeat;
}

div#aktuelles {
vertical-align: top;
text-align:left;
padding:0 2px 0 0;
width: 220px;
float: right;
margin-top:25px;
color: #000000;
clear: right;
background:transparent url(design/rosette.jpg) no-repeat;
}

div#members_login {
vertical-align: top;
padding:0 2px 0 0;
width: 220px;
float: right;
margin-top:25px;
clear: right;
background:transparent url(design/rosette.jpg) no-repeat;
}



/* Box auf der "Aktuelles"-Seite rechts: */
div#termine_sidebox {

text-align:left;
padding:0 2px 0 0;
vertical-align: top;
width: 200px;
float: right;
clear: right;
padding:0;
margin-top: 0;
color: #000000;
background:transparent url(design/xxxxxxxx.jpg) no-repeat;
}


/* --- div für projekt-navi--- */
div#up_down {
vertical-align: top;
width: 20px;
float: right;
padding:1px;
margin: 1px;
/* clear: right; */

}




/* --- footer --- */

#footer {
width:100%;
height:34px;
clear:both;
background:transparent;
border-top:1px solid #333;
color:#000;
margin:100px 0 1em 0;
}

#footer ul {
margin: 0 auto;
padding:8px 0 0 0;
width:100%;
height:26px;
text-align:center;
}

/* --- haupttext container --- */

#text {
float:left;
margin-top:0px;
width: 70%;

}


#texthome {
float:left;
width: 65%;

}


#main {
float:left;
margin-top:110px;
width: 100%;
}

#main_gallery {
float:left;
margin-top:110px;
margin-right: 0px;
width: 100%;
}

#main ul {
padding-left: 20px;
}


/* --- links --- */

a:link {
color:#4c908d;
text-decoration:none;
text-transform:uppercase;
}

a:hover, li a:hover {
color:#000;
text-decoration:none;
text-transform:uppercase;
}

a:visited {
color:#4c908d;
text-decoration:none;
text-transform:uppercase;
}

/* --- textauszeichnungen --- */

p, #newsbox span, ul {
margin: 0 0 0 0;
}

h2 {
padding: 10px 0 0 0;
}

h1 {
text-align:left;
font-family: georgia;
font-size: 1.8em;
font-weight:normal;
text-transform:uppercase;
margin: 0 0 10px 0;
letter-spacing: 1px;
}

h2 {
text-align:left;
font-family: georgia;
font-size: 1.4em;
font-weight:normal;
text-transform:uppercase;
margin: 0 0 10px 0;
letter-spacing: 1px;
}

h6 {
text-align:left;
font-family: georgia;
font-size: 1.8em;
font-weight:normal;
text-transform:uppercase;
margin: 10px 0 15px 0;
letter-spacing: 1px;
}



.system {
text-align:center;
padding:1em;
border:1px solid #9FBCDE;
background:#FFF;
}

.counter, .adminlink {
width:100%;
text-align:center;
margin:1em auto;
}

div.newseintrag {
margin:0 0 10px 0px;
clear:left;
border:none;
padding:7px 7px 7px 0;
background:transparent url(design/box_bg.png) no-repeat top left;
}

div.newseintrag h3 {
font-family:Georgia, "Times New Roman", Times, serif;
color: #ffffcc;
font-size: 1.7em;
letter-spacing: 1.1px;
text-decoration:none;
font-weight:normal;
margin-bottom: 10px;
padding: 0 0 10px 7px;
text-transform:uppercase;
}

div.newseintrag h3 a {
color: #ffffcc;
}


/* Presseeintrag */
div.presseeintrag {
margin:0px 0px 10px 0px;
clear:left;
border:none;
padding:7px 7px 7px 0px;
background: url(design/box_bg.png) no-repeat top left transparent;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing: 1.1px;
text-decoration:none;
font-weight:normal;
}

div.presseeintrag h3 {
font-family:Georgia, "Times New Roman", Times, serif;
color: #ffffcc;
font-size: 1.7em;
letter-spacing: 1.1px;
text-decoration:none;
font-weight:normal;
margin-bottom: 10px;
padding: 0 0 10px 7px;
text-transform:uppercase;
}

div.presseeintrag h3 a {
color: #ffffcc;
}

div kontakt .textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
div kontakt .textinputHovered {
	background-position:left bottom;
}


ul.presseeintrag {
margin:20px 0 0 0;
text-align:center;
border-top:1px dotted #000;
}

ul.presseeintrag li, #footer ul li{
list-style:none;
display:inline;
}



ul.newseintrag {
margin:20px 0 0 0;
text-align:center;
border-top:1px dotted #000;
}

ul.newseintrag li, #footer ul li{
list-style:none;
display:inline;
}

li.n1 {
float:left;
text-align:left;

}
li.n2 {
text-align:center;

}
li.n3 {
float:right;
text-align:right;
}

tr.row0 {
background: #f0f0f0;
border-bottom: 1px solid #909090;
}

tr.row1 {
background: #d0d0d0;
border-bottom: 1px solid #909090;
}


textarea {
background: #f0f0f0;
}

table.fundliste {
padding: 5px;
margin: 0px;
background-color: #f0f0f0;
}

td.suche_fundliste {
background-color: #ff957A;
padding: 4px;
margin-bottom: 20px;
border-top: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
}

td.gefunden_fundliste {
background-color: #8fd600;
padding: 4px;
margin-bottom: 20px;
border-top: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
}

table.mitfahrzentrale {
padding: 5px;
margin: 5px;
background-color: #f0f0f0;
border: 1px solid #c0c0c0;
font: 10px 
}



/* ----- Background für Tabelle - Migliederverwaltung ----- */
tr.row0 {
background-color: #f0f0f0;
}

tr.row1 { 
background-color: #7AAFFF;
}

tr..tab_head {
background-color: #0066FF;
}


#versteckt {
  display:none;
}




/* ----- Lightbox2 Styles ----- */

#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:lightbox2/image/gif); /* Trick IE into showing hover */ display: block; }
/* #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:lightbox2/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(../lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox2/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; 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-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#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; }