/* CSS-Design, 8.05.08:	pietzpluswild.de fuer StadtBetriebBornheim */

/* Formular */
/* 
fieldset.csc-mailform {
	
background-color: #fff;
border-color: #fefefe; 
border-style: solid; 
border-width: 1px;

}

.csc-mailform-field label {
font-size:1.1em;
float: left; 
text-align: right; 
width: 13.0em; 
margin-right: 0.3em; 
line-height: 1.37em;

}


.csc-mailform-field #mailformname, #mailformemail{
  font-family: verdana,helvetica,arial,sans-serif;
	margin: 1px;
  border-color: #9497A6; 
  border-style: solid; 
  border-width: 1px; 
  color: #4D536B;
  background-color: #fff;
  height:1.5em;
  width: 16.0em;
}

.csc-mailform-field textarea {
   overflow:hidden;
	margin: 1px;
  border-color: #9497A6; 
  border-style: solid; 
  border-width: 1px; 
  color: #4D536B;
  background-color: #fff;
  
  width: 17.0em;
  height: 7.0em;
}


.csc-mailform-field radio { 
  float: left;
  margin-right: 5px;
  border-color: #fff; 
  border-style: solid; 
  border-width: 1px; 
  color: #4D536B;
  background-color: #fff;
} 


.csc-mailform-submit { 
background-color: #F4F7FE; 
border-color: #FFFFFF; 
border-width: 1px; 
color: #575D71; 
font-weight: bold; 
padding: 1px; 
text-align: center; 
margin-left: 12em;
margin-top: 0.5em;
}

*/

fieldset.mailform {
	border:none;
}

div.unter-rechts-unter form label {
font-size:1.1em;
float: left; 
text-align: right; 
width: 12.0em; 
margin-right: 0.3em; 
line-height: 1.37em;

}





div.unter-rechts-unter form {
	
	margin: 30px 0 0 70px;
	font-size: 1.1em;
}

div.unter-rechts-unter form div#fields {
	width: 390px;
	
	padding: 15px 5px;
	text-align: left;
}

div.unter-rechts-unter form div#fields label {
	display: block;
	width: 100px;
	margin-right: 5px;
	float: left;
	vertical-align: top;
}


div.unter-rechts-unter form div#fields input {
	width: 255px;
	float: left;
	border: 1px solid #7F9DB9;
}

div.unter-rechts-unter form div#fields p {
	margin-bottom: 1em;
}

div.unter-rechts-unter form div#fields p#erlaeuterung {
	color: #6F6E65;
	font-size: 1em;
	margin: -1.3em 0 1.3em 105px;
}

div.unter-rechts-unter form div#fields input#plz {
	width: 55px;
	margin-right: 0;
}

div.unter-rechts-unter form div#fields input#ort {
	width: 198px;
	margin-left: 0;
}
    

div.unter-rechts-unter form div#fields textarea {
	width: 265px;
	border: 1px solid #7F9DB9;
}

div.unter-rechts-untert form p#note {
	font-size: 1em;
	text-align: center;
	margin: 30px 0;
}

div.unter-rechts-unter form input#submitbutton {
	width: 100px;
	margin-left: 150px;
} 

.submitterForm {
    background-color: #F4F7FE; 
border-color: #FFFFFF; 
border-width: 1px; 
color: #575D71; 

}


/* Formular */

/* Grundelemente */



body {
	background-color:#fff;
	text-align:left;
	margin: 18px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #314da1;
	}

.rahmen-aussen  {
	width:996px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	background-color:#fff;
}

.rahmen-aussen-start  {
	width:996px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	background-color:#fff;
	font-size: 11px;
	line-height: 16px;
}

p{font-size: 12px;
line-height: 20px;
padding-bottom: 10px;
width: 530px;
}
img {border: 0;}
.versteckt {display: none;}
.neue-zeile {clear: both;}
.trenner {clear: both;padding:10px;}
h1 {font-size: 11px;font-weight: bold;padding-bottom: 15px;}
h2 {font-size: 18px;font-weight: bold;color: #ee8028;padding-bottom: 28px;}
h3 {font-size: 12px;font-weight: bold;padding-bottom: 28px;}
h4 {font-size: 14px;font-weight: bold;color: #ee8028;padding-bottom: 10px;padding-top: 10px;}
.logo-sbb {padding: 26px 0px 0px 27px;}
.logo-bornheim {padding: 10px 0px 0px 10px;
border-left: 0px #fff solid;
border-right: 0px #fff solid;
border-bottom: 0px #fff solid;
border-top: 1px #c5cde2 solid;
margin-top: 45px;
}

.wir {background-image: url(../images/wir.jpg);background-repeat: no-repeat;height: 195px;width: 996px;}
.friedhofswesen {background-image: url(../images/friedhofswesen.jpg);background-repeat: no-repeat;height: 195px;width: 996px;}
.kontakt {background-image: url(../images/kontakt.jpg);background-repeat: no-repeat;height: 195px;width: 996px;}
.hallenfreizeitbad {background-image: url(../images/hallenfreizeitbad.jpg);background-repeat: no-repeat;height: 195px;width: 996px;}
.baubetrieb {background-image: url(../images/baubetrieb.jpg);background-repeat: no-repeat;height: 195px;width: 996px;}
.aktuelles {background-image: url(../images/aktuelles.jpg);background-repeat: no-repeat;height: 195px;width: 996px;}


.start-links {
float: left;
width: 200px;
height: 400px;
padding: 10px 10px 0px 30px;
border-left: 0px #fff solid;
border-top: 0px #fff solid;
border-bottom: 0px #fff solid;
border-right: 1px #c5cde2 solid;
}

.start-mitte {
float: left;
width: 200px;
height: 400px;
padding: 10px 10px 0px 20px;
border-left: 0px #fff solid;
border-top: 0px #fff solid;
border-bottom: 0px #fff solid;
border-right: 1px #c5cde2 solid;
}


.start-mitte p {
	width:100%;
}

.start-links-unter {
float: left;
width: 180px;
height: 400px;
padding: 20px 10px 0px 0px;
border-left: 0px #fff solid;
border-top: 0px #fff solid;
border-bottom: 0px #fff solid;
border-right: 1px #c5cde2 solid;
margin-top: 15px;
}

.start-mitte-unter {
float: left;
width: 168px;
height: 400px;
padding: 20px 10px 0px 10px;
border-left: 0px #fff solid;
border-top: 0px #fff solid;
border-bottom: 0px #fff solid;
border-right: 1px #c5cde2 solid;
margin-top: 15px;
}

.start-mitte-unter p {
	width:100%;
}

.start-rechts {
float: left;
width: 470px;
padding: 0px 10px 0px 40px;
}

.orange {color: #ee8028;}
.hellblau {color: #c5cde2;}


p.bodytext a {
    color:#ee8028;text-decoration: none;font-weight: bold;
}

p.bodytext a:hover
{
color:#fff;text-decoration: none;
font-weight: bold;background-color: #5f74ad;padding: 2px 0px 2px 0px;
}

/* Tabelle */
	
td {
	
	color: #45514f;
	background-color: #fff;
	border: 1px solid #e7e6e4;
	padding: 3px 2px 3px 4px;
}

.ferien
{
	background-color: #dcdcdc;
	color: #45514f;
}

.sonn
{
	background-color: #777c89;
	color: #fff;
}

caption {
	
	color: #45514f;
	font-weight: bold;
	line-height: 1.4em;
	background-color: #fff;
}

th {
	line-height:1.2em;
	background-color: #777c89;
	
	text-decoration: none;
	color: #fff;
	text-align: left;
	padding: 5px 8px 5px 8px;
}

tr {	
  vertical-align: top;
}

table.bornheim-tabelle-standard-schmal {
width:465px;
background-color: #f4f4f4;
color: #fff;
}

table.bornheim-tabelle-standard-breit {
width:680px;
background-color: #f4f4f4;
color: #fff;
}

table a {color: #333333; text-decoration: underline; font-weight: normal;}
table a:link {color: #333333;text-decoration: underline;}
table a:visited {color: #333333;text-decoration: underline;}
table a:hover {color: #333333;text-decoration: none;}
table a:focus {color: #333333;text-decoration: none;}


/* Formulare */

.content-orange:link,.mailto:link,.content:visited{color:#ee8028;text-decoration: none;font-weight: bold;
}

.content-orange {color:#ee8028;text-decoration: none;font-weight: bold;}

.content-orange:hover,.mailto:hover, .content:focus{color:#fff;text-decoration: none;
font-weight: bold;background-color: #5f74ad;padding: 2px 0px 2px 0px;}

#navtop {font: normal 11px verdana, sans-serif;width: auto;padding: 10px 0px 0px 16px;color: #18396F;}
#navtop ul, #navtop ul li {display: inline;list-style: none;padding: 0;margin: 0px;}
#navtop ul li {float: left;}
#navtop li a:link, #navtop li a:visited {display: block;color: #314da1;text-decoration: none;text-align: center;padding: 2px 8px 2px 8px;margin: 0;}
#navtop li a:hover {color: #314da1;text-decoration: underline;}
#navtop li a:link.sel, #navtop li a:visited.sel {color: #314da1;}

.fuss {
padding: 0px 0px 0px 470px;
border-left: 0px #fff solid;
border-right: 0px #fff solid;
border-bottom: 0px #fff solid;
border-top: 1px #c5cde2 solid;
margin: 45px 25px 45px 25px;}

.fuss-unter {
padding: 0px 0px 0px 392px;
border-left: 0px #fff solid;
border-right: 0px #fff solid;
border-bottom: 0px #fff solid;
border-top: 1px #c5cde2 solid;
margin: 45px 25px 45px 25px;}

#navfuss {font: normal 11px verdana, sans-serif;width: auto;padding: 10px 0px 0px 16px;color: #18396F;}
#navfuss ul, #navfuss ul li {display: inline;list-style: none;padding: 0;margin: 0px;}
#navfuss ul li {float: left;}
#navfuss li a:link, #navfuss li a:visited {display: block;color: #314da1;text-decoration: none;text-align: center;padding: 2px 8px 2px 8px;margin: 0;}
#navfuss li a:hover {color: #314da1;text-decoration: underline;}
#navfuss li a:link.sel, #navtop li a:visited.sel {color: #314da1;}

.unter-links {
float: left;
width: 390px;
padding: 10px 10px 0px 28px;
}

.unter-links-unter {
float: left;
width: 390px;
padding: 0px 20px 0px 28px;
}

.unter-rechts {
float: left;
width: 550px;
padding: 0px 10px 0px 0px;
}

.unter-rechts-unter {
float: left;
width: 550px;
padding: 0px 0px 0px 0px;
}

.bildabstand {
margin-right: 11px;
margin-top: 10px;
margin-bottom: 30px;
}


.unter-rechts-unter ul ul li {
	background-image: none;
	padding: 5px 2px 5px 40px;
	
}

.aufzaehlung-link-rahmen {
float: left;
padding: 20px 0px 20px 0px;
}

.aufzaehlung-link {
   line-height: 1.5em;
	background-image: url(../images/navi-listimage_liste.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
   padding: 5px 2px 5px 28px;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px ;
	border-style: none none solid none;
	list-style: none;
	width: 480px;
}
.aufzaehlung-link a {color: #ee8028; text-decoration: none; font-weight: bold;}
.aufzaehlung-link a:link {color: #ee8028;}
.aufzaehlung-link a:visited {color: #ee8028;}
.aufzaehlung-link a:hover {color: #ee8028;text-decoration: underline;}
.aufzaehlung-link a:focus {color: #ee8028;text-decoration: underline;}

.bild-box{
float: left;
padding: 0px 0px 0px 0px;
width: 260px;
}

.bildabstand-box-right {
margin-right: 11px;
margin-top: 10px;
margin-bottom: 10px;
}

.bildabstand-box-left {
margin-left: 11px;
margin-top: 10px;
margin-bottom: 10px;
}

.download-box {
float: left;
padding: 0px 0px 0px 0px;
background-color: #fcfcfd;
width: 260px;
margin-top: 10px;
margin-left: 11px;
border-left: 1px #e6e6e6 solid;
border-top: 1px #e6e6e6 solid;
border-bottom: 1px #e6e6e6 solid;
border-right: 1px #e6e6e6 solid;
}

.csc-textpic-caption{
font-size: 10px;
}

.pdf-headline {
   line-height: 1.5em;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
   padding: 5px 2px 5px 28px;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px ;
	border-style: none none solid none;
	list-style: none;
	width: 230px;
}



.pdf-link {
   line-height: 1.5em;
	
	
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 12px;
	padding: 5px 2px 5px 48px;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px ;
	border-style: none none solid none;
	list-style: none;
	width: 210px;
}
.pdf-link a {color: #ee8028; text-decoration: none; font-weight: bold;}
.pdf-link a:link {color: #ee8028;}
.pdf-link a:visited {color: #ee8028;}
.pdf-link a:hover {color: #ee8028;text-decoration: underline;}
.pdf-link a:focus {color: #ee8028;text-decoration: underline;}