/* CSS Document */
html{
  min-height: 101%;
}
.row-gray { background-color: #f0f0f0; } /* Hellgrau */
.row-blue { background-color: #e0f0ff; } /* Hellblau */
body
{
    font-family: Arial,Verdana,Helvetica,sans-serif;
    color: #333333;
    margin: 0px;
    padding: 0px;
    background-color: #95BFD4;	     
    background-image: url(../images/gewaesser/vierhoeffener_seen.jpeg);
    background-repeat: no-repeat;
    line-height: 16px;
    background-position: 0px 135px;
    /*background-repeat: repeat-x;*/
}
.table-container {
    display: flex;
    flex-direction: column;
    align-items: center; /* Zentriert die Tabelle horizontal */
    justify-content: center;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

table {
    border-collapse: collapse;
    width: 80%; /* Oder eine andere passende Breite */
    max-width: 600px; /* Damit es nicht zu breit wird */
    background-color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

th, td {
    padding: 10px;
    border: 1px solid #ddd;
}

th {
    background-color: #007bff;
    color: white;
}

a {
font-weight: bold;
text-decoration: none;
color: #F98D1E;
}


/* (A) FIXED WRAPPER */
.hwrap {
  overflow: hidden; /* HIDE SCROLL BAR background: #eee;*/
   background-color: #bad5c9;
}
 
/* (B) MOVING TICKER WRAPPER */
.hmove { display: flex; }

/* (C) ITEMS - INTO A LONG HORIZONTAL ROW */
.hitem {
  flex-shrink: 0;
  width: 40%;
  color: #009900;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
}
 
/* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */
/* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */
@keyframes tickerh {
  0% { transform: translate3d(100%, 0, 0); }
  100% { transform: translate3d(-400%, 0, 0); }
}
.hmove { animation: tickerh linear 80s infinite; }
.hmove:hover { animation-play-state: paused; }

#logo
 {
   color: ffffff;
   width: 100%;
   height:60px;
   padding: 0px ;
   margin: 0px;
   background-color: #003399;
   background-position: bottom-left;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
}
.tabHead
{
    color: white;
    background-color: #2e9256;
    font-size: 14px;
    font-weight: bold;
    margin: 5x;
    padding: 5px;
    
}
.fangliste
{
    margin-left: 5%;
    padding: 5px;
    width: 80%;
    background-color: white;
    border-bottom-color: #009900;
    
}
.tableFangliste td
{
    vertical-align:top;
}
.tableFangliste th
{
    font-weight: bold;
    vertical-align:top;
}

.tabliste{
    
    font-size: 14px;   
    height: 32px;
}

.tabliste:hover {
    border-collapse: collapse;        
    background-color: #EEEEEE; 
    height:100%;
    width:100%;
    height: 32px;
    font-weight: bold;
    color: #2e9256;
    cursor:pointer;
}
.tablisteOhneLink{
    
    font-size: 14px;   
    height: 32px;
}

.tablisteOhneLink:hover {
    border-collapse: collapse;        
    background-color: #EEEEEE; 
    height:100%;
    width:100%;
    height: 32px;
    font-weight: bold;
    color: #2e9256;
}
.nutzungbedingungen {  padding-left: 10px; padding-right: 10px; background-color: #EEEEEE; width: 900px; border-color: #2e9256; border-style:  dotted;}
.headTabNzv {background-color: #888; color: #2e9256; font-weight: bolder; padding: 2px;}
.zeileTabNzv1 {background-color: #E5EFFD; padding: 2px;}
.zeileTabNzv2 {background-color: #d7ebf9; padding: 2px;}
.blue {
    color: #2e9256;
}
.blueFett{
    color: #2e9256;
    font-weight:  bolder;
    font-size: 120%;
}
.layerFixed
{
    background-image: url(../images/hg_transparent.png);  
    background-color: white;
    width:100%; min-height:100%;     
     position: fixed;
     z-index: 1700;
}
.fixed {
    z-index: 1900;
     overflow: scroll;
    position: fixed; 
    width:70%; height:450px; 
    background-color: whitesmoke;
    color: black;
    margin-top: 50px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding: 8px;
    border: #2e9256 2px solid;
    /*overflow: scroll;*/
}

.box
{
    padding-top:10px;
    paddin-bottom: 30px;
    background-color: #bad5c9;
    border-style:  solid ;
    border-color: green; 
}

.hinweisClearing
{
    color: blue;
}
.infoblock
{
    font-size: 14px;
}
/*h1 font-family: 'MetaBold', Calibri, Arial, Helvetica, sans-serif; 
{
    font-size: 19px;
    padding-top: 5px;#FF9933 
    color: #2e9256;
}
h2
{font-size: 16px;
padding-top: 5px;
color: #2e9256;}
h3
{font-size: 14px;
padding-top: 5px;
color: #000000;}
h4
{font-size: 12px;
padding-top: 5px;
color: #000000;}
p {
    font-size: 12px;
    padding-top: 5px;
    color: #333333;
}*/
#navibereich2
{
    float: right;    
    width: 200px;
    font-size:100%;
    padding: 0px ;  
    z-index: 1000;  
}

.headerContent
{
    font-size: 150%;
    width: 100%;
    background-color: #2e9256;
    color: white;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 10px;
}
.headerContent2
{
    font-size: 120%;
    width: -2;
    background-color: whitesmoke;
    color: black;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px;
}
.headerContent2blue
{
    font-size: 120%;
    font-weight:  bolder;
    width: -2;
    background-color: whitesmoke;
    color: #2e9256;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px;
}
.headerContent3
{
    font-size: 110%;
    width: -2;
    background-color: whitesmoke;
    color: black;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px;
}
.layerTop
{ 
position: absolute; 
top: 220px; left: 280px;
width: 600px; height: 200px;                
z-index: 9999; 
padding: 5px; 
border: 1px solid #888;
background-color: #E5EFFD; 
font-family: arial; 
font-size:11px;
}
.layerTopMiddel
{ 
position: relative; 
top: Center; left: Center;
width: 650px; min-height: 200px;                
z-index: 9999; 
padding: 5px; 
border: 1px solid #888;
background-color: #E5EFFD; 
font-family: arial; 
font-size:11px;
}
.layer
{
   position:  fixed;
   left: 0; 
   overflow: auto;
   z-index: 99999;
   top: 0;
   display: block;
   width: 101%; 
   height: 101%; 
   background-image: url(../images/hg_transparent.png);  
   font-weight: normal;
}
.layerContent
{
    padding: 7px;
    position: absolute;
    margin-left: 250px;   
    margin-top: 200px;
    width: 550px; 
    height: auto; 
    border: #2e9256 2px solid;
    background-color: #ffffff;
    font-weight: normal;
    
}
closeButton
{
    position:  fixed;
   top: 50px;
}
.layerContent td {vertical-align: top;}
.layOver
{
    position: absolute; 
    top: 150px; 
    left: 200px;
    width: 600px; 
    height: 600px;
    z-index: 9999; 
    padding: 5px; 
    border: 1px solid #888; 
    background-color: #E5EFFD; 
    font-family: arial; font-size:11px;
}
.layerIn{
    width: 700px;
    height: 500px;
    margin:50px; 
    margin-left: 200px;
    margin-top: 150px;
    padding: 10px;
    background-color: white;
    border-top: 2px solid #42517B;  
    border-bottom: 5px solid #42517B; 
    border-left: 3px solid #42517B;   
    border-right: 5px solid #42517B;
}
.feldTransparent
{
    border:none;
    background: transparent;
    color: #0e3c9e
}
.breakingLine
{
    width: 100%;
    border: #2e9256 1px dashed;
}
.buttonBlue
{
    height: 30px;
    background-color: #2e9256;
    color: white;
    text-align: center;
    padding: 5px;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    font-family: 'MetaBold', Calibri, Arial, Helvetica, sans-serif; 
}
.buttonOrange 
{
    height: 30px;
    background-color: #FF9933;
    color: white;
    text-align: center;
    padding: 5px;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    font-family: 'MetaBold', Calibri, Arial, Helvetica, sans-serif; 
}
.buttonGrey 
{
    height: 30px;
    background-color: #999999;
    color: white;
    text-align: center;
    padding: 5px;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    font-family: 'MetaBold', Calibri, Arial, Helvetica, sans-serif; 
}
.buttonOrangeLink 
{
    height: 30px;
    background-color: #FF9933;
    color: white;
    text-align: center;
    padding: 5px;
    border: #FF9933;
    font-size: 16px;
    font-weight: bold;
    font-family: 'MetaBold', Calibri, Arial, Helvetica, sans-serif; 
}
buttonOrange a:visited 
{
    color: white;
}

.buttonRed
{
    height: 30px;
    background-color: red;
    color: white;
    text-align: center;
    padding: 5px;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    font-family: 'MetaBold', Calibri, Arial, Helvetica, sans-serif; 
}
buttonRed a:visited 
{
    color: white;
}
.buttonGreen
{
    height: 30px;
    background-color: #009900;
    color: white;
    text-align: center;
    padding: 5px;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    font-family: 'MetaBold', Calibri, Arial, Helvetica, sans-serif; 
}
buttonGreen a:visited 
{
    color: white;
}
.claim {
    background-color: #2e9256;
    bottom: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0;
    text-align: center;
   padding-left: 20px;
   padding-right: 20px;
   min-width: 200px
}
.hgheadline {
    background-image: url(../images2013/hg_tab.png);
background-repeat: repeat-x;
height: 50px;
padding:5px;
}
.shadow_teasers
{
    background-image: url(../imagesStyleGuide/teaser_bottom_bg.png);
    background-color: #FFFFFFF;
}
#content
{
margin:auto;
padding: 15px;
width: 960px; 
min-height: 300px;
}
#content_welcome
{
margin:auto;
padding: 15px;
width: 980px; 

}
.error {
    color: red;
    font-size: 10px;
    line-height: 10px;
}
.todo  {
    padding:1px;
        background-color: #EEEEEE;
        text-align: center;
        width: 954px;
}
.todo p {

    color: #009900;
}
klapphead { 
    background-color:#dae2e4;
    border-bottom-color: #2e9256;
    border-bottom: 1px;
    padding-bottom: 2px;
}
.klappheadnew { 
    background:url("../images2013/bg_thead_verlauf_710.png") no-repeat scroll 0 0 transparent;
    padding-bottom: 1px;    
}
.klapptab { 
    font-weight: bold;
    font-size: 120%;
}
.img_a {
    border:0;
    color:  chartreuse
}
.hinweis {
    float: right;
    width: 300px;
    padding: 10px;
    background-color: #BFC8D8;
    color: #009900;
    line-height:  inherit;
    font-size: 11px;
}
/*.datenerfassungMA {
    float: right;
    font-size: 10px;
}*/
#hilfe {   
    position: absolute;
    left: 800px;
    margin-top: 100px;
    padding:5px;
    min-width: 100px;
    max-width: 270px;
    background-color: #88B2DF;
    border: solid 3px;
    border-color: #CACDCD;
    color: #ffffff;        
}
#hilfe a {
    color:#ffffff;
}
.TitelACC {
    padding-left: 30px;
    cursor: pointer;
    padding-top: 8px;
}
.Titel_geschlossen{
    height: 23px;
    color: #0e3c9e;
    font-weight: 700;
    background-color: #ccccff;
}
.headlogin {
    
 position: absolute;
 top:135px;
    width: 980px;
    height: 350px;
    background-image: url(../images2013/Header_Anmeldung_mowit.png);
    background-position: top;
    background-repeat: no-repeat;
    z-index: 900;   
}
.headSite {
    
 position: absolute;
 top:135px;
    width: 965px;
    height: 130px;
    background-image: url(../images2013/HeaderHardwareWahl.jpg);
    background-position: left;
    background-repeat: no-repeat;
    z-index: 900;   
}
.contentSite
{
margin-top:130px;
width: 980px;
position: relative;
}

.headwelcome {    
 position: absolute;
 top:135px;
    width: 980px;
    height: 300px;
    background-image: url(../images2013/Header_Welcome.png);
    background-position: top;
    background-repeat: no-repeat;
     
}
.textwelcome{
    width: 250px;
    height: 250px;
    background-image: url(../images2013/hg_slogan.png);
    padding-left: 30px;
    padding-right: 25px;
    padding-top:50px    
    
}

.slogan {
    font-weight: bold;
    padding-left: 30px;
    padding-top: 500px;
    line-height: 125%;
    color: white;
    font-size: 22px;
}

.open {
    width: 16px;
    height: 16px;
    background-color: cadetblue;z-index:1000;
}

.open:hover {
    width: 400px;
    height: 100px;
    background-color:   blanchedalmond;
    
}

.lizenz
{
    background-color: #BFC8D8; 
    width: 700px; 
    padding: 10px;
}
.hidden {
    display: none;
}
.mac {
background-color: #F3F2F0;

padding: 4px;
margin-bottom: 4px;
}

.aufgabenstatus {
font-size: 12px;   
}
.welcomeliste{
width: 472px;}

.checkliste
{
    color:#000000;
    padding-left: 4px;
    margin-bottom: 10px;
    height: 22px;
    background-image: url(../images2013/rubrik_head_bg_slice.jpg);
    background-repeat: repeat-x;
    margin: 0;
    width: 100%;
}

.checklistestart 
{
    font-family: verdana;
    color:#2e9256;
    height: 30px;    
    padding-left: 10px;
    padding-top: 15px;
    margin: auto;
    border-top:1px solid;
    border-top-color: #BFC8D8;
    background-image: url(../images2013/hg_tab.png);
    background-repeat: repeat-x;
}

.checkliste3spalten
{color:#000000;
 padding-left: 4px;
 height: 26px;
background-image: url(../images2013/rubrik_head_bg_slice.jpg);
margin: 0;
}
.checkliste2spalten
{color:#000000;
 padding-left: 4px;
 height: 26px;
background-image: url(../images2013/rubrik_head_bg_slice.jpg);
margin: 0;
}
h3
{font-size: 125%;
padding-top: 5px;}
h4
{font-size: 100%;
padding-top: 5px;}

.xbtooltip 
{
    display: none;
    position: absolute;
    margin-left: 2px;
    background-color: #99CCFF;
    padding:4px;
    max-width: 300px;
    font-size: 10px;
    line-height: 11px;
    background-image: url(../images/body.png);
    background-repeat: no-repeat;
    border-top: 1px solid #04237A ; 
    border-left: 1px solid #04237A ;   
    border-bottom: 1px solid #04237A ; 
    border-right: 1px solid #04237A ; 
}

    .xbtooltip ul {
        padding-left: 15px;
    }   
     
.weiterbutton {
text-align:center;
}


.liste{
vertical-align:top;
border-spacing: 0px;
color: #000000;
min-width: 800px;
}
.tabinfo
{
color: #000000;
font-size: 110%;}
.zeileub
{
color:#2e9256;
font-weight: bold;
min-height: 30px;

}
.zeileub  a
{
color: #2e9256;
}
.zeileub  a:visited
{
color: #F98D1E;;
}
/*.zeile1
{
vertical-align:top;
border-color:#C4D5F5;
background-color: #99CCFF;
min-height: 30px;
}
.zeile0
{
vertical-align:top;
border-color:#A2C0F9;
background-color: #BBD0F8;
min-height: 30px;} */
.zeile1
{
background-color: #EEEEEE;
min-height: 28px;
}
.zeile0
{
background-color: transparent;
min-height: 28px;}
.zeilenende
{
	padding-top:9px;
	padding-right:5px;
}
.zeilenstart
{
padding-left:5px;
}
.untennav
{
margin-top: 20px;
padding-top:5px;
border-top: 1px solid #2e9256;
}
.linkb
{
	font-weight: bold;
	font-size: 11px;
	color: #2e9256;
	font-family:  Arial, verdana;
	background-color:#dae2e4;
	border-style:solid;
	border-width:1px;
	padding:3px;
	border-color:#2e9256;
	cursor:hand;
	text-align:center;
  text-decoration:none;
}

.button
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	font-family: Verdana,Arial;
	background-color:#ff9933;
	border-style:solid;
	border-width:1px;
	padding: 4px;	
	cursor:hand;
	text-align:center;
}
.del_button 
{
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana,Arial;
    border-style:solid;
    border-width:1px;
    padding-bottom: 2px;
    padding-left:  2px;
    padding-right: 2px;
    border-color: coral;
    cursor:hand;
    text-align:center;
    color: crimson;
    background-color:  blanchedalmond;
}
.button_blue77 
{
    float: right;
    font-weight: bold;    
    border: none;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    background-color:#F3F2F0;
    font-size: 12px;	
    cursor:hand;
    background-image: url(../images2013/buttonBl77px.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 77px;
    padding-left: 26px;
    margin-right: 20px;                
}
.button_blue77_2 {
 
    font-weight: bold;
    border: none;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    background-color:#F3F2F0;
    font-size: 12px;
    cursor:hand;
    background-image: url(../images2013/buttonBl77px.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 77px;
    padding-left: 26px;
    margin-right: 20px;                
}
.loginbutton {
    font-weight: bold;
    border:0;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    background-color:#F3F2F0;
    font-size: 11px;
    border-color:#2e9256;
    cursor:hand;
    text-align:center;
    background-image: url(../images2013/btn_login.png);
    background-repeat: no-repeat;
    height: 35px;
    width: 111px;
    padding-left: 22px;
    padding-bottom: 6px;	
}
.pwvbutton 
{
    font-weight: bold;
    border:0;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    font-size: 11px;
    cursor:hand;
    text-align:center;
    background-image: url(../images2013/btn_pwv.png);
    background-repeat: no-repeat;
    height: 35px;
    width: 181px;
    padding-left: 10px;
    padding-bottom: 6px;		
}

.white a {
    color: white;
}

.button3
{
	font-weight: bold;
	font-size: 9px;
	color: #2e9256;
	font-family: Verdana,Arial;
	background-color:#dae2e4;
	border-style:solid;
	border-width:1px;
	padding: 4px;
	padding-left: 18px;
	background-image: url(../images/edit.png);
background-repeat: no-repeat;
	border-color:#2e9256;
	cursor:hand;
	text-align:left;
}

.button_aktivieren
{
	font-weight: bold;
	border:0;
	color: #FFFFFF;
	font-family: Verdana,Arial;
	background-image:url(../images/projektaktivieren.jpg);
	background-repeat: no-repeat;
	width: 200px;
  padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 52px;
	border-color:#2e9256;
	cursor:hand;
	text-align:center;
}
.button_weiter
{
	font-weight: bold;
	border:0;
	color: #FFFFFF;
	font-family: Verdana,Arial;
	background-image:url(../images/weiter.png);
	background-repeat: no-repeat;
  padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 52px;
	border-color:#2e9256;
	cursor:hand;
	text-align:center;
        width: 120px;
}
.button_zurueck
{
	font-weight: bold;
	border:0;
	color: #FFFFFF;
	font-family: Verdana,Arial;
	background-image:url(../images/zurueck.png);
	background-repeat: no-repeat;
  padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 52px;
		padding-right: 20px;
	border-color:#2e9256;
	cursor:hand;
	text-align:center;
}
.button_printweiter 
{
	font-weight: bold;
	border:0;
	color: #FFFFFF;
	font-family: Verdana,Arial;
	background-image:url(../images/drucken.jpg);
	background-repeat: no-repeat;
  padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 70px;
		padding-right: 80px;
		cursor:hand;
	text-align:center;
}

.button_mailcheckliste 
{
    font-weight: bold;
    border:0;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    background-image:url(../images/mail_checkliste.png);
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 14px;
    width: 200px;
    cursor:hand;
    text-align:center;
}

.button_checkliste 
{
    font-weight: bold;
    border:0;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    background-image:url(../images/checklistekomplett.jpg);
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 12px;
    padding-right: 20px;
    cursor:hand;
    text-align:center;
}
.button_checkliste a
{
    color: #FFFFFFF;
}
.button2
{
    font-weight: bold;
    font-size: 11px;
    color: #2e9256;
    font-family: Verdana,Arial;
    background-color:#dae2e4;
    border-style:solid;
    border-width:1px;
    padding: 2px;
    border-color:#2e9256;
    cursor:hand;
    text-align:center;
}
.buttonhelpmin
{
    font-weight: bold;
    font-size: 9px;
    color: green;
    font-family: Verdana,Arial;
    background-color:#dae2e4;
    padding: 1px;
    border-color:#2e9256;
    cursor:hand;
    text-align:center;
}

.buttonhelp
{
font-weight: bold;
font-size: 11px;
color: #2e9256;
font-family: Verdana,Arial;
background-color:#dae2e4;
border-style:solid;
border-width:1px;
padding: 1px;
border-color:#2e9256;
cursor:hand;
text-align:center;
}
a, a:visited {color: #F98D1E;;}

#logo
{
/*position: absolute;
left: 890px;top:20px; width: 80px; height: 87px;
background-image: url(../images/bildmarke.png);
background-repeat: no-repeat; */
}
.achtung
{
width: 120px;
text-align: left;
position: absolute;
left: 980px;top:250px; 
}


#box
{
    width: 980px;
   
    margin:auto;
    font-size: 12px;
    
}
 

#boxohnenav
{
width: 980px;
min-height:300px;
margin:auto;
padding: 10px;
padding-left:20px;
border: 1px solid #2e9256;
border-left: 0;
border-top:0;
background-image: url(../images/left.png);
background-repeat: repeat-y;}

.rahmen {
    padding: 10px;
    background-color: #F3F2F0;
}

.login
{
margin-top:310px;
width: 980px;
position: relative;
}

.login2
{
margin-top:310px;
padding: 2px;
padding-left:15px;
width: 680px;
background-color: #F3F2F0;
position: absolute;

}

.login h2{color:#2e9256;}
.login a{padding:2px;}

.hallo
{
    margin-left: 35px;
    width: 300px;;
    padding: 5px;
    background-color: #F3F2F0;
    font-family: verdana;
}

.welcome
{
text-align: center;
margin-top:310px;
padding: 2px;
padding-left:15px;
width: 960px;
background-color: #F3F2F0;
font-family: verdana;
}

.welcome h2{color:#2e9256;
}
.welcome p{
color: #999999;
font-family: verdana;}

.welcome a{padding:2px;}


.welcome_right
{
    color: #F98D1E;
    font-size: 12px;
    height: 46px;
    line-height: 50px;
    float: right;   
    width: auto; 
    text-align: right;  
    margin-top: 20px;
    /*background-color: #009900;*/
}
.welcome_right a
{
    color: #F98D1E;
    font-weight: normal;
    /*background-color: #009900;*/
}
 .personalName 
{          
    margin-top: 5px;
      
}
/*background-image: url(../images2013/icons/modify.png);  background-color: #009900;
background-repeat: no-repeat;
.personalLogout 
{
    background-image: url(../images2013/icons/icon_locked.png);   
    background-repeat: no-repeat;
    margin-left: 5px;
    padding-left: 30px;    
}*/

.suchteaser{
    margin-top: 36px;  
    background-color: #ACD6F5;
    margin-left: 740px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    position: absolute;
    z-index: 1100;
   
    text-align: center;
    width: 240px;
    vertical-align:central;    
}

.suchteaser code {
	font-size: 1.5em;
	line-height: 3em;
	vertical-align: top;
}

.buttonSearch
{
    
    width: 35px;
   /* height: 35px;padding-top:10px;*/
   vertical-align:central;
    
    background-color: transparent;
    border: 0; 
}
.button
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #2e9256;
	FONT-FAMILY: Verdana,Arial;
	background-color:#dae2e4;
	border-style:solid;
	border-width:1px;
	padding: 4px;
	border-color:#2e9256;
	cursor:hand;
	text-align:center;
}
.bluebuttonSmall
{
    font-weight: bold;
    font-size: 9px;
    COLOR: #2e9256;
	FONT-FAMILY: Verdana,Arial;
	background-color:#dae2e4;
	border-style:solid;
	border-width:1px;
	padding: 4px;
	border-color:#2e9256;
	cursor:hand;
	text-align:center;
}
.bluebuttonXS
{
    font-weight: bold;
    font-size: 9px;
    COLOR: #2e9256;
	FONT-FAMILY: Verdana,Arial;
	background-color:#dae2e4;
	border-style:solid;
	border-width:1px;
	padding: 2px;
	border-color:#2e9256;
	cursor:hand;
	text-align:center;
}
.greenbutton, .greenbutton:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #009900;
    FONT-FAMILY: Verdana,Arial;
    background-color:#dae2e4;
    border-style:solid;
    border-width:1px;
    padding: 2px;
    padding-left: 15px;
    border-color:#009900;
    cursor:hand;
    text-align:center;
    background-image: url(../images/ok_small.png);
    background-repeat: no-repeat;
}
.greenbutton2, .greenbutton2:visited
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #009900;
	FONT-FAMILY: Verdana,Arial;
	background-color:#dae2e4;
	border-style:solid;
	border-width:1px;
	padding: 2px;
	border-color:#009900;
	cursor:hand;
	text-align:center;
}

.suche
{
padding: 2px;
padding-left:15px;
border: 1px solid #2e9256;
background-image: url(../images/login.png);}
.navleer
{
padding-left:20px;
font-weight: bold;
}
.senden
{
padding-left:20px;
background-image: url(../images/senden.png);
background-repeat: no-repeat;}
.warnung
{
font-size:11px; 
color: red;
padding-left:2px;
background-repeat: no-repeat;
vertical-align:top;
}
.warnungBlue
{
font-size:11px; 
color: blue;
padding-left:2px;
background-repeat: no-repeat;
vertical-align:top;
}
#nav {
width: 980px;
height:38px;
margin:auto;
padding: 10px;
padding-left:20px;
border: 1px solid #2e9256;
border-bottom: 0;
padding-top: 10px;
padding-bottom:10px;
/*background-color: #000000;
background-image: url(../images/navbar.jpg);
background-repeat: no-repeat;*/
}

#nav li
{
display: inline;
padding-right: 5px;}

#navlinks {
float: left;}

.footer, footer a
{
   
font-size: 11px;
margin-top: 20px;
color: #ffffff;
padding: 5px;
text-align: left;
height: 25px;
background-color: #003399;
/*background-image: url(../images2013/footer_ecke.jpg);
background-repeat: no-repeat;*/
}

@media(max-device-width: 420px)
{
    .footer
    {
        background-color: #42517B;
    }
}

.footer li
{
display: inline;
padding-right: 5px;}
.tabcss
{
padding-left:5px;
font-weight: bold;
}
.infodetail
{
font-weight: bold;
padding-right:40px;
}
.tableft
{
min-width: 150px;
}

.info 
{
    width: 90%;
    margin: 10px;
    padding: 10 px;
    background-color: #bad5c9;
    border: 1px;
    border-bottom-color: green;
}

.info h1
{
    background-color: #009900;
    padding: 10px;
    color: white;
}

.info h2
{
    background-color: #009900;
    padding: 10px;
    color: white;
}

.info h3
{
    background-color: #CACDCD;
    padding: 10px;
    color: green;
}
.info p{
    padding-left: 10px;
}

.feld
{
}


.versteckmich {
position: absolute;
left: -9999px; 
top: -9999px; 
display: inline;
width: 0;
height: 0;
}

/* Bei Navigation per TAB-Taste sichtbar machen */
.tabmich:focus, .tabmich:active {
position: absolute;
top: 9999px;   /* Werte f�r top/left ggfs. dem Layout anpassen */ 
left: 9999px; 
display: inline; 
width: 12em;   /* Werte f�r width/height dem Text anpassen */ 
height: auto; 
background-color: white; 
color: black; 
padding: 5px; 
border: 1px solid black;
}
#zeile
{
margin-top:0px;
background-color: #42517B;
width:650px;
height:30px;
padding-left:250px;
background-image: url(../images/hgnav.gif);
background-repeat: repeat-x;
background-position: bottom;
}


#clear
{clear:both;}

/* ==============================================
   01 Das umgebende DIV gestalten
   ============================================== */

#header {
color: black;
width: 980px;
height:2px;
padding: 0px ;
margin: auto;
background-position: center;
}

.logo
.logout {
float: right;
padding-top: 109px;
width: 125px;
left: 0;
background-image: url(../images2013/abmelden.png);
background-repeat: no-repeat;
background-position: bottom;
}

.macform {
background-color: #F3F2F0;
padding-left: 5px;
font-size: 12px;
width: 100%;        
}    
.macbild {
margin-top: 0px;
}

#navibereich 
{
    position: absolute;
    top: 109px;
    clear:both;
    color: black;
    width: 980px;
    font-size:12px;
    padding: 0px ;   
    padding-left: 150px;
    margin: auto;
    z-index: 1000;
    background-image: url(../images/hgLinie.png);
    background-repeat: repeat-x;
     background-position: bottom;
  
}

@media(max-device-width: 480px)
{
    #navibereich2
    {
         position: absolute;
    top: 109px;
    clear:both;
    color: black;
    width: 400px;
    font-size:24px;
    padding: 0px ;   
    padding-left: 150px;
    margin: auto;
    z-index: 1000;
    background-image: url(../images/hgLinie.png);
    background-repeat: repeat-x;
     background-position: bottom;
        background-color: #42517B;
    }
}

/* Sternchen-Hack, hasLayout f�r IE5x. und 6 */ 
* html #navibereich { height: 1%; }

/* ==============================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   ============================================== */
#navibereich ul {margin: 0; padding: 0;}
#navibereich li {
    float: left;
    text-align:left;
    width: auto;
    list-style: none; 
    margin: 0 ;
    background-color: #e7faf1;
    background-image: url(../images/hgLinie.png);
    background-repeat: repeat-x;
     background-position: bottom;
     color: white;
    /*background-image:url(../images/navpunkt1.png);
    background-position-y: 3px;
    background-position-x: 0px;
    background-repeat: no-repeat;*/
}
/* Liste in Ebene 2 clearen */
#navibereich li li { 
    clear: both; 
    background-color: rgba(248, 248, 248, 1);
    background-image:url(../images/list-image-greater-then.png);
    /*background-color: #ffffff;
    background-image:url(../images/navpunkt2.png); */
    background-position-y: 3px;
    background-position-x: 10px;
    background-repeat: no-repeat;
}
#navibereich li li a{
    color : #328036;
}
/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#navibereich a {
    display: block;
    color: #2e9256;
    padding: 5px 20px;
   /* border-bottom: none;
    border-top: 1px solid #04237A;
    border-left: 1px solid #04237A;
    border-right: 1px solid #04237A; */
    text-decoration: none;
}
#navibereich li a:hover,
#navibereich li a:focus
{
    color: white;
    background-color: #2e9256;
}
#navibereich li li a:hover,
#navibereich li li a:focus,
#startseite #navi01 a, 
#seite02    #navi02 a, 
#seite0201  #navi02 a, 
#seite03    #navi03 a, 
#seite0302  #navi03 a, 
#kontaktseite #navi04 a {
    color: #F98D1E;   
    background-color: transparent;
  /*    background-color: #2e9256;
  background-image:url(../images/navpunkt1b.png); */
    background-position-y: 3px;
    background-position-x: 0px;
    background-repeat: no-repeat;

/*border-top: 1px solid #04237A; background-color: #F98D1E;
border-bottom:#04237A ;*/

} 

/* Spezifit�t auf > 225 erh�hen (ist so 312) */
#wrapper #navibereich #ebene01 li a:active {
   color: white;
 background-color: #336699; 
 border-left: 1px solid #04237A ;   
border-bottom: 1px solid #04237A ; 
border-right: 1px solid #04237A ; 
}

/* ==============================================
   04 Ebene 2 verstecken 
   ============================================== */
#navibereich li ul {
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline;
   width: 0;
   height: 0; 
   background-color: transparent;   
}

#layerInfo li ul
{
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline;
   width: 0;
   height: 0; 
   background-color: transparent;   
}

#layerInfo li:hover ul,
#layerInfo li.sfhover ul
{
   left: auto; 
   top: auto;
   display: block;
   width: auto; 
   height: auto; 
   background-color: #717C99;
  /* border-bottom: 1px solid #42517B; 
border-left: 1px solid #42517B;   
border-right: 1px solid #42517B; */
font-weight: normal;
}

/* ==============================================
   05 Ebene 2 sichtbar machen 
   ============================================== */
#navibereich li:hover ul,
#navibereich li.sfhover ul {
   left: auto; 
   top: auto;
   display: block;
   width: auto; 
   height: auto; 
