html, body
{
    height: 100%;
 } 

* {
	margin:0px;
	padding:0px;
	font-family:Verdana, Helvetica, Arial, Sans;
	color: black;
}

a {
	text-decoration:none;
	font-size:12px;
	border-bottom:1px dotted black;
/*	border-bottom:1px solid white; */
}

a:hover {
	border-bottom:1px solid black;
}

#mapDiv {
	height:100%;
	width:100%;
	min-height:400px;
	background-color:#dddddd; 
}

#mapDiv p.loading {
	margin:8px auto;
	padding:10px 15px;
	width:300px;
	position:absolute;
	margin-left:-150px;
	left:50%;
	top:200px;
}

/* ----------------------------------------- Navigation-Box -----------------------------------------  */

#navigation {
	margin-top: 68px;
	margin-left: 68px;
	padding:10px 12px;
	width:530px;
	position:absolute;
/*	background: url(png.png); */
	background-color:white; 
	left:250px;
	top:0px;
}


#navigation a {
	display:block;
	float:left;
	margin:0px 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;	
	font-weight: bold;
	font-size: 12px;
	color:black;
}


/* ----------------------------------------- Logo-Box -----------------------------------------  */

#logo {
	margin:10px 0px 0px 8px;
	width:163px;
	height:163px;
	position:absolute;
	top:0px;
	left:0px;
}


/* ----------------------------------------- Meta-Box -----------------------------------------  */

#meta {
	margin:18px 8px;
	padding:8px 4px;
	width:330px;
	position:absolute;
	bottom:0px;
/*	margin-left:-165px; */
	left:345px;
/*	background: url(png.png);*/
	background-color:white; 
	border:1px solid #dddddd;
}

#meta a {
	display:block;
	float:left;
	font-size:9px;
	margin:0px 10px;
}

/* ----------------------------------------- Filtern -----------------------------------------  */

#filterMap {
	margin:8px;
	position:absolute;
	top:334px;
	left:0px;
}

#filterMap fieldset * {
	font-size:12px;
}

#filterMap fieldset {
	background: url(png.png);
	padding:6px;
	background-color:white; 
	width:60px;
	border:0px solid #9b181b;
}

#filterMap fieldset legend {
	background: url(png.png);
	color: black;
	background-color:white; 
	padding:3px;
	border:0px solid #9b181b; 
}

#filterMap input,
#filterMap select {
	font-size:8pt;
	width:155px;	
	}

#filterMap input {
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	width:140px;
}



#filterMap label {
	float:left;
	line-height:200%;
}

/* ----------------------------------------- Hinzufügen -----------------------------------------  */

#add {
        margin:8px;
        position:absolute;
        top:58px;
        left:187px;
        background: url('/images/frontend/bewertung1.png') no-repeat;
        padding:12px 10px 8px 10px;
        width:110px;
        height: 20px;
        font-size:10px;
}

#add a {
	margin:0px 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:black;	
}

#logo a:hover,
#logo a,
#logo img {
	border:0px solid white !important;
}

/* ----------------------------------------- Login-Box -----------------------------------------  */
#sf_admin_container,
#login {
	margin:8px;
	position:absolute;
	top:0px;
	right:111px;
	width:277px;
	
}

#login fieldset * {
	font-size:11px;
}

#login fieldset {
/*	background: url(png.png); */
	background-color: white;
	padding:7px 7px;
	width:234px;
	border:0px solid #999999;
/*	border:1px solid #9b181b;*/
}

#login fieldset legend {
	background: url(png.png);
/*	background-color:#fbac18; */
	color: #9b181b;
	padding:3px;
	border:1px solid #9b181b; 

}

#login fieldset label {
  display:none;
}

#login fieldset input {
	background-color:white;
/*	border:1px solid black; */
	padding:1px;
	margin-bottom:3px;
	width:80px;
	font-size:10px;
	float:left;
	margin-right:5px;
}

#login fieldset input:focus {
	background-color:#aaffff;
}

#login fieldset input.submit {
	background-color:white;
	color:black;
/*	border:1px solid black; */
	cursor: pointer;
	float:right;
	width:47px;
	margin-top:-2px;
}

#login fieldset input.submit:hover {
	background-color:black;
	color:white;
}

#login fieldset p {
	margin-top:0px;
}

#login fieldset a {
	color:#aa0000;
}

#login fieldset a {
	font-size:9px;
}

/* -------------------- sf_admin_container-Box für alle symfony-Formulare ------------------------  */

#sf_admin_container {
	margin:8px;
	position:absolute;
	top:0px;
	right:80px;
	font-size:11px;
	background-color: white;
	padding:7px 7px;
	width:234px;
	border:0px solid #999999;
}

#sf_admin_container p {
  margin-top:0px;
  margin-bottom:4px;
}

