/* ----------------------------------------------------
    Body settings ...
---------------------------------------------------- */

* {    margin: 0;
    padding: 0;
}

body {
        font: 70%/1.6em Arial, Helvetica, sans-serif;
        width:100%;
        text-align: center;
        height:100%;
        color:      #003300;
        background: #EFEFE2;    
        background-image:   url(/backstage/harz_card/picpool/common/bg.gif); 
        background-repeat: repeat-x;
}

/* ----------------------------------------------------
    Global link settings ...
---------------------------------------------------- */

a:link, a:visited {
    text-decoration: underline;
    color: #007B32;
}

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

a:active {
    text-decoration: none;
    color: #003300;
}

a:focus{
  outline:0;
  -moz-outline:0;
}

.hide{
  display: none;
}

.green{
color:              #007B32;
}

h1{
        font-size:          16px;
        color:              #007B32;
}


h2{
margin-bottom: 10px;   
font-size:     14px; 
}

h3{
  color: #000;
  font-size: 12px;     
}

/* ----------------------------------------------------
    Rahmen settings ...
---------------------------------------------------- */


div#all{
    width:              830px;
    padding:            0px;
    margin:             0 auto;
    background-image:   url(/backstage/harz_card/picpool/common/bg_shadow.gif);
    background-repeat:  no-repeat; 
    background-position: left 174px;
    text-align: left;
}

div#header{
    width:              830px;
    height:             174px;
    overflow:           hidden;
    background-image:   url(/backstage/harz_card/picpool/common/header_1.jpg);
    background-repeat:  no-repeat;   
}

.homeLink{
    margin-top: 0px;
    width: 210px;
    height: 199px;
}


.homeLink img{
    width: 210px;
    height: 199px;
}

div#claim{
    width:              830px;
    height:             25px;
    overflow:           hidden;
    background-image:   url(/backstage/harz_card/picpool/common/claim.gif);
    background-repeat:  no-repeat;   
}

div#footerBar{
    width:              830px;
    height:             20px;
    overflow:           hidden;
    background-image:   url(/backstage/harz_card/picpool/common/bg_footer.gif);
    background-repeat:  no-repeat;   
}

div#footer{
    text-align:         left;
    width:              782px;
    font-size:          10px;
    margin:             0px auto;
    padding:            3px 4px;
}


div#footer a{
    padding-right:      10px;
    text-decoration:    none;
    line-height:        1.2em; 
     
}


.printFooter{
    margin: 20px 0 10px 20px;    
}
/*
############# ContentRahmen ######################
*/

div#contentFrame{
    margin: 0 20px;
    width: 790px;
    background: #BFD556; 
}

div#teaser{
    float: left;
    width: 197px;
    margin-top: 13px;
}

div#content{
    float: left;
    width: 580px;
    background: #F6F9E8;
    min-height:  680px;
    height:  auto !important;
    height:  680px;
    position: relative;
    margin-top: 15px;
    overflow-x: hidden;
}

div#contentHeader{
    width:              580px;
    height:             5px;
    overflow:           hidden;
    background-image:   url(/backstage/harz_card/picpool/common/content_header.gif);
    background-repeat:  no-repeat;
    position: absolute;
    top: 0px; 
}

div#contentFooter{
    width:              580px;
    height:             5px;
    overflow:           hidden;
    background-image:   url(/backstage/harz_card/picpool/common/content_footer.gif);
    background-repeat:  no-repeat;
    margin-left: 197px; 
}


/*
############# Menu ######################
*/


ul.makeMenu, ul.makeMenu ul {
margin:0px;
padding:0px;
font-size: 11px;
width: 170px;
margin-left: 14px;
}
ul.makeMenu li a, ul.makeMenu li a:visited{
color:#007B32;
text-decoration:none;
}
ul.makeMenu li {
list-style-type:none;
margin:0px 0px 1px;
padding: 1px 0pt 1px 0px;
position: relative;
border-bottom: 1px solid #94C000;
}

ul.makeMenu li a, ul.makeMenu li a:visited {
background-image:none;
display:block;
text-decoration:none;
width:100%;
}

ul.makeMenu li a:hover{
text-decoration: underline;

color:#007B32;
}


ul.makeMenu li.selected {
font-weight:bold;
}

/*
############# Content ######################
*/


.boxHome { 
  background: #BFD556; 
  margin-top: 25px;
  width: 430px;
}
.boxHometop { 
  background: url(/backstage/harz_card/picpool/common/ne.gif) no-repeat top right; 
}
.boxHometop div { 
  font-size: 0;
  height: 10px; 
  background: url(/backstage/harz_card/picpool/common/nw.gif) no-repeat top left; 
}
.boxHomebottom { 
  background: url(/backstage/harz_card/picpool/common/se.gif) no-repeat bottom right; 
}
.boxHomebottom div { 
  font-size: 0;
  height: 10px; 
  background: url(/backstage/harz_card/picpool/common/sw.gif) no-repeat bottom left; 
}
.boxHomecontent {
  padding: 5px 15px;
  
}


div#homeTeaser{
 width: 410px;
 height: 190px;
 overflow: hidden;  
}


.homeTeaserText{
width: 240px;
float: left;  
background:#e7efc0;  
height: 190px;
 overflow: hidden;  
}


.homeTeaserText h3{
background:#0b7834;
color:#e7efc0;
padding: 2px 8px;
}

.homeTeaserText .text{
background:#e7efc0;
padding: 2px 8px;
}



.pom{
padding: 10px 0 10px 20px;    
}

.fliesstext{
padding: 10px 20px;    
}

.fliesstext p{
padding: 10px 0px;    
}


.fliesstext h1{
margin-top: 12px;   
}

.fliesstext ul, .fliesstext ol{
margin: 10px 0 10px 20px;   
}

.fliesstext ol li{
margin-bottom: 10px;   
}



.fliesstext ul a{
color: #003300 !important;   
}



table.contentTab, table.contentTabSmall, table.contentTabPreview{
border-spacing: 0px;
border-collapse: collapse;
margin: 0px;
font-size: 11px;
width: 200px;
}

.fliesstext table.contentTab{
margin-top: 10px;    
}

.infoBox table.contentTab{
margin-top: 0px; 
}

table.contentTabSmall{
width: 200px;
}
table.contentTabPreview{
width: 100%;
font-size: 12px;
}

table.contentTab td, table.contentTabSmall td, table.contentTabPreview td{
padding: 3px;
border: 1px solid  #666;
text-align: left;
vertical-align: top;
}


td.col1{
font-weight: bold;
width: 200px;
}

/* einrichtungen */

.colThumb{
width: 160px;
float: left;
clear: left;
}

.colThumb200{
width: 200px;
margin-right: 20px;
float: left;
clear: left;
}


    
.colTextIndex{
float: left;
text-align: left;
width: 380px;
}

.colText{
float: left;
text-align: left;
width: 320px;
}


.colTextIndex h2, .colText h2{
font-size: 11px;
margin: 0px;
padding: 0px;
}

.colText p{
padding: 0px;
}
.trenner {
display: block;
clear: both;
border:0;
border-top:1px #BFD556 dashed;
height:1px;
margin: 10px 0 10px 0;
}

.thumbImg{
width: 60px;
height: 70px;
background-position: top center;
}

a.thumbImg img{
width: 60px;
height: 70px;
}

.imgThumb{
background-repeat:no-repeat;
margin-right: 10px;
margin-bottom: 0px; 
vertical-align: bottom;
position: relative;
border: 2px solid #BFD556;
}

.imgThumb img{
   position: absolute;
   bottom: 0px;
   right: 0px;
}

.imgThumbHome{
background-repeat:no-repeat;
margin-right: 0px;
margin-bottom: 0px; 
vertical-align: bottom;
border: 0px solid #093301;
overflow: hidden;
background-position: center; 
width: 160px;
height: 190px;
float: left;
}

.imgThumbHome img{
   display: block;
  width: 185px;
  height: 185px;
}


.infoBox{
margin-top: 15px;  
}


.infoBox h3, .fliesstext table.contentTab tr.trHead td{
  background: #BFD556;
  color: #007B32;
  font-size: 11px; 
  margin: 0px;
  padding: 1px 6px;
  font-weight: bold;
}

.infoBox p, form.routForm{
background: #E7EFC0; 
padding: 3px 6px;
margin: 0px;
}


.infoBox table.contentTab td, .infoBox table.contentTabSmall td, .fliesstext table.contentTab td{
border: none;
padding: 3px 3px 3px 6px;
background: #E7EFC0; 
}

.listFunctions{
margin: 10px 0px;
border-bottom:1px #BFD556 dashed;
padding-bottom: 10px;
}

.tipp{
margin-top: 20px;
background: #E7EFC0; 
padding: 5px 10px;    
}

.tipp ul{
margin: 0 20px;
}

table.Auto{
width: 100%;    
}

/* thumbs */
table.thumbTab{
width: auto;    
}

.thumbs{
width: 100px;
height: 65px;
background-position:  center;
background-repeat:    no-repeat;
}

table.thumbTab td{
padding-bottom: 6px;
padding-right: 4px;
}


table.thumbTab td img{
width: 97px;
height: 61px;
}

table.thumbTab td a img{
border: 2px solid #BFD556;
}

table.thumbTab td a:hover img{
border: 2px solid #007B32;
}

.merianTeaser{
padding: 10px;
background: #E7EFC0; 
}

/* ----------------------------------------------------
   Teaser..
---------------------------------------------------- */

div#teaserBox{
margin-left: 14px;
margin-top: 15px;
}

.teaserCardHead{
background-image:   url(/backstage/harz_card/picpool/common/teaser_card1.jpg); 
background-repeat: no-repeat;    
height: 124px;
}



.teaserCard{
background: #E7EFC0;
width: 150px;
padding: 5px 10px;
margin-bottom: 15px;
}


.teaserBoxText{
width: 170px;
padding: 0px;
font-weight: bold;
text-align: center;
}


div#teaserBox .trenner {
border-top:1px #E7EFC0 dashed;
margin: 5px 0 5px 0;
width: 170px;
}


/* ----------------------------------------------------
   Formulare..
---------------------------------------------------- */

form {
   margin: 0;
  padding: 0;
}

fieldset{
  border: 0px;
  width: 500px;
}


input, textarea, select{
    padding: 0.17em; /* 2px */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #BFD556;
    background: #E7EFC0;
}

select{
    padding: 0 0.17em; /* 2px */
    width: 240px; 
















}

label.left{
    float: left;
    width: 120px;
    margin: 0.33em 1em 0.50em 0; /* 6px 4px 6px 0 */
}  



.formError{
    float: left;
    margin: 0.50em 0.33em; /* 6px 4px */
    color:  #cc0000;
}

 
input.right, textarea.right {
    float: left;
    width:  227px;
    margin: 0.33em 0; /* 4px */
}

textarea.right{
    width:  227px;

}


form br{
    clear:  both; 
    margin: 0.17em 0; /* 2px */
}

.formMessage{
    margin-top:  0.5em;  /* 4px */
    margin-left: 131px;
}

input.submitClass{
    width: 112px;
    margin: 0 0.5em 0 0 ; /* 2px */
    background-color: #BFD556; 
    color: #003300;
    font-size: 11px;
    border: none;
    font-weight: bold;
}

form table.contentTab{
    width: 280px;
}

form table.contentTab input.tabInput{
    background: white;
    width: 20px;
}

input.rightRadio{
    border: none;    
}
.errorMsg{
padding: 5px 0;
color: red;
width: 400px;
}

/*
############# Helpers ######################
*/

.tdRight, .divRight{
    text-align: right !important;
}

a.pfeil, a.pfeil:link, a.pfeil:visited {
  background-image:url(/backstage/harz_card/picpool/common/pfeil_red.gif);
  background-position:right 5px;
  background-repeat:no-repeat;
  color:#DE0003;
  font-size:11px;
  font-weight:bold;
  padding-right:13px;
  text-decoration:none;
}
a.pfeil:hover {
  background-image:url(/backstage/harz_card/picpool/common/pfeil_red.gif);
  color:#DE0003;
}

a.karte, a.karte:link, a.karte:visited {
  background-image:url(/backstage/harz_card/picpool/common/karte.gif);
  background-position: 100px 0px;
  background-repeat:no-repeat;
  color:#DE0003;
  font-size:11px;
  font-weight:bold;
  padding-right: 20px;
  text-decoration:none;
  display: block;
}
a.karte:hover {
  background-image:url(/backstage/harz_card/picpool/common/karte.gif);
  color:#DE0003;
}

a.route, a.route:link, a.route:visited {
  background-image:url(/backstage/harz_card/picpool/common/icon_route.gif);
  background-position: 100px 0px;
  background-repeat:no-repeat;
  color:#DE0003;
  font-size:11px;
  font-weight:bold;
  padding-right: 20px;
  text-decoration:none;
  display: block;
}
a.route:hover {
  background-image:url(/backstage/harz_card/picpool/common/icon_route.gif);
  color:#DE0003;
}

a.pfeilBack, a.pfeilBack:link, a.pfeilBack:visited {
  background-image:url(/backstage/harz_card/picpool/common/pfeil_red_back.gif);
  background-position: left 5px;
  background-repeat:no-repeat;
  color:#DE0003;

  font-size:11px;
  font-weight:bold;
  padding-left:13px;
  text-decoration:none;
}
a.pfeilBack:hover {
  background-image:url(/backstage/harz_card/picpool/common/pfeil_red_back.gif);
  color:#DE0003;
}

.hide {
left:-1000em;
line-height:0px;
position:absolute;
width:500em;
}


img.imgLeft{
margin-right: 12px;
margin-bottom: 0px;
float: left;
border: 0px solid #BFD556;
}

img.imgRight{
margin-left: 6px;
margin-bottom: 12px;
float: right;
}

p.imgRight{
display:block;
text-align: right;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

.text12bold{
font-weight: bold;
font-size: 12px; 
}

.spacer10 {
    height: 10px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
} 

.spacer20 {
    height: 20px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
} 

.clearBlock {
    height:           0px;
    clear:            both;
    overflow:         hidden;
    font-size:        0px;

    line-height:      0px;
}


.boxCardFilter{
    background: #E7EFC0;
    margin-top: 10px;
    padding: 10px;
}


table.cardFilter{
border-spacing: 0px;
border-collapse: collapse;
margin: 0px;
font-size: 11px; 
}

table.cardFilter td{
padding: 3px;
border: 0px solid  #666;
text-align: left;
 
}

table.cardFilter td input{

border: none;
}