@charset "utf-8";
/* CSS Document */

/*  GENERAL  */
* {
  margin: 0;
  padding: 0;
}
.hg-grau {
  background: #eee;
}

.hg-mediumgrau {
  background: #ddd;
}

.border-all {
  border: 1px solid #ccc;
}

.border-lr {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.border-to {
  border-top: 1px solid #ccc;
}

.border-rt {
  border-right: 1px solid #ccc;
}


.border-bo {
  border-bottom: 1px solid #ccc;
}

.border-lt {
  border-left: 1px solid #ccc;
}


.clearer {clear: both;}


body {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100%;
  background: #9bbabd;
  background-position: center;
  font-size: 0.9em;
  text-align: center;
  }
  
.csc-header {margin: 5px 0;}  
  
a {color: #333;text-decoration: none; line-height: 1.1em;}
a:hover {text-decoration: underline;}
p {margin-top: 10px;}


  
img {border: none;}  
.tab {display: table;}
.tabline {display: table-row;}
.tabfield {display: table-cell;}

.xl {
position: relative;
margin: 6px 0 6px 0;
width: 770px;
}

/*  TYPOGRAPHY  */

h1, h2, h3, h4, h5, h6 {font-weight: bold; line-height: 100%;margin-top: 10px;}
h1 {
  font-size: 1.1em;
  }
h2  {
  font-size: 1.1em;
  }
h3  {
  font-size: 1.1em;  
  margin-bottom: 5px;
  }

h4, h5, h6  {
  font-size: 1.0em;
  }

#main-content div.csc-textpic div div.csc-textpic-text div.csc-textpicHeader h3 {font-weight: normal;font-size: 0.9em;}

/*  SIDE  */
#global-outer { width: 100%; display: block; height: 100%; margin: 0; padding: 0;text-align: left;}
#wrapper { width: 1000px;height: 100%; margin: 0 auto;background: #fff;}
.trans-bg { position: absolute; z-index: 100; height: 160px;width: 210px; background: #fff; opacity:0.7;  filter:alpha(opacity=70); /* For IE8 and earlier */}
.clearer {clear: both;}

/*  DRAWER  */
#drawer {height: 30px;}

.box-search {width: 210px; height: 30px;float: left;background: #eee;}
.box-search form input#tx_indexedsearch.inputText {margin-top: -5px;}
input.button-submit {margin-top:10px;}
input.inputText {width: 170px;}
input.inputImage {padding-top: 5px;}

.top-menu {width: 750px; height: 30px;margin: 0; padding: 0;float: left;}
.top-menu ul {display: inline-block;float: right; margin: 5px 0 0 0;}
.top-menu ul li { border-left: 2px solid #999; padding: 0 5px; list-style-type: none; float: left;}
.top-menu ul li:first-child {border: none;}

.languages {width: 190px;height: 30px;margin: 0; float: right;}
.languages ul {float: right;margin: 5px 0 0 0;}
.languages ul li {padding: 2px; list-style-type: none; float: left;line-height: 1.3em;}


/*  HEADER  */
#header {z-index: 1;background: url(../images/header_kreishaus.jpg) no-repeat top left;height: 160px;}
.logo {position: absolute; z-index: 200;width: 210px;  margin: 0;}
.logo img { position: absolute; opacity: 1.0;}

/*  MAIN  */
#main {background: #fff;height: 100%; display: block;}


/* breadcrumbs */
div.breadcrumb {padding: 0;margin-top: 10px;display: block;border-bottom: 1px dotted #ccc;padding-bottom: 5px;}
ul#breadcrumb  {font-size: 0.8em;width: 600px;}
ul#breadcrumb  li {list-style-type: none; float: left; padding: 0 5px 0 0;margin: 0 !important;}
ul#breadcrumb  li:last-child {float: left;font-weight: bold;}


/*  LEFT-CONTENT  */
#left-content {width: 210px;float: left;padding-top: 5px;height: 100%;display: block;background: #eee;padding-bottom:30px;}
#left-content.trans-bg {z-index: 100; width: 210px; background: #fff; opacity:0.7;  filter:alpha(opacity=70); /* For IE8 and earlier */; position: relative;}
.side-menu {height: 100%; text-align: left;}
.side-menu h2 {background: #74a0a1;padding: 7px 0 7px 10px;color: #fff;letter-spacing: 2px;}
.side-menu h2 a {background: #77a781; color: #000;}

.side-menu ul {display: block;padding-left: 0;margin-bottom: 30px;}
.side-menu ul li {list-style-type: none;padding: 3px 0 0 10px;margin-bottom: 2px;}
.side-menu ul li a {color: #000;text-decoration: none;display: inline-block;}
.side-menu ul li a:hover {text-decoration: underline;}

.side-menu ul ul {background: #777;display: block;padding-left: 0;margin-bottom: 0;}
.side-menu ul ul li a {color: #eee;}
.side-menu ul ul li a:hover {color: #fff;text-decoration: underline;}

.side-menu ul ul ul {background: #555;display: block;padding-left: 0;margin-bottom: 0;}
.side-menu ul ul ul li a {color:#fff;}
.side-menu ul ul ul li a:hover {text-decoration: underline;}

.side-menu ul ul ul ul {background: #333;display: block;padding-left: 0;margin-bottom: 0;}

.side-menu ul ul ul ul ul {background: #111;display: block;padding-left: 0;margin-bottom: 0;}

.infobox  {
  padding: 10px;
}


.side-box h3.csc-firstHeader{
    background: none repeat scroll 0 0 #aaa;
    color: #ffffff;
    letter-spacing: 2px;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 7px 0 7px 5px;
}

.side-box h3 {
    border-bottom: medium none;
    margin-top: 0;
    padding: 2px 0 2px 5px;
}

.side-box p.bodytext {padding: 5px;}
.side-box a img {opacity: 1 !important; z-index: 50;}

/*  MAIN-CONTENT  */
#main-content {
  width: 600px;  
  float: left; 
  background: #fff; 
  padding: 5px 10px 30px 10px;
  display: block;
  border-top: 1px dotted #ccc;
}
#main-content h1 {
  border-bottom: 1px dotted #333;
  padding-bottom: 8px;
}

#main-content a {
  color:#74a0a1;
}

#main-content div#c2341.csc-default div.singleitem p a {
  color: #333;
  margin-left: 20px;
  line-height: 16px;
}

#main-content a: hover {
  color: #000; 
  text-decoration: underline;
}

#main-content ul li, #main-content ol li{  
  margin-left: 25px;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {
  margin-left: 4px !important; 
}
#main-content div.csc-default div.csc-textpic div.csc-textpic-imagewrap img {
  margin-right: 10px;
}

#main-content .filelinks .pdf {
  position: relative;
  margin-top: 3px;
  padding-top: 0px;
}

#main-content .filelinks ul li {
  list-style-type: none;
  margin-left: 0!important;
  background-position: 0 0.4em;
  background-repeat: no-repeat;
  list-style: none outside none;
  padding: 0.4em 0 0 2em;
}

#main div#main-content div.xl table tbody tr td {
  vertical-align: top;
}

#main-content div.xl table tbody tr td div.csc-default div.filelinks ul li div.pdf {
  margin: 0;
}

#main-content div#c43749.xl table tbody tr td div#c43750.csc-default p.bodytext {
  margin-top: 0;

}

.container-news {
  width: 590px; 
  float: left;
  display: block;
}

/* Homepage Image and Title*/
div#main-content div#c814.csc-default {
  padding-top: 0;
}

div#main-content div#c814.csc-default div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt a img {
  padding: 0 0 0 25px;
}

div#main-content div#c814.csc-default div.csc-textpic div.csc-textpic-text {
  margin-left: 170px;
}

div#main-content div#c814.csc-default div.csc-textpic div.csc-textpic-text h1 {
  font-size: 1.5em; 
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
div#main-content div#c814.csc-default div.csc-textpic div.csc-textpic-text p.bodytext {
  margin-bottom: 5px;
}



/*  RIGHT-CONTENT  */
#right-content {
  width: 170px; 
  float: right; 
  padding-top: 5px;
  display: block;
  overflow: hidden;
}

#right-content h3 {
  border-bottom: 1px dotted #333; 
  padding-bottom: 0;
}

#right-content h1, #right-content div.boxRahmen h3 {
  border-bottom: none;
  margin-top: 0;
  padding: 2px 0 2px 5px;
}
#right-content ul {
  display: block;
}

#right-content ul li {
  list-style-type: square;
  padding-left: 3px;
  margin-bottom: 10px;
}


/*  FOOTER  */
#footer {width: 60%; text-align: right;background: #eee;margin-left: 220px;}
#footer {color: #000;}
#footer small {font-size: 85%; padding: 5px 0 5px 15px;}

/*  DEBUG  */
#debug {width: 100%; text-align: center; font-size: 60%;}

/*  BOXES  */

/*  MAILING   */
.mailinglist {
  width: 100%;
  display: table;
}

.mailing-row {
  width: 100%;
  padding: 5px;
  line-height: 1.1em;
  display: table-row;
}

.mailing-cell1 {
  width: 40%;
  display: table-cell;
  float: left;
  margin: 2px 0;  
  }
  
.mailing-cell2 {
  width: 60%;
  display: table-cell;
  float: right;
  }
  
.mailing-cell2 input {
  margin: 2px 0;
  width: 100%;
}

.mailing-cell2 input.radiobutton {
  margin: 2px 0;
  width: 5%;
}
  
.mailing-colgroup {
  width: 100%;
  display: table-cell;

}

hr.mailing-shade {
  width: 100%; 
  border:dotted #BABABA 1px;
  margin: 10px 0;
}


/* Sonderformate */

.boxRahmen {
  display: block;  
  margin-right: 5px;  
}

.boxRahmen .csc-default .csc-header, .boxRahmen .csc-header {
  background: none repeat scroll 0 0 #aaa;
  color: #FFFFFF;
  letter-spacing: 2px;
  padding: 7px 0 7px 5px;    
  margin-bottom: 0;
  margin-right: 5px;
}


.boxRahmen h2, .boxRahmen h3 {
  font-size: 0.9em;
  margin-right: 5px;
}

.boxRahmen .csc-default p.bodytext, .boxRahmen p.bodytext {
  border:solid #BABABA 1px;  
  margin-top: 0;
  padding: 10px 5px 5px 5px;
  margin-right: 5px;  
}

.grauerHintergrund {
  background: #eee;
  padding: 5px;
  margin-right: 5px;
}
#right-content div.grauerHintergrund {margin-right: 10px;}


/* Formatierung der Inhaltselemente Tabellen - M.Hermes */
.tabelle1 {
    width: 100%;
    }
.tabelle1 td {
    border-bottom:1px solid #aeaeae;
    padding: 2px 5px;
    text-align: left;
    vertical-align: center;
    background-color: #f7f7f7;
    }
  
.tabelle2 {
    margin-left: 0px;
    width: 90%;
    }    
.tabelle2 td {
    border:1px solid #aeaeae;
    padding: 2px 4px;
    text-align: left;
    vertical-align: center;
    background-color: #f7f7f7;
    }
    

/* Impressum */

.imprint-table {
  display: table;
  width: 100%;
}

.imprint-table p {
  margin-top: 0;
}

.imprint-row {
  display: table-row;
  width: 100%;
}

.imprint-cell {
  display: table-cell;
  padding: 5px;
}

.fieldname {
  background: #ddd;
  font-weight: bold;
}

.fieldcontent {

}