@import url("navi.css");

* { margin: 0; padding: 0; }
img { border: none; }
ul, ol, dl { list-style: none; }
a { text-decoration: none; cursor: pointer; }
:focus { outline: 0; }


body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #009; font-size: 10px !important; background: #DCF0CC; }

#container { width: 999px; padding-bottom: 108px; } 
#page { }

#header { height: 126px; }
#typo  { height: 80px; }
	#page.start #typo { height: 126px; background: url(layout/0typotrans.gif) 18px 18px no-repeat;	}
	#page.lag #typo { background: url(layout/1typotrans.gif) 18px 18px no-repeat;	}
		#page.news #typo { background: url(layout/1typotrans.gif) 18px 18px no-repeat; }
	#page.mitglied #typo { background: url(layout/2typotrans.gif) 18px 18px no-repeat; }
	#page.kontaktboerse #typo { background: url(layout/3typotrans.gif) 18px 18px no-repeat; }
	#page.presse #typo { background: url(layout/4typotrans.gif) 18px 18px no-repeat;	}
	#page.kontakt #typo { background: url(layout/5typotrans.gif) 18px 18px no-repeat; }
	#page.mitglieder #typo { background: url(layout/6typotrans.gif) 18px 18px no-repeat; }
#home { padding-left: 18px; }
#home a:link, #home a:visited  { font-size: 1em; color: #009; font-weight: bold; }
#home a:focus, #home a:hover, #home a:active { color: #C00; }

#mainNav { }
	
#content { float: left; width: 999px; margin-top: 90px; }	
	#text { float: left; width: 684px; padding: 0 18px 0 126px; }
	#news { float: left; width: 171px; margin-top: 9px; }


/* Hauptnavigation 	*/
#mainNav { }
#mainNav ul { float: left; padding: 0 0 0 120px; white-space: nowrap; }
#mainNav ul li { float: left; height: 18px; /*padding: 0 36px 0 24px;*/ padding: 0 20px 0 24px; background: url(layout/bg_li-mainNav.gif) bottom left no-repeat; }
	#mainNav ul li.mitglieder /* letztes item ohne padding rechts */ { padding-right: 0; }
/* fly out menue */
#mainNav ul li ul { position: absolute; left: -999em; width: 180px; padding: 9px 0 9px 0; z-index: 100; background: #DCF0CC; }
	/*#mainNav ul li.mitglieder ul { width: 144px; }*/
#mainNav ul li:hover ul,  #mainNav ul li.sfhover ul { left: auto; margin-left: -24px; }
#mainNav ul li ul li { float: none; background: none; padding: 0 0 0 24px; }
/* links */
#mainNav ul li a  { display: block; font-size: 1em; line-height: 1.8em; color: #009; font-weight: bold; }	
#mainNav ul li:hover a,  #mainNav ul li.sfhover a { color: #C00; }
/* current links und links 2. Ebene siehe navi.css */
	#mainNav ul li.nav-presse a { cursor: default; }
	#mainNav ul li.nav-presse ul li a { cursor: pointer; }
	

/* newsBoxen rechts */
#news { }
.newsTyp { border-top: 4px solid #C00; border-left: 4px solid #C00; width: 159px; padding: 4px; margin-bottom: 18px; }


/* Fließtext */
/*#text { margin-top: 108px; padding-left: 126px; }*/


/* Bild-Text Kombi, zweispaltig */
#text .twoCols { float: left; width: 612px; padding: 0 0 2.6em 18px; }
#text .twoCols	.left, #text .twoCols .right { float: left; width: 288px; }
#text .twoCols	.left { margin-right: 36px; }
#text .twoCols .left .bildText img, #text .twoCols .right .bildText img { float: left; margin: 0 18px 18px 0; }
#text .twoCols .left .bildText p, #text .twoCols .right .bildText p { float: left; width: 162px; padding-left: 0; }
#text .twoCols .left .nurText p, #text .twoCols .right .nurText p { clear: left; width: 288px; padding: 0; }


/* Tabelle */
table { width: 612px; border-bottom: 2px solid #FFF; margin: 0 0 2.6em 18px; }
	table.mitgliederadressen { width: 855px; }
tr { background: url(layout/bg_tr.gif) top left repeat-x; }
td, th  { text-align: left; vertical-align: top; font-size: 1.2em; line-height: 130%; /*border-top: 2px solid #FFF;*/  padding: 8px 18px 6px 0; }
	.mitgliederadressen td { font-size: 1.1em; }
/* kontaktbörse */
.ort { /*white-space: nowrap;*/ }
.thema {}
.kontakt {}
.termin { white-space: nowrap; }


/* Textformatierung */
h1 { font-weight: normal; font-size: 3.6em; line-height: 130%; letter-spacing: -1px; padding-bottom: .4em; }
h2 { font-size: 1.3em; line-height: 130%; }
p { font-size: 1.3em; line-height: 130%; padding-bottom: 1.3em; }
.small { font-size: 11px; }

	#page.start h1 { font-weight: normal; font-size: 3em; line-height: 130%; letter-spacing: -1px; padding-bottom: .4em; width: 612px; margin-bottom: 108px; }
	#page.start h2, #page.start p { margin-left: -126px; width: 360px; }

#text h2, #text p, #text ul, #text ol { padding-left: 18px; }
#text h2, #text p, #text ul, #text ol  { width: 504px; }
#text h1 { width: 522px; }

#text ul, #text ol { font-size: 1.3em; line-height: 130%; padding-bottom: 1.3em; }
	#text ol { list-style-type: decimal; }
#text ul li { padding-left: 12px; background: url(layout/bg_li.gif) 0 .4em no-repeat; }
#text ol li { margin-left: 24px; }

#news h1, #page.start #news h1 { font-weight: bold; font-size: 1.1em; line-height: 130%; letter-spacing: 0; padding-bottom: .2em; width: auto; margin-bottom: 0; }
#news ul { list-style: disc; color: #690; padding-left: 18px; }
#news ul li { font-size: 1.1em; line-height: 130%; font-weight: bold; }

/* Links */
#text a:link, #text a:visited { color: #009; border-bottom: 1px solid #009; }
#text a:focus, #text a:hover, #text a:active { border-bottom: 1px solid #C00; }

#text a.weiter { padding-left: 14px; background: url(layout/bg_weiter.gif) 0 .3em no-repeat; }
#text a.zurueck { padding-left: 14px; background: url(layout/bg_zurueck.gif) 0 .3em no-repeat; }
#text a.download { padding-left: 14px; background: url(layout/bg_download.gif) 0 .3em no-repeat; }

#news ul li a:link, #news ul li a:visited { color: #690; }
#news ul li a:focus, #news ul li a:hover, #news ul li a:active { text-decoration: underline; }
#page.termin01 #news ul li.termin01, #page.termin02 #news ul li.termin02,
#page.termin03 #news ul li.termin03, #page.termin04 #news ul li.termin04 {font-weight: normal; }
#page.meldung01 #news ul li.meldung01, #page.meldung02 #news ul li.meldung02,
#page.meldung03 #news ul li.meldung03, #page.meldung04 #news ul li.meldung04 {font-weight: normal; }




/* Browser-Hacks */
/* ************************************************ */
/* ************************************************ */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */