* {
    padding: 0;
    margin: 0;
}



html, body
{
    height: 101%;
}

body {
	font: 96%/1.5 arial, helvetica, serif;
    background-color: #dbe1e6;
    background-image: url(../bilder/hg-verlauf.jpg);
    background-repeat: repeat-x;
	text-align: center; 
}

#wrapper {
	width: 962px;
	margin: 0 auto;
	text-align: left;
    /*
	background-color: white;
	border:1px solid silver;
	*/
}

#kopfbereich {
    background-image: url(../bilder/hg-kopf.gif);
    height: 200px;
}

#logo {
    /* background-color: orange; */
    float: left;
    width: 120px;
    padding-left: 28px;
    font-variant:small-caps;
}

#logo p {
    /* background-color: yellow; */
    padding-left: 10px;
    font-size: 10pt;
}

#logo a {
    color:black;
    text-decoration: none;
}

#logo a:hover {
    color:black;
    text-decoration: underline;
}


#stkopfbereich {
    /* background-color: yellow; */
    float: right;
    margin-top: 50px;
    margin-right: 30px;
    font-size: 10pt;
}

#stkopfbereich a {
    text-decoration: none;
    color: #808080;
}

#stkopfbereich a:hover {
    text-decoration: underline;
    color: #073281;
}

#stkopfbereich ul {
}

#stkopfbereich li {
    display: inline;
    list-style-type: none;
    padding-left: 1em;
    border-left: 1px solid silver;
    margin-left: 1em;
}

#erstereintrag {
    padding-left: 0em  !important;
    border-left: 0px solid silver !important;
    margin-left: 0em  !important;
}

#steuerung {
    background-color: white;
    border-right:1px solid #DDDCD8;
    border-left:1px solid #DDDCD8;
    padding-left: 20px;
    /* <img src="" width="918" height="70" style="border: 0px;" /> */
     background: url(../bilder/hgsteuerung.jpg) 20px top no-repeat white; 
    height: 70px;
    padding-bottom: 20px;
    
}


#bereichinhalt {
    background-color: white;
    border-right:1px solid #DDDCD8;
    border-left:1px solid #DDDCD8;
    padding-left: 35px;
    zoom: 1;
}


#bereichinhalt ul {
    list-style-image:url("../bilder/aufzaehlung.gif");
}

#bereichinhalt h1 {
    color: #073281;  /* VIT blau */
    font-weight: bold;
    letter-spacing: .01em;
    /* line-height: 1.4em; */
    font-size: 19pt;
    text-shadow:1px 1px 1px #CCCCCC;
}

#bereichinhalt h2 {
    color: #073281;  /* VIT blau */
    font-weight: bold;
    letter-spacing: .01em;
    /* line-height: 1.4em; */
    font-size: 14pt;
    padding-top: 15px;
    text-shadow:1px 1px 1px #CCCCCC;
}

#bereichinhalt h3 {
    color: #073281;  /* VIT blau */
    font-weight: bold;
    /* line-height: 1.4em; */
    font-size: 12pt;
    margin-top: 15px;
    /* text-shadow:1px 1px 1px #CCCCCC; */
}


#bereichinhalt p {
    margin-bottom: 1.4em;
    line-height: 1.6em;
    /* letter-spacing: .01em; */
}

#bereichinhalt ul,
#bereichinhalt ol {
    margin-left: 1.4em;
    margin-bottom: 2em;
    list-style-type: square;
}

#bereichinhalt a {
    color: #073281;    
}

#bereichinhalt a:hover {
    color: #009A5E;
}

#inhaltkmplbreite {
    /* background-color: yellow; */
    width: 900px;
    margin-bottom: 1.5em;
}


#inhaltlinks {
    /* background-color: orange; */  
    float: left;
    width: 600px;
    margin-bottom: 1.5em;
}

