/* @override http://www.kreis-germersheim.de/assets/templates/germersheim/css/site.css */

/* allgemeine angaben */


* { margin:0; padding:0; font-size: 100%; }

html {height:100%}


body {
    min-height: 101%;
    font-size: 100.01%;
    position: relative;
    color: #000;
    background: #eee;
    text-align: center;
    font-family: verdana, arial, sans-serif;
padding-bottom: 20px;
}

fieldset, img { border:0; }

select, input, textarea { font-size: 99% }

ul, ul li {
list-style: none;
}

/* layout */

#container {
margin: 20px auto 0px auto;
text-align: left;
width: 54.5em;
background: #FFF;
font-size: 100%;
}

#header {
width: 100%;
height: 20.6em;
background: #b9bdc3;
position: relative;
font-family: 'Helvetica', arial, verdana,sans-serif;
margin-bottom: 3em;
}

#header a{
text-decoration: none;
}


#header a span{
position: absolute;
left: -2000px;
top: -2000px;
}


.screenreader {
position: absolute;
left: -2000px;
top: -2000px;
}

.print {
display: none;
}

#links img.illustration{
position: absolute;
bottom: 0px;
left: 0px;
}

#topmenu {
position: absolute;
top: 50px;
right: 90px;
text-align: right;
}

#topmenu ul{

}

#topmenu h2 {
font-size: 1.1em;
margin-bottom: 0px;
color: #555;
}

#topmenu ul li {
float: left;
display: inline;
margin-left: 20px;
}

#topmenu ul li a {
padding-left: 0px;
color: #555;
text-transform: uppercase;
font-weight: bold;
font-size: 0.7em;
}

#topmenu ul li.active a, #topmenu ul li a:hover{
color: #FFF;
}

#header img.bild_links {
position: absolute;
top: 7em;
left: 0;
width: 12.9em;
height: 8em;
}

#header img.bild_rechts {
position: absolute;
top: 7em;
right: 0;
width: 39.8em;
height: 8em;
}

#header img.logo{
position: absolute;
left: 1.3em;
top: 1.5em;
width: 7.3em;
height: 3.9em;
}

#header img.start_logo{
position: absolute;
left: 1.3em;
top: 1.5em;
}




#bereich{
position: absolute;
top: 16.6em;
right: 0px;
width: 39.8em;
} 

#bereich h2 {
font-size: 2.0em;
color: #FFF;
text-transform: uppercase;
}

#bereich.fb{

}





#links {
width: 12.6em;
float: left;
padding-bottom: 100px;
margin-left: -51.9em !important;
margin-left: -55em;
display: inline;
margin-top: -34px;
}

.links41{
width: 10em !important;
padding-left: 3em !important;
padding-left: 0px;
}

#mitte {
margin-left: 15em;
float: left;
display: inline;
width: 38.3em !important;
width: 40em;
padding-bottom: 40px;
}

.mitte41{
width: 39.8em !important;
margin-left: 11em !important;
}

body.schmal #mitte {
width: 26.8em !important;
}

body.schmal #links {
margin-left: -40.3em !important;
margin-left: -41.7em;
}


/* menu */


/*submenu*/

#submenu {
margin-left: 0em;
}

#submenu  img{
margin-bottom: 10px;
}

#links ul{
margin-left: 0px;
background: #FFF;
}

#links ul li {
display: inline;
}

#links ul li a, #links h3 a{
padding: 6px 5px 6px 0px;
text-transform: none;
display: block;
color: #666;
text-decoration: none;
font-size: 0.75em;
}

#links h3 a{
font-weight: bold;
}

#links ul li a:hover{
color: #333;
}

#links ul li.active li.active{
display: block;
margin: 5px 0 5px 0;
padding-bottom: 5px;
background: #FFF;
}


#links ul ul{
margin: 0px;
border: 0px;
margin-bottom: 15px;
}

#links ul li li a{
margin-left: 12px;
padding: 3px 5px 3px 0px;
font-size: 0.7em;
text-transform: none;
font-weight: normal;
}

#links ul li.active a{
font-weight: bold;
color: #333;
}

#links ul li.active li a{
display: block;
font-weight: normal;
color: #666;
}

#links ul li.active li a:hover{
color: #333;
}

#links ul li.active li.active a{
display: block;
font-weight: bold;
color: #666;
}

#links ul li.active li.active {
border-bottom: 0;
background: transparent;
margin: 0;
padding: 0;
display: inline;
}

#links ul li li li a, #links ul li.active li.active li a{
margin-left: 30px;
padding: 3px 5px 3px 0px;
font-size: 0.7em;
text-transform: none;
font-weight: normal;
}

#links ul li.active li.active li.active a{
font-weight: bold;
}


div.wirtschaft, div#wirtschaft {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed #666;
}

#links ul li a.menutrenner{
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed #666;
}


/* ENDE MENU */


/* inhalt */

#mitte div.inhaltscontainer{
font-size: 0.72em;
line-height: 1.5em;
margin: 0px 30px 0px 0px;
color: #666;
float: left;
display: inline;
width: 98%;
}

#mitte div.inhaltscontainer h2{
margin-bottom: 10px;
}

#mitte div.inhaltscontainer ul{
margin-top: 8px;
}

#mitte div.inhaltscontainer ul, #mitte div.inhaltscontainer ul li, div.eintrag{
list-style: disc;
margin-left: 1em;
padding-left: 0.5em;
margin-bottom: 8px;
}

#mitte div.inhaltscontainer p{
margin-bottom: 10px;
}

#mitte div.inhaltscontainer a{
color: #666 !important;
text-decoration: underline;
}

#mitte div.inhaltscontainer img {
margin-bottom: 10px;
}

#mitte div.inhaltscontainer img.bildlinks {
float: left;
margin-right: 15px;
}

#mitte div.inhaltscontainer img.bildrechts {
float: right;
margin-left: 15px;
}

#mitte h1 {
font-size: 1.2em;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
font-weight: bold;
text-transform: normal;
}

body.breit #mitte div.inhaltscontainer img.headbild {
width: 53em;
height: 10.6em;
}

body.schmal #mitte div.inhaltscontainer img.headbild {
width: 35em;
height: 7.04em;
}

#mitte div.inhaltscontainer img.noborder {
border: 0px !important;
}

#mitte div.inhaltscontainer a.pdf {
padding-left: 17px;
background: url(images/icon_pdf_klein.gif) 0px 0px no-repeat;
}


a.extern {
padding-left: 12px;
background: url(images/icon_extern.gif) left -2px no-repeat;
text-decoration: none !important;
border-bottom: 1px solid #666;
}

#inhalt a.extern{
background-position: 0px -1px;
height: 12px;
}

#links a.extern, #links li.extern a {
padding-left: 15px;
padding-right: 0px;
background: url(images/icon_extern.gif) left 5px no-repeat;
text-decoration: none !important;
border-bottom: 0px;
}

#links li li.extern a {
background: url(images/icon_extern.gif) left 2px no-repeat;
}


a.email {
padding-left: 25px;
background: url(images/icon_email2.gif) left 0px no-repeat;
}

a.pers {
padding-left: 25px;
background: url(images/pers_icon.gif) left 0px no-repeat;
}

span.phone {
padding-left: 25px;
background: url(images/icon_phone.gif) left 0px no-repeat;
}


/* SubSubmenue */

div.weitere {
margin-top: 20px;
padding: 0px;
border: 1px solid #EEE;
}

div.weitere h3{
padding: 5px;
padding-left: 10px;
background: #FED898;
}

#mitte div.inhaltscontainer div.weitere ul{
margin: 0px;
padding: 0px;
}

#mitte div.inhaltscontainer div.weitere ul li{
margin: 0px;
border-bottom: 1px solid #CCC;
list-style: none;
padding: 0px;
}

#mitte div.inhaltscontainer div.weitere ul li a{
text-decoration: none;
padding: 5px 5px 5px 10px;
display: block;
}

#mitte div.inhaltscontainer div.weitere ul li a:hover{
background: #FED898;
}

#mitte div.inhaltscontainer div.weitere ul li.active {
display: none;
}



