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

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;
  } 

*+ 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 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 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; }   
   
#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 
   ======================================= */