/*Styles - last update: 17.11.2010*/ 


 
body { 
	background:#CCCCCC url(../images/bg-verlauf.jpg) 0 0 repeat-x; 
	color: #000000; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	font: 70% Verdana, Arial, Helvetica, sans-serif; 
} 
 
 
#body { 
width: 972px; 
margin-left: 4px; 
margin-top: -8px; 
} 
 
 
div, input, table, tr, td, ul, li, p { 
	font-size: 1.0em; 
} 
 
img { 
	border: 0; 
} 
 
 
 
/* zentrale linkfarbe - dunkelrot  */ 
 
 
a.linkschwarznormal:hover, a.linkschwarznormal:focus{ 
	color: #000000; 
	font: 80% verdana,helvetica,arial,sans-serif; 
	text-decoration: underline; 
} 
 
a.linkschwarznormal:active{ 
	color: #000000; 
	font: 80% verdana,helvetica,arial,sans-serif; 
} 
 
a.listenlink:visited { 
	color: #797D81; 
	font: 100% verdana,helvetica,arial,sans-serif; 
	text-decoration: none; 
} 
 
a, a:link, a:visited, a:hover, a:active, a:focus { 
	color: #2d476c; 
	text-decoration: none; 
	cursor: hand; 
} 
 
 a:hover, a:focus, a:active { 
	text-decoration: underline; 
} 
 
.textstandard { 
	line-height: 130%; 
} 
 
.italic { 
	line-height: 130%; 
	font-style: italic!important; 
} 
 
 
a.linkschwarznormal:link,a.linkschwarznormal:visited{ 
	color: #000000; 
	font: 80% verdana,helvetica,arial,sans-serif; 
	text-decoration: none; 
} 
 
/* ungeachtet des namens sind diese links jetzt blau! */ 
a.linkweiss:link, a.linkweiss:visited, a.linkweiss:active{ 
	color: #fff; 
	font: 1.0em verdana,helvetica,arial,sans-serif; 
	text-decoration: none; 
} 
 
a.linkweiss:active, a.linkweiss:hover, a.linkweiss:focus{ 
	color: #fff; 
	text-decoration: underline; 
} 
 
a.listelink, a.listelink:link, a.listelink:active, a.listelink:visited { 
	font: 100% verdana,helvetica,arial,sans-serif; 
	text-decoration: none; 
} 
 
a.listelink:hover, a.listelink:focus{ 
	color: #2d476c; 
	font: 100% verdana,helvetica,arial,sans-serif; 
	text-decoration: underline; 
} 
 
a.linkschwarz:link,a.linkschwarz:visited,a.linkschwarz:active { 
	color: #000000; 
	font: 100% verdana,helvetica,arial,sans-serif; 
	text-decoration: none; 
} 
 
a.linkschwarz:hover, a.linkschwarz:focus{ 
	color: #000000; 
	text-decoration: underline; 
} 
 
td.neutral a.linkweiss:hover, 
td.neutral a:hover { 
	color: #2d476c; 
	text-decoration: underline; 
} 
 
 
 
 
a.bold, a.bold:hover, a.bold:focus { 
	font-weight: bold; 
} 
 
 
 
 
 
 
/* graue grosse hauptueberschrift */ 
h1 { 
	color: #000; 
	letter-spacing: 2px; 
	margin-bottom: 0px; 
	margin-top: 2px; 
	font: bold 200% Arial, Helvetica, sans-serif; 
} 
 
h2 { 
	padding: 0; 
	margin: 0 0 14px 0; 
	display: block; 
	font-size: 1.6em; 
	font-weight: bold; 
	color: #000!important; 
} 
 
 
/*  schwarze Artikelueberschrift */ 
h3 { 
	color: #000000; 
	font: bold 1.1em verdana,helvetica,arial,sans-serif; 
	margin: 0 0 4px 0; 
	padding: 0; 
	text-decoration: none; 
} 
 
h5 {	 
		font-size:9px 
} 
 
 
li { 
	margin: 0!important; 
	font-size: 1.0em; 
	line-height: 1.3em!important; 
} 
 
 
a .weiss{ 
	color: #2d476c; 
} 
 
ul { 
	margin: 8px 0 0 12px; 
	padding-bottom: 0; 
} 
 
 
 
 
.wide .widthImg .large p { 
   margin-left:317px !important;  
} 
 
 
 
.float { 
	margin-bottom: 8px; 
	background: url(../images/bg_float_horizontal.gif) repeat-y 0 0; 
} 
 
.float:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
 
/* Hides from IE Mac \*/ 
* html .float { 
	height: 1%; 
} 
 
.small .left { 
	margin: 0px 8px 0px -4px!important; 
	width: 188px!important; 
} 
 
.small .left[class] { 
	margin: 0px 10px 0px -8px!important; 
	width: 188px!important; 
} 
 
 
.small { 
	width: 580px; 
	background: #ECF1F5; 
} 
 
.small p { 
	margin: 0px; 
	position: relative; 
	padding: 8px 0 0 0; 
	line-height: 1.3em; 
} 
 
.moreArticle { 
	padding: 0 0 8px 4px!important; 
	line-height: 1.3em; 
	text-align: right; /*frank*/ 
} 
 
 
 
.due{ 
	color: #CCAAFF; 
	font-size: 1.6em; 
	font-weight: bolder; 
} 
 
 
 
 
 
.topspace{ 
	width: 180px; 
	float: left; 
} 
 
 
.teaser{ 
	padding: 4px; 
	background: #F5F8FA; 
} 
 
.spacemin { 
	font-size: 60%; 
} 
 
.line{ 
	padding: 0; 
} 
 
 
 
.space{ 
	padding: 4px 8px; 
} 
 
.spacev{ 
	padding: 3px 0; 
} 
 
.spacewaswo{ 
	margin: 14px 8px; 
} 
 
.whitespace{ 
	width: 776px; 
	background: #FFFFFF; 
} 
 
.hinweis{ 
	padding: 8px 8px 8px 8px; 
	background: #CFDCE5; 
} 
 
span.hinweis { 
	padding: 8px 8px 8px 8px; 
	background: #CFDCE5; 
	display: block; 
} 
 
 
 
.tblContentSite { 
	border-right: 1px solid #7C7C84; 
	border-bottom: 1px solid #7C7C84; 
	border-top: 1px solid #FFFFFF; 
	border-left: 0; 
	margin: 0; 
	padding: 0; 
	border-collapse: collapse; 
	width: 777px; 
	background: #FFFFFF; 
} 
 
.tblContentSite tr td { 
	margin: 0; 
	padding: 0; 
} 
 
 
 
.boxContentSite { 
	background: #FFFFFF; 
	padding: 0; 
	margin: 0 0 8px 4px; 
	width: 777px; 
	border-left:0px; 
	border-right: 1px solid #666666; 
	border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid #666666;	 
	overflow: hidden; 
} 
.boxContentSite[class] { 
	margin: 0 0 8px 0; 
	width: 776px; 
} 
 
 
 
.boxContentSite .toc { 
   padding: 0 0 16px 0px!important; 
 
} 
 
.boxContentSite .toc li { 
   padding: 0 0 4px 12px!important; 
	margin: 0!important; 
	font-size: 1.0em; 
	line-height: 1em!important; 
   list-style: none; 
   display: block; 
   background: url(../images/list_point.gif) no-repeat 0 4px; 
} 
 
 
table.attention { 
	padding: 6px; 
	margin: 0px; 
	width: 100%; 
	background: #D6DFE7; 
} 
 
 
.clearerline { 
	clear: both; 
	height: 0px; 
	font-size: 0px; 
} 
 
 
.boxPageContent { 
	width: 572px; 
	margin: 8px; 
	background: #FFFFFF; 
} 
 
.boxPageContentTxt { 
	margin: 8px; 
	background: #FFFFFF; 
} 
 
.boxPageContentTitle { 
	padding: 22px 8px 4px 8px; 
	float: left; 
	width: 300px; 
} 
 
.boxPageContentTitle h2 { 
	font-size: 1.25em; 
} 
 
.boxPageContentImage { 
	float: right; 
	width: 60px; 
	padding: 16px 38px 0px 0px; 
} 
 
.boxPageContent .float-right { 
	float: right; 
	width: auto!important; 
	margin: 0!important; 
	padding: 0 0 0 8px!important; 
} 
 
.boxPageContent .float-left { 
	float: left; 
	width: auto!important; 
	margin: 0!important; 
	padding: 0 8px 0 0!important; 
} 
 
   
 
 
 
 
/**neue Container**/ 
.neutral, .blauDunkel1,.blauMarine, .grauDunkel, .blauGruen, .blauDunkel2, .gold, .grauHell, .blauGrau, .gruenHell, .gruenDunkel, .blauHell, .rot, .orangeDunkel, .orangeHell, .gelb { 
	width: 781px; 
	position: relative; 
	float: right; 
	overflow: hidden; 
	margin: 0 0 0 0; 
	padding: 0; 
} 
.neutral[class], .blauDunkel1[class],.blauMarine[class], .grauDunkel[class], .blauGruen[class], .blauDunkel2[class], .gold[class], .grauHell[class], .blauGrau[class], .gruenHell[class], .gruenDunkel[class], .blauHell[class], .rot[class], .orangeDunkel[class], .orangeHell[class], .gelb[class] { 
	width: 777px; 
	margin: 0; 
} 
 
 
 
 
 
 
 
 
.hidden { 
   display: none; 
} 
 
 
 
 
.empty {	 
	visibility:hidden;	 
} 
 
 
 
 
/* aaaaaaaaaaaaaaaaaagggggggggeeeeeeeeeeeeeeennnnnnnnnnndddddddddddddddddddddaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa2011-2012 */  
.schuldenuhr input{ 
	display: block; 
	font-weight:bold; 
	font-size:1.4em; 
	font-family:"Courier New", Courier; 
	color:red; 
        background-color:#ffa; 
	border:2px black solid; 
	text-align:center;	 
	margin-left:50px; 
 
} 
 
.quicknavigation { 
	display: block; 
	clear: both; 
} 
 
.quicknavigation:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
 
/* Hides from IE Mac \*/ 
* html .quicknavigation { 
	height: 1%; 
} 
 
 
 
 
 
 
.bannerspalte1 { 
	width: 188px; 
	position: relative; 
	float: left; 
    	margin: 0; padding: 0; 
} 
 
.bannerspalte2 { 
	width: 188px; 
	position: relative; 
	float: left; 
    	margin: 0; padding: 0; 
} 
 
.kopflogorechts { 
	width: 188px; 
	position: relative; 
	float: right; 
    	margin: 0; padding: 0; 
} 
 
.bannertop { 
	width: 728px; 
	position: relative; 
	float: right; 
    	margin: 0; padding: 0; 
} 
 
 
 
 
 .quicknavigation { 
	display: inline-block; 
	width: 972px; 
} 
 
/* End Hack */  
 
 
.quicknavigation .logo { 
	position: relative; 
	width: 188px; 
	float: left; 
	background: #2D476A; 
} 
 
.quicknavigation .quicknavigationMargin { 
	width: 430px; 
	position: relative; 
	height: 20px; 
	float: left; 
} 
 
.quicknavigation .quicknavigationMargin ul { 
	list-style: none; 
	float: left; 
	padding: 0; 
	margin: 0 0 0 6px; 
	font-size: 1.0em!important; 
} 
 
.quicknavigationMargin ul li { 
	float: left; 
	width: 75px; 
	display: inline; 
	margin: 1px 0px 1px 0px; 
	padding: 0; 
} 
 
.quicknavigationMargin ul li a,  
.quicknavigationMargin ul li a:link,  
.quicknavigationMargin ul li a:visited, 
.quicknavigationMargin ul li a:hover, 
.quicknavigationMargin ul li a:focus, 
.quicknavigationMargin ul li a:active { 
	display: block; 
	text-align: center; 
	color: #FFFFFF; 
	font-size: 0.85em!important; 
	background: url(../images/weisser_strich.gif) no-repeat 0px -1px; 
} 
.quicknavigationMargin ul li a:hover, 
.quicknavigationMargin ul li a:focus, 
.quicknavigationMargin ul li a:active { 
	text-decoration: underline; 
} 
 
 
 
/******Hauptnavigation*****/ 
.navigation { 
	color: #000000; 
	line-height: 12px; 
	margin: 0 3px 0 0; 
	padding: 0; 
	border: 0; 
	border-collapse: collapse; 
	width: 188px; 
	float: left; 
	overflow: hidden; 
} 
 
.navigation[class]{ 
	margin: 0 7px 0 0; 
	width: 188px; 
} 
 
/* zentrale einstellung fuer die links der navigation*/ 
 
.navigation a:link, 
.navigation a:visited, 
.navigation a:hover, 
.navigation a:focus, 
.navigation a:active { 
	color: #000000; 
	font: 100% verdana,helvetica,arial,sans-serif; 
	text-decoration: none; 
} 
.navigation a:hover, 
.navigation a:focus, 
.navigation a:active { 
	color: #2d476c; 
	text-decoration: underline; 
} 
 
/** ----------------------------------------------**/ 
 
 
.navigation ul.rex-navi1 { 
	margin: -1px 0 0 0; 
	padding: 0; 
	list-style: none; 
} 
 
.navigation ul.rex-navi1 ul { 
	margin: 0 0 -1px 0; 
	padding: 0; 
	list-style: none; 
   border-bottom: 1px solid #879eac; 
} 
 
 
.navigation ul.rex-navi1 li { 
	padding: 0; 
   background: #fff; 
   border-top: 1px solid #879eac; 
   margin: 0; 
} 
 
.navigation ul.rex-navi1 li a,  
.navigation ul.rex-navi1 li a:link,  
.navigation ul.rex-navi1 li a:visited,  
.navigation ul.rex-navi1 li a:hover,  
.navigation ul.rex-navi1 li a:focus,  
.navigation ul.rex-navi1 li a:active { 
	text-decoration: none; 
	padding: 5px 8px 5px 23px; 
	display: block; 
   color: #fff; 
   width: 188px; 
	background: #2d476c url(../images/navigation/bg_navigation_1_0.gif) no-repeat 11px 8px; 
} 
 
.navigation ul.rex-navi1 li a:hover,  
.navigation ul.rex-navi1 li a:focus,  
.navigation ul.rex-navi1 li a:active { 
	background: #001a4d url(../images/navigation/bg_navigation_1_1.gif) no-repeat 0px 0px; 
   color: #fff; 
} 
 
 
 
/**Erste Ebene - Aktiver Zustand ---------------------------**/ 
 
 
.navigation ul.rex-navi1 li.rex-active a,  
.navigation ul.rex-navi1 li.rex-active a:link,  
.navigation ul.rex-navi1 li.rex-active a:visited,  
.navigation ul.rex-navi1 li.rex-active a:hover,  
.navigation ul.rex-navi1 li.rex-active a:focus,  
.navigation ul.rex-navi1 li.rex-active a:active, 
.navigation ul.rex-navi1 li.rex-current a,  
.navigation ul.rex-navi1 li.rex-current a:link,  
.navigation ul.rex-navi1 li.rex-current a:visited,  
.navigation ul.rex-navi1 li.rex-current a:hover,  
.navigation ul.rex-navi1 li.rex-current a:focus,  
.navigation ul.rex-navi1 li.rex-current a:active  { 
	text-decoration: none; 
	padding: 5px 8px 5px 23px; 
	display: block; 
	background: #2d476c url(../images/navigation/bg_navigation_aktuell_2_0.gif) no-repeat 9px 10px; 
	color: #fff; 
} 
 
.navigation ul.rex-navi1 li.rex-active a:hover,  
.navigation ul.rex-navi1 li.rex-active a:focus,  
.navigation ul.rex-navi1 li.rex-active a:active, 
.navigation ul.rex-navi1 li.rex-current a:hover,  
.navigation ul.rex-navi1 li.rex-current a:focus,  
.navigation ul.rex-navi1 li.rex-current a:active  { 
	background: #2d476c url(../images/navigation/bg_navigation_aktuell_1_0.gif) no-repeat 9px 10px; 
} 
 
/**zweite Ebene------------------------------**/ 
 
.navigation ul.rex-navi1 ul ul { 
   border-bottom: 1px solid #b8cbd9; 
} 
 
 
.navigation ul.rex-navi1 ul li { 
   border-top: 1px solid #b8cbd9; 
} 
 
 
 
.navigation ul.rex-navi1 li.rex-active li a,  
.navigation ul.rex-navi1 li.rex-active li a:link,  
.navigation ul.rex-navi1 li.rex-active li a:visited,  
.navigation ul.rex-navi1 li.rex-active li a:hover,  
.navigation ul.rex-navi1 li.rex-active li a:focus,  
.navigation ul.rex-navi1 li.rex-active li a:active, 
.navigation ul.rex-navi1 li.rex-current li a,  
.navigation ul.rex-navi1 li.rex-current li a:link,  
.navigation ul.rex-navi1 li.rex-current li a:visited,  
.navigation ul.rex-navi1 li.rex-current li a:hover,  
.navigation ul.rex-navi1 li.rex-current li a:focus,  
.navigation ul.rex-navi1 li.rex-current li a:active { 
	text-decoration: none; 
	padding: 5px 8px 5px 23px; 
	color: #000; 
	font-weight: normal; 
	display: block; 
	background: #ecf1f6 url(../images/navigation/bg_navigation_2_0.gif) no-repeat 11px 8px; 
} 
 