#inhaltrechtsnews {
/*
    background-image: url(../bilder/st_rechts_news_o.png);
    background-repeat: no-repeat;
    background-position: top;
*/
/*
    background-color: #CA3636;
    background-color: #d1d1d1;
*/
    background-color: #EAEAEA;
    /*  background-color: yellow; */
    /*
    background-image: url(../bilder/st_rechts_oben_rund_lang.png);
    background-repeat: no-repeat;
    background-position: top;
    */

    float: right;
    width: 270px;
    margin-right: 20px;
    /*
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;
    */
    font-size: 10pt;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 1em;
}

#inhaltrechtsnews strong {
    color: #CA3636;
}

#inhaltrechtsnews p {
/* 
    margin: 0.8em 0em 0.7em 0em;
    padding: 0em 1.2em 0em 1.2em;
    */
    padding: 0em 1.2em 0em 1.2em;
    margin-bottom: 0;
}

#inhaltrechts img.unten {
/*
    border: 0px solid white;
    vertical-align: bottom;
*/    

}


#inhaltrechts {
    color: #333333;
    background-color: #EAEAEA;
    /*  background-color: yellow; */
    background-image: url(../bilder/st_rechts_oben_rund_lang.png);
    background-repeat: no-repeat;
    background-position: top;
     
    float: right;
    width: 270px;
    margin-right: 20px;
    /*
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;
    */
    font-size: 10pt;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 1em;
    
}

#inhaltrechts ul {
    padding: 1em .5em 0em .5em;
    margin-bottom: 0;
}

#inhaltrechts ul {
    margin-left: 1.4em;
    margin-bottom: 0em; 
    list-style-type: none;
}

#inhaltrechts ul ul {
    padding: 0;
    margin-bottom: 0;
}

#inhaltrechts ul li li {
    list-style-type: square;
}

#st_rechts_unten {
    margin-top: 0.7em;
    background-color: red;
    height: 6px;
    /*
    <img src="bilder/st_rechts_unten_rund.png" width="270" height="6" />
    */
    background-image: url(../bilder/st_rechts_unten_rund.png);
    background-repeat: no-repeat;
    background-position: bottom;
    
}


#fuss {
    background: url(../bilder/hg-fuss-gruen.gif)  bottom;
    color: white;
    font-size: 10pt;
    padding: 2px 35px;
    margin-bottom: 1em;
}

#fuss a {
    color:white;
    text-decoration: none;
}

#fuss a:hover {
    color:white;
    text-decoration: none;
}


#inhaltrechts img {
    border: 0px solid white; 
    vertical-align: bottom;
     
}




/*   STEUERUNG   */



#nav, #nav ul {
	float: left;
	width: 647px;
	width: 860px;
	/* background-color: yellow; */
	list-style: none;
	line-height: 63px;
	/* background: white; */
	/* font-weight: bold; */
	padding: 0;
	border: solid #eda;
	border: solid silver;
	border-width: 1px 0;
	border-width: 0px;
	/* margin: 0 0 1em 0; */
	/* margin: 25px 0 1em 46px; */
	margin: 0px 0 1em 46px;
	font-size: 9pt;
	z-index:5;
}

#nav a {
	display: block;
	width: 10em;
	w\idth: 6em;
	/* w\idth: 170px; */
	color: #7C6240;
	color: #666666;
	/* background-color: yellow; */
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav a.daddy {
	background: url(../bilder/rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	/* width: 10em; */
	width: 157px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	background: white;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
	
	line-height: 1;

}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
    /*
	background: #eda;
	background: #EEEEEE;
	*/
}

#nav li li:hover, #nav li li.sfhover {
	background: #eda;
	background: #EEEEEE;
}

.fehlermeldung {
    border:2px solid #FF5300;
    padding: 1em;
    margin-bottom: 1em;
}

#inhaltkmplbreite table {
  border-collapse:collapse;
  margin-bottom: 1em;
}


#inhaltkmplbreite td {
    vertical-align:top;
    /* margin-bottom: 60px; */
    border-bottom: 1px solid silver;
    line-height: 1.6em;
    padding: 3px 5px;
    /* background-color: yellow; */
}

#inhaltkmplbreite td p {
    /*
    background-color: yellow;
    */
    line-height: 1.6em;
    margin-bottom: 0px;
    padding-bottom: 6px;
}