/* Rechte Spalte */

#rechts a.pdf {
padding-left: 20px;
background: url(images/icon_pdf_klein.gif) left 0px no-repeat;
}


#rechts, #infobox {
width: 11.3em;
float: right;
display: inline;
}

#infobox div.box{
font-size: 0.9em;
}

div.box {
font-size: 0.66em;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
color: #666;
margin-bottom: 20px;
}

#rechts h3, #infobox h3  {
color: #FFF;
font-size: 0.9em;
text-transform: uppercase;
padding: 2px;
padding-left: 4px;
margin-bottom: 10px;
}

#rechts p, #infobox p {
margin: 5px 8px 8px 0px;
}

div.box a{
color: #666;
text-decoration: underline;
}

div.box li{
list-style: none;
}








/* NEWS */



#news div.news{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #CCC;
width: 36.5em !important;
width: 35em;
font-size: 12px;
overflow: hidden;
}

#news div.news p{
margin-bottom: 15px;
}

#grusswort {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #666;
width: 36.5em;
overflow: hidden;
margin-top: 15px;
}

#grusswort .left{
text-align: left;
font-size: 0.9em;
}

#grusswort .left span{
display: block;
text-align: left;
width: 95px;
padding-top: 5px;
padding-left: 5px;
background: #EFEFEF; 
padding-bottom: 5px;
}

#grusswort .left img{
margin-bottom: 0px !important;
}

#grusswort p.rechts {
text-align: right;
}

#news div.news h3{
text-transform: uppercase;
font-weight: bold;
color: #666;
margin-bottom: 10px;
}

#news div.news p{
display: inline;
}

#news div.news a.readmore {
color: #666;
}

p.introtext {
font-weight: bold;
}

#news div.news p.datum{
display: block;
margin-top: 10px;
font-style: italic;
}

#inhalt .datum {
font-style: italic;
}


.clr { font-size: 1px;
         line-height: 0em;
         height: 0;
         clear: both;
         }

.inhaltscontainer div.left {
float: left;
width: 120px;
}

.inhaltscontainer div.right {
float: right;
width: 300px;
}

#footer {
height: 2em;
margin-top: 20px;
position: relative;
}

#footer ul li {
float: left;
display: inline;
margin-left: 15px;
line-height: 2em;
}

#footer ul li a{
color: #FFF;
font-size: 0.7em;
text-decoration: none;
}

#footer ul {
width: 20em;
margin: 0 auto 0 auto;
}

#footer a.nachoben, #footer a.druck {
text-indent: -3421px;
display: block;
width: 20px;
height: 20px;
color: #FFF;
}

#footer a.nachoben{
background: url(images/icon_pfeil.gif) 0px 5px no-repeat;
position: absolute;
left: 685px;
top: 0px;
}

#footer a.druck{
background: url(images/icon_druck.gif) 0px 5px no-repeat;
position: absolute;
left: 705px;
top: 0px;
}


/* formular */

div.formular label{
width: 150px;
float: left;
display: block;
}

div.formular input, div.formular textarea {
border: 1px solid #CCC;
background: transparent;
}


div.formular input {
width: 300px;
}

div.formular textarea {
width: 300px;
height: 150px;
}

div.formular input.check {
width: auto !important;
width: 10px;
}

div.formular input.submit {
width: auto !important;
width: 100px;
}

/* Startseite */

#body_25 #header, #body_4477 #header{
background: #ACBC15 url(images/header_start_back.gif) bottom left no-repeat;
height: 267px;
margin: 0px;
}

#body_25 #topmenu, #body_4477 #topmenu {
position: absolute;
top: 146px;
left: 190px;
width: 400px;
text-align: left;
}

#body_25 #topmenu h2, #body_4477 #topmenu h2 {
font-size: 1.3em;
color: #555;
}

#body_25 #container, #body_4477 #container {
width: 886px;
background: transparent;
position: relative;
}

#body_25 #container #header, #body_4477 #container #header{
width: 883px;
}

#body_25 #zusatz {
display: absolute;
left: -300px;
top: -2324px;
}

#body_25 #zusatz a{
color: blue;
font-size: 14px;
}

/* tabellen */

table {
border: 0px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
width: 99%;
}

table td {
margin: 0px;
padding: 3px;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
vertical-align: top;
}

#rechts td {
padding: 1px 2px 2px 1px;
}

#rechts table {
margin-bottom: 0px;
}


table.table_daten{
background: #FFF;
}

tr.table_row_numbers {
background: #F6F8F9;
font-size: 0.8em;
}

tr.headline {
height: 2em;
line-height: 2em;
background: #EDF1F3;
}

td.rechts {
text-align: right;
}

table.organigramm td{
vertical-align: top;
font-size: 0.95em;
padding: 5px;
}

.klein {
font-size: 0.93em;
}

.blau {
background: #F6F8F9;
}

table.table_no_borders {
border: 0px;
}

table.table_no_borders td{
border: 0px;
}

table#kreisbeigeordnete{
	margin:  0px 50px 10px 93px;
	width:  440px;
}
table#kreisbeigeordnete td{
	width:  50%;
	}

/* termine */
#termine .termin {
margin-bottom: 8px;
border-bottom: 1px solid #EFEFEF;
padding-bottom: 8px;

}

#termine img {
float: right;
margin-left: 10px;
}

#termine .datum {
width: 8em;
float: left;
}

#termine h3, #termine .introtext, #termine .content {
margin-left: 8em;
}
#termine .content {
margin-top: 20px;
}

#termine h2.monat {
margin-top: 25px;
margin-bottom: 10px;
}

#termine div.links {
width: 45%;
float: left;
}

#termine div.rechts {
width: 45%;
float: right;
}

#inhalt div.uebersicht {
width: 180px;
float: left;
margin-right: 10px;
margin-bottom: 30px;
}

div.uebersicht .titel{
text-align: center;
font-size: 0.8em;
margin-top: -30px;
background: #FFF;
height: 30px;
 filter:alpha(opacity=85);
opacity: 0.85;
-moz-opacity:0.85;
}


#inhalt div.uebersicht a{
text-decoration: none;
color: #000;
}

#inhalt div.uebersicht a:hover img{
text-decoration: none;
color: #000;
 filter:alpha(opacity=75);
opacity: 0.75;
-moz-opacity:0.75;
}


#seiteninformation {
margin-left: 15em;
}

#breadcrumb {
font-size: 0.7em;
color: #666;
width: 38em;
float: left;
line-height: 2;
margin-bottom: 10px;
position: relative;
}

#breadcrumb a{
color: #666;
}

#breadcrumb a.drucken {
position: absolute;
right: -13px;
top: 4px;
display: block;
width: 18px;
height: 18px;
background: url(images/icon_drucken.gif) top left no-repeat;
}

#breadcrumb a.drucken span {
position: absolute;
top: -3434px;
left: -3421px;
}

#rechts ul li {
padding-left: 5px;
background: url(images/liste_kreis.gif) 0px 3px no-repeat;
margin-bottom: 10px;
}

/* Liste, Aufzaehlungen */

div.liste h3 {
text-decoration: underline;
cursor: hand;
}

div.liste h3:hover {
cursor: hand;
}

div.element {
margin-bottom: 10px;
margin-top: 5px;
}

div.direktliste h3 {
margin-bottom: 7px;
}

div.titelliste p {
margin-left: 10px;
}

div.titelliste h3 {
text-decoration: underline;
cursor: pointer;
}





/* suche */
#suche {
width: 11.3em;
float: right;
background: #B9BDC3;
margin-bottom: 10px;
}

#suche input#ajaxSearch_input{
width: 10em;
font-size: 0.7em;
margin: 2px;
}

#suche #ajaxSearch_submit {
font-size: 0.7em;
margin: 2px;
}


/* Tourismus DB */

TABLE.tourismusSuche {
    border-left: 0px;
    width: auto;
}

TABLE.tourismusSuche TD {
    border-right: 0px;
    padding: 3px 8px 3px 8px;
}

UL.tourismusErgebnisse {
    margin-top: 20px !important;
}

UL.tourismusErgebnisse LI {
    margin: 4px 0px 4px 0px !important;
}

TABLE.tourismusDetail {
    border-left: 0px;
    width: auto;
}

TABLE.tourismusDetail TD {
    border-right: 0px;
    padding: 3px 14px 3px 8px;
}


/* Ansprechparter */

.letterNavigator {
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 6px 5px;
    background-color: #FFF;
}

.letterNavigator SPAN {
    padding: 0px 5px 0px 5px;
    
}

.ansprechpartner .letter, .buergerdienste .letter {
    padding: 3px 8px 5px 10px;
    border-top: 1px #CCC solid;
    border-bottom: 1px #CCC solid;
    margin: 12px 0px 10px 0px;
}

.ansprechpartner LI, .buergerdienste LI {
    margin: 3px 0px 3px 0px;
    list-style: none !important;
}


/* VHS */

.vhs_rot, .vhs_gelb, .vhs_gruen {
  margin-bottom: 16px;
  padding: 2px;
  border: solid 1px #BBBBBB;
  width: 200px;
  text-align: center;
  font-size: 0.93em;
}

.vhs_rot {
  background-color: #fba1a1;
}
.vhs_gelb {
  background-color: #fff99c;
}
.vhs_gruen {
  background-color: #b3ff9c;
}

LI.vhsKat1 {
	font-size: 1.2em;
	font-weight: bold;
}

LI.vhsKat1 UL {
	padding-bottom: 10px;
}

LI.vhsKat2 {
        font-size: 0.9em;
        font-weight: normal;
}

.vhs .errors {
  margin: 0px 0px 12px 0px;
  padding: 0px 0px 12px 0px;
  border-bottom: solid 1px #880000;
}
.vhs .errors STRONG {
  color: #880000;
}

.vhs LABEL {
  width: 120px;
  float: left;
  clear: all;
}

.vhs LABEL.right {
  padding-left: 4px;
  float: none;
  clear: none;
}

.vhs LABEL.zahlung {
  padding: 0px 20px 0px 4px;
  float: none;
  clear: none;
}

.vhs LABEL.anrede {
  padding: 0px 20px 0px 4px;
  float: none;
  clear: none;
}

.vhs INPUT, .vhs TEXTAREA {
  color: #000000;
  font-size: 12px;
  font-family: Verdana, Helvetica;
  padding: 2px 2px 1px 2px;
}
.vhs SELECT {
  color: #000000;
  font-size: 12px;
  font-family: Verdana, Helvetica;
}

.vhs #Kurs, .vhs #Kategorie, .vhs #Veranstalter, .vhs #Termin {
  width: 255px;
  border: none;
  padding: 2px;
  color: #000000;
  background-color: #F2F2F2;
}

.vhs #Kurs, .vhs #Kategorie, .vhs #Termin {
  height: 30px;
}

.vhs #Familienname, .vhs #Vorname, .vhs #Strasse, .vhs #Telefon, .vhs #Fax, .vhs #Email, .vhs #Kontoinhaber, .vhs #Bank, .vhs #BLZ, .vhs #KontoNr {
  width: 250px;
}

.vhs SELECT {
  width: 100px;
}

.vhs #PLZ {
  margin-right: 10px;
  width: 45px;
}

.vhs #Ort {
  width: 187px;
}

.vhs P.submit {
  text-align: center;
  padding: 18px 0px 10px 0px;
  margin: 16px 0px 0px 0px;
  border-top: solid 1px #DDDDDD;
}

.vhs #submit {
  height: 22px;
  width: 150px;
}

P.danke {
  margin: 0px 0px 18px 0px;
  padding: 0px 0px 12px 0px;
  border-bottom: solid 1px #EEEEEE;
}

.danke #Familienname, .danke #Vorname, .danke #Strasse, .danke #Telefon, .danke #Fax, .danke #Email, .danke #Kontoinhaber, .danke #Bank, .danke #BLZ, .danke #KontoNr, .danke #PLZ, .danke #Ort, .danke #Teilnahmebestaetigung, .danke #Zahlung {
  border: none;
  padding: 2px;
  color: #000000 !important;
  background-color: #F2F2F2 !important;
}

.danke #Teilnahmebestaetigung {
  width: 30px;
  margin-left: 10px;
}

/* breadcrumb */



/* bild-effekt */

/**************************************************************

	MultiBox
	v1.0

**************************************************************/



			img.moognify {
				margin-bottom: 3px;
				cursor: -moz-zoom-in !important;
				cursor: pointer;
			}

		.moognifyBorder {
			font-family: lucida grande, lucida sans, lucida sans unicode, arial, sans serif;
			background-color: #666;
			color: #ffffff;
			font-size: 11px;
			text-align: center;
			margin-bottom: 10px;
		}



/*************************************************************/

#rechts div.ap li {
padding: 0px;
background: transparent;
border-bottom: 1px solid #CCC;
padding-bottom: 10px;
margin-bottom: 10px;
line-height: 2em;
}

div.anker {
margin-bottom: 25px;
}

#mitte div.inhaltscontainer #inhalt div.anker ul li, #mitte div.inhaltscontainer #inhalt div.anker ul {
list-style: none;
padding: 0px;
margin: 0px;
}

#mitte div.inhaltscontainer #inhalt div.anker ul li a{
padding: 5px 25px 5px 25px;
display: block;
background: #FFF;
text-decoration: none;
background: url(images/icon_nachrechts.gif) 0px 8px no-repeat;
color: #666;
}

#mitte div.inhaltscontainer #inhalt div.anker ul li a:hover{
background: #EFEFEF url(images/icon_nachunten.gif) 0px 7px no-repeat;
}

div.eintrag {
padding-bottom: 20px;
border-bottom: 1px solid #EFEFEF;
margin-bottom: 20px;
}

div.eintrag h3{
font-size: 1.3em;
}

div.eintragtext {
margin-top: 10px;
}

div.eintrag div.eintragtext h3{
font-size: 1em;
}


div.eintrag a.nachoben {
float: right;
padding-left: 20px;
background: url(images/icon_nachoben.gif) 0px 4px no-repeat;
font-size: 0.8em;
text-decoration: none;
margin-bottom: 10px;
}

dt {
clear: left;
float: left;
width: 10em;
/*border-bottom: 1px solid #CCC;*/
padding: 3px 8px 3px 0px;
}

dd {
border-bottom: 1px solid #CCC;
padding: 3px 0px 3px 0px;
}

div#paging span, div#paging a{
padding: 3px;
}

/* termin-links */

div.terminlinks {
width: 23em;
float: left;
}

#termin-links ul, #termin-links ul li{
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

#termin-links ul {
width: 23em;
float: left;
}

#termin-links li {
	float: left;
	width: 11em;
}


#termin-links li a{
	width: 11em;
	padding: 3px 0px 3px 0px;
	}

/* sitemap */
#inhalt #sitemap ul li, #inhalt #sitemap ul {
padding: 0px;
margin: 0;
background: transparent;
list-style: none;
}

#inhalt #sitemap ul li {
margin-bottom: 40px;
}

#inhalt #sitemap ul li li{
margin-bottom: 0px;
}

#inhalt #sitemap ul li a{
display: block;
font-weight: bold;
padding: 4px;
border-bottom: 1px solid #CCC;
text-decoration: none;
font-size: 1.4em;
}

#inhalt #sitemap ul li li a{
padding-left: 20px;
font-weight: normal;
font-size: 1em;
}

#inhalt #sitemap ul li li li a{
padding-left: 40px;
}

#inhalt #sitemap ul li li li li a{
padding-left: 60px;
}

#inhalt #sitemap ul li li li li li a{
padding-left: 80px;
}

				.arc90_extlinkIMG {
					background: transparent url(images/icon_extern.gif) no-repeat top right;
					margin-left: 2px;
					height: 12px;
					width: 12px;
					cursor: pointer;
					padding-left: 12px;
				}


#vgTable .header TD {
  background: #FED898;
}

#vgTable .vgHeader TD {
  font-weight: bold;
  background: #FED898;
  cursor: hand;
  cursor: pointer;
  text-decoration: underline;
}