background-color: #F98D1E;
/*border-left: 1px solid #42517B; 
border-left: 1px solid #42517B;*/   
border: 1px solid #42517B; 
font-weight: normal;
 padding: 0; margin: 0; }

/* ==============================================
   06 Die Rausklappliste korrekt einf�rben
   ============================================== */
/* Spezifit�t 214 */
#navibereich ul#ebene01 ul.ebene02 li a { 
   background-color: #9FB6F6; 
}

/* Spezifit�t 224 */
#navibereich ul#ebene01 ul.ebene02 li a:hover {
   background-color: #607AC4;
}

/* ==============================================
   07 Sch�nheitsreparaturen
   a) Kopfbereich padding-bottom 10px (in bildschirm.css)
   b) Spezifit�t f�r :active auf 312 erh�hen (Zeile 57)
   c) width f�r Links in Ebene 2
      (ohne schrumpft das Rausklappmen� im IE7)
   ============================================== */
/* 07c - width f�r die Hyperlinks in Ebene 2 */ 
#navibereich li li a {
   width: 12em; 
}
.tcalInput {
	background: url('../img/cal.gif') 100% 50% no-repeat;
	background-color: #ffffff;
	padding-right: 20px;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('../img/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 1000000;
	width: 170px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('../img/prev_year.gif'); }
#tcalPrevMonth { background-image: url('../img/prev_mon.gif'); }
#tcalNextMonth { background-image: url('../img/next_mon.gif'); }
#tcalNextYear { background-image: url('../img/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }