/* = ########## Elemente loeschen
-----------------------------------------------    */ 
h1.claim,
#mainNav,
#metaNav,
#contentNav,
#fontSize,
#contentFooter ul,
#footer,
.angebotsIcons,
.legende,
.beratung,
#marginal .box,
#marginal .kontakt ul.linkListe,
#head h1.logo img,
div#wrap div.innerAb span.btn,
div#wrap div.innerAb div.txt,
#content div.innerAb ol li span {
    display: none;
}
a img {
    border: none
}
/* = ########## HTML
-----------------------------------------------    */

img.print{
    position:absolute;
    top:0;
    right:10px
}
* {
    color: #000
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 120%;
    margin: 0;
    padding: 0;
    color:#000;
}

h2 {
   font-size: 24px;
   padding: 10px 15px 15px 0
}
h3 {
   font-size: 12pt;
   padding: 0 0 15px 15px
}
h4 {
   font-size: 11pt;
   padding: 0 0 15px 15px
}
#marginal h6 {
   font-size: 12pt;
}
h5,
caption {
   font-size: 10pt;
   padding:4px 15px;
   margin: 0;
   font-weight: bold;
}
caption {
   font-size: 10pt;
   padding:4px 0;
   margin: 0;
   text-align: left;
}
table {
    margin: 0 0 10px 15px;
    width:496px;
    border-bottom:1px solid  #CCC
}
table * {
    text-align: left;
    vertical-align: top;
}
table td,
table th {
    border-top:1px solid  #CCC;
    padding: 3px 0
}
td.help * {
    display:none
}
p {
    margin: 0 0 15px 0;
}
a {
    text-decoration: none
}
p.footnote {
    width:480px
}
ul {
    margin: 0
}
/* = ########## Elements
-----------------------------------------------    */
#wrap{
    margin: 0 0 0 50px;
}
#contentWrap {
    clear: both;
}
div.box {
    border: 1px solid #666;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    width:511px;
    clear: both;
    *height:1%
}
body.start .nurBild {
    width: 690px;
    margin: 100px 0 15px 0;
}
div.box:after {
    content:"";
    display: block;
    height: 1px;
    clear: both;
}

div.box div.box {
    margin: 15px;
    width:496px;
    
    border-width:1px 0;
    padding-top: 15px
}
.pseudo {
    background: #f1f1f1
}
div.box p {
    border:1px solid #FFF
}
ul#path  {
    width:500px;
    margin: 0 0 30px 0;
    padding:0;
    float: left;
}
ul#path li {
    float: left;
    list-style: none;
    border-left:1px solid #000;
    padding: 0 .25cm;
    
    font-size: 8pt
}


/* BoxedElemens    */
div.box p,
div.box h4,
div.box h6,
#wrap div.box p.siegel  {
    padding:0 15px 10px 15px
}
div.box h3  {
    padding:15px;
    clear: both;
}
div.box h3 span  {
    font-size: 12pt
}
div.box div.box h3  {
    padding:5px;
    clear: both;
}
div.box div.box ul.linkListe a img  {
    float:right
}
div.box ul {
    padding:15px 15px 15px 30px
}
ul.linkListe {
    list-style: none;
    padding:0 15px 15px 0
}
ul.linkListe li {
    clear: both;
    padding: 4px 0;
    border-bottom: 1px solid #CCC;
        *height:1%
}
ul.linkListe li:after {
    content:"";
    clear: both;
    display: block;
    height: 0
}
div.box ul p,
div.box ul h6  {
    padding:0
}
div.box ol {
    margin:0 15px 15px 30px
}
/* Overwrite BoxedElemens    */
div.box .full,
div.box p.pic{
    padding:0;
    margin-bottom: 15px
}
ul.tableLegend li {
    float: left;
    margin: 0 0 10px 15px;
    list-style: none;
}
ul.haken li {
position:relative;
}
ul.haken img.haken {
left:-50px;
position:absolute;
top:0pt;
z-index:3;
}
/* = Content Elements
-----------------------------------------------    */ 
p.siegel,
div.tc {
    float: left;
}
div.tc {
    width:300px;
}
.picBox {
    border:1px solid #CCC;
    float: left;
    margin:3px 15px 15px 15px;
    overflow:hidden;
    width:172px;
    clear: left;
}
.picBox img{
   display:block;
   float: left;
}
.big {
   float: none;
   width:496px;   
}
.full {
    float: none;
    overflow:visible;
    width:auto;
    margin: 0 0 15px 0
}
div.box .picBox p {
    color: #666;
    font-size: 8pt;
    padding: 5px 10px ;
    margin: 0;
    clear: both;
}
/* Reiternavi    */
div.box ul.contentNavi{
  padding:0 0 10px 15px
}
div.box ul.contentNavi li {
  display:none  
}
div.box ul.contentNavi li.aktiv {
    display:block;
    list-style: none;
} 
div.box ul.contentNavi li.aktiv a {
  font-size: 12pt !important ;
  font-weight: bold;
}
div.kleinBild p.pic {
    float: left;
}
div.kleinBild .tc {
    float: left;
    width:300px;
    padding-bottom: 20px
}
div.kleinBild .tc p,
div.kleinBild .tc ul {
    padding: 0 0 0 20px!important 
}
ul.bild li p.pic{
    float: left;
    margin:0 10px 0 0;
    position: relative;
}
ul.bild li p.pic img.stoerer{
    position: absolute;
    bottom:-10px;
    right:-10px;
}
ul.bild li div.tc{
    width:250px
}
ul.bild li{
   clear:both
}
#contentFooter em {
    display:block;
    text-align: right;
    
}
#marginal .kontakt {
    display: block;
    border: none
}
h3.inBox {
    border-top:1px solid #666;
    padding: 5px 0
}

h3.inBox span.nummer {
    margin-right:10px
}

/* = Tabelle
-----------------------------------------------    */ 
div.tableBox {
    clear: both;
    width:600px
}
div.tableBox table {
    border-collapse: collapse;
}
div.tableBox td,
div.tableBox th {
    border:1px solid #666;
    padding: 4px
}
div.tableBox td.included {
    background:#FCEE45 url(../images/system/td_check.gif) no-repeat  7px 6px;
    padding-left:25px
}
div.tableBox .grau,
div.tableBox thead th {
    background:#EDEDED none 
}
div.tableBox td.optional {
    background:#FCEE45 url(../images/system/td_option.gif) repeat  0 0;
}
div.tableBox td.help {
    display:none
}
/* = Halbnteaser
-----------------------------------------------    */
.halbTeaser {
    width:530px;
        *height:1%
}
.halbTeaser:after {
    content:'';
    display: block;
    height: 0;
    clear: both;
}
.halbTeaser .teaser {
   width:250px ;
   float:left;
   margin-right:10px;
   clear: none;
}
/* = Abschlusselemente
-----------------------------------------------    */ 

div.abschluss div.le {
    height: auto !important ;
    clear: both !important ;
    *height: 1% !important ;
    
}
div.abschluss div.le .teaser {
    clear: both !important ;
    float: none;
    width:auto
}
/* = Klappelemente
-----------------------------------------------    */
.klappliste {
    height: auto !important ;
}
/* = Helper
-----------------------------------------------    */
div.clearFix {
    clear: both;
    height: .5cm
}