/* 	

	** WLLV-FORMATE - NORMALANSICHT **

	

	Letzte Aenderung: 15.05.2007

	

	Anmerkungen:

	

	- alle Elementeigenschaften sind in der Reihenfolge aufgelistet, in der sie im Quelltext vorkommen

	- Hacks f�r die Formatierung im Internet Explorer sind am Ende der Datei zusammengefasst



*/



/* Alle Innen- und Au�enabst�nde auf Null setzen */

* {

	padding: 0;

	margin: 0;	

	font-family: "Trebuchet",Verdana,sans-serif;

}



/* Setzen der Gesamth�he */

html {

	height:100%;				
	
}



/* Body-Eigenschaften (Sp�tere Textgr�ssen per "em" relativ anpassen) */

body {		

	font-size: 80%;

	line-height: 1.4em;	

	height: 100%;

	background-color: #F3F3F3;				

	font-family: "Trebuchet",Verdana,sans-serif;

}



/* Standardeigenschaften f�r Elemente */

h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select, legend, fieldset, label {

	color: #000000;
	
	font-family: "Trebuchet MS",Verdana, sans-serif;

}

/* Größen und Abstände f�r �berschriften */

h1 {
	font-size: 1.25em;
	margin-top: 0.85em;
	margin-bottom: 0.85em;	
	color: #006000;	
}

h2 {
	font-size: 1.35em;
	margin-top: 0.85em;
	margin-bottom: 0.85em;
	color: #006000;
}


h3 {
	font-size: 1.25em;
	margin-top: 0.85em;
	margin-bottom: 0.85em;	
	color: #006000;	
}


h4 {
	font-size: 1.15em;
	margin-top: 0.85em;
	margin-bottom: 0.85em;	
	color: #000000;	
}


h5 {
	font-size: 1.2em;
	margin-top: 0.85em;
	margin-bottom: 0.85em;	
	color: #006000;	
}


h6 {
	font-size: 1.1em;
	margin-top: 0.85em;
	margin-bottom: 0.85em;	
	color: #006000;	
}






/* Standardeigenschaften f�r Links */

a:link { 

	font-weight:normal; 

	color: #006000; 

	text-decoration:none; 

}

a:visited { 

	font-weight:normal; 

	color: #006000; 

	text-decoration:none; 

}



a:hover { 

	font-weight:normal; 

	color: #006000; 

	text-decoration:underline; 

}



a:focus { 

	font-weight:normal; 

	color: #006000; 

	text-decoration:underline; 

}

a:active { 

	font-weight:normal; 

	color: #006000; 

	text-decoration:underline; 

}



/* Standardeigenschaften f�r Bilder und Bild-Links */

img, a img {

	border: 0;

}



/* Standardeigenschaften f�r Abs�tze */

p  {

	font-size: 1em;

	line-height: 1.3em;
	/* Blocksatz erzwingen */
	/*text-align:justify;*/
}



/* Standardeigenschaften f�r Listen */

ul {	

	list-style: square;

	position: relative;

}


li {	

	list-style: square;

	position: relative;

	margin-left: 20px;

}



/* Klasse zum Verstecken von Elementen (z.B. Skiplinks) */

.unsichtbar {

	display: none;

}



/* Globaler Rahmen (Positionierung) */

#rahmen {	

	width: 780px;

	border: 0px solid #000000;

	/* Zentrierung - im IE mu� "text-align: center;" f�r das Elternelement angegeben werden */

	margin:auto;

	background-image: url(../gfx/bg.gif); 

	background-repeat: repeat-y;

	min-height: 75%;

	/* im IE testen! */

	/*overflow: auto;*/

	overflow: auto;

}



#footer {	

	width: 780px;

	border: 0px solid #000000;

	/* Zentrierung - im IE mu� "text-align: center;" f�r das Elternelement angegeben werden */

	margin:auto;

	background-image: url(../gfx/footer.gif); 

	background-repeat: no-repeat;

	height: 21px;

}



#footer p {	

	padding-left: 25px;

	padding-top: 5px;

	font-size: 0.75em;

	color: #FFFFFF;	

}



/* Oberer Bereich */

#links {

	width: 197px;

	height: 100%;		

	float: left;		

	display: inline;	

}



/* Blaue Box mit Logo */

#wllvlogo {		

	background-image: url(../gfx/wllvlogo.gif); 

	width: 197px; 

	height: 150px; 

	line-height: 150px; 

	background-repeat: no-repeat;

	vertical-align: middle;

}



/* Rahmen f�r die Navigation (Boxmodell-Hack f�r die Ausrichtung im IE) */	

#navigationsausrichtung {		

	height: 70%;	

	text-align: right;		

}



/* Navigationscontainer */

#navigation {		

	/*

	padding-top:10px;

	padding-bottom:10px;

	*/

	text-align: left;			

}

	

/* Eigenschaften f�r Navigationslisten */	

#navigation ul, #navigation li {

	padding: 0px;
	
	margin: 0px;	

	list-style: none;	

	border: none;

	/* Falschausgabe einer Leerzeile im IE verhindern */	

	width: 100%;			

}



/* Eigenschaften f�r Navigationslistenelementlinks (Normalzustand - Ebene1) */	
/* #navigation li a , #navigation li a:link , #navigation li a:hover, #navigation li a:active, #navigation li a:focus {	*/
#navigation li a , #navigation li a:link , #navigation li a:active, #navigation li a:focus {	

	display: block;		

	background-image: url(../gfx/menu_rot.gif); 

	width: 197px; 

	line-height: 32px; 

	background-repeat: repeat-y;	

	/* Falschausgabe einer Leerzeile im IE verhindern */	

	width: 100%;	

	font-family: "Trebuchet",Verdana,sans-serif;

	font-size: 0.9em;

	font-weight: bold;

	text-indent: 20px;

	color: #FFFFFF;

	text-decoration: none;	

}



/* Eigenschaften f�r Navigationslistenelementlinks (Normalzustand - Ebene2) */	

#navigation li li a, #navigation li li a:link, #navigation li li a:visited {	

	background-image: none; 

	line-height: 20px;

	font-size: 0.82em;

	/* font-weight: normal; */

	color: #000000;

	width: 100%;	

}



/* Eigenschaften f�r Navigationslistenelementlinks (Hover, Focus - Ebene1) */		

#navigation li a.aktiv {

	background-image: url(../gfx/menu_hover.gif); 

	height: 31px; 

	background-repeat: repeat-y; 

	/* color: #F5F5F5;	*/

	/* font-weight: bold; */

}



/* Eigenschaften für Navigationslistenelementlinks (Hover, Focus - Ebene2) */		

#navigation li li a.aktiv, #navigation li li a:hover, #navigation li li a:active, #navigation li li a:focus {

	font-size: 0.82em;

	background-image: none; 

	height: 20px; 

	line-height: 20px;

	height: auto;

	/* font-weight: normal; */

	color: #006000; 

}



/* Weitere Ebenen einrücken */

#navigation li li {

	padding-left: 0px;
	/* Breite für den Scheiss IE6 anpassen.. */
	width: 177px;	
}


/* Weitere Ebenen einrücken */

#navigation li li li {
	padding-left: 10px;
	/* Breite für den Scheiss IE6 anpassen.. */
	width: 177px;	
}

/* Linkbreite automatisch skalieren */

html>body #navigation li a { 

	width: auto; 

}



/* Oberer Bereich */

#rechts {

	width: 583px;

	height: 100%;			

	float: right;			

	display: inline;

}

	



/* Breadcrumb-Navi, Suche, Druckversion, Internetanmeldung */

#kopfbild { 

	width: 583px; 			

	height: 150px;	

	/*line-height: 189px;	*/

	/*text-align: right;*/

}

.standard {
	background-image: url(../gfx/head_verband.gif); 
}

.aktuelles {
	background-image: url(../gfx/head_aktuelles.gif); 
}

.verband {
	background-image: url(../gfx/head_verband.gif); 
}

.meinung {
	background-image: url(../gfx/head_meinung.gif); 
}

.projekte {
	background-image: url(../gfx/head_projekteaktionen.gif); 
}

.veranstaltungen {
	background-image: url(../gfx/head_veranstaltungen.gif); 
}

.partner {
	background-image: url(../gfx/head_partner.gif); 
}


#kopfbild ul { 
		
	/* border: 0px solid #000000; */
	
	/* display: inline; */	
	
	text-align: right;
	
	padding-right: 25px;

}

#kopfbild ul li {

	margin: 0px;

	background-color: #FFFFFF;		

	display: inline;	
	
	padding-top: 3px;	
	
	padding-bottom: 3px;		
	
	padding-left: 10px;
	
	padding-right: 10px;
}

#kopfbild ul li a {

	font-size: 0.85em;

}

/* Pfad */

#pfad {	

	background-image: url(../gfx/breadcrumb.gif); 

	width: 583px; 

	line-height: 31px;

	height: 31px;

	display: block;	

}

	

/* Eigenschaften f�r Pfadlisten */	

#pfad ul {	

	padding-left: 17px;

	list-style: none;

	border: none;

	display: inline;

}



/* Eigenschaften f�r Pfadlistenelemente */

#pfad li {		

	font-size: 0.85em;
	
	font-weight: bold;

	color: #FFFFFF;

	vertical-align: bottom;	

	padding-left: 3px;		

	display: inline;

	margin: 0px;
}



/* Aussenabstand f�r Pfadlinks (Bild) */

#pfad a {		

	margin: 2px;

	color: #FFFFFF;

}



/* Titel (<h1>) */

#titel {	

	background-image: url(../gfx/titel.gif); 

	width: 583px; 

	line-height: 47px;

	display: block;	

}



#titel h1 {	

	font-size: 1.25em;

	color: #006000;

	margin: 0px;

	padding-left: 20px;

	font-weight: normal;

}



/* Rahmen f�r den Inhalt (Boxmodell-Hack f�r die Ausrichtung im IE) */	

#inhaltsausrichtung {	

	margin:0 auto;	

	display: block;	

}



/* Inhaltscontainer */

#inhalt {	

	font-size: 1em;

	font-weight: normal;	

	border: 0px solid #DFDFDF;				 

	padding: 10px 20px 10px 20px;			

	display: block;
}



/* Boxmodell-Hacks f�r die Ausrichtung im IE (skaliert die H�hen und Breiten) */



/* Boxen */

* html,  * html #wllvlogo { 			

	/* Version 5.x */	

	height: 150px;

	/* Version 6 */

	heigh\t: 150px;	    	

}



/* Navi (�berl�nge verhindern) */

* html #navigation {  

	/* Version 5.x */

	width: 197px; 

	/* Version 6 */

	w\idth: 197px;

}



/* Inhalt (IE kennt "min-height" nicht) */

* html #inhaltsausrichtung {  

    

}



/* Graue Box oben */

* html #kopfbild {

	/* Version 5.x */

	height: 150px;	    

	/* Version 6 */

	heigh\t: 150px;	

}



/* Pfadlisten-Navigation */

* html #pfad {	

	/* Version 5.x */

	height: 31px;	    

	/* Version 6 */

	heigh\t: 31px;	

}



/* Linker Bereich (Navigation etc.) */

* html #links {	

	/* Version 5.x */

	height: 100%;	    

	/* Version 6 */

	heigh\t: 100%;	

}

/* Italic-Bug des IE fixen und vorm Mac-IE verstecken \*/
* html inhaltsausrichtung {
	overflow: visible;
}
/* Fix-Ende */


/* Eigenschaften für die Spalten auf der Startseite */

#startseite_linke_spalte {
	float: left; width: 400px;  
	overflow: hidden;  
}

#startseite_rechte_spalte {
	display: inline;
	float: right;
}

/* Klassen für die Shortcuts auf der Startseite */

.shortcut {
	text-align: left; 
	margin-bottom: 10px; 
	border: 1px solid #DFDFDF; 
	background-color:#006000;
	width: 120px;
}

.shortcut p {
	margin: 4px;
	vertical-align:middle;
	font-size: 0.8em; 
	color: #FFFFFF;	
}

/* Liste f�r die Sitemap */

.sitemap ul li {

	margin-left: 65px;	

	/* Links in Ebenen verkleinern (relative Angabe) */

	font-size: 0.95em;	

}

/* RTE Klassen formatieren */



/* Allgemeine Ausrichtungen */

.align-right {

	text-align: right;	

}


.align-justify {

	text-align: justify;	

}

/* Bilder Auszeichnungen, f�r CSS-Styled-Content */



/* Ausrichtung f�r Text und Abs�tze  */

p.align-left, div.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }

p.align-center, div.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }

p.align-right, div.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

p.align-justify, div.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, td.align-justify { text-align: justify; }


DIV.wichtig, P.wichtig { background-color: #EDEBF1; padding: 2px 4px 2px 4px; margin-bottom:5px; margin-top:5px; border: 1px solid #333333; font-weight: bold; font-size: 1.2em;}


/* Eigenschaften für Formulare (Suche, Login, etc.) */



form {

	/* width: 50%; */

	/* margin: 20px; */		

}



fieldset {

   	padding: 10px;   	   	
	border: 0;
}



fieldset p {

   	padding: 5px;

}



legend {

   	font-weight: bold;

   	font-size: 1.2em;

	text-transform: uppercase;

	padding: 5px;	

}

   	

label {

	font-weight: bold;   	

   	display: block;

}



textarea {

   	width: 350px;

   	height: 125px;

	margin: 10px 0 10px 10px;

}



input, select, textarea {

	border: 1px solid #999999;

	background: #FFFFFF;

	color: #000000;

	padding: 2px;

	margin: 5px;	

}



label, input[type=checkbox], input[type=radio] {

	cursor: pointer;

}



input:focus, select:focus, textarea:focus {

	/* Hervorhebung fokussierter Elemente */

	border: 1px dashed #000000;	

}



/* Klassen für die Galerie */




.galerie {
	clear: both;

}



.galerie-gross a {

	border:1px solid #CCCCCC;

	padding:5px;

	background-color:#FFFFFF;

	text-align:center;

	display:block;

	padding: 20px;

}



.galerie-gross a:hover {

	border:1px solid #999999;

	padding: 20px;

}



.galerie-klein a {

	border:1px solid #CCCCCC;

	background-color:#FFFFFF;

	padding:4px;

	margin-right:6px;

	margin-bottom:3px;

	margin-top:3px;

	float:left;	

}


.galerie-klein a:hover {

	border:1px solid #000000;

}


.galerie-klein-aktiv a {

	border:1px solid #000000;

	background-color:#FFFFFF;

	padding:4px;

	margin-right:6px;

	margin-bottom:3px;

	margin-top:3px;

	float:left;

}


.galerie-klein-aktiv a:hover {

	border:1px solid #000000;

}

/* Veranstaltungen */

.tx-ttnews-browsebox-SCell p a:link, .tx-ttnews-browsebox-SCell p a:visited, .tx-ttnews-browsebox-SCell p a:focus, .tx-ttnews-browsebox-SCell p a:hover, .tx-ttnews-browsebox-SCell p a:active {
	font-weight: bold;
	color: #006400;
	text-decoration: none;
}

/*
.tx-ttnews-browsebox-SCell p a, .tx-ttnews-browsebox-SCell p a:link, .tx-ttnews-browsebox-SCell p a:active, .tx-ttnews-browsebox-SCell p a:focus {
	font-weight: bold;
	color: #006400;
	text-decoration: underline;
	border: 1px solid #006400;
}
*/
/*
.tx-ttnews-browsebox-SCell a, .tx-ttnews-browsebox-SCell a:link, .tx-ttnews-browsebox-SCell a:active, .tx-ttnews-browsebox-SCell a:focus {
	color: #006400;
	font-weight: bold;
}

.tx-ttnews-browsebox-SCell {
	border: 1px solid #AFAFAF;
}
*/

/* Tabellen, Tabellenzellen, -inhalte, etc. */

.contenttable {
	font-family: "Trebuchet",Verdana,sans-serif;	
}

.contenttable th {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 0.85m;
}

.contenttable td {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 0.8em;
}

.contenttable caption {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0.85em;
	margin-bottom: 0.85em;	
}





	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	{$styles.content.imgtext.borderSelector} {
		border: {$styles.content.imgtext.borderThick}px solid {$styles.content.imgtext.borderColor};
		padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; height: 15px; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: {$styles.content.imgtext.colSpace}px;
		/* padding: 5px; */
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpace}px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: {$styles.content.imgtext.colSpace}px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: {$styles.content.imgtext.rowSpace}px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: {$styles.content.imgtext.rowSpace}px; display: block; }
	/*DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }*/
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; padding-top: 15px; padding-bottom: 15px;}

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		/*margin-right: {$styles.content.imgtext.textMargin}px !important;*/
		/* Abstand Bild, Text */
		margin-right: 15px;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: {$styles.content.imgtext.textMargin}px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; padding: 3px;}

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	/*DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }*/
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left;}

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */