/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
body	{ }
ol, ul  { list-style: none; }

/* remember to define focus styles! */
:focus  { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table 	{ /* border-collapse: collapse; border-spacing: 0; */ }


/*---------------------------------------------- 
				F A R B E N

font grau: 	#7b7b7b;
türquis:	#00959f;
blau:		#013c5a;
------------------------------------------------*/


/*---------------------------------------------- 
				A L L G E M E I N
------------------------------------------------*/




body {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:12px; color:#7b7b7b; text-align: left; line-height:17px;
	margin:0px; padding:0px;
	background: #fff url(body_bg.gif) repeat-x; }

#container {
	background-color: #fff;
	width:980px;
	margin: 0px auto; /* zentriert die Seite */  }

#top {
	height:128px; font-size:11px;
	background: #fff url(top_bg.jpg) repeat-x; }

#rootnavi {
	height:25px;
	width:610px;
	margin-left:185px;
	/* background: url(topnav_off.jpg) repeat-x; */}
	
#header {
	height:235px;
	background: #fff url(header_bg.gif) repeat-x; }

#main {
	overflow:hidden; 	/* damit die floats nach der Navi gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */
	padding: 50px 0; }

#col1 {
	float:left;
	width:185px; 
	position:relative; 	/* damit das #graphic absolut platziert werden kann*/
	min-height:600px;
	height: auto !important;	/* IE6 hack */
	height:600px;			/* IE6 hack */
}

#col2 {
	float:left;
	width:530px; /* 610-40-40*/
	margin:0 40px 0 40px; }

#col3 {
	float:left;
	width:185px; }

#bottom {
	height:52px;
	line-height:52px;
	text-align:center;
	background: #fff url(bottom_bg.jpg) no-repeat; }



/*---------------------------------------------- 
				T O P
------------------------------------------------*/

.topinfos_right 	{ float:right; line-height:25px;}
.topinfos_left 		{ float:left; line-height:25px;}
.topinfos_left li 	{ float:left; margin-right:10px; }