#sf_admin_container p#welcome {
  font-weight: bold;
}

#sf_admin_container a {
	color:#aa0000;
}

#sf_admin_container a {
	font-size:9px;
}

/* --------------------------- diverse sf_admin Aktionen ---------------------------------  */

#sf_admin_container ul.sf_admin_actions li.sf_admin_action_list {
  display: none;
}

#sf_admin_container ul.sf_admin_actions li.sf_admin_action_delete {
  display: none;
}

/* ----------------------------------------- Content-Box -----------------------------------------  */

#content {
	margin:12px 8px;
	padding:8px 15px 20px 15px;
	width:560px;
	position:absolute;
	top:89px;
	left:238px;
	height:62%;
	background-color:#f9e88b; 
	border:18px solid white;
	overflow:auto;
}

#content h1 {
	font-size:24px;
	margin:12px 0px;
	color: #fbac18;
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: italic;
/*	text-transform: uppercase; */
}

#content h2 a,
#content h2 {
	margin:10px 0px;
	font-size:14px;
	font-weight:bold;
	padding-bottom: 4px;
	border-bottom:1px dotted black;
}

#content img {
	margin-bottom:2em;
}

#content a img {
	border: 0px solid black;
}


#content h3 a,
#content h3 {
	margin:10px 0px;
	font-size:12px;
	font-weight:bold;
	padding-bottom: 4px;
	border-bottom:1px dotted black;
}

#content ul,
#content li,
#content p a,
#content p {
	font-size:11px;
	font-weight:normal;
	line-height:140%;
	margin-bottom:1em;
}

#content ul,
#content li {
	margin-left:2em;
	}

#content p.x {
	float:right;
	margin-right:1px;
}

#content p.x a {
	font-size:15px;
	color:black;
	font-weight:bold;
}

#content p.x a,
#content p.x a:hover,
#content #a:hover, 
#content #a {
	text-decoration:none;
	border-bottom:0px solid white;
}
/* ----------------------------------------- Startseite-----------------------------------------  */

#startseite {
	margin:12px 8px;
	padding:8px 15px 20px 15px;
	width:560px;
	position:absolute;
	top:130px;
	left:238px;
	height:53%;
	background-color:#aedfe5 !important; 
	border:18px solid white;
	overflow:auto;
	display:block;
}

#startseite h1 {
	color:#007b99 !important; 
	font-size:24px;
	margin:12px 0px;
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: italic;	
	}

#startseite h2 {
	margin:10px 0px;
	font-size:14px;
	font-weight:bold;
	padding-bottom: 4px;
	border-bottom:1px dotted black;
}

#startseite h3 a,
#startseite h3 {
	margin:10px 0px;
	font-size:12px;
	font-weight:bold;
	padding-bottom: 4px;
	border-bottom:1px dotted black;
}

#startseite li,
#startseite p a,
#startseite p {
	font-size:11px;
	font-weight:normal;
	line-height:140%;
	margin-bottom:1em;
}

#startseite li {
	line-height:120%;
	margin-left:30px;
	}

/* ----------------------------------------- Formulare-----------------------------------------  */

#formularContainer {
	margin:12px 8px;
	padding:8px 15px 20px 15px;
	width:520px;
	position:absolute;
	top:130px;
	left:228px;
	height:52%;
	background-color:#f9e88b; 
	border:18px solid white;
	overflow:auto;
}

 .neueBewertung {
	background-color:#ef6979 !important; 
	}

 .neueBewertung h1 {
	color:#cd3c4d !important; 
	}

#formularContainer * {
	font-size:11px;
}

#formularContainer h1 {
	font-size:24px;
	margin:12px 0px;
	color: #fbac18;
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: italic;
/*	text-transform: uppercase; */
}

#formularContainer h3 {
	clear:left;
}

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

#formularContainer p.x {
	float:right;
	margin-right:1px;
}

#formularContainer p.x a {
	font-size:15px;
	color:black;
	font-weight:bold;
}

#formularContainer p.x a,
#formularContainer p.x a:hover,
#formularContainer #a:hover, 
#formularContainer #a {
	text-decoration:none;
	border-bottom:0px solid white;
}

#formularContainer fieldset {
	border:0px solid black;
	margin-bottom:2em;
	clear:both;
}

#formularContainer fieldset legend {
	margin:10px 0px;
	font-size:14px;
	font-weight:bold;
	padding-bottom: 4px;
	border-bottom:1px dotted black;
	width:100%;
}

#formularContainer fieldset li, 
#formularContainer fieldset ul {
	clear:none;	
}

#formularContainer label {
	clear:left;
	float:left;
	margin-bottom:10px;
	width:100px;
}

#formularContainer td.bewertung_werte label,
#formularContainer span.bewertung_werte label,
#formularContainer span.bewertung_eingekauft label,
#formularContainer label.long {
	width:300px;
	margin-bottom:15px;
}

#formularContainer fieldset li label {
	width:auto;
	} 

#formularContainer label img {
	margin-top:-4px;
}

#formularContainer p {
	clear:left;
	float:left;
	margin-bottom:10px;
	margin-left:100px;
}

#formularContainer p.plain {
	clear:left;
	float:none;
	margin-bottom:20px;
	margin-left:0px;	
}

#formularContainer span.nobreak label {
	clear:none;
} 

#formularContainer span.shortLabels label {
	width:auto;
	margin-right:20px;
} 

#formularContainer span.nobreak ul.radio_list li {
	float: left;
} 

#formularContainer span.bewertung_werte ul.radio_list li label {
	width:auto;
	margin-right:20px;
} 

#formularContainer span.bewertung_eingekauft ul.radio_list li label {
	width:auto;
	margin-right:5px;
} 

#formularContainer input[type="checkbox"],
#formularContainer input[type="radio"]{
	margin-right:5px;
} 

#formularContainer input, select, textarea {
	float:left;
	margin-bottom:10px;
}

#formularContainer textarea {
	width:402px;
}

#formularContainer textarea:focus, 
#formularContainer select:focus, 
#formularContainer input:focus {
	background-color:#aaffff;
}


#formularContainer select.datum {
	width:60px;
	}

#formularContainer select.fixed {
	width:215px;
	margin-right:5px;
	}
#formularContainer input[type="password"],
#formularContainer input[type="text"] {
	width:200px;
	}

#formularContainer input.submit {
	background-color:white;
	color:black;
	cursor: pointer;
	clear:both;
	float:right;
	width:47px;
}

#formularContainer input.submit:hover {
	background-color:black; 
	color:white;
	cursor: pointer;
}

#formularContainer div.floatWrapper {
	float:left;
	margin-top:-4px;
	}

#formularContainer div.floatWrapper * {
	float:none;
	}
	
#formularContainer label[for="sf_guard_user_gewinnspiel"], 
#formularContainer label[for="sf_guard_user_infoletter"] {
	width:300px;
	margin-bottom:15px;
		}
	
#formularContainer #first_login {
	clear:both;
	}
	
#formularContainer span.hinweis {
  font-size: smaller;
  font-weight: normal;
}
/* ----------------------------------------- Infoboxen der Marker -----------------------------------------  */
div.infowindow {
	width:470px;
	height:190px;
	padding:5px
	}

div.infowindow h1 {
	font-size:14px;
	margin-bottom:0.5em;
	margin-left:4px;
}

div.infowindow h2 {
	font-size:12px;
	margin-bottom:1em;
	margin-left:4px;
}

#markerDetailInfo th, td, p, a,
div.infowindow th, td, p, a {
	font-size:10px;
	font-weight:normal;
	text-align:left;
	margin-bottom:0.5em;
}

#markerDetailInfo td, 
div.infowindow td {
	text-align:center;
	padding:2px;
}

#markerDetailInfo th, 
div.infowindow th {
	padding:2px 4px;
}


div.infowindow img {
	margin-bottom:3px;
}

#markerDetailInfo table,
div.infowindow table {
	float:left;
	width:270px;
	height:95px;
	border-collapse: collapse;
}

div.infowindow div.links {
	width:175px;
	float:left;
	text-align:right;
	margin-top:10px;
	padding-left:14px;
}

#markerDetailInfo img.ansicht,
div.infowindow img.ansicht {
	clear:none;
	float:right;
	margin:5px 10px 5px 5px;
}

/* Zeilen mit ungerader Nummer */
#markerDetailInfo tr:nth-child(odd),
div.infowindow tr:nth-child(odd) {
  color: black;
  background-color: white;
}
/* Zeilen mit gerader Nummer */
#markerDetailInfo tr:nth-child(even),
div.infowindow  tr:nth-child(even) {
  color: black;
  background-color: #ddd;
}
/* ----------------------------------------- Detailfenster -----------------------------------------  */
#markerDetailInfo {
	display:none; 
	margin:12px 8px;
	padding:8px 15px 20px 15px;
	width:520px;
	position:absolute;
	top:130px;
	left:228px;
	height:53%;
	background-color:#e2e2e2; 
	border:18px solid white;
	overflow:auto;	
}

#markerDetailInfo * {
	font-size:11px;
}

#markerDetailInfo h1 {
	font-size:24px;
	margin:12px 0px;
	color: #4c4c4c;
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: italic;
/*	text-transform: uppercase; */
}

#markerDetailInfo h2 {
	margin:20px 0px;
	font-size:14px;
	font-weight:bold;
	padding-bottom: 4px;
	border-bottom:1px dotted black;
}


#markerDetailInfo h3 a,
#markerDetailInfo h3 {
	margin:10px 0px;
	font-size:12px;
	font-weight:bold;
	padding-bottom: 4px;
	border-bottom:1px dotted black;

}

#markerDetailInfo p {
	font-size:11px;
	font-weight:normal;
	line-height:140%;
	margin-bottom:1em;
}

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

#markerDetailInfo p.x {
	float:right;
	margin-right:1px;
}

#markerDetailInfo p.x a {
	font-size:15px;
	color:black;
	font-weight:bold;
}

#markerDetailInfo p.x a,
#markerDetailInfo p.x a:hover,
#markerDetailInfo #a:hover, 
#markerDetailInfo #a {
	text-decoration:none;
	border-bottom:0px solid white;
}

#markerDetailInfo fieldset {
	border:0px solid black;
	margin:20px 0px;
	margin-bottom:2em;
}

#markerDetailInfo fieldset legend {
	margin:10px 0px;
	font-size:14px;
	font-weight:bold;
	padding-bottom: 4px;
	border-bottom:1px dotted black;
	width:100%;
}


#markerDetailInfo label {
	clear:left;
	float:left;
	margin-bottom:10px;
	width:100px;
}

#markerDetailInfo label img {
	margin-top:-4px;
	background-color:white;
}

#markerDetailInfo span.nobreak label {
	clear:none;
} 
#markerDetailInfo span.shortLabels label {
	width:auto;
	margin-right:20px;
} 

#markerDetailInfo input[type="checkbox"],
#markerDetailInfo input[type="radio"]{
	margin-right:5px;
} 


#markerDetailInfo input, select, textarea {
	float:left;
	margin-bottom:10px;
}

#markerDetailInfo textarea {
	width:402px;
}

#markerDetailInfo textarea:focus, 
#markerDetailInfo select:focus, 
#markerDetailInfo input:focus {
	background-color:#aaffff;
}

#markerDetailInfo input[type="text"] {
	width:200px;
	}

#markerDetailInfo input.submit {
	background-color:#fbac18;
	cursor: hand;
	clear:both;
	float:right;
	width:47px;
}

#markerDetailInfo input.submit:hover {
	background-color:#41333c;
	color:white;
}

#markerDetailInfo h2,
#markerDetailInfo h3,
#markerDetailInfo p  {
	clear:left;
}

#markerDetailInfo img + p  {
	float:left;
	margin-top:4px;
	clear:none;
}

#markerDetailInfo img {
	clear:left;
	float:left;
	margin-right:5px;
	margin-bottom:8px;
}

#markerDetailInfo img.ansicht {
	margin-top:0px;
	margin-bottom:0px;
}

#markerDetailInfo div.links  {
	width:175px;
	float:left;
	text-align:right;
	margin-top:14px;
	padding-left:50px;
}

#markerDetailInfo #loader {
	padding-bottom:60px !important;
	float:none !important;
	clear:both;
	}

/* ----------------------------------------- Umschalten des Contents -----------------------------------------  */

#content,
#aktion,
#feedbackkarten,
#fahrradfreundlich,
#gewinnspiel,
#rueckblick2010,
#fragen,
#downloads,
#impressum, 
#datenschutz {
	display:none;
}

p.x,
p.x a img {
	border:0px solid black;
	margin-bottom:0em !important;
}

 p.x {
	float:right;
	margin-right:1px;
}

 p.x a {
	font-size:15px;
	color:black;
	font-weight:bold;
}

 p.x a,
 p.x a:hover
 {
	text-decoration:none;
	border-bottom:0px solid white;
}
	

#meta a.active,
#navigation a.active {
/*	color:#9e1f63; magenta */	
	color:#fbac18;
}

#add a:hover,
#add a,
#meta a,
#navigation a,
#meta a:hover,
#navigation a:hover {
	border-bottom:0px solid white;
}


#content a:hover,
#meta a:hover,
#navigation a:hover {
	color:#FBAC18;
}


#content a.extern,
#navigation a.extern {
  background:url(/images/frontend/ex_link.gif)  center left no-repeat;
  padding:0 0 0 16px;
  /*display:inline-block;*/
  margin:0;
}

#content a.extern {
	border-bottom:0px solid white;
	font-style:italic;
}

span.small {
	font-size:9px !important;
}

/* ------------------------------------ Logos der Beteiligten ----------------------------------- */
#startseite p.beteiligt_logo_liste ,
#content p.beteiligt_logo_liste {
  vertical-align: top;
}

#startseite p.beteiligt_logo_liste  a,
#content p.beteiligt_logo_liste  a
{
  text-decoration: none;
  border-bottom: 0px;
  margin: 0;
}

.beteiligt_logo  {
  border: 0px;
}

/* ---------------------------------------------------------------------------- */
#feedbackkarten h2 a {
  font-size: inherit;
}