/* CSS Document */
  html {
	height:100%;
	margin:0;
	padding:0;
  }
  
  body {
    height:100%;
    color: black; 
    font-size: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
	text-decoration: none;
    margin: 0; 
    padding: 0;
	text-align: center;	
	background: #00744D;

  }
	
  #container {
	background: #00744D;
	position: relative;
	display: block;
	min-height: 100%;
	width: 762px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: #00744D url(pics_ber/hg_uminhalt.gif) repeat-y top right;
  }
  * html #container {
	height: 100%;
  }

  #container_weit {
	background: #00744D;
	position: relative;
	display: block;
	min-height: 100%;
	width: 762px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background-color: white;
  }
  * html #container_weit {
	height: 100%;
  }  

  
  #inhalt {
	display: block;
	width: 762px;
    padding: 0px 0 60px 0;
    margin:  0 0 0 0;
	text-align: left;
  }

  #inhalt_weit {
	display: block;
	width: 762px;
    padding: 0 0 40px 0;
    margin:  0;
	text-align: left;
  }

  #inhaltlinks {
	padding: 0;
	margin: 0;
  	width: 644px; /*Höhe von 100 % raus genommen*/
  	display: block;
  	position: relative;
	float: left;
  }

  #kopfueber {  
	margin: 0;
    width: 646px;
	height: 171px;
    background: url(pics_ber/hg_kopf.jpg) no-repeat right top;
  } 

  #kopfueber_weit {  
	margin: 0px 0 0 0;
    width: 646px;
	height: 150px;
    background: url(pics_ber/hg_kopf.jpg) no-repeat right top;
  }

  #inhaltrechts {
	margin: 0px 0 0 2px;
	padding: 0;
	float: left;
	text-align: left;
	top: -4px; /*wofür*/
	width: 116px;
  	overflow: hidden;
	background: url(pics_ber/hg_inhalt_re.jpg) no-repeat right top;
  }
    
  * html #inhaltrechts {  /* nur fuer Internet Explorer */
	width:116px;     /* Version 5.x */
  	w\idth:116px;    /* Version 6 */
  	margin: 0;
  }

  #inhaltrechts_weit {
	position: absolute;
	display: block;
	right: -7px;
	top: -92px;
	width: 117px;
  	overflow: hidden;
	background: url(pics_ber/hg_inhalt_re.jpg) no-repeat right top;
  }

 #logo {
  	margin: 0;
  	padding-top: 79px;
  	width: 116px;
  	overflow: hidden;
  }

 #logo img {
 	border: 0;
 }

   #rechts_bild {
  	width: 116px;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;
  	display: block;
  }

  #oben {
    position: absolute;
    z-index: 98;
    top: 0;
    left: 0;
	margin: 0;
    padding: 0;
   
    width: 100%;
	font-size: 100%;
    height: 110px;
    text-align: center;
    /*display: none;*/
  }

#bildbox{
 	position: relative;
	left: -20px;
	top: 0px;
	display: inline;

	float: left;

	font-size: 65%;
	vertical-align: top;		
 	}

#bildbox img{
	margin-bottom: 30px;
}

 #bildboxi{
 	position: relative;
	margin: 0 6px 0 -22px;
	padding-right: 2px;
	top: 0px;
	display: inline;

	float: left;
	font-size: 65%;
	vertical-align: top;		
 	}
#popupelemente {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
    /*width:420px;*/
	font-size: 0.7em;
	overflow: hidden;
	/* border: 1px solid black; */
  }
#elemente {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	float: right;
	width: 420px;
	font-size: 0.7em;
	overflow: hidden;
	/* border: 1px solid black; */
  }

#elementei {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-left: 42px;
	padding-right: 23px;
	float: left;
	margin-left: -20px;
	width: 600px;
	font-size: 0.7em;
	overflow: hidden;
  }

#elementei p {
	padding-right: 40px;
}

#elementei p img.imgrechts {
	padding-left: 1em;
	margin-right: -63px;
	float: right;
}



#elementei li {
	margin-left: 30px;
	padding-left: -30px;
}

#elementei table {
   	font-size: 100%;
	padding: 2px;

}

#elementei td {
	padding: 2px;
}

#elemente_50l {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-left: 42px;
	padding-right: 0px;
	float: left;
	margin-left: -20px;
	width: 290px;
	font-size: 0.7em;
	overflow: hidden;
}

#elemente_50r {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-left: 0px;
	padding-right: 23px;
	float: right;
	margin-left: 0;
	width: 290px;
	font-size: 0.7em;
	overflow: hidden;
}

/*#elementei td {
    cellpadding: 2px;
	cellspacing: 2px;
}*/

#elemente_weit {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-top: 0;
	padding-left: 22px;
	padding-bottom: 0;
	float: left;
	width: 740px;
	font-size: 0.7em;
	overflow: hidden;
	background-color: white;
  }

.zellenhg_blau_hell{
    background-color: #688BC0;
	color: #fff;
	text-align: center;
}
.zellenhg_blau_dunkel{
    background-color: #004D91;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.zellenhg_gruen_hell{
    background-color: #60B47B;
	color: #fff;
	text-align: center;
}
.zellenhg_gruen_dunkel{
    background-color: #007448;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.zellenhg_grau{
    background-color: #E5E5E5;
	text-align: left;
}

#elemente_start {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding-left: 32px;
	float: left;
	margin-left: -20px;
	width: 600px;
	font-size: 0.7em;
	overflow: hidden;
	/* border: 1px solid black; */
  }



#elemente p {
	margin-top: 5px;
	padding: 0;
  }
  
  #elemente li {
  	list-style-position: inside;
  	/*margin-left: 0px;*/
    
  }

  #elemente table {
	font-size: 100%;
	border:0;
	padding: 2px;
  }

#elemente td {
	padding: 2px;
}

  #footer {
    position: relative;
    font-size: 70%;
    font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00744D;
	margin: -24px 0 0 0;
    padding: 4px 0 0 0;
    height: 20px;
    text-align: center;
    /* background: url(grafiken_css/inhalt_hint_un.gif); */
	/* border: 1px solid black; */
  }

  #footer A:link {
	COLOR: #004D91;
	text-decoration: none;
  }
	
  #footer A:visited {
	COLOR: #004D91;
	text-decoration: none;
  }
  
  #footer A:active {
	COLOR: #CC0000;
	text-decoration: underline;
  }
  
  #footer A:hover {
	COLOR: #CC0000;
	text-decoration: underline;
  }

  #footer a {
	padding: 4px 0 4px 0;
	margin: 4px 0 4px 0;
  }
  
  #footer a:hover {
	text-decoration: underline;
  }
  
  #footer p {
	padding: 0;
	margin: 6px 0 0 0;
	color: black;
  }
  /* */
#navi {
  	width: 746px;
  	height: 42px;
	font-size: 70%;
  	margin: 0 auto 0 auto;
  	padding: 0 0 0 0;
  	background:  url(autokraft/web/pics_tr/hg_navi1.gif) no-repeat left top;
	text-align: left;
  }

#mainMenu {
	position: relative;
font-size: 92%;
font-weight: bold; 
	width: 700px;
    border-left: solid white 1px;
	margin: 0 0 0 -8px;
	padding: 0;
	}

#mainMenu ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}

#mainMenu li { 
	/* display: inline; */
	float: left;
	margin: 0; 
	padding: 0;
	}

#mainMenu ul a, #mainMenu ul a:visited
	{
	display: block;
	width: 12em;
	padding: 0.1em 0.4em 0.4em 0.4em;
	margin: 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #fff;
	}		

#mainMenu a.aktiv {
	background-color: #6694BD; 
	position: relative !important;
}

#mainMenu a:active {
	position: relative;
	background-color: #6694BD; 
	text-decoration: none;
	margin-left: 0;
	margin-right: 0;
	}

#mainMenu a:hover {
	position: relative;
	background-color: #6694BD; 
	text-decoration: none;
	margin-right: 0;
	}

#mainMenu ul ul
	{
	position: absolute;
	top: 80px;
	width: 700px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	  	border: none;
	}

#mainMenu ul ul a, #mainMenu ul ul a:visited
	{
	display: block;
	width: 8em;
	padding: 0.2em 0 0.3em 0;
	margin: 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #fff;
	}
	
#mainMenu ul ul li a.aktiv {
	color: #fff; 
	background-color: #5AA68A;  
}

#mainMenu ul ul li a:active {
	color: #fff; 
	background-color: #5AA68A; 
	text-decoration: none;
	}

#mainMenu ul ul li a:hover {
	color: #fff; 
	background-color: #5AA68A; 
	text-decoration: none;
	}

#mainMenu ul ul ul
	{
	position: absolute;
	top: 18px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}

#mainMenu ul ul ul a, #mainMenu ul ul ul a:visited
	{
	display: block;
	width: 8em;
	padding: 0.2em 0 0.2em 0;
	margin: 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #fff;
	}

#mainMenu ul ul ul li a.aktiv {
	color: #fff; 
	background-color: #004D91;  
}

#mainMenu ul ul ul li a:active {
	color: #fff; 
	background-color: #004D91; 
	text-decoration: none;
	}

#mainMenu ul ul ul li a:hover {
	color: #fff; 
	background-color: #004D91; 
	text-decoration: none;
	}

  .unsichtbar {
	display:none;
	}

  #titel{	
	position: relative;
	display: block;
	width: 747px;
	margin: 82px auto 0 auto;
	text-align: left;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	padding-left: 1px;
	height: 40px;
	background:  url(pics_ber/titel_bg.gif) no-repeat left bottom; 
  } 


  * html #titel {  /* nur fuer Internet Explorer */
	margin-top: 82px;     /* Version 5.x */
  	m\argin-top: 82px;    /* Version 6 */
  }

 #logo_bb {
	position: relative;
	width: 747px;
	text-align: right;
	padding-left: 1px;
	padding-right: 0;
	margin: -72px auto 0 auto;

}

 #starttbl {
 	margin-left: 50px;
 	margin-top: 20px;
 }

 #text_url img {
 	padding-bottom: 1px;
	padding-right: 6px;
	margin-bottom: 25px;
	margin-right: 0;
 }
 
 #logoak {
	position: absolute;	
	right: 9px;
	width: 100px;
	text-align: right;
	top: -14px;
}

* html #logoak {  /* nur fuer Internet Explorer */
	right: -6px;     /* Version 5.x */
  	r\ight: -6px;    /* Version 6 */
}

 #logoak img{
	border: 0;
}

 #titel_e1 {
	position: absolute;
	display: block;
	margin-right: 0;
	right: -12px;
	top: -28px;
}

 #titel_e1 img{
	border: 0;
}

/* Textformatierung */

.links {
     vertical-align:middle;
     width:250px;
     float:left;
     margin-left: 20px;
}

.rechts{
    vertical-align:middle;
    width:250px;
    float:right;
    margin-right: 20px;
}

.imglinks {
	padding-right: 2.4em;
	margin-left: -21px;
	float: left;
	position: relative;
}

.imgrechts {
	padding-left: 1em;
	margin-right: 0;
	float: right;
	position: relative;
}

.einzug	{
	margin-left: 20px;
}
	
.einzug40 {
	padding-left: 40px;
}

	
.fett 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	}
	
.fettrand
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	border: thin solid #0066CC;
	}
	
.gruen 
	{
	background-color: #007448;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF
	}
	
.grau 
	{
	background-color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000
	}
	
.hellgrau 
	{
	background-color: #F2F2F2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	}

h1 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
h2 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	margin: 0 0 0.8em 0;
	padding: 0;
	}
	
h3 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	font-weight: bold;
	margin: 0 0 0.6em 0;
	padding: 0;
	}
	
h4, h5, h6
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	font-weight: bold;
	margin: 0 0 0.4em 0;
	padding: 0;
	}

.text 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	}

.textweiss 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF; 
	}
	
.textklein
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}

.ueber14 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #000000;
	font-weight: bold;
	}
	
.ueber12 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #000000;
	font-weight: bold;
	}
	
.ueber12ul 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #99c7b6;
	padding-bottom: 8px  !important;
	margin-bottom: 10px !important;
	}
	
.ueber11 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #000000;
	font-weight: bold;
	}
	
.ueber10 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	}

.abstand_links20 {
	margin-left: 20px;
}

a:link 
	{
	COLOR: #00744D;
	font-size: 100%;
	text-decoration: none;
	}

a:visited 

	{
	COLOR: #00744D;
	font-size: 100%;
	text-decoration: none;
	}

a:active 

	{
	COLOR: #FF6600;
	font-size: 100%;
	text-decoration: underline;
	}

a:hover 

	{
	COLOR: #FF6600;
	font-size: 100%;
	text-decoration: underline;
	}

/* News */

p.newsrubrik {
	font-weight: bold;
	font-size: 1em;
	margin: 1.4em 0 0 0 !important;
	padding: 0.6em 0 0.6em 0.6em !important;
	background-color:#D9E9E2;
	border: 1px solid #666666;
	
}
	
p.newstitel {
	font-weight: bold;
	font-size: 100%;
	margin: 1em 0 0 0 !important;
	padding: 0 0 1em 0 !important;
}
	
p.newsuntertitel {
	font-weight: normal;
	font-size: 95%;
	margin: 0px;
	padding-top: 0.4em !important;
}
	
p.newslink {
	font-weight: bold;
	font-size: 110%;
	line-height: 100%;
	margin-top: 0;
	margin-bottom: 28px;
	padding-top: 0px;
	padding-bottom: 0px;
}

 p.newsueberschrift2 {
	border-top: 1px solid #666666;
	margin: 0;
	padding: 10px 10px 0 10px;
	font-weight: bold;
}
	
p.news10 {
	margin: 0;
	padding: 0 10px 5px 10px;
	font-size: 90%;	
}
	
p.newsaktuell {
	margin: 0;
	padding: 0 10px 0 10px;	
}

#newsbutton {
	background-color: #ffffff;
}

/* Newsscroller Startseite */
#AutoScrollContainer {
	position:absolute;
	top:112px;
	left:10px;
	width:520px;
	height: 1em;
	overflow: hidden;
	z-index:1;
	visibility: visible;
	
	margin: 0 auto 0 auto ;
}

#AutoScrollContent {
	position: absolute;
	left:480px;
	text-align: left;
	overflow:  visible;
	height: 1em;
}

#nbox {
	display: inline;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.nbdatum {
	font-size: 1em;
	display: none;
}

.nbtitel {
	padding-left: 1em;
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 1em;
}

.nbrubrik {
	font-size: 0.9em;
	display: none;
}

.nbutitel {
	font-size: 0.9em;
	padding-right: 1em;
}

.nblink {
	font-weight: bold;
	font-size: 0.8em;
	padding-right: 1em;
}

.rahmen_rot{
  border-width:2px;
  border-style:solid;
  border-color:red;
  padding:0.5em;
  text-align:justify;
  width:345px; 
}
.tarifcontainer{
  background:#FFFFFF;
}
.tariftext{
  text-align:left;
  min-height: 100%;
  margin: 10px;
  padding: 0 0 0 0;
  background:#FFFFFF;  
  font-size:70%;
}