/*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, 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:270px;

}

.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: #FFFFFF;
}

.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: 120px;
}


/* 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;
}


/* ### 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;
	
}