#inhaltkmplbreite td input {
    margin-bottom: 1em;

}

#inhaltkmplbreite td b, #inhalt td strong {
    padding-right: 1em;
    white-space: nowrap;
    color: black;
}

.tab_1 {
    background-color: #f5f5f5;
}

.tab_2 {
    /* background-color: yellow; */
}

.fehlermeldungimformular {
    color: red;
    font-weight: bold;
}



/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  font-style: italic;
  color: #0000ff;
  }

a.tooltip:hover {
  color: #0000ff;
  background: transparent;
  }

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 15px;
  left: 10px;
  width: 200px;
  z-index: 100;
  color: #000000;
  border:1px solid #000000;
  background: #FFFFCC;
  background: white;   /* yellow */
  font: 12px sans-serif;
  text-align: left;
  }

a.tooltip span b {
  display: block;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  padding: 6px;
  /* padding-bottom: 8px; */
  font-size: 12px;
  font-weight: bold;
  color: black;
  border: 0px;
  /*
  background-color: red;
  border-bottom: 1px solid black;
  */
  }

a.tooltip span i {
  display: block;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  /* padding: 6px; */
  padding: 0px 6px;
  /* padding-bottom: 8px; */
  font-size: 12px;
  font-weight: normal;
  color: black;
  border: 0px;
  }


a.tooltip span em {
  display: block;
  margin: 0;
  padding: 2px 6px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  background-color: black;
  border: 0px;
  border-bottom: 1px solid black;
  }

.zentriert {
    text-align: center;
}

.ueberschrift1 {
    font-size:30px;
    /* font-weight: bold; */
}

.m_head  {
    background-color: #dbe1e6;
    text-align: center;
    height: 1em; 
}

/* Hintergrundfarbe Tabelle */
.m_body  {
    background-color: #f4f4f4;
}

.strichrechts {
    border-right: 1px dotted silver;
}

#myImageFlow {
    width: 600px; 
    border:0px solid white; 
    z-index:2;    
}

.uebungsbilder {
    float: right;
    border:1px solid silver;
    margin-left: 1em;
}



#rd_erfassen label {
    /* background-color: yellow; */
    width: 200px;
    display: block;
    float: left;
    font-weight: bold;
}

#rd_erfassen .antworten {
    /* background-color: red; */
    margin-left: 200px;
    margin-bottom: 1em;
}

.wingdings {
    font-family: wingdings;
    font-weight: bold;
    color: #008000;
    background-color: yellow;
}

.aktuellerpunkttests {
    background-color: yellow;
    color: white;
}

.ohneumbruch {
    /* background-color: yellow; */
    white-space:nowrap;
}

.alterwert {
    font-size: small;
    color: #777777;
}

.hervorgehoben {
    /* font-size: larger; */
    font-weight: bold;
    color: red;
}

.tabmittig {
    text-align: center;
    font-weight: bold;
}

.einzeluebungen {
    padding: 1em;
    margin-bottom: 1em;
}

.einzeluebungen legend {
    font-weight: bold;
    color: #009A5E;
    padding: 0 1em 0 0;
}


.einr {
    display:block;
    padding: 0px 25px 0px 25px;
}


.einr0 {
    display:block;
    padding: 0px 15px 0px 5px;
}

.einr1 {
    display:block;
    padding: 10px 15px 0px 20px;
}

.einr2 {
    display:block;
    padding: 0px 15px 0px 35px;
}

.einr3 {
    display:block;
    padding: 0px 15px 0px 50px;
}

.einr4 {
    display:block;
    padding: 0px 15px 0px 65px;
}

.einr5 {
    display:block;
    padding: 0px 15px 0px 80px;
}


#tabs {
    border:0px solid red !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 588px;
}

#tabs ul {
    border:0px solid green !important;
    padding: 0 !important;
    margin: 0 !important;

}

#fragment-1, #fragment-2, #fragment-3 {
    border:0px solid red !important;
    padding: 0 !important;
    margin: 0 !important;
}