﻿body			{margin:0; padding:0; text-align:center; }
body, font, td, p 	{color:#333333; font-size:11px; font-weight:normal; line-height:14px; font-family:Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;}

td.goButton { 
  padding-top:0px;
  padding-left:5px;
}  

.teaserlink { font-size:14px; color:white; text-decoration:none; }

.layerGeschichte { width:515px;clear:both; margin-bottom: 0px; }
#startHeading { color: #E40001; font-size:18px; font-weight:bold; margin-top:4px; margin-bottom: 20px; }
h1.geschichte { font-weight:bold; font-size:14px; color:black; font-family: Arial; margin-bottom:3px; padding-top:0px; margin-top:0px; }

.floatBox { width:250px; float:left; margin-right:5px; margin-bottom: 10px; }
.floatBox div.left { float:left; margin-right: 5px; width: 100px; margin-bottom:40px; }
.floatBox div.left img { border:0; } 
.floatBox div { float:left; padding-right:4px; padding-top:0px; width: 135px; line-height: 16px; color:black; font-size:12px;margin-bottom:40px; }

#layoutStartDiv h1 { font-size:18px; color:#e40001; font-weight:bold;}
#layoutStartDiv p { color:#333333; margin:0;padding:0; font-size:12px; line-height:18px; margin-bottom:7px; }

.startInfobox { width:310px; background: #eeeeee;  margin-top:20px; margin-bottom: 20px; border-bottom:1px solid #c1c1c1;}
.startInfobox img { float:left; width:116px;  margin-right: 5px; }
.startInfobox h2 { font-size:14px; font-weight: bold; color:black; margin-bottom:4px;}
.startInfobox p { font-size:12px; color: #707070; line-height:17px; }
.startInfobox div { font-size:11px; color: #cccccc; padding:3px; float:left; width:160px; }

a.newsStartpage:link { font-size:12px; line-height:18px;  color:#ff0000; text-decoration: underline; font-weight: bold; }
a.newsStartpage:visited { font-size:12px; line-height:18px;  color:#ff0000; text-decoration: underline; font-weight: bold; }
a.newsStartpage:hover { font-size:12px; line-height:18px;  color:#ff0000; text-decoration: none; font-weight: bold; }
a.newsStartpage:active { font-size:12px; line-height:18px;  color:#ff0000; text-decoration: none; font-weight: bold; }


/*div			{border:1px solid green;}v

.container		{width:980px;}


/*	Head	*/

.head			{width:918px; height:70px; background-color:#d8061f; padding:0 31px 0 31px; vertical-align:top; text-align:left; margin-bottom:1px;}
.head_left		{width:70px; height:67px; float:left; position:relative;}
.logo_top		{width:70px; height:51px; padding-top:2px;}
.logo_bottom		{width:70px; height:15px;}
.head_middle		{width:276px; height:67px; padding:0 0 0 81px; position:relative; float:left;}
.head_right		{float:right; height:15px; text-align:right; padding-top:5px; }


/*	Banner	*/

.banner			{width:980px; height:144; overflow:hidden;}
/*.willkommen_banner	{padding:115px 0 0 40px; color:#ffffff; font-size:16px; font-weight:bold; z-index:2; width:980px; height:84px; position:absolute;}
.willkommen_banner_rot	{padding:116px 0 0 41px; color:#d8061f; font-size:16px; font-weight:bold; z-index:1; width:980px; height:144;}*/
.logo {padding:0px; width:265px; height:152px; float:left; margin-bottom:1px; }
.bannerBild	{padding:0px; width:715px; height:152px; float:left; margin-bottom:1px; }  

/*	Navigation	*/
.navigation		{padding-left:25px; width:955px; margin-top: 1px; height:32px; background:url(bgMenu.gif) repeat-x; text-align:left; vertical-align:top; clear:both;}	
.navi			{float:left; width:155px; margin-top:23px;}

/*	Contentbereich	*/
 
.contentbereich		{width:920px; background: url(verlaufOben.jpg) repeat-x top left; min-height:440px; padding:28px 30px 20px 30px; text-align:left; vertical-align:top; margin-top:1px; }
#historynavi		{width:100%;}
#headline		{text-align:left; width:100%; margin-top:15px;}


#navi,#content,#infobox {overflow:hidden;}

#navi,#content,#infobox {float:left}
#navi 			{width:150px; overflow: hidden; margin-top:23px; padding-right: 15px;}
#content 		{width:auto; margin-bottom:20px;}
#infobox 		{width:245px; margin-top:11px; } 

#infobox_content 	{width:220px; padding:10px 0 0 30px;}
#infobox_content h1 { color: #343434; font-weight:bold;margin:0px;padding:4px;padding-bottom:0px; }
#infobox_content a { color:white; }
#infobox_content td.appTD { background:#666666; color:white; font-size:12px; line-height:18px; padding:4px; position:relative; top:-3px; }

.infobox_content 	{width:220px; padding:10px 0 0 30px;}
.infobox_content h1 { color: #343434; font-weight:bold;margin:0px;padding:4px;padding-bottom:0px; }
.infobox_content a { color:white; }
.infobox_content td.appTD { background:#666666; color:white; font-size:12px; line-height:18px; padding:4px; position:relative; top:-3px; }


#teaserliste	{padding-bottom:3px;}
.teaserbild		{border:1px solid #7F7E7E;}

/*	Footer	*/
.footer			{ background:url(verlaufUnten.jpg) repeat-x top left; width:980px;  margin: 0 auto; text-align:left; height:35px; padding:17px 0px 0 0px; clear:both;}
a.footerlink:link { color: white; font-size:11px; text-decoration: none; }
a.footerlink:visited { color: white; font-size:11px; text-decoration: none; }
a.footerlink:hover { color: white; font-size:11px; text-decoration: underline; }
a.footerlink:active { color: white; font-size:11px; text-decoration: underline; }

.footer_left		{float:left; position:relative; margin-left:30px;}
.footer_right		{float:right; position:relative;}


/*	Formularfelder und Buttons	*/
input, select, textarea { color:#58585a; font-size:11px; font-family:Arial, Verdana, Helvetica, Sans-Serif; background-repeat:no-repeat; border:solid 1px #a9a9a9; border-collapse:collapse; padding:0 0 0 3px;}
.button {border:#A9A9A9 solid 1px; width:50px; color:#DC2B19; font-size:11px; font-family:Arial, Verdana, Helvetica, Sans-Serif; background:url(_bg_button.gif) no-repeat; padding-bottom:2px; border:0px; width:96px; height:18px; border-collapse:collapse;}


hr			{border:#DADBDD solid 1px; width:200px; height:1px; display:block; margin:12px 0 12px 0;}



/*	Formatierungen	*/
.history 		{color:#666666; font-size:10px; text-decoration:none; margin:10px 0 10px 0;}

a:link 			{color:#d8061f; text-decoration:underline;}
a:visited 		{color:#d8061f; text-decoration:underline;}
a:hover 		{color:#d8061f; text-decoration:none;}
a:active 		{color:#d8061f; text-decoration:underline;}
a:focus 		{color:#d8061f; text-decoration:underline;}

a.whitelink:link 		{color:white; font-size:12px;  text-decoration:underline;}
a.whitelink:visited		{color:white; font-size:12px;  text-decoration:underline;}
a.whitelink:hover 		{color:white; font-size:12px;  text-decoration:none;}
a.whitelink:active 		{color:white; font-size:12px;  text-decoration:underline;}
a.whitelink:focus 		{color:white; font-size:12px;  text-decoration:underline;}

.history 		{color:#666666; font-size:10px; text-decoration:none;}
.history:link 		{color:#666666; font-size:10px; text-decoration:none;}
.history:active 	{color:#666666; font-size:10px; text-decoration:underline; font-weight:bold;}
.history:visited 	{color:#666666; font-size:10px; text-decoration:none;}
.history:hover 		{color:#666666; font-size:10px; text-decoration:underline;}

.navi_top		 {color: #ffffff; font-style: normal; font-weight: bold; font-size: 10px; text-decoration: none;}
.navi_top:link		 {color: #ffffff; font-style: normal; font-weight: bold; font-size: 10px; text-decoration: none;}
.navi_top:hover		 {color: #ffffff; font-style: normal; font-weight: bold; font-size: 10px; text-decoration: none;}
.navi_top:active	 {color: #ffffff; font-style: normal; font-weight: bold; font-size: 10px; text-decoration: none;}
.navi_top:visited	 {color: #ffffff; font-style: normal; font-weight: bold; font-size: 10px; text-decoration: none;}

.navi_bottom		{color:#666666; font-size:10px; text-decoration:none;}
.navi_bottom:link	{color:#666666; font-size:10px; text-decoration:none;}
.navi_bottom:active	{color:#666666; font-size:10px; text-decoration:none; font-weight:normal;}
.navi_bottom:visited	{color:#666666; font-size:10px; text-decoration:none;}
.navi_bottom:hover	{color:#666666; font-size:10px; text-decoration:none;}


.downloads		{color:#7CB41F; font-size:11px; text-decoration:none; font-weight:bold;}
.downloads:link		{color:#7CB41F; font-size:11px; text-decoration:none; font-weight:bold;}
.downloads:active	{color:#7CB41F; font-size:11px; text-decoration:none; font-weight:bold;}	
.downloads:hover	{color:#7CB41F; font-size:11px; text-decoration:none; font-weight:bold;}
.downloads:visited	{color:#7CB41F; font-size:11px; text-decoration:none; font-weight:bold;}

.navi2:link			{color:#333333; font-size:12px; text-decoration:none; font-weight:bold;}
.navi2:visited		{color:#333333; font-size:12px; text-decoration:none; font-weight:bold;}
.navi2:hover		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}
.navi2:active		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}

.navi2a:link		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}
.navi2a:visited		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}
.navi2a:hover		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}
.navi2a:active		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}

.navi3:link			{color:#666666; font-size:12px; text-decoration:none; font-weight:bold;}
.navi3:visited		{color:#666666; font-size:12px; text-decoration:none; font-weight:bold;}
.navi3:hover		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}
.navi3:active		{color:#666666; font-size:12px; text-decoration:none; font-weight:bold;}

.navi3a:link		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}
.navi3a:visited		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}
.navi3a:hover		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}
.navi3a:active		{color:#e40000; font-size:12px; text-decoration:none; font-weight:bold;}
 
.navi4:link, .navi5:link			{color:#666666; font-size:12px; text-decoration:none; font-weight:normal;}
.navi4:visited, .navi5:visited		{color:#666666; font-size:12px; text-decoration:none; font-weight:normal;}
.navi4:hover, .navi5:hover		{color:#e40000; font-size:12px; text-decoration:none; font-weight:normal;}
.navi4:active, .navi5:active		{color:#666666; font-size:12px; text-decoration:none; font-weight:normal;}

.navi4a:link, .navi5a:link	{color:#e40000; font-size:12px; text-decoration:none; font-weight:normal;}
.navi4a:visited, .navi5a:visited	{color:#e40000; font-size:12px; text-decoration:none; font-weight:normal;}
.navi4a:hover, .navi5a:hover	{color:#e40000; font-size:12px; text-decoration:none; font-weight:normal;}
.navi4a:active, .navi5a:active	{color:#e40000; font-size:12px; text-decoration:none; font-weight:normal;}



h1 			{font-weight:normal; font-size:14px; color:#666666; margin:20px 0 8px 0;}
h2 			{color:#DC2B19; font-weight:bold; font-size:12px; display: block; margin:0 0 0 0;}
h3 			{color:#333333; font-weight:bold; font-size:12px; display: block; margin:0 0 0 0;}
h4 			{color:#DC2B19; font-weight:bold; font-size:11px; display: block; margin:0 0 0 0;}
h5 			{color:#333333; font-weight:bold; font-size:11px; display: block; margin:0 0 0 0;}



/*	Listen		*/
li			{margin-left:15px; padding-left:4px; margin-bottom:0px;} 
ul			{padding-left:5px; list-style-type:disc; margin-top:4px; padding-bottom:5px;}

/* ===============================
   =bild links / text rechts
=============================== */

.contentTeaserPicText {
    clear:both;
    width:100%;
    margin-bottom: 10px;
    margin-top: -1px;   /* wg. clear:both;*/
    float:left;
}

.contentTeaserPicText .picture {
    float:left;
    margin-right:7px;
}

.contentTeaserPicText .text {
    float:left;
    width: 70%;
}

.contentTeaserEmpty {
    height: 0px;
}




div.contentteaser {
  width: 100%;
  float: left;
}

div.contentteaserl2 {
  width: 100%;
  float: right;
}

/*
 * Bugfixies für IE 6 und IE 7
 */

* html div.contentteaser div.cttext {
/*  margin-top:-19px;*/
  margin-top:-4px;
}

* html div.contentteaser div.cttext2 {
/*  margin-top:-4px;*/
  margin-top:-4px;
  
}

div.contentteaser div.ctimage {
  float:left;
  margin:19px 15px 5px 0;

}

/* Bild in Layout2 Text links / Bild rechts */
div.contentteaserl2 div.ctimagel2 {
  float:right;
  margin:19px 0px 5px 15px;
}

div.contentteaser div.ctbox {
  width:70%;
  float:left;
}

div.contentteaser div.ctheadline {
  font-weight:bold;
  margin-bottom:3px;
}

div.contentteaser div.cttext {
  margin-bottom:5px;
  margin-top:0px;
  vertical-align:top;
  width: 70%;
  float:left;
}

div.contentteaser div.cttext2 {
  margin-bottom:5px;
  margin-top:0px;
  vertical-align:top;
  width: 70%;
  float:left;
}

/* funktioniert so nicht !!! */
div.contentteaserl2 div.cttext2l2 {
  margin-bottom:5px;
  margin-top:0px;
  vertical-align:top;
  width: 70%;
  float:right;
/*  text-align: justify;*/
}

/*
div.contentteaser div.cttext2l2 {
  margin-bottom:5px;
  margin-top:0px;
  vertical-align:top;
  width: 70%;
  float:right;
}*/

.layout2Text {
   /*text-align:justify;*/
   margin-top:15px;
}
  

div.clearboth {
  clear:both;
  float:none;
  height:0px;
  font-size:1px;
  line-height:1px;
}







/* ===============================
   =text links / bild rechts
=============================== */

.contentTeaserTextPic {
    clear:both;
    width:100%;
    margin-bottom: 10px;
    float:left;
}

.contentTeaserTextPic .text {
    float:left;
    width: 70%;
    margin-right:7px;
}

.contentTeaserTextPic .picture {
    float:left;
}

 


/* ===============================
   =Text oben / 3 Bilder unten
=============================== */

.contentTeaserTxt3PicText {
   clear:both;
   padding-bottom: 10px;
}

.contentTeaserTxt3PicPicture {
   float:left;
   padding-bottom: 10px;
   margin-right: 8px;
}
