/*  ======================================================

CSS : Stylesheet f�r www.odenthal.de 
ERSTELLT F�R MEDIACLOU GmbH 
AGENTUR F�R WERBUNG UND MEDIENINTEGRATION
Stylesheet f�r die Elementstile
Juli/August 2008

========================================================== */

/* ------------------------------------
   Allgemeine Styles
   ------------------------------------ */
/* ------------------------------------
   Styles f�r die Container
   ------------------------------------ */

/* <![CDATA[ */ 

#wrapper {
   width: 980px;
   height: 100%;
   background-color: #fff;
   border: 4px solid #7ac11d;
   margin: 1em auto;
   /*position: relative;
   z-index: 30;*/
   }

#hintergrund_naviallg {
  background: #e8e8ff url(../grafik/gradientLeft.jpg) repeat-x right 25em;
        /*position: relative;
        top: 0;
        right: 0;
        z-index: 1;*/
  }

*+ html #hintergrund_naviallg {
  background: #e8e8ff url(../grafik/gradientLeft.jpg) repeat-x right 25.5em;
  }  
  
#kopfbereich {
  background-color: #fff;
   height: 87px;
}

#logobereich { float: left; background-color: #fff; }

#logo { float: left;  background-color: #fff; margin-left: 1px; /*height: 87px;*/ /*height: 6.8em;*/ }
#logo a:hover {background-color: #fff; } 
#sprache { 
  float: left; margin: 0.25em 0.15em 0 0; /*float: right; margin: 0.25em 0.1em 0 0;*/
  }
  
#sprache ul {  
  list-style-type: none;
  }

#sprache li {  
  margin-bottom: 0.5em;
  width: 35px;
  height: 23px;
  display: inline;
  } 

*+ html #sprache li {  
  margin-bottom: 0.3em;
  }
    
#inhalt { 
  float: left;
  width: 800px; /*62.5em;*/
  background-color: #fff;
  /*border-right: 0 solid #fff;*/
  }

  
#hintergrund {
  width: auto;
  /*height: 100%;*/
  background: #e8e8ff url(../grafik/gradientLeft.jpg) repeat-x left top;
}

#bild {
  margin: 0;
}  

#rechts {
    float: right;
  background: #e8e8ff url(../grafik/gradientRight.jpg) repeat-x left top;
  width: 14.06em; /*180px; - hier Angabe in em, damit der Firefox 2 beim Vergrößern die Navigation nicht über den Text legt*/
  }
  
/* Opera Hack: Opera interpretiert em anders **/ 
@media all and (min-width: 0px){ 
  #rechts { width: 180px;} }
  
    
#suche {
  /*background: #e8e8ff url(../grafik/gradientLeft.jpg) repeat-x left top;*/
  margin: 0;
  padding: 2.2em 1em 1em 0.5em;
  /*height: 13.5em;*/
  overflow: hidden;
  }
  
#suchfeld {
  overflow: hidden;
  }
  
#suchinput {
    width: 120px;
    float: left;
}

#suchbutton {
    float: right;
    border: 1px solid #7AC11D;
}





#hintergrund_rechts {
  /*background-color: red;*/
  }
#textbereich { 
   background-color: #fff;
   width: auto;
   height: 100%; 
   /*float: right;
   width: 44em;*/ 
   margin: 0 0 0 15em;
   padding: 1em 1em 1em 2em;
   min-height: 10em;
   min-width: 38em ! important; 
   }

 
#textbereich .csc-textpic-above p.align-left  { clear: both; }
#textbereich p.align-left {clear: none; text-align: left; }
/*#textbereich .csc-textpic-intext-left {float: left; }*/
#textbereich .csc-textpic-intext-left img { margin-top: 0.3em; }
/*#textbereich .csc-textpic-intext-right {float: right; }*/
/*#textbereich .csc-textpic-imagewrap { clear: none; }*/
/*#textbereich .csc-textpic-clear { clear: none; }*/

#textbereich .csc-textpic, #textbereich .csc-uploads {
  margin-bottom: 2em;
}

#textbereich .csc-textpic-imagerow-last {
  margin-bottom: 1em;
}

#textbereich a:hover, #textbereich a:focus {    }

#textbereich ul { 
   margin: 0; 
   padding: 0; 
   list-style-image: none;
   }
#textbereich ul li { 
   background: url(../grafik/listIcon.gif) 0 0.4em no-repeat;
   list-style-type: none;
   padding-left: 1em;
   margin: 0.1em 0 0 0;
   }

#textbereich .csc-textpic-imagerow ul li { 
   background: none;
   padding-left: 0;
   }
   
/*#textbereich ul { 
   list-style-image: url(../grafik/listIcon.gif);
   list-style-type: none;
   margin: 0; 
   padding: 0 0 0 1.3em; 
   }
   */

#textbereich table {
   border-collapse: collapse;
   empty-cells: show;
   border: 1px solid #0e3293;
   margin-bottom: 1em;
}
      
#textbereich table th, #textbereich table td {
   border: 1px solid #0e3293;
   /*padding: 0.4em;*/ }
   
#textbereich table th {
   background-color: #e8e8ff;
}   
  
#textbereich table td {
   padding: 0.4em; 
}   

#textbereich .csc-textpic-image table, #textbereich .csc-textpic-image table td{
  border: none;
  margin-bottom: 0;
  padding: 0;
}

#textbereich .csc-textpic-caption {
  font-size: 0.8em;
  color: #333;
}

#textbereich .csc-textpic ul, #textbereich .csc-textpic ol, #textbereich .csc-text ul, #textbereich .csc-text ol {
  margin-bottom: 1em;
  margin-top: 1em;
}

#textbereich .csc-uploads .li-odd {
    background-color: #ededed;
    background-image: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

#textbereich .csc-uploads .li-even {
    background-color: #fff;
    background-image: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.csc-uploads-fileSize {
  width: 10%;
  float: right;
}

.csc-uploads-element img {
  float: left;
  margin-right: 10px;
  width: 18px;
  height: auto;
}

layout

.csc-uploads-1 .csc-uploads-fileName {
  display: block;
  margin-bottom: 5px;
  width: 70%;
  float: left;
}

.csc-uploads-1 span.csc-uploads-description {
    float: left;
    width: 70%;
    margin-left: 31px;
}

.csc-uploads-2 .csc-uploads-element img {
  width: 70px;
  border: 1px solid #0e3293;
}

.csc-uploads-2 .csc-uploads-fileName {
  display: block;
  margin-bottom: 5px;
  width: 70%;
  float: left;
  padding-bottom: 5px
}

.csc-uploads-2 span.csc-uploads-description {
    float: left;
    width: 50%;
    margin-left: 0px;
}
   
#footer {
  width: 100%;
}

/* ------------------------------------  
   RECHTE SPALTE
   ------------------------------------ */
#werbung {
   margin: 0 0.2em;
   } 
   
#werbung h1 {
   margin: 0.2;
   font-size: 1.2em;
   font-weight: bold;
   }       

/* ------------------------------------  
   UMFRAGEN
   ------------------------------------ */
   
.tx-pbsurvey-pi1 div {margin-bottom: 0.5em;}
.tx-pbsurvey-pi1 br { margin: 0.5em 0; }
.tx-pbsurvey-pi1 input {margin-right: 0.5em; vertical-align: middle; }
.tx-pbsurvey-pi1 .pagenumbering { font-size:0.8em; height: 1.5em; position: relative; vertical-align: middle;}

.tx-pbsurvey-pi1 .barcontainer { border: 1px solid#7ac11d; background-color: #e8e8ff; width: 100px; height: 1.5em; position: absolute; z-index: 6; right: 0px;}
.tx-pbsurvey-pi1 .bar {height: 1.5em; z-index: 4; position: absolute; left: 0px;}
.tx-pbsurvey-pi1 .bartext { z-index: 5; height: 1.5em; text-align: center; vertical-align: middle; position: absolute; left: 0; width: 100px; }
.tx-pbsurvey-pi1 .pageHeader {font-size: 150%; font-weight: bold; color: #003399;}
.tx-pbsurvey-pi1 .pageIntroduction {}
.tx-pbsurvey-pi1 .survey_item { margin: 2em 0; padding: 1em; border: 1px solid #7ac11d; }



.tx-pbsurvey-pi1 .itemform {}
.tx-pbsurvey-pi1 .formbuttons { margin-top: 0.5em; }
.tx-pbsurvey-pi1 .question {font-size: 1.3em; color: #0e3293; margin: 1em 0 0 0; font-weight: normal;}
.tx-pbsurvey-pi1 .questionComment {margin: 0; padding: 0; }
.tx-pbsurvey-pi1 .questionNumber {}
.tx-pbsurvey-pi1 .questionSubtext { font-size: 1em; }
.tx-pbsurvey-pi1 .required {color: #FF0000; vertical-align: super;}
.tx-pbsurvey-pi1 .survey_error {color: #FF0000;}
.tx-pbsurvey-pi1 .additional_ver {margin-left: 20px;}
.tx-pbsurvey-pi1 .matrix {width: 100%; border-collapse: separate; border-spacing: 0 0.4em; }

.tx-pbsurvey-pi1 .matrix .surveyrow_even {background-color: #e8e8ff; line-height: 2em; font-size: 1em; margin: 0 0 0.5em 0; }
.tx-pbsurvey-pi1 .matrix .surveyrow_odd { font-size: 1em; }
.tx-pbsurvey-pi1 .matrix .columnFirst { text-align: left;}
.tx-pbsurvey-pi1 .matrix .columnNext { text-align: center;}

/* ------------------------------------
   KONTAKTFORMULAR 
   ------------------------------------ */
   
#labelm { width: 10em; float:left;}
#labelm label { width: 10em; cursor: pointer; }
#textm { float:left; }
#textm input { width: 32em; }
#menubar .txt { display: block; margin: 0 0 1em 0; }
form .email,form .email_server { width: 15em; }
#textm .strasse { width: 26.3em; }
#textm .hausnummer { width: 5em; }
#textm .plz { width: 5em; }
#textm .ort{ width: 26.3em; }
form .mailtext {width: 32.8em; height: 15em;}
.reset { margin-left: 10em; }
p.text_kontakt {font-size: 0.8em; }
p.achtung {color: red; margin: 0.8em 0; } 
.fehler_anzeigen { color: red; } 

form #infos, form #presse { margin-left: 10em; }

/* ------------------------------------
   INDEXED SEARCH 
   ------------------------------------ */

.tx-macinasearchbox-pi1 input {
  background: transparent;
  width: 100%;
  }
.tx-macinasearchbox-pi1 .suchen {
  text-decoration: underline;
  text-align: right;
  float: right;
  border: none;
  font-size: 0.8em;
  color: #0e3293;
  }
  
.tx-indexedsearch fieldset { 
  border: 1px solid #7ac11d;
  display:block;
  margin: 0 0 0.5em 0;
  padding: 0.4em;
}

.tx-indexedsearch .tx-indexedsearch-icon {
  margin: 0; 
  padding: 0;
  }

.tx-indexedsearch dt {
  float: left;
  }  

/* ------------------------------------
   SITEMAP
   ------------------------------------ */
#textbereich .csc-sitemap ul li { 
  list-style-type: none;
  list-style-image: none;
  }
  
#textbereich .csc-sitemap ul li a {  
  color: #0e3293;
  font-weight: normal;
  font-size: 1.2em;
  text-decoration: none;
  }

/*#textbereich .csc-sitemap ul li ul { 
  margin: 0.5em 0 0.5em 0.5em;
  }  
*/  
  
#textbereich .csc-sitemap ul li li { 
  margin: 0.5em 0 0.5em 0.5em;
  padding: 0 0 0 1em;
  }  

#textbereich .csc-sitemap ul li li a {  
  color: #333;
  font-weight: normal;
  font-size: 1em;
  text-decoration: underline;
  padding: 0 0 0 0.2em;
  }

#textbereich .csc-sitemap ul ul ul { 
  margin: 0 0 0 1em;
  padding: 0;
  }  
  
 #textbereich .csc-sitemap ul li li li { 
  list-style-image: none; 
  background: none;
  }

#textbereich .csc-sitemap ul li li li a {  
  color: #333;
  font-weight: normal;
  font-size: 0.9em;
  border: none;
  background: none;
  }
  
/* ------------------------------------
   Styles fuer das virtuelle Rathaus 
   ------------------------------------ */
#textbereich_hoehe {     /* fuer die Seitenhoehe im Rathaus, ist hoeher wegen rechter Navigation */


   min-height: 15.5em;
}
.tx-civserv-pi1 #right {
   margin: 2em 0 1em 0;
   }

#right fieldset {  
    padding: 0.5em; 
}


#centrecontent #abcbar {
    margin: 0 0 1em 0;
}

#centrecontent .tx-civserv-pi1-browsebox {
    margin: 0.5em 0;
    }
    
#centrecontent .organisation_list li {
    background-image: none;
    margin: 0 0 0.5em 0;
    padding: 0;
    /*padding: 0.5em 0.5em;*/
    }

#centrecontent .organisation_list li a {
    border: 1px solid #7ac11d;
    background-color: #fff;
    /*margin: 0 0 0.5em 0;*/
    padding: 0.8em;
    display: block;
    text-decoration: none; 
    font-size: 1em;
    font-weight: bold; 
    }
    
#centrecontent .organisation_list li a:hover {
    background-color: #ECFFED;
    }  

#centrecontent .employeedetail table, #centrecontent .orgadetail table {
    margin: 0.5em; 
    }
/* ------------------------------------
   Sonstige Styles 
   ------------------------------------ */
   
/* Breadcrumbs */
#brotkrumen {
  margin: 0 0 1em 0;
}
  
/* Druckversion */
#print {margin: 3em 0 2em 0; } 

/* ]]> */

/* ======================================= 
   E N D E  styles.css 
   ======================================= */