/* 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:			#748891;font türquis: 		#339c95;font blau:			#13558e;font violett:		#9e1e67;bg dunkeltürquis:	#bde8e6;bg mitteltürquis:	#cff5f3;bg helltürquis:		#e1f3f2;------------------------------------------------*//*---------------------------------------------- 				A L L G E M E I N------------------------------------------------*/body {	font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; color:#748891; text-align: left; line-height:17px;	margin:0px; padding:0px;	background: #fff url(body_bg.gif) repeat-x;}#container {	width:980px;	margin: 0px auto; /* zentriert die Seite */  }#top {	height:39px; font-size:11px; line-height:39px; text-align:right;	background: #fff url(top_bg.gif) no-repeat;}#header {	height:146px;	background: #fff url(header_bg.jpg) repeat-x; }	#rootnavi {	width:980px;	height:37px;	min-height:37px;	height: auto !important;	/* IE6 hack */	/* background:#ddd; */}#main {	overflow:hidden; 	/* damit die floats nach der Navi gecleared werden*/	height:100%;		/* IE6 overflow:hidden hack */ 	background: url(content_bg.gif) no-repeat;	width:980px;}#col1 {	float:left;	width:560px; 		/* 640-40-40*/	/* position:relative; 	/* damit das #graphic absolut platziert werden kann*/*/	min-height:600px;	height: auto !important;	/* IE6 hack */	height:600px;			/* IE6 hack */	padding:15px 40px; }#col2 {	float:left;	width:300px; /* 610-40-40*/	margin:0 0 0 40px; 	background: #fff;}#tips { 	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/	height:100%;		/* IE6 overflow:hidden hack */	margin:25px 0; }#tips a {float:left; margin-right:25px;}#bottom {	height:49px;	line-height:49px;	background: #e1f3f2;	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/	height:100%;		/* IE6 overflow:hidden hack */	font-size:11px; }/*---------------------------------------------- 				T O P------------------------------------------------*/div#top a:link 		{ color: #339c95; font-weight:normal; text-decoration: none; margin-left:10px; }div#top a:visited 	{ color: #339c95; font-weight:normal; text-decoration: none; margin-left:10px; }div#top a:active 	{ color: #9e1e67; font-weight:normal; text-decoration: none; margin-left:10px; }div#top a:hover 	{ color: #9e1e67; font-weight:normal; text-decoration: none; margin-left:10px; }div#top img  { margin-right:4px;}/*---------------------------------------------- 				B O T T O M ------------------------------------------------*/#bottom a:link 		{ color: #339c95; text-decoration: none; }#bottom a:visited 	{ color: #339c95; text-decoration: none; }#bottom a:active 	{ color: #9e1e67; text-decoration: none; }#bottom a:hover 	{ color: #9e1e67; text-decoration: none; }.bottom_left 		{ float:left; padding-left:15px;}.bottom_right 		{ float:right; padding-right:15px;}/*---------------------------------------------- 				C O L 2------------------------------------------------*/#col2 {	font-size:11px; line-height:15px;}#col2 a:link 		{ color: #339c95; text-decoration: none; }#col2 a:visited 	{ color: #339c95; text-decoration: none; }#col2 a:active 		{ color: #9e1e67; text-decoration: none; }#col2 a:hover 		{ color: #9e1e67; text-decoration: none; }.col2_title {	margin:25px 0 10px 0;	font-size:17px; color:#13558e;	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;}.col2_teaser {	background: url(col2teaser.jpg) no-repeat 0 4px;	padding-left:75px;	min-height:50px;	height: auto !important;	/* IE6 hack */	height:50px;			/* IE6 hack */ }.col2_dienst {	background: url(col2dienst.jpg) no-repeat 0 4px;	padding-left:75px;	min-height:50px;	height: auto !important;	/* IE6 hack */	height:50px;			/* IE6 hack */ }	.col2_login {	background: url(col2login.jpg) no-repeat 0 4px;	padding-left:75px;	min-height:50px;	height: auto !important;	/* IE6 hack */	height:50px;			/* IE6 hack */ }/*  - - - - - - - -   mod 18 - Bread Crumb Navigation - - - - - - - - - - */div.breadcrumbnav {	font-size: 11px; color: #339c95; line-height:15px;	margin-bottom: 25px; }div.breadcrumbnav a:link 	{ color: #9e1e67; text-decoration: none; }div.breadcrumbnav a:visited	{ color: #9e1e67; text-decoration: none; }div.breadcrumbnav a:active 	{ color: #9e1e67; text-decoration: underline; }div.breadcrumbnav a:hover 	{ color: #9e1e67; text-decoration: underline; }/*******************************************************************************                Horizontales Dropdown-Menu, CSS                CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk        Please see Copyright Notice @        http://www.cssplay.co.uk/menus/final_drop.html        *******************************************************************************/.menu {	font-family: Arial, Verdana, Helvetica, sans-serif;text-align:left; font-size:11px; font-weight:bold; 	width:980px;                    				/*  (1)  */	/* position:relative;  */	z-index:50; 	}	.menu ul { 											/* UL Ebene 1 */	padding:0; margin:0; list-style-type: none; }	.menu ul li {                     					/* Listenelemente der Ebene 1 */	float:left;	position:relative; }	* html .menu ul li a, .menu ul li a:visited {	/* width:89px;   */            					/* für 'normale' Browser */	/* AUSKOMMENTIEREN, DA SONST PROBLEME MIT DER BREITE */	/* w\idth:79px;  */             				/* für IE */				/* AUSKOMMENTIEREN, DA SONST PROBLEME MIT DER BREITE */ }.menu ul li ul { display: none; }.menu table {}			/* unnötig durch BUG */		/* das Popupmenu */	  		/*********************************************************	JEDER ROOTNAVIPUNKT*********************************************************/	.menu ul li a, .menu ul li a:visited {           		display:block; 	padding: 0 12px 0 12px; 	text-decoration:none; color:#339c95; 	border-right:1px solid #fff;           			/* Border-color am besten = Hintergrundfarbe der Seite */	line-height:37px;               				/*   (2)  */ 	/* width:79px; */                  				/* Breite von (.menu)/(Anzahl der Punkte)-(1Px)   (1) 	height:37px;                    				/*  (2)  */	/* background:#aaa;  */}/*********************************************************	JEDEM ROOTNAVIPUNKT EINE FARBE GEBEN*********************************************************/.menu ul li a.root1 { background: url(nav1.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root2 { background: url(nav2.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root3 { background: url(nav3.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root4 { background: url(nav4.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root5 { background: url(nav5.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root6 { background: url(nav6.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root7 { background: url(nav7.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root8 { background: url(nav1.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root9 { background: url(nav2.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root10{ background: url(nav3.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root11{ background: url(nav4.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root12{ background: url(nav5.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root13{ background: url(nav6.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root14{ background: url(nav7.gif) repeat-x; color:#fff; font-size:13px;}/*********************************************************	JEDEM ROOTNAVIPUNKT EINE FARBE GEBEN - HOVER*********************************************************//* li:hover  für non-IE-Browser  ---  a:hover  für IE */.menu ul li:hover a.root1, .menu ul li a.root1:hover { background: url(nav1on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root2, .menu ul li a.root2:hover { background: url(nav2on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root3, .menu ul li a.root3:hover { background: url(nav3on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root4, .menu ul li a.root4:hover { background: url(nav4on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root5, .menu ul li a.root5:hover { background: url(nav5on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root6, .menu ul li a.root6:hover { background: url(nav6on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root7, .menu ul li a.root7:hover { background: url(nav7on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root8 , .menu ul li a.root8:hover  { background: url(nav1on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root9 , .menu ul li a.root9:hover  { background: url(nav2on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root10, .menu ul li a.root10:hover { background: url(nav3on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root11, .menu ul li a.root11:hover { background: url(nav4on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root12, .menu ul li a.root12:hover { background: url(nav5on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root13, .menu ul li a.root13:hover { background: url(nav6on.gif) repeat-x; color:#fff; }.menu ul li:hover a.root14, .menu ul li a.root14:hover { background: url(nav7on.gif) repeat-x; color:#fff; }/*********************************************************	JEDEM ROOTNAVIPUNKT EINE FARBE GEBEN - AKTIVER PUNKT*********************************************************/.menu ul li a.root1active	{ background: url(nav1on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root2active	{ background: url(nav2on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root3active	{ background: url(nav3on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root4active	{ background: url(nav4on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root5active	{ background: url(nav5on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root6active	{ background: url(nav6on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root7active	{ background: url(nav7on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root8active	{ background: url(nav1on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root9active	{ background: url(nav2on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root10active	{ background: url(nav3on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root11active	{ background: url(nav4on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root12active	{ background: url(nav5on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root13active	{ background: url(nav6on.gif) repeat-x; color:#fff; font-size:13px;}.menu ul li a.root14active	{ background: url(nav7on.gif) repeat-x; color:#fff; font-size:13px;}/* - - - - - - - LEVEL 2  - - - - - - - - - */.menu ul li:hover ul, .menu ul li a:hover ul {  	display:block; 	position:absolute; 	top:37px;                          			/*   (2)  */	margin-top:0px; /* 1 */	left:0; 	width:210px; /* 100 */ 	border-top:1px solid #fff; }* html .menu ul li a:hover ul {	margin-top:0;	marg\in-top:1px; }.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {	visibility:hidden; 	position:absolute; 	height:0; 	width:0; }* html .menu ul li a:hover ul li a {	width:180px; /* 100 */					/* für 'normale' Browser */	w\idth:159px; /* 79 */ 					/* für IE */				}		/*********************************************************	JEDER SUBNAVIPUNKT*********************************************************/.menu ul li:hover ul li a, .menu ul li a:hover ul li a {								display:block; 	background:#fff; 	color:#9e1e67; line-height:12px; 	height:auto; 	padding:5px 10px; 	width:159px; /*79 */	border:1px solid #bde8e6; border-top:0px; }	/*********************************************************	JEDER SUBNAVIPUNKT - HOVER*********************************************************/.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover 								{ background: #cff5f3; }/*********************************************************	JEDER SUBNAVIPUNKT MIT UNTERMENÜ - NORMAL UND DANN ALS HOVER*********************************************************/.menu ul li:hover ul li a.drop, .menu ul li a:hover ul li a.drop 								{ background: #fff url(pfeile.gif) no-repeat right center; }.menu ul li:hover ul li a.drop:hover, .menu ul li a:hover ul li a.drop:hover					{ background: #cff5f3 url(pfeile.gif) no-repeat right center; }/*********************************************************	JEDER SUBNAVIPUNKT - AKTIV UND DANN ALS AKTIV & HOVER*********************************************************/.menu ul li:hover ul li a.subactive, .menu ul li a:hover ul li a.subactive						{ background: #cff5f3; }.menu ul li:hover ul li a.subactive:hover, .menu ul li a:hover ul li a.subactive:hover 			{ background: #cff5f3; }/*********************************************************	JEDER SUBNAVIPUNKT MIT UNTERMENÜ - AKTIV UND DANN ALS AKTIV & HOVER*********************************************************/.menu ul li:hover ul li a.subactivedrop, .menu ul li a:hover ul li a.subactivedrop 				{ background: #cff5f3 url(pfeile.gif) no-repeat right center; }.menu ul li:hover ul li a.subactivedrop:hover, .menu ul li a:hover ul li a.subactivedrop:hover 	{ background: #cff5f3 url(pfeile.gif) no-repeat right center; }/* - - - - - - - LEVEL 3  - - - - - - - - - */.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {	/* Ebene 3 */	visibility:visible; 	position:absolute; 	left:180px; 	top:0;	width:180px;	border-top:1px solid #bde8e6; }.menu ul li:hover ul li:hover ul.left,  .menu ul li a:hover ul li a:hover ul.left { /* Ebene 3  letztes Element */	left:-180px; }/*********************************************************	JEDER SUBSUBNAVIPUNKT - AKTIV UND DANN ALS AKTIV & HOVER*********************************************************/.menu ul li:hover ul li a.subsubactive, .menu ul li a:hover ul li a.subsubactive						{ background: #cff5f3; }.menu ul li:hover ul li a.subsubactive:hover, .menu ul li a:hover ul li a.subsubactive:hover 			{ background: #cff5f3; }/*  - - - - - - - -   mod02 - Titel - - - - - - - - - - */div.title1 {	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;  font-weight:bold; 	font-size: 20px; color: #9e1e67; line-height:25px;	margin-bottom: 20px; }div.title2 {	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;  font-weight:bold;	font-size: 18px; line-height:20px; color:#339c95; margin-bottom: 10px;	margin-bottom: 10px; }div.title3 {	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;  font-weight:bold;	font-size: 14px; line-height:18px; color:#339c95; 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:#748891;	font-size:12px; color:#748891; text-align: left; line-height:17px;}  div.rex4mod1_date { display:none; }div.rex4mod1_title {	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;  font-weight:bold; 	font-size: 20px; color: #9e1e67; line-height:25px;	margin-bottom: 20px; }div.rex4mod1_editor { 	font-size: 12px; 	margin-bottom: 10px; } div.rex4mod1_editor h1 {	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;  font-weight:bold;	font-size: 18px; line-height:20px; color:#339c95; margin-bottom: 10px; }div.rex4mod1_editor h2 {	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;  font-weight:bold;	font-size: 14px; line-height:18px; color:#339c95; 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: #9e1e67; text-decoration: none; }div.rex4mod1_editor a:visited	{ color: #9e1e67; text-decoration: none; }div.rex4mod1_editor a:active 	{ color: #9e1e67; text-decoration: underline; }div.rex4mod1_editor a:hover 	{ color: #9e1e67; text-decoration: underline; }div.rex4mod1_editor table {	width:560px; } div.rex4mod1_editor td {	background-color: #e1f3f2;	padding-left:5px; padding-right:5px; } 	div.rex4mod1_editor thead td {	background-color: #9e1e67; color:#fff;	padding-left:5px; padding-right:5px; }	/*  - - - - - - - -   rex4mod2 - News schreiben - - - - - - - - - - */div.rex4mod2 {	margin-bottom: 20px; 	overflow:hidden; 	/* damit die floats gecleared werden - nicht entfernen */	height:100%;		/* IE6 overflow:hidden hack - nicht entfernen  */	color:#748891;	font-size:12px; color:#748891; text-align: left; line-height:17px; } div.rex4mod2_date { text-align:right;}div.rex4mod2_title {	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;  font-weight:bold; 	font-size: 20px; color: #9e1e67; 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 */	margin-bottom:10px;}/* 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: #748891; 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: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;  font-weight:bold;	font-size: 18px; line-height:20px; color:#339c95; margin-bottom: 10px; }div.rex4mod2_editor h2 {	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;  font-weight:bold;	font-size: 14px; line-height:18px; color:#339c95; 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: #9e1e67; text-decoration: none; }div.rex4mod2_editor a:visited	{ color: #9e1e67; text-decoration: none; }div.rex4mod2_editor a:active 	{ color: #9e1e67; text-decoration: underline; }div.rex4mod2_editor a:hover 	{ color: #9e1e67; text-decoration: underline; }div.rex4mod2_editor table { width:560px; } div.rex4mod2_editor td {	background-color: #e1f3f2;	padding-left:5px; padding-right:5px; } 	div.rex4mod2_editor thead td {	background-color: #9e1e67; color:#fff;	padding-left:5px; padding-right:5px; }					/*  - - - - - - - -   mod09 - Dokumente bereitstellen - - - - - - - - - - */div.dokumentedownload {	font-size:12px; color:#748891; text-align: left; line-height:17px;	/* border-top: 1px dotted #339c95;	border-bottom: 1px dotted #339c95; */	padding: 15px 10px 15px 50px ;	margin: 10px 0; 	background: url(download.gif) no-repeat 0 5px;}div.dokumentedownload a:link 	{ color: #9e1e67; font-weight:bold; text-decoration: none; }div.dokumentedownload a:visited	{ color: #9e1e67; font-weight:bold; text-decoration: none; }div.dokumentedownload a:active 	{ color: #9e1e67; font-weight:bold; text-decoration: underline; }div.dokumentedownload a:hover 	{ color: #9e1e67; font-weight:bold; text-decoration: underline; }	/*  - - - - - - - -   rex4mod - 3 - Teaser  - - - - - - - - - - */.teaser {							/* ------ der komplette Teaser ------- */	margin-bottom:20px;	font-size:12px; color:#748891; text-align: left; line-height:17px;}.teaserartikel {					/* ------ ein Teaserartikel ------- */	padding-bottom: 10px;	margin-bottom: 10px;	border-bottom: 1px dotted #e1f3f2; 		/* 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:#339c95; line-height:20px; text-align: left;}	div.teaserfoto {				/* ------ das Teaserfoto ------- */		margin: 5px 15px 15px 0px; 		float:left; }			div.teasertext {				/* ------ die restliche Teaserinfos ------- */		/* border: 1px solid #000000; */ }		.teasertitel {	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;	font-size: 14px; line-height:18px; color:#339c95; margin-bottom: 5px; }		div.teasertitel a:link 			{ color: #9e1e67; text-decoration: none; }	div.teasertitel a:visited 		{ color: #9e1e67; text-decoration: none; }	div.teasertitel a:active 		{ color: #9e1e67; text-decoration: underline; }	div.teasertitel a:hover 		{ color: #9e1e67; text-decoration: underline; }		.teasereinleitung 				{	}		.teasereinleitung p 			{ padding:0px; margin:0px; }			div.teasereinleitung a:link 	{ color: #9e1e67; text-decoration: none; display:none;}	div.teasereinleitung a:visited 	{ color: #9e1e67; text-decoration: none; display:none;}	div.teasereinleitung a:active 	{ color: #9e1e67; text-decoration: underline; display:none;}	div.teasereinleitung a:hover 	{ color: #9e1e67; text-decoration: underline; display:none;}.teasernav 							{ margin-top:10px; font-weight:bold; }div.teasernav a:link 				{ color: #9e1e67; text-decoration: none; }div.teasernav a:visited 			{ color: #9e1e67; text-decoration: none; }div.teasernav a:active 				{ color: #9e1e67; text-decoration: none; }div.teasernav a:hover 				{ color: #9e1e67; text-decoration: none; }.teaserarchivlink 					{ display:none }div.teaserarchivlink a:link 		{ color: #9e1e67; text-decoration: none; }div.teaserarchivlink a:visited 		{ color: #9e1e67; text-decoration: none; }div.teaserarchivlink a:active 		{ color: #9e1e67; text-decoration: none; }div.teaserarchivlink a:hover 		{ color: #9e1e67; text-decoration: none; }/*  - - - - - - - -   rex4mod - 3 - Teaserblock  - - - - - - - - - - */.teaserblock {							/* ------ der komplette teaserblock ------- */	width:225px;	font-size:11px; color:#748891; text-align: left; line-height:15px;}.teaserblockartikel {					/* ------ ein teaserblockartikel ------- */	margin-bottom: 5px;	border-bottom: 1px dotted #fff; 		/* muss sein, sonst Probleme in IE7 */	/* overflow:hidden; 	 */				/* damit die floats nach dem container gecleared werden*/	/* height:100%;			*/				/* IE6 overflow:hidden hack */ }	.teaserblockdatum {		color:#748891; }	.teaserblockfoto {				/* ------ das teaserblockfoto ------- */		dispaly:none;		margin: 5px 10px 10px 0px; 		float:left; }			.teaserblocktext {				/* ------ die restliche teaserblockinfos ------- */		/* margin-left:60px;  */	/* Breite des Bildes + 	margin-right des Bildes */ }				.teaserblocktitel {		font-size: 11px; line-height:17px; font-weight:bold; color:#339c95; }		.teaserblocktitel a:link 			{ color: #339c95; text-decoration: none; }	.teaserblocktitel a:visited 		{ color: #339c95; text-decoration: none; }	.teaserblocktitel a:active 			{ color: #339c95; text-decoration: none; }	.teaserblocktitel a:hover 			{ color: #339c95; text-decoration: none; }		.teaserblockeinleitung 				{ display:none;}	.teaserblockeinleitung p 			{ padding:0px; margin:0px; }			.teaserblockeinleitung a:link 		{ color: #339c95; text-decoration: none; }	.teaserblockeinleitung a:visited 	{ color: #339c95; text-decoration: none; }	.teaserblockeinleitung a:active 	{ color: #339c95; text-decoration: underline; }	.teaserblockeinleitung a:hover 		{ color: #339c95; text-decoration: underline; }.teaserblockarchivlink 					{ /* display:none; */ text-align:right;}.teaserblockarchivlink a:link 			{ color: #339c95; text-decoration: none; }.teaserblockarchivlink a:visited 		{ color: #339c95; text-decoration: none; }.teaserblockarchivlink a:active 		{ color: #339c95; text-decoration: underline; }.teaserblockarchivlink a:hover 			{ color: #339c95; text-decoration: underline; }/*  - - - - - - - -   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:13px; line-height:30px; }.wglLinkTree .navLevel1 a       		{ color: #9e1e67; font-weight:bold; text-decoration: none;}.wglLinkTree .navLevel1 a:hover    		{ color: #9e1e67; 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.gif); background-repeat: no-repeat; background-position: left center; }.wglLinkTree .navLevel2 a        		{ color: #13558e; font-weight:bold; text-decoration: none;}.wglLinkTree .navLevel2 a:hover			{ color: #13558e; font-weight:bold; text-decoration: underline;}/* - - - - Sitemap Level 3 - - - - */.wglLinkTree .navLevel3 { 	margin-left:25px; padding-left:40px; 	font-size:11px; line-height:15px;	background-image: url(line2.gif); background-repeat: no-repeat; background-position: left center; }	.wglLinkTree .navLevel3 a          		{ color: #339c95; font-weight:bold; text-decoration: none;}.wglLinkTree .navLevel3 a:hover      	{ color: #339c95; font-weight:bold; text-decoration: underline;}/* - - - - Sitemap Level 4 - - - - */.wglLinkTree .navLevel4 { 	margin-left:25px; padding-left:65px; 	font-size:11px; line-height:15px;	background-image: url(line3.gif); background-repeat: no-repeat; background-position: left center; }.wglLinkTree .navLevel4 a           	{ color: #339c95; font-weight:normal; text-decoration: none;}.wglLinkTree .navLevel4 a:hover       	{ color: #339c95; font-weight:normal; text-decoration: underline;}/*  - - - - - - - -   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 8px 8px 0;	padding:0px;	float:left;	 }div.rex4mod6 img {	/* border: 1px solid #5a6571; */  }					/*  - - - - - - - -  rex4mod - 13 - do form!  - - - - - - - - - - *//* --------------------------------------------- */ /*			   FORMULAR-DEFINITION				 *//* --------------------------------------------- */ /* Div das das Formular umschließt */.formgen {	width:560px;		/* die komplette Breite des Container: darf nicht gelöscht werden! */	font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; color:#748891; line-height:17px;	/* 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 formblock { /* 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: #cc0000;	font-size: 12px; 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: 12px;	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 #99d5d3; 	font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; color:#748891; line-height:17px;}	/*	passwort - Textfeld */.formgen .formpassword {	width: 300px;	height: 16px;				/* 20 -3 -3 */	/* padding:3px; */				/* kein padding, da IE Probleme */	margin-bottom: 4px;	font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; color:#748891; line-height:17px;	border: 1px solid #99d5d3; }		/*	textarea - Mehrzeiliges Eingabefeld */.formgen .formtextfield {	font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; color:#748891; line-height:17px; /* muss definiert sein */	width: 300px;	height: 150px;	/* padding:3px; */				/* kein padding, da IE Probleme */	border: 1px solid #99d5d3; }	/*	select - Aussehen der Select-Ausgabe */.formgen .formselect {	width: 300px;	border: 1px solid #99d5d3; 	font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; color:#748891; line-height:17px;}.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: #fff; }			/* --------- 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-left:180px;	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: #339c95;	border: 1px solid #339c95;	margin-left:160px;	 								/* Label breite & margin-right + formblock breite & border  */	padding:2px 0; }	.formgen .formsubmit:hover { color: #fff; background-color: #9e1e67; border:1px solid #9e1e67;}/* 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; */	font-size:12px; color:#339c95; font-weight:bold; line-height:20px; 	font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;	padding:0 20px; }	/* Eine Info */.formgen .formhinweis {	/* border:1px solid #000;  */	padding:10px 20px;	color:#9e1e67;}	/* Ein Fehler - Markierung der Labels bei Fehler */.formgen .formerror { color: #cc0000; }.formgen .formreq {	/* border:1px solid #000;  */ }/* Der Captcha Container */.formgen label.formcaptcha { /* border: 1px solid #000; */ }	/* Das Captcha Bild */.formgen img.formcaptcha { margin: 0 20px; border:1px solid #99d5d3; }	/* Falls vorhanden: die Div Klassen */.formgen div.unterteilung { 						/* beliebig verschiedenamige Klassen definierbar */	/* border: 1px solid #ff6600; */ 	/* background-color:#f0f0f0; */	padding: 20px 0; }/* Fieldsetbeschriftung */.formgen legend {	/* border: 1px solid #ff6600; */}.formgen .fieldset {	/* border: 1px solid #ff6600; */}#form-module-thanks {	/* border: 1px solid #ff6600; */	font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; color:#9e1e67; line-height:17px; font-weight:bold;}				/*  - - - - - - - -   rex4mod - 25 - Auflistung mit Foto, Beschreibung & int. Link  - - - - - - - - - - */.rex4mod25 {							/* ------ der komplette Container ------- */	margin-bottom:20px; 	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/	height:100%;		/* IE6 overflow:hidden hack */ 	margin-bottom: 25px; 	font-size:12px; color:#748891; text-align: left; line-height:17px; }	div.rex4mod25_foto {				/* ------ das Foto mit Link ------- */		margin: 0px 25px 0px 0px; 		float:left;}			div.rex4mod25infos {				/* ------ die restliche Infos ------- */		margin-left:175px; 				/* Breite des Bildes + 	margin-right des Bildes + border */ 		color:#748891;}			div.rex4mod25infos a:link 			{ color: #9e1e67; text-decoration: none; }	div.rex4mod25infos a:visited 		{ color: #9e1e67; text-decoration: none; }	div.rex4mod25infos a:active 		{ color: #339c95; text-decoration: none; }	div.rex4mod25infos a:hover 			{ color: #339c95; text-decoration: none; }			.rex4mod25_title {		font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;		font-size: 14px; line-height:18px; color:#9e1e67; 		margin-bottom: 7px; }		div.rex4mod25_title a:link 			{ color: #9e1e67; text-decoration: none; }	div.rex4mod25_title a:visited 		{ color: #9e1e67; text-decoration: none; }	div.rex4mod25_title a:active 		{ color: #339c95; text-decoration: none; }	div.rex4mod25_title a:hover 		{ color: #339c95; text-decoration: none; }		.rex4mod25_intro 					{	}	.rex4mod25_intro p 					{ padding:0px; margin:0px; }		/*  - - - - - - - -   rex4mod - 25 - Auflistung der Bücher  - - - - - - - - - - */.rex4mod25b {							/* ------ der komplette Container ------- */	margin-bottom:20px; 	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/	height:100%;		/* IE6 overflow:hidden hack */ 	margin-bottom: 15px; 	font-size:12px; color:#748891; text-align: left; line-height:17px;}	div.rex4mod25b_foto {				/* ------ das Foto mit Link ------- */		margin: 0px 25px 0px 0px;		border:1px solid #ccc; 		float:left;}			div.rex4mod25binfos {				/* ------ die restliche Infos ------- */		margin-left:127px; 				/* Breite des Bildes + 	margin-right des Bildes + border */ 		color:#748891;}				.rex4mod25b_title {		font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;		font-size: 14px; line-height:18px; color:#9e1e67; 		margin-bottom: 7px; }		div.rex4mod25b_title a:link 			{ color: #9e1e67; text-decoration: none; }	div.rex4mod25b_title a:visited 		{ color: #9e1e67; text-decoration: none; }	div.rex4mod25b_title a:active 		{ color: #339c95; text-decoration: none; }	div.rex4mod25b_title a:hover 		{ color: #339c95; text-decoration: none; }		.rex4mod25b_intro 					{	}	.rex4mod25b_intro p 					{ padding:0px; margin:0px; }			/*  - - - - - - - -   rex4mod - 26 - Auflistung mit Foto, Beschreibung & ext. Link  - - - - - - - - - - */.rex4mod26 {							/* ------ der komplette Container ------- */	margin-bottom:20px; 	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/	height:100%;		/* IE6 overflow:hidden hack */ 	margin-bottom: 25px; 	font-size:12px; color:#748891; text-align: left; line-height:17px;}	div.rex4mod26_foto {				/* ------ das Foto mit Link ------- */		margin: 0px 25px 0px 0px; 		float:left;}			div.rex4mod26infos {				/* ------ die restliche Infos ------- */		margin-left:175px; 				/* Breite des Bildes + 	margin-right des Bildes + border */ 		color:#748891;}				div.rex4mod26infos a:link 			{ color: #9e1e67; text-decoration: none; }	div.rex4mod26infos a:visited 		{ color: #9e1e67; text-decoration: none; }	div.rex4mod26infos a:active 		{ color: #339c95; text-decoration: none; }	div.rex4mod26infos a:hover 			{ color: #339c95; text-decoration: none; }			.rex4mod26_title {		font-family: "HelveticaNeue", Helvetica, Verdana, Arial,  sans-serif;		font-size: 14px; line-height:18px; color:#9e1e67; 		margin-bottom: 7px; }		div.rex4mod26_title a:link 			{ color: #9e1e67; text-decoration: none; }	div.rex4mod26_title a:visited 		{ color: #9e1e67; text-decoration: none; }	div.rex4mod26_title a:active 		{ color: #339c95; text-decoration: none; }	div.rex4mod26_title a:hover 		{ color: #339c95; text-decoration: none; }		.rex4mod26_intro 					{	}	.rex4mod26_intro p 					{ padding:0px; margin:0px; }	.rex4mod26_link {		font-weight:bold; font-size: 11px; color:#9e1e67; margin-top: 5px; }	div.rex4mod26_link a:link 			{ color: #339c95; text-decoration: none; }	div.rex4mod26_link a:visited 		{ color: #339c95; text-decoration: none; }	div.rex4mod26_link a:active 		{ color: #9e1e67; text-decoration: none; }	div.rex4mod26_link a:hover 			{ color: #9e1e67; text-decoration: none; }					/*  - - - - - - - -   Loginmodul  - - - - - - - - - - */.loginmodul {	font-size:12px; color:#748891; text-align: left; line-height:17px;}	 /*  - - - - Addon - absolventenupdate - Spalten abwechselnd färben - - - - */.absolventenliste { /* border:1px solid #000; */ }/*********************************************************	DIE SUCHE*********************************************************/.abso_plz  {			/* Die Suche nach PLZ */	border:1px solid #cff5f3;	overflow:hidden; 	/* damit die floats hiernach gecleared werden*/	height:100%;		/* IE6 overflow:hidden hack */	background:#e1f3f2;	padding:5px;	width:700px; }.abso_plz_text {		/* Beschreibung */	float:left;	color:#339c95;	margin:4px 10px 0 0;	padding-left:10px;	font-weight:bold;	}.abso_plz_form {		/* Formular */	padding-left:25px;	float:left;}/*********************************************************	DIE RESULTATE*********************************************************/.abso_anzahl { 			/* Die Anzahl Resultate & PLZ Suchergenbis  */	margin:10px 0;	color:#9e1e67; 	font-weight:bold;}/* Link zur kompletten Liste nach PLZ Suche */.abso_anzahl a:link 	{ color:#339c95; margin-left:10px; font-weight:normal; text-decoration: none;}.abso_anzahl a:visited 	{ color:#339c95; margin-left:10px; font-weight:normal; text-decoration: none;}.abso_anzahl a:active 	{ color:#339c95; margin-left:10px; font-weight:normal; text-decoration: underline;}.abso_anzahl a:hover 	{ color:#339c95; margin-left:10px; font-weight:normal; text-decoration: underline;}table.abso_results { 	/* Die Tabelle der Resultate */	width:100% ;	border-collapse:collapse;	border-left:1px solid #cff5f3;	border-bottom:1px solid #cff5f3; }.abso_results th {	/* Tableheader */	background: url(th_bg.gif) repeat-x;	line-height:20px;	padding-left:5px; 	color:#fff;}	.abso_results th a:link 	{ color:#fff; font-weight:bold;text-decoration: none;}.abso_results th a:visited 	{ color:#fff; font-weight:bold;text-decoration: none;}.abso_results th a:active 	{ color:#fff; font-weight:bold;text-decoration: underline;}.abso_results th a:hover 	{ color:#fff; font-weight:bold;text-decoration: underline;}		.abso_results td {	border-right:1px solid #cff5f3;	line-height:22px;	padding-left:5px; }/* Spalten abwechselnd färben */.absolistbg 	{ background-color: #edf6f3; }.absolistbgalt	{ background-color: #fff; }a.absol_website { color:#339c95; margin-left:10px; font-size:11px;}	a.absol_website:link 			{ color:#9e1e67; text-decoration: none;}a.absol_website:visited 		{ color:#9e1e67; text-decoration: none;}a.absol_website:active 			{ color:#339c95; text-decoration: none;}a.absol_website:hover 			{ color:#339c95; text-decoration: none;}/*********************************************************	DIE NAVI (VOR - SEITE 1 VON 11 - ZURÜCK)*********************************************************/table.abso_navi {			/* Tabelle mit Navi unter den Resultaten */	border:1px solid #cff5f3; border-top:0px;	border-collapse:collapse;	background: url(th_bg.gif) repeat-x;	color:#fff;text-align:center; line-height:25px; font-weight:bold; 	width:100%; }.abso_navi a:link 		{ color:#fff; text-decoration: none;}.abso_navi a:visited 	{ color:#fff; text-decoration: none;}.abso_navi a:active 	{ color:#fff; text-decoration: underline;}.abso_navi a:hover 		{ color:#fff; text-decoration: underline;}/*  - - - - Addon - dozentenupdate - Spalten abwechselnd färben - - - - */.dozentenliste { /* border:1px solid #000; */ 	}.dozentenliste table {	width:890px; border-collapse:collapse;	border:1px solid #cff5f3;}.dozentenliste th {	/* Tableheader */	background: url(th_bg.gif) repeat-x;	line-height:20px;	padding-left:5px; 	color:#fff;}.dozentenliste th a:link 		{ color:#fff; font-weight:bold;text-decoration: none;}.dozentenliste th a:visited 	{ color:#fff; font-weight:bold;text-decoration: none;}.dozentenliste th a:active 		{ color:#fff; font-weight:bold;text-decoration: underline;}.dozentenliste th a:hover 		{ color:#fff; font-weight:bold;text-decoration: underline;}.dozentenliste td {	border-right:1px solid #cff5f3;	line-height:22px;	padding-left:5px; }.dozentenliste a:link 			{ color:#fff; font-weight:bold;text-decoration: none;}.dozentenliste a:visited 		{ color:#fff; font-weight:bold;text-decoration: none;}.dozentenliste a:active 		{ color:#fff; font-weight:bold;text-decoration: none;}.dozentenliste a:hover			{ color:#fff; font-weight:bold;text-decoration: none;}/* Spalten abwechselnd färben */.dozlistbg 		{ background-color: #edf6f3; }.dozlistbgalt	{ background-color: #fff; }a.doz_website { color:#339c95; margin-left:10px; font-size:11px;}	a.doz_website:link 			{ color:#9e1e67; text-decoration: none;}a.doz_website:visited 		{ color:#9e1e67; text-decoration: none;}a.doz_website:active 		{ color:#339c95; text-decoration: none;}a.doz_website:hover 		{ color:#339c95; text-decoration: none;}