.navigation ul.rex-navi1 li.rex-active li a:hover,  
.navigation ul.rex-navi1 li.rex-active li a:focus,  
.navigation ul.rex-navi1 li.rex-active li a:active, 
.navigation ul.rex-navi1 li.rex-current li a:hover,  
.navigation ul.rex-navi1 li.rex-current li a:focus,  
.navigation ul.rex-navi1 li.rex-current li a:active { 
	background: #cfdce5 url(../images/navigation/bg_navigation_2_1.gif) no-repeat 0px 0px; 
} 
 
 
/*Dritte Ebene*/ 
 
.navigation ul.rex-navi1 li li.rex-active li a,  
.navigation ul.rex-navi1 li li.rex-active li a:link,  
.navigation ul.rex-navi1 li li.rex-active li a:visited,  
.navigation ul.rex-navi1 li li.rex-active li a:hover,  
.navigation ul.rex-navi1 li li.rex-active li a:focus,  
.navigation ul.rex-navi1 li li.rex-active li a:active, 
.navigation ul.rex-navi1 li li.rex-current li a,  
.navigation ul.rex-navi1 li li.rex-current li a:link,  
.navigation ul.rex-navi1 li li.rex-current li a:visited,  
.navigation ul.rex-navi1 li li.rex-current li a:hover,  
.navigation ul.rex-navi1 li li.rex-current li a:focus,  
.navigation ul.rex-navi1 li li.rex-current li a:active { 
	text-decoration: none; 
	padding: 5px 8px 5px 36px; 
	color: #000; 
	font-weight: normal; 
	display: block; 
	background: #fff url(../images/navigation/bg_navigation_2_0.gif) no-repeat 24px 8px; 
} 
.navigation ul.rex-navi1 li li.rex-active li a:hover,  
.navigation ul.rex-navi1 li li.rex-active li a:focus,  
.navigation ul.rex-navi1 li li.rex-active li a:active, 
.navigation ul.rex-navi1 li li.rex-current li a:hover,  
.navigation ul.rex-navi1 li li.rex-current li a:focus,  
.navigation ul.rex-navi1 li li.rex-current li a:active { 
	background: #ecf1f5 url(../images/navigation/bg_navigation_3_1.gif) no-repeat 0px 0px; 
} 
 
 
/** ---------------------------------------------------------------------------**/ 
 
 
 
 
/* Breadcrump */ 
---------------------- 
 
.breadcrumb { 
        margin-bottom: 20px; 
} 
.breadcrumb p,  
.breadcrumb ul,  
.breadcrumb li { 
        display: inline; 
	margin: 0 0px 6px 4px; 
	padding: 8px 0 6px 0;	 
	position: relative; 
	clear: both; 
	z-index: 10; 
	color:#000!important; 
        font-weight: normal; 
} 
.breadcrumb ul.rex-breadcrumb li { 
	color:#000!important; 
	font-size:1em; 
	text-align: right; 
	padding: 0 12px 0 2px; 
	margin: 0; 
        font-weight: bold; 
 
} 
.breadcrumb ul.rex-breadcrumb li a { 
        background: transparent url('../images/navigation/breadcrumbBild.gif') no-repeat center right; 
	padding: 0 12px 0 2px; 
        margin: 0; 
        font-weight: normal; 
} 
 
 
 
 
 
 
/**hover fuer logo*/ 
a.logo { 
	margin: 0; 
	padding: 0; 
	display: block!important; 
	width: 188px; 
	height: 150px; 
} 
 
 
/* Linkheader fuer quicknavigation */ 
/* linkfarbe - weiss header */ 
/*   bei rollover erscheint ein unterstrich  */ 
a.linkheader:active{ 
	color: #FFFFFF; 
	font: 90% verdana,helvetica,arial,sans-serif; 
} 
a.linkheader:hover,a.linkheader:link,a.linkheader:visited{ 
	color: #FFFFFF; 
	font: 90% verdana,helvetica,arial,sans-serif; 
	text-decoration: none; 
} 
 
a.linkheader:hover, a.linkheader:focus { 
	text-decoration: underline; 
} 
 
 
 
 
.clearer { 
	display: block!important; 
	margin: 0!important; 
	padding: 0!important; 
	clear: both!important; 
	line-height: 0!important; 
	font-size: 0!important; 
	height: 1px!important; 
} 
 
.float .clearer { 
	background: url(../images/bg_float_vertical.gif) repeat-x 0 0; 
	height: 1px; 
	width: 581px; 
} 
 
 
/**Einzelsicht div Layout**/ 
.boxContentPage { 
	margin: 8px 0 8px 0; 
	padding: 0; 
	width: 777px; 
} 
 
 
 
.boxContentPage .boxHeadline { 
	margin: 0px -8px 8px 4px; 
	padding: 0px; 
	position: relative; 
	width:777px; 
	border-bottom: 1px solid #9BA4AC; 
} 
.boxContentPage .boxHeadline[class] { 
	margin: 0px -8px 8px 0px; 
} 
 
.boxContentPage .tblContent .boxContentSite .serviceboxWrapper { 
	float:right; 
	overflow: hidden; 
	display: inline; 
	width: 188px; 
} 
 
.boxContentPage .tblContent .boxContentSite .boxImg { 
	float:left; 
	width:200px; 
} 
 
.boxContentPage .tblContent .boxContentSite .boxImg .imgIcon { 
	float:right; 
	width: 30px; 
	margin-top: 4px; 
} 
 
.boxContentPage .tblContent .boxContentSite .boxImg .bildquelle { 
	float:left; 
	width: 155px; 
	margin-top: 4px; 
} 
 
.boxContentPage .tblContent .boxContentSite .boxImg .textklein { 
	float:left; 
	width: 155px; 
	margin-top: 4px; 
	font-size: 0.9em!important; 
} 
 
.boxContentPage .tblContent .boxContentSite .subtitle { 
	padding-top:0 !important; 
} 
 
.boxContentPage .tblContent .boxContentSite  .subtitle .clearer { 
  width: 1px!important; 
  height: 10px!important; 
  clear: none!important; 
 } 
  
 
.contentMargin { 
	border-collapse: collapse; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	width: 782px; 
	vertical-align: top; 
} 
.contentMargin[class] { 
	width: 784px; 
} 
 
.contentMargin input.checkbox { 
	margin-top: -3px; 
} 
 
 
.contentMargin input.checkbox[class] { 
	margin: 0px; 
} 
  
 
.content { 
	width: 585px; 
	float: left; 
	margin: 0px 4px 0 2px; 
	overflow: hidden; 
} 
 
.content[class] { 
	margin: 0px; 
	width: 589px; 
} 
 
 
 
/*Artikel Teaser Box auf Homepage und Doorpage*/ 
.articleTeaser { 
	color: #333333; 
	font: 100% verdana,helvetica,arial,sans-serif; 
	margin: -2px 0 10px 0!important; 
	padding: 0!important; 
	clear: both; 
	position: relative; 
	background: #FFFFFF; 
} 
.articleTeaser .artikelimg { 
	position: relative; 
} 
 
.articleTeaser .artikelimg .imgIcon { 
	float: right; 
	width: 20px; 
	padding-right: 0px; 
	margin-top: 2px; 
} 
 
.articleTeaser .artikelimg .imgIcon[class] { 
	width: 14px; 
	padding-right: 0px; 
} 
 
.articleTeaser .artikelimg .artikelbu { 
	float: left; 
	/* width: 230px; */ 
} 
 
/*Umstellung auf divlayout*/ 
.articleTeaser .right { 
	float: right; 
	margin: 0px -8px 8px 8px; 
	margin-top: -28px; 
	width: 188px; 
} 
 
.articleTeaser .left { 
	position: relative; 
	float: left; 
	width: 237px; 
	padding: 0; 
	margin: 0 8px 0 -4px; 
	height: auto; 
} 
 
.articleTeaser .large { 
	width: 317px; 
} 
 
.articleTeaser .left[class] { 
	margin: 0 10px 0 -8px; 
} 
 
.articleTeaser .artikeltext .moreArticle a, .articleTeaser .artikeltext .moreArticle a:link, .articleTeaser .artikeltext .moreArticle a:visited, .articleTeaser .artikeltext .moreArticle a:active, .articleTeaser .artikeltext .moreArticle a:hover,.articleTeaser .artikeltext .moreArticle a:focus { 
	color: #2d476c; 
	font-weight: normal; 
	display: inline!important;	 
	vertical-align: top; 
} 
 
.articleTeaser .listFooter { 
	display: block; 
	padding: 6px 8px 2px 8px; 
	background: url(../images/linie579.gif) no-repeat top left; 
	text-align: right; 
} 
 
.articleTeaser .listFooter a, .articleTeaser .listFooter a:link, .articleTeaser .listFooter a:visited, .articleTeaser .listFooter a:active, .articleTeaser .listFooter a:hover,.articleTeaser .listFootera:focus { 
	color: #2d476c; 
	background: url(../images/link_pfeil.gif) no-repeat right 5px!important; 
	padding: 0 19px 0 0!important; 
} 
 
.articleTeaser .moreArticle a.next:active,a.next:link,a.next:visited,a.next:hover,a.next:active { 
	font: bold 100% verdana,helvetica,arial,sans-serif; 
	padding-right: 0px!important; 
	vertical-align: top; 
} 
 
a.articleTeaser:active,a.articleTeaser:link,a.articleTeaser:visited,a.articleTeaser:hover,a.articleTeaser:active { 
	color: #000000; 
	font: 100% verdana,helvetica,arial,sans-serif; 
} 
 
.articleTeaser .artikeltext { 
	padding: 0 0 8px 0!important; 
	margin: 0 8px 0 8px!important; 
} 
 
.float .articleTeaser  p { 
	margin: 0; 
	padding: 8px 0 6px 0; 
} 
.articleTeaser .moreArticle { 
	padding: 0 0 6px 0!important; 
	margin: 0 0 0px 8px!important; 
} 
 
.articleTeaser .moreArticle a, .articleTeaser .moreArticle a:link, .articleTeaser .moreArticle a:visited, .articleTeaser .moreArticle a:active, .articleTeaser .moreArticle a:hover, .articleTeaser .moreArticle a:focus { 
	color: #2d476c; 
	font-weight: bold; 
	display: block; 
} 
 
.articleTeaser .artikeltext .moreArticle { 
	display: block; 
	padding: 0px!important; 
	margin: 0!important; 
} 
 
.float .articleTeaser { 
	background: none; 
	width: 290px; 
	float: left; 
	margin: 0!important; 
	padding: 8px 0 8px 0!important; 
	clear: none; 
} 
 
.articleTeaser .right .artikelbu { 
	width: 200px; 
	font-size: 85%; 
} 
 
.articleTeaser .left .artikelbu { 
	/* width: 220px; */ 
	margin: 1px 0 0 4px; 
	font-size: 90%; 
} 
 
.articleTeaser .left .artikelbu[class] { 
	margin: 3px 0 0 8px; 
} 
 
.articleTeaser .left .artikelbq { 
	color: #666666; 
	margin: 3px 0 0 8px; 
	font-size: 90%; 
} 
 
 
div.wide { 
	display: block; 
	padding: 14px 0 4px 0!important; 
	margin: 0; 
	width: 580px; 
	float: left; 
} 
 
.wide .artikeltext { 
	margin: 0 8px 0px 8px; 
	padding: 0; 
} 
 
.wide .artikeltext p { 
	margin: 0; 
	padding: 0; 
	font:  100% Arial, Verdana, Helvetica, sans-serif; 
	line-height: 1.5em; 
        font-size: 12px; 
        color: #000000; 
} 
 
.wide .artikeltext h2.doorpage { 
	padding: 0!important; 
	margin: 4px 0 14px 0!important; 
	font-size: 1.6em; 
	background: none; 
	display: block!important; 
	width: auto; 
	text-transform: none; 
	letter-spacing: 0; 
} 
 
.wide .artikeltext h2.doorpage a { 
	color: #000000; 
	font-weight: bold;	 
} 
 
/*Einstellung fuer Banner linke Spalte*/ 
 
.marginalContent { 
	width: 188px; 
	margin-bottom: 5px; 
} 
 
 
/**######Banner############*/ 
/**Bannerüberschriften**/ 
.marginalBanner { 
	width: 188px; 
	padding-bottom: 8px; 
} 
 
.marginalBanner .bannerhead { 
	font-weight: bold; 
	font-size: 0.9em; 
	letter-spacing: 1px!important; 
	padding: 5px 0 3px 5px; 
	margin: 0; 
	color: #000000; 
	background: #FFFFFF; 
} 
 
.marginalBanner .bannerhead h3 { 
	font-weight: bold!important; 
	font-size: 1.0em!important; 
	letter-spacing: 1px!important; 
	padding: 0!important; 
	margin: 0!important; 
	color: #000000!important; 
	display: inline!important; 
} 
 
.marginalBanner .bannerimg { 
	width: 188px; 
	display: block; 
	margin: 0; 
	padding: 0; 
	line-height: 0px; 
} 
 
.marginalBanner .bannerimg img { 
	margin: 0; 
	padding: 0; 
	border: 0; 
} 
 
.marginalBanner .bannertext { 
	border: 1px solid #FFFFFF; 
	width: 188px; 
	padding: 4px!important; 
	margin: -2px 0 0 0!important; 
	display: block!important; 
	position: relative!important; 
	background: #ECF1F6; 
} 
 
.marginalBanner .bannertext[class] { 
	margin: 0!important; 
	width: 178px; 
} 
 
.marginalBanner .bannertext span { 
	line-height: 130%; 
	display: block; 
	padding-bottom: 4px!important; 
} 
 
.marginalBanner .bannertext p { 
	line-height: 130%; 
	display: block; 
	padding-bottom: 4px!important; 
} 
 
.marginalBanner .bannertext strong { 
	display: block; 
	margin-bottom: 4px; 
} 
 
.marginalBanner .bannertext ul, .marginalBanner .bannertext ul li { 
	list-style: none; 
	margin: 2px 0; 
	padding: 0; 
} 
 
.marginalBanner .bannertext a span { 
	display: inline; 
} 
 
.marginalBanner .navhd{ 
	/*line-height:18px;*/ 
	font-size:11px; 
	background-color:#dae4f4; 
	color:#000; 
	font-weight:bold; 
	padding:3px; 
	border-bottom:1px solid #dae4f4; 
} 
 
 
.bannerabstand { 
	display: none; 
} 
 
/**Bannerformatierunge**/ 
.gelb .marginalBanner .bannerhead, .gelb .marginalBanner .bannerhead h3 { 
	color: #000000!important; 
	background: #FFCC00; 
} 
 
.orangeHell .marginalBanner .bannerhead, .orangeHell .marginalBanner .bannerhead h3 { 
	color: #000000!important; 
	background: #FF9900; 
} 
 
.orangeDunkel .marginalBanner .bannerhead, .orangeDunkel .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #FF6600; 
} 
 
.rot .marginalBanner .bannerhead, .rot .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #FF0000; 
} 
 
 
.blauDunkel1 .marginalBanner .bannerhead, .blauDunkel1 .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #1144AA; 
} 
 
.blauHell .marginalBanner .bannerhead, .blauHell .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #26A5BE; 
} 
 
.gruenDunkel .marginalBanner .bannerhead, .gruenDunkel .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #007744; 
} 
 
.gruenHell .marginalBanner .bannerhead, .gruenHell .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #7DB87E; 
} 
 
.blauGrau .marginalBanner .bannerhead, .blauGrau .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #5D7C9B; 
} 
 
.grauHell .marginalBanner .bannerhead, .grauHell .marginalBanner .bannerhead h3 { 
	color: #000000!important; 
	background: #CBD1D8; 
} 
 
.gold .marginalBanner .bannerhead, .gold .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #CC9900; 
} 
 
.blauDunkel2 .marginalBanner .bannerhead, .blauDunkel2 .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #2656AB; 
} 
 
.blauGruen .marginalBanner .bannerhead, .blauGruen .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #1B7385; 
} 
 
.grauDunkel .marginalBanner .bannerhead, .grauDunkel .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #B4B4B4; 
} 
 
.blauMarine .marginalBanner .bannerhead, .blauMarine .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #31426B; 
} 
 
.neutral .marginalBanner .bannerhead, .neutral .marginalBanner .bannerhead h3 { 
	color: #FFFFFF!important; 
	background: #2d476c; 
} 
 
 
/**Footer**/ 
.footer { 
	width: 777px; 
	text-align: left; 
	padding: 0pt!important; 
	background: #ECF1F5; 
	margin: 0 0 10px 0px!important; 
	float: right; 
} 
 
.footer[class] { 
	width: 777px; 
} 
 
 
.footer span { 
	float: left; 
} 
 
html>body .footer .footerList span { 
	display: none; 
} 
 
.footer .footerContent { 
	color: #000000; 
	margin: 6px 0 0 4px!important; 
	padding: 0; 
	width: 770px; 
	height: 0.6em; 
	float: none; 
	display: block; 
	clear: both; 
	font-size: 0.9em!important; 
} 
 
.copyright { 
	color: #000000; 
	padding: 0 0 0 4px!important; 
	margin: 0!important; 
} 
 
 
div.footer div.footerTopLink { 
	position: relative; 
	margin: -1.6em 5px 5px 5px; 
	float: right!important; 
	text-align: right; 
	width: 10.9em; 
} 
 
div.footer div.footerTopLink a,  
div.footer div.footerTopLink a:link, 
div.footer div.footerTopLink a:visited, 
div.footer div.footerTopLink a:hover, 
div.footer div.footerTopLink a:focus,  
div.footer div.footerTopLink a:active { 
	font-size: 0.9em!important; 
} 
 
div.footer p, div.footer div.footerTopLink span { 
	margin: 0!important; 
	padding: 0!important; 
} 
 
div.footerTopLink { 
	position: relative; 
	margin: 10px 0 5px 0; 
	float: right!important; 
	text-align: right; 
	width: 10.2em; 
} 
 
.topLink { 
	display: block; 
	width: 100%; 
	margin: 0 5px 12px 5px; 
	text-align: right; 
} 
 
 
.hide { 
      display:	block; 
      position:	absolute; 
      top:	-1000px; 
      left:	-1000px; 
      height: 1px; 
      width: 900px; 
      overflow:hidden; 
      visibility: hidden; 
} 
h2.hide { 
      display:	none; 
} 
 
h2.hide[class] { 
      display: block; 
} 
 
 
 
.posttitle { 
	font-size: 1.2em; 
	font-weight: bold; 
	text-transform: uppercase; 
} 
 
.posttitle a { 
	color: #3F3F3F; 
} 
 
.posttitle a:hover { 
	color: #000000; 
} 
 
/* ### Ausrichtig von Text ################################################################ */ 
 
.floatLeft { float:left; } 
.floatRight { float:right; } 
 
 
/* ### Module ################################################################ */ 
 
.boxContentPage div.floatLeft img { 
	float:left; 
	margin:4px 40px 4px 0; 
} 
 
.boxContentPage div.floatRight img { 
	float:right; 
	margin:4px 0 4px 40px; 
} 
/* 
 
 
/* ### Team ### */ 
 
.boxContentPage div.txt-img { 
	clear: both; 
	padding: 12px 0; 
} 
 
 
/* ### Team ### */ 
 
.boxContentPage div.team { 
	clear: both; 
	padding: 12px 0; 
	margin-bottom: 0px ; 
} 
 
.boxContentPage div.team div.floatLeft img { 
	margin:4px 0px 4px 0; 
} 
 
 
/* ### Bildgalerie ### */ 
 
.boxContentPage div.galerie { 
	clear: both; 
} 
.boxContentPage div.galerie div.image { 
	float: left; 
	width: 270px; 
} 
 
.boxContentPage div.galerie div.image img{ 
	padding: 5px; 
	border:1px solid #aaa; 
} 
 
 
/* ### Formular ################################################################ */ 
 
label.text{ 
	width: 80px; 
	height: 25px; 
	display:block; 
	float:left; 
	clear: left; 
	padding-top:5px; 
} 
 
label.textarea{ 
	width: 80px; 
	height: 25px; 
	display:block; 
	clear: left; 
	padding-top:5px; 
} 
input.text { 
	float:left; 
	width: 370px; 
	height:20px; 
	background-color: #eee; 
	color:#000; 
	border-left: 6px solid #90b0bf;; 
	border-bottom: 1px solid #FFF; 
	border-right: 6px solid #90b0bf;; 
	border-top: 1px solid #FFF; 
} 
 
textarea.textarea { 
	width: 450px; 
	height:100px; 
	background-color: #eee; 
	color:#000; 
	border-left: 6px solid #90b0bf;; 
	border-bottom: 1px solid #FFF; 
	border-right: 6px solid #90b0bf;; 
	border-top: 1px solid #FFF; 
} 
 
.submit{ 
	background-color: #90b0bf; 
	color:#fff; 
	margin-top: 10px; 
	border: none; 
} 
 
/* ### GaestebuchAnzeige ################################################################ */ 
 