div.topinfos_left a:link 	{ color: #00959f; font-weight:normal; text-decoration: none; }
div.topinfos_left a:visited { color: #00959f; font-weight:normal; text-decoration: none; }
div.topinfos_left a:active 	{ color: #013c5a; font-weight:normal; text-decoration: none; }
div.topinfos_left a:hover 	{ color: #013c5a; font-weight:normal; text-decoration: none; }

div.topinfos_right a:link 	{ color: #00959f; font-weight:normal; text-decoration: none; }
div.topinfos_right a:visited{ color: #00959f; font-weight:normal; text-decoration: none; }
div.topinfos_right a:active	{ color: #013c5a; font-weight:normal; text-decoration: none; }
div.topinfos_right a:hover 	{ color: #013c5a; font-weight:normal; text-decoration: none; }




.anker { margin-top:25px; text-align:right;}
	
div.anker a:link 	{ color: #00959f; text-decoration: none; }
div.anker a:visited { color: #00959f; text-decoration: none; }
div.anker a:active 	{ color: #013c5a; text-decoration: none; }
div.anker a:hover 	{ color: #013c5a; text-decoration: none; }


/*---------------------------------------------- 
				H E A D E R 
------------------------------------------------*/
.header_left {
	width:185px;
	min-height:235px;
	height: auto !important;	/* IE6 hack */
	height:235px;				/* IE6 hack */
	background: url(header_left.gif) no-repeat;
	float:left; }

.header_middle {
	width:610px;
	min-height:235px;
	height: auto !important;	/* IE6 hack */
	height:235px;				/* IE6 hack */
	float:left; }

.header_right {
	width:185px;
	min-height:235px;
	height: auto !important;	/* IE6 hack */
	height:235px;				/* IE6 hack */
	background: url(header_right.gif) no-repeat;
	float:left; }




/*---------------------------------------------- 
				B O T T O M 
------------------------------------------------*/


#bottom a:link 		{ color: #00959f; text-decoration: none; }
#bottom a:visited 	{ color: #00959f; text-decoration: none; }
#bottom a:active 	{ color: #013c5a; text-decoration: none; }
#bottom a:hover 	{ color: #013c5a; text-decoration: none; }

/*---------------------------------------------- 
				C O L 1
------------------------------------------------*/


#col1module {		/* in der ersten Colonne die Module fest platzieren, damit sie nicht mit der Navi bewegt werden. */
	position:absolute; 	/* bezieht sich auf das #main */
	top:380px; right:0px;
}


/*  - - - - - - - -   rex4mod - 16 - Message - - - - - - - - - - */

.colmessage { font-family: Helvetica, Verdana, Arial, sans-serif; font-size:12px; color:#7b7b7b; line-height:17px; width:180px;} /* 185 macht rechts Probleme ! */
.colmessage h1 { font-size: 12px; line-height:18px; color:#013c5a; margin-bottom: 5px; }

.colmessage a:link 		{ color: #00959f; text-decoration: none; }
.colmessage a:visited 	{ color: #00959f; text-decoration: none; }
.colmessage a:active 	{ color: #013c5a; text-decoration: none; }
.colmessage a:hover 	{ color: #013c5a; text-decoration: none; }

#col3 img { margin-bottom:15px; }


/* --------------------- T O P N A V I --------------------- */

.topnavi { }

ul.topnavi li {				/* setzt die Elemente nebeneinander*/
	/* border: 1px solid #000;  */
	float:left;	
}

ul.topnavi a {		
	/* border: 1px solid #000;	*/	 							/* BUTTON NORMAL */
	display:block; /*	damit kann man die Linkhöhe und -breite definieren. Klappt im IE 6 NICHT, daher der Hack mit min-width */	
	/* position: absolute;		 */									/* damit man die Position der Links bestimmen kann*/
	height:25px;												/* Höhe des Linkbildes */
	line-height:25px;
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:14px; font-weight:normal; color:#fff; text-decoration: none;
	width:75px;
	text-align:center; 
	border-right:1px solid #fff;}
	
	
ul.topnavi a.nav1off 		{ background-image:url(nav1.jpg); background-position: left top; width:78px; }		
ul.topnavi a.nav1off:hover 	{ background-image:url(nav1.jpg); background-position: left bottom; width:78px; }
ul.topnavi a.nav1on 		{ background-image:url(nav1.jpg); background-position: left bottom; width:78px; }

ul.topnavi a.nav2off 		{ background-image:url(nav2.jpg); background-position: left top; } 
ul.topnavi a.nav2off:hover 	{ background-image:url(nav2.jpg); background-position: left bottom; }
ul.topnavi a.nav2on 		{ background-image:url(nav2.jpg); background-position: left bottom; }

ul.topnavi a.nav3off 		{ background-image:url(nav3.jpg); background-position: left top; } 
ul.topnavi a.nav3off:hover 	{ background-image:url(nav3.jpg); background-position: left bottom; }
ul.topnavi a.nav3on 		{ background-image:url(nav3.jpg); background-position: left bottom; }


ul.topnavi a.nav4off 		{ background-image:url(nav4.jpg); background-position: left top; } 
ul.topnavi a.nav4off:hover 	{ background-image:url(nav4.jpg); background-position: left bottom; }
ul.topnavi a.nav4on 		{ background-image:url(nav4.jpg); background-position: left bottom; }

ul.topnavi a.nav5off 		{ background-image:url(nav5.jpg); background-position: left top; } 
ul.topnavi a.nav5off:hover 	{ background-image:url(nav5.jpg); background-position: left bottom; }
ul.topnavi a.nav5on 		{ background-image:url(nav5.jpg); background-position: left bottom; }

ul.topnavi a.nav6off 		{ background-image:url(nav6.jpg); background-position: left top; } 
ul.topnavi a.nav6off:hover 	{ background-image:url(nav6.jpg); background-position: left bottom; }
ul.topnavi a.nav6on 		{ background-image:url(nav6.jpg); background-position: left bottom; }

ul.topnavi a.nav7off 		{ background-image:url(nav7.jpg); background-position: left top; } 
ul.topnavi a.nav7off:hover 	{ background-image:url(nav7.jpg); background-position: left bottom; }
ul.topnavi a.nav7on 		{ background-image:url(nav7.jpg); background-position: left bottom; }

ul.topnavi a.nav8off 		{ background-image:url(nav8.jpg); background-position: left top; border-right:0px;} 
ul.topnavi a.nav8off:hover 	{ background-image:url(nav8.jpg); background-position: left bottom; border-right:0px;}
ul.topnavi a.nav8on 		{ background-image:url(nav8.jpg); background-position: left bottom; border-right:0px;}


/* --------------------- jquery Apple Navi --------------------- */


/* --------------------- Navi zurücksetzen --------------------- */

/* damit im explorer die listenpunkte verschwinden und man die elemente genau positionieren kann */
ul,ol,li { margin:0; padding:0 }

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

.basic  {							/* Hauptcontainer */
	width: 185px;
	float:left;
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:14px; text-align: left; 
	background-color:#FFFFFF; 		/* muss definiert sein */ 
	margin-bottom:50px; }

.basic div { }


/* --------- L E V E L   1 --------- */

.basic a.lev1 {
	display:none;
	font-weight:normal; color:#fff; text-decoration: none; line-height:25px;
	cursor:pointer;
	display:block;
	margin-bottom:1px; padding-left:15px;
	background-image:url(applenavi_lev1.jpg); background-position: left top; }

.basic a.lev1:hover 	{ background-image:url(applenavi_lev1_on.jpg); background-position: left bottom; }
.basic a.selected 		{ background-image:url(applenavi_lev1_on.jpg); background-position: left bottom; }


/* --------- L E V E L   2 --------- */

ul.nav2nd {
	margin: 0; 
	padding: 5px 0;
	background-color: #fff; }

ul.nav2nd li 	{ list-style: none; }

ul.nav2nd a, ul.nav2nd a:link {
	font-weight:normal; color:#013c5a; text-decoration: none; line-height:25px;
	display:block;
	padding-left:15px; }

ul.nav2nd a:hover 									{ color:#00959f; }
ul.nav2nd li a.current, ul.nav2nd li a.current:link { color:#00959f; }
ul.nav2nd li a.current:hover 						{ color:#00959f; }



	
	

/* --------------------- Easy Slider  --------------------- */

#slider { 					/* Hauptcontainer */
	visibility: hidden; 	/* Lösung: alle Bilder werden bei reload kurz eingeblendet */
}


#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none; }

#slider li { 				/* Die Größe der Bilder */
	/*  define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here */ 
	width:696px; height:241px;	/* - - - - DIESE INFORMATIONEN MÜSSEN SOFORT IN DER AUSGABE DES MODULS JEDEM <li> ZUGEWIESEN WERDEN -> SONST SAFARI FEHLER! - - - - */
	overflow:hidden; 
	/* background:#f1f1f1; */ /* zB wenn man Text sliden möchte auf bg */
}	

p#controls {
	margin:0;
	position:relative;
	/* background-color:#CCCCCC; */
	/* height:50px; */
} 

#prevBtn, #nextBtn { 
	display:block;
	width:30px;
	height:77px;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;	
	position:absolute;
	left:-30px;
	top:-160px;
	/* border:1px solid #000; */
}	

#nextBtn { left:610px; }														

#prevBtn a, #nextBtn a {  
	display:block;
	width:30px;
	height:77px;
	background:url(btn_prev.gif) no-repeat 0 0;	
}	

#nextBtn a { background:url(btn_next.gif) no-repeat 0 0; }


/*  - - - - - - - -   mod02 - Titel - - - - - - - - - - */

div.title1 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal;
	font-size: 20px; color: #00959f; line-height:25px;
	margin-bottom: 20px; }

div.title2 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 18px; line-height:20px; color:#00959f; margin-bottom: 10px;
	margin-bottom: 10px; }

div.title3 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 14px; line-height:18px; color:#013c5a; margin-bottom: 10px;
	margin-bottom: 10px; }


/*  - - - - - - - -   rex4mod1 - Artikel schreiben - - - - - - - - - - */

div.rex4mod1 {
	margin-bottom: 10px; 
	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */
	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */
	color:#013c5a;
	font-family: Helvetica, Verdana, Arial, sans-serif; }  

div.rex4mod1_date { display:none; }

div.rex4mod1_title {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal; 
	font-size: 20px; color: #00959f; line-height:25px;
	margin-bottom: 20px; }

div.rex4mod1_editor {
 	font-size: 12px;
	margin-bottom: 10px; } 

div.rex4mod1_editor h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 18px; line-height:20px; color:#00959f; margin-bottom: 10px;
	margin-bottom: 10px; }

div.rex4mod1_editor h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 14px; line-height:18px; color:#013c5a; margin-bottom: 10px;
	margin-bottom: 10px; }

div.rex4mod1_editor ul {
	list-style: disc;
	margin-left:30px; margin-top:10px; margin-bottom:10px; }

div.rex4mod1_editor ol {
	margin-left:35px; margin-top:10px; margin-bottom:10px;
	list-style-type: decimal; } 
	
div.rex4mod1_editor a:link 		{ color: #00959f; text-decoration: none; }
div.rex4mod1_editor a:visited	{ color: #00959f; text-decoration: none; }
div.rex4mod1_editor a:active 	{ color: #013c5a; text-decoration: none; }
div.rex4mod1_editor a:hover 	{ color: #013c5a; text-decoration: none; }

div.rex4mod1_editor table {
	width:530px; } 

div.rex4mod1_editor td {
	background-color: #eeeeee;
	padding-left:5px; padding-right:5px; } 
	
div.rex4mod1_editor thead td {
	background-color: #5a6571; color:#fff;
	padding-left:5px; padding-right:5px; }
	
	


/*  - - - - - - - -   rex4mod2 - News schreiben - - - - - - - - - - */

div.rex4mod2 {
	margin-bottom: 10px; 
	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */
	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */ 
	color:#013c5a; }   

div.rex4mod2_date { display:none; }

div.rex4mod2_title {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:normal;
	font-size: 20px; color: #00959f; line-height:25px;
	margin-bottom: 20px; }
	
	
div.rex4mod2_introcontainer {
	overflow:hidden; 	/* damit die floats nach dem container gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */
}

/* Foto und Text der Einleitung befinden sich in rex4mod2_introcontainer */
	
	div.rex4mod2_introfoto {
		float:left; 
		margin: 5px 20px 10px 0; }
	
	div.rex4mod2_introfoto img { }
	
	div.rex4mod2_introtext {
		font-size: 13px; color: #013c5a; line-height:20px; font-style:italic;
		margin-bottom: 20px; }

/* Foto und Text der Einleitung befinden sich in rex4mod2_introcontainer */

	
div.rex4mod2_editor {
 	font-size: 12px;
	margin-bottom: 10px; } 

div.rex4mod2_editor h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 18px; line-height:20px; color:#00959f; margin-bottom: 10px;
	margin-bottom: 10px; }

div.rex4mod2_editor h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 14px; line-height:18px; color:#013c5a; margin-bottom: 10px;
	margin-bottom: 10px; }

div.rex4mod2_editor ul {
	list-style: none;
	margin-left:0px; margin-top:10px; margin-bottom:10px; }

div.rex4mod2_editor ul li {
	padding-left:30px; 
	background: url(col1_pfeil.gif) no-repeat left top; }

div.rex4mod2_editor ol {
	margin-left:35px; margin-top:10px; margin-bottom:10px;
	list-style-type: decimal; } 
	
div.rex4mod2_editor a:link 		{ color: #00959f; text-decoration: none; }
div.rex4mod2_editor a:visited	{ color: #00959f; text-decoration: none; }
div.rex4mod2_editor a:active 	{ color: #013c5a; text-decoration: none; }
div.rex4mod2_editor a:hover 	{ color: #013c5a; text-decoration: none; }

div.rex4mod2_editor table { width:500px; } 

div.rex4mod2_editor td {
	background-color: #eeeeee;
	padding-left:5px; padding-right:5px; } 
	
div.rex4mod2_editor thead td {
	background-color: #5a6571; color:#fff;
	padding-left:5px; padding-right:5px; }
	
	
	
/*  - - - - - - - -   rex4mod - 3 - Teaser  - - - - - - - - - - */


.teaser {							/* ------ der komplette Teaser ------- */
	margin-bottom:20px;
	font-size: 12px; 
	color:#013c5a; }

.teaserartikel {					/* ------ ein Teaserartikel ------- */
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #5a6571; 		/* muss sein, sonst Probleme in IE7 */
	overflow:hidden; 						/* damit die floats nach dem container gecleared werden*/
	height:100%;							/* IE6 overflow:hidden hack */
}

.teaserdatum {
		font-size: 11px; color:#7b7b7b; line-height:10px; text-align: left; display:none; }

	div.teaserfoto {				/* ------ das Teaserfoto ------- */
		margin: 5px 15px 15px 0px; 
		float:left; }
		
	div.teasertext {				/* ------ die restliche Teaserinfos ------- */
		margin-left:115px; 			/* Breite des Bildes + 	margin-right des Bildes */ }		
	
	.teasertitel {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 20px; color: #00959f; line-height:25px;
	margin-bottom: 20px;}
	
	div.teasertitel a:link 			{ color: #00959f; text-decoration: none; }
	div.teasertitel a:visited 		{ color: #00959f; text-decoration: none; }
	div.teasertitel a:active 		{ color: #013c5a; text-decoration: none; }
	div.teasertitel a:hover 		{ color: #013c5a; text-decoration: none; }
	
	.teasereinleitung 				{	}
	
	.teasereinleitung p 			{ padding:0px; margin:0px; }
		
	div.teasereinleitung a:link 	{ color: #00959f; text-decoration: none; }
	div.teasereinleitung a:visited 	{ color: #00959f; text-decoration: none; }
	div.teasereinleitung a:active 	{ color: #013c5a; text-decoration: none; }
	div.teasereinleitung a:hover 	{ color: #013c5a; text-decoration: none; }

.teasernav 							{ display:none }

div.teasernav a:link 				{ color: #00959f; text-decoration: none; }
div.teasernav a:visited 			{ color: #00959f; text-decoration: none; }
div.teasernav a:active 				{ color: #013c5a; text-decoration: underline; }
div.teasernav a:hover 				{ color: #013c5a; text-decoration: underline; }

.teaserarchivlink 					{ /* display:none */ }

div.teaserarchivlink a:link 		{ color: #00959f; text-decoration: none; }
div.teaserarchivlink a:visited 		{ color: #00959f; text-decoration: none; }
div.teaserarchivlink a:active 		{ color: #013c5a; text-decoration: none; }
div.teaserarchivlink a:hover 		{ color: #013c5a; text-decoration: none; }
	
	
	
	
	/*  - - - - - - - -   rex4mod - 4 - Archiv  - - - - - - - - - - */


.archiv {							/* ------ der komplette Archiv ------- */
	margin-bottom:20px;
	font-size: 12px; 
	color:#013c5a; }

.archivartikel {					/* ------ ein Archivartikel ------- */
	margin-bottom: 10px;
}

.archivdatum {
	font-size: 11px; color:#7b7b7b; line-height:10px; text-align: left; display:none; }

.archivtitel {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold; 
	font-size: 14px; line-height:18px; color:#00959f; margin-bottom: 10px;
	margin-bottom: 10px; }

div.archivtitel a:link 			{ color: #00959f; text-decoration: none; }
div.archivtitel a:visited 		{ color: #00959f; text-decoration: none; }
div.archivtitel a:active 		{ color: #013c5a; text-decoration: none; }
div.archivtitel a:hover 		{ color: #013c5a; text-decoration: none; }

.archiveinleitung 				{ display:none;	}

.archiveinleitung p 			{ padding:0px; margin:0px; }
	
div.archiveinleitung a:link 	{ color: #00959f; text-decoration: none; }
div.archiveinleitung a:visited 	{ color: #00959f; text-decoration: none; }
div.archiveinleitung a:active 	{ color: #013c5a; text-decoration: underline; }
div.archiveinleitung a:hover 	{ color: #013c5a; text-decoration: underline; }

.archivnav 						{ border-top: 1px dotted #5a6571; margin-top:20px; padding-top:10px;}

div.archivnav a:link 			{ color: #00959f; text-decoration: none; }
div.archivnav a:visited 		{ color: #00959f; text-decoration: none; }
div.archivnav a:active 			{ color: #013c5a; text-decoration: none; }
div.archivnav a:hover 			{ color: #013c5a; text-decoration: none; }



/*  - - - - - - - -   rex4mod - 7 - Sitemap  - - - - - - - - - - */

/* Allgemein */

.wglLinkTree                                   	{ margin:0; }
.wglLinkTree *                                 	{ margin:0;padding:0 }
.wglLinkTree ul                                	{ list-style-type:none; }
.wglLinkTree li                                	{ list-style:none; }

/* - - - - Sitemap Level 1 - - - - */

.wglLinkTree .navLevel1 { 
	/* border: 1px dotted #5a6571;  */
	margin:0px 0; 
	font-size:14px; line-height:30px; }

.wglLinkTree .navLevel1 a                     	{ color: #00959f; font-weight:bold; text-decoration: none;}
.wglLinkTree .navLevel1 a:hover                 { color: #00959f; font-weight:bold; text-decoration: underline;}


/* - - - - Sitemap Level 2 - - - - */

.wglLinkTree .navLevel2 {
	margin-left:25px; padding-left:15px; 
	font-size:12px; line-height:16px;
	background-image: url(line.jpg); background-repeat: no-repeat; background-position: left top; }

.wglLinkTree .navLevel2 a                       { color: #013c5a; font-weight:bold; text-decoration: none;}
.wglLinkTree .navLevel2 a:hover              	{ color: #013c5a; font-weight:bold; text-decoration: underline;}


/* - - - - Sitemap Level 3 - - - - */

.wglLinkTree .navLevel3 { 
	margin-left:25px; padding-left:40px; 
	font-size:11px; line-height:16px;
	background-image: url(line2.jpg); background-repeat: no-repeat; background-position: left top; }
	
.wglLinkTree .navLevel3 a                       { color: #013c5a; font-weight:bold; text-decoration: none;}
.wglLinkTree .navLevel3 a:hover              	{ color: #013c5a; font-weight:bold; text-decoration: underline;}


/* - - - - Sitemap Level 4 - - - - */

.wglLinkTree .navLevel4 { 
	margin-left:25px; padding-left:65px; 
	font-size:11px; line-height:16px;
	background-image: url(line3.jpg); background-repeat: no-repeat; background-position: left top; }

.wglLinkTree .navLevel4 a                       { color: #013c5a; font-weight:normal; text-decoration: none;}
.wglLinkTree .navLevel4 a:hover              	{ color: #013c5a; font-weight:normal; text-decoration: underline;}



/*  - - - - - - - -  rex4mod - 13 - do form!  - - - - - - - - - - */


/* --------------------------------------------- */ 
/*			   FORMULAR-DEFINITION				 */
/* --------------------------------------------- */ 

/* Div das das Formular umschließt */

.formgen {
	width:500px;		/* die komplette Breite des Container: darf nicht gelöscht werden! */
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:11px; color:#5a6571; line-height:15px;
	/* border:1px solid #fff; */ }

/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor : pointer; }
	
/* Das Formular an sich: eigentlich unnötig */
.formgen form { /* border:1px solid #ff6600; */ }

/* Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann */

/* Die Fehlermeldung nach Submit */
.forminfo { 
	color: #990000;	font-size: 11px; font-weight:bold;
	/* border:1px solid #000; */
	/* padding:10px; */
	margin: 0 0 10px 0; }
	
	
/* Verhalten von br-Tags */
.formgen br { clear : both; }

/* Verhalten von p-Tags */
.formgen p { 
	padding:0px; 
	margin:0px; 
	/* border:1px solid #ff6600; */ }


/* --------------------------------------------- */ 
/*			   FORMULAR-FELDER					 */
/* --------------------------------------------- */ 


/*	label - Die Feldbezeichnung */
.formgen label {					
	/* border: 1px solid #fff; */ 
	font-size: 11px;
	width: 120px;		/* 140 - 20 */
	clear: left; float: left;
	margin:0 20px 5px 0; 
	padding-left:20px; }
	

/*	text - Textfeld */
.formgen .formtext {
	width: 300px;
	height: 16px;				
	/* padding:3px; */				/* kein padding, da IE Probleme */
	margin-bottom: 4px;
	border: 1px solid #5a6571; 
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:11px; color:#5a6571; line-height:15px;}
	
/*	passwort - Textfeld */
.formgen .formpassword {
	width: 300px;
	height: 16px;				/* 20 -3 -3 */
	/* padding:3px; */				/* kein padding, da IE Probleme */
	margin-bottom: 4px;
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:11px; color:#5a6571; line-height:15px;
	border: 1px solid #5a6571; }	
	
/*	textarea - Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:11px; color:#5a6571; line-height:15px; /* muss definiert sein */
	width: 300px;
	height: 150px;
	/* padding:3px; */				/* kein padding, da IE Probleme */
	border: 1px solid #5a6571; }
	
/*	select - Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 300px;
	border: 1px solid #5a6571; 
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:11px; color:#5a6571; line-height:15px;}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {		/* die Felder im hover Zustand */
	background-color: #f6f6f6; }
	
	
	
/* --------- START Radiobuttons --------- */


/* 	Eine Gruppe der Radio Buttons */	
.radio_container	{ 
	/* border: 1px solid #000;  */
	clear:left;						/* damit es nicht links floatet */
	margin-left:160px;	 			/* Label breite & margin-right + formblock breite & border  */ }

 .formgen label.formradio {			/* übernimmt die Css von .formgen label, daher jetzt einige Änderungen */
	/* border:1px solid blue;   */
	clear: none; float:none; 		/* nicht löschen */
	padding:0px; }
	
/*	radio - Aussehen der Radio Buttons */				
.formgen input.formradio {
	float:left; 
	margin-right:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-bottom:5px;				/* jede Margin MUSS auf eine separate Linie */ } 
 
/* --------- ENDE Radiobuttons --------- */


/* Block, in dem sich das SUBMIT befindet */
.formgen .formblock { 							
	/* border:1px solid #fff;  */
	background-color:#f0f0f0; 
	padding: 0 0 20px 0; }
	
/* Sende-Button */
.formgen .formsubmit {
	width: 308px;										/* 300 +8, ansonsten zu schmal */
	text-align: center; color: #fff; font-weight:bold;
	background-color: #5a6571;
	border: 1px solid #5a6571;
	margin-left:160px;	 								/* Label breite & margin-right + formblock breite & border  */
	padding:2px 0; }	

.formgen .formsubmit:hover { color: #5a6571; }

/* Das Checkbox -Label */	
.formgen label.formcheck {			/* übernimmt die Css von .formgen label, daher jetzt einige Änderungen */
	/* border:1px solid blue; */ 
	width:300px;  
	clear: none; float:none; 		/* nicht löschen */
	padding:0px; }
	
/* Der Checkbox -Button */	
.formgen input.formcheck {
	/* border: 1px solid #fff;		 */					/* klappt nicht! keine Ahnung warum */
	margin-right:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-left:20px; 				/* jede Margin MUSS auf eine separate Linie */
	margin-bottom:5px;				/* jede Margin MUSS auf eine separate Linie */ }


/* --------------------------------------------- */ 
/*			   FORMULAR-REST					 */
/* --------------------------------------------- */ 
	
/* Ein Trennelement */	
.formgen .formtrenn hr {
	/* border:1px solid #000; */ }

/* Eine Headline */
.formgen .formheadline {
	/* border:1px solid #000; */
	background-color:#5a6571;
	font-size:12px; color:#fff; font-weight:bold; line-height:20px;  
	padding:0 20px; }
	
/* Eine Info */
.formgen .formhinweis {
	/* border:1px solid #000;  */
	padding:10px;
	color:#5a6571;}
	
/* Ein Fehler - Markierung der Labels bei Fehler */
.formgen .formerror { color: #990000; }

/* Der Captcha Container */
.formgen label.formcaptcha { /* border: 1px solid #000; */ }
	
/* Das Captcha Bild */
.formgen img.formcaptchaimg { /* border:1xp solid #5a6571; */ }
	
	
/* Falls vorhanden: die Div Klassen */
.formgen div.unterteilung { 						/* beliebig verschiedenamige Klassen definierbar */
	/* border: 1px solid #ff6600; */ 
	background-color:#f0f0f0; 
	padding: 20px 0; }


/* Die Fieldsetgruppe */			
.formgen fieldset.fieldset {
	/* border: 1px solid #ff6600; */ }
	
/* Fieldsetbeschriftung */							/* klappt nicht! keine Ahnung warum */
.formgen fieldset.fieldset legend {
	/* border: 1px solid #ff6600; */ }
	
#form-module-thanks {
	/* border: 1px solid #ff6600; */
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 11px; line-height:15px; }


/*  - - - - - - - -   rex4mod - 17 - Portfolio - - - - - - - - - - */

div.portfolio {
	overflow:hidden; 	/* damit die floats nach der Navi gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */
	margin-bottom: 15px; 
	border-bottom:1px dotted #7b7b7b;}

div.portfoliofoto {				/* ------ das Foto ------- */
	margin: 5px 25px 15px 0px; 
	float:left; 
	margin-top:0px; }
	
div.portfoliotext {				/* ------ der Text ------- */
	margin-left:200px; 			/* Breite des Bildes (ausgabe) + margin-right des Bildes */ 
}		

div.portfolio_title {
	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold;
	font-size: 14px; line-height:18px; color:#013c5a; margin-bottom: 10px;
	margin-bottom: 10px; }
	
div.portfolio_link { font-size: 13px; font-weight:bold; margin-bottom:10px; }	
	
div.portfolio_link a:link 		{ color: #00959f; text-decoration: none; }
div.portfolio_link a:visited 	{ color: #00959f; text-decoration: none; }
div.portfolio_link a:active 	{ color: #013c5a; text-decoration: none; }
div.portfolio_link a:hover 		{ color: #013c5a; text-decoration: none; }
	
div.portfolio_desc {}



/*  - - - - - - - -   rex4mod - 6 - Slightbox  - - - - - - - - - - */

div.rex4mod6 {
	/* border:1px solid #000; */
	margin-bottom: 15px;
	overflow:hidden; 	/* damit die floats nach der Navi gecleared werden*/
	height:100%;		/* IE6 overflow:hidden hack */ }


div.rex4mod6 a {
	/* border: 1px solid #ff6600; */
	margin: 0 10px 10px 0;
	padding:0px;
	float:left;	 }


div.rex4mod6 img {
	border: 1px solid #e5e5e5;   }