a.gaestebuchsmall         { text-decoration: none; font-family: Helvetica, Arial; font-size: 8pt } 
a.gaestebuchsmall:link    { font-family: Helvetica, Arial; font-size: 8pt; color: #1B68D1; font-weight: bold } 
a.gaestebuchsmall:active  { font-family: Helvetica, Arial; font-size: 8pt; color: #1B68D1; font-weight: bold } 
a.gaestebuchsmall:visited { font-family: Helvetica, Arial; font-size: 8pt; color: #1B68D1; font-weight: bold } 
a.gaestebuchsmall:hover   { text-decoration: underline; font-family: Helvetica, Arial; font-size: 8pt; color: #FF4040; font-weight: bold } 
 
/* ### GaestebuchFormular ################################################################ */ 
 
#gaestebuchformular {width:500px; margin:5px; padding:0; background:#cccccc url(../images/formulare/bg-verlauf.jpg) repeat-x; border-bottom:1px solid #cccccc;} 
#gaestebuchformular fieldset{margin:0; padding:0; border:0;} 
#gaestebuchformular ul{margin:0; padding:0; list-style:none;} 
#gaestebuchformular ul li{border-top:1px solid #fff; border-bottom:1px solid #afbaff; padding:10px;} 
#gaestebuchformular ul li.first{border-top:0; font-size:20px; color:#404245;} 
#gaestebuchformular ul li.last{border-bottom:0;} 
#gaestebuchformular label{display:block; color:#404245; float:left; width:75px; line-height:21px; text-align:right; padding-right:5px; margin:0 0 0 5px;} 
#gaestebuchformular label#sicherheitsrechnung{display:block; color:#404245; float:left; width:375px; line-height:21px; text-align:right; padding-right:5px; margin:0 0 0 5px;} 
#gaestebuchformular .text{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404245;} 
#gaestebuchformular .text{padding:3px 3px 3px 22px; border:1px solid #fff; border-top:1px solid #b3c3e3; border-left:1px solid #afbaff; height:22px; background:#fff url(../images/formulare/name_icon.gif) 2px 3px no-repeat;} 
#gaestebuchformular input#gbook_name{width:300px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404245;} 
#gaestebuchformular input#gbook_email{width:300px; background:#fff url(../images/formulare/email_icon.gif) 3px 3px no-repeat;} 
#gaestebuchformular input#gbook_url{width:300px; background:#fff url(../images/formulare/link_icon.gif) 3px 3px no-repeat;} 
#gaestebuchformular input#gbook_city{width:300px; background:#fff url(../images/formulare/home_icon.gif) 3px 3px no-repeat;} 
#gaestebuchformular textarea#gbook_text{width:350px; height:130px; background:#fff url(../images/formulare/nachricht_icon.gif) 3px 3px no-repeat;} 
#gaestebuchformular input#sicherheitsrechnung{width:50px; padding:3px 3px 3px 6px; background:#fff;} 
#gaestebuchformular input.submit{width:90px; height:23px; cursor:pointer; border:0; background:url(../images/formulare/button2_neu.gif) no-repeat; color:#80; font-weight:bold; margin-left:65px; color:#404245;} 
 
ul.error{margin:5px;padding:5px;border-top:1px solid #d65a5c;border-bottom:1px solid #d65a5c;background:#fdd;color:#c00;} 
ul.error li{border:0;padding:0;} 
 
/* ### Kontaktformular ################################################################ */ 
 
#kontaktformular {width:500px; margin:5px; padding:0; background:#cccccc url(../images/formulare/bg-verlauf.jpg) repeat-x; border-bottom:1px solid #cccccc;} 
#kontaktformular fieldset{margin:0; padding:0; border:0;} 
#kontaktformular ul{margin:0; padding:0; list-style:none;} 
#kontaktformular ul li{border-top:1px solid #fff; border-bottom:1px solid #afbaff; padding:10px;} 
#kontaktformular ul li.first{border-top:0; font-size:20px; color:#404245;} 
#kontaktformular ul li.last{border-bottom:0;} 
#kontaktformular label{display:block; color:#404245; float:left; width:75px; line-height:21px; text-align:right; padding-right:5px; margin:0 0 0 5px;} 
#kontaktformular .text{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404245;} 
#kontaktformular .text{padding:3px 3px 3px 22px; border:1px solid #fff; border-top:1px solid #b3c3e3; border-left:1px solid #afbaff; height:22px; background:#fff url(../images/formulare/name_icon.gif) 2px 3px no-repeat;} 
#kontaktformular input#name{width:300px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404245;} 
#kontaktformular input#email{width:300px; background:#fff url(../images/formulare/email_icon.gif) 3px 3px no-repeat;} 
#kontaktformular textarea.text{width:350px; height:130px; background:#fff url(../images/formulare/nachricht_icon.gif) 3px 3px no-repeat;} 
#kontaktformular input#sicherheitsrechnung{width:50px; padding:3px 3px 3px 6px; background:#fff;} 
#kontaktformular input.submit{width:90px; height:23px; cursor:pointer; border:0; background:url(../images/formulare/button2_neu.gif) no-repeat; color:#80; font-weight:bold; margin-left:65px; color:#404245;} 
 
#kontaktformular form .fehler{border:1px solid #d65a5c;} 
 
ul.fehler{margin:5px;padding:5px;border-top:1px solid #d65a5c;border-bottom:1px solid #d65a5c;background:#fdd;color:#c00;} 
ul.fehler li{border:0;padding:0;} 
ul.erfolg{margin:5px;padding:5px;border-top:1px solid #5bb55b;border-bottom:1px solid #5bb55b;background:#deffde;color:#090;} 
/* ################################################################### */ 
 
/* ### Slideshow ################################################################ */ 
#myreel{ /*sample CSS for demo*/ 
border:5px solid black; 
} 
#BildSlidShow2{ /*sample CSS for demo*/ 
border:1px solid black; 
} 
 
/* ### News Vorschau fuer new comments und Presseartikel ############################## */ 
 
.newsbild{ 
 
		border:0px; 
		float:left; 
		margin:0px 5px 5px 0px; 
		padding:3px; 
		border:1px solid #e5e5e5; 
 
} 
 
.newsgalerie{ 
 
		border:0px; 
		margin:0px 5px 5px 0px; 
		padding:3px; 
		border:1px solid #e5e5e5; 
 
} 
 
.news{	 
		padding:5px; 
		border:1px solid #e5e5e5; 
		 
		/*Anfang Mindesthöhe DIV*/ 
		min-height:150px; 
		height:auto !important;  /* für moderne Browser */ 
		height:150px;  /*für den IE */ 
		/*Ende Mindesthöhe DIV*/ 
 
} 
 
.news:hover{ 
		/*Wird vom IE ignoriert funktioniert erst ab 7.0*/ 
		padding:5px; 
		border:1px solid #e5e5e5; 
		background-color:#efeeee; 
	 
} 
 
 
/* ### Ad-Hoc Berichte und Kommentare / Text ueber Bild ############################## */ 
 
.ad-hoc-bild { 
margin:0 auto; 
display:block; 
width:567px; 
height:125px; 
position:relative; 
z-index:1; 
background:#ffffff; 
} 
 
#anzahl-berichte { 
position:absolute; 
top:65px; 
left:310px; 
width:90px; 
font-size:1.3em; 
text-align: right; 
color:#184461; 
} 
 
#anzahl-kommentare { 
position:absolute; 
top:65px; 
left:450px; 
width:90px; 
font-size:1.3em; 
text-align: right; 
color:#184461; 
}