* { margin: 0; padding: 0; border: none; }

body {
	background: #84C225 url(../layout/body-background.png) center top repeat;
}
body.no-layout { background: none; height: 100%; background: #FECC00; }

a { color: blue; }

#page { 
	width: 961px; 
	margin: 0 auto; 
	background: url(../layout/page-background.png) center top repeat-y; 
}
.no-layout #page { width: 100%; height: 100%; background: #FECC00; }
.no-layout #logo { display: none; }
	#content {
		overflow: hidden;

	}
		#text-content {
			width: 520px;
			float: right; 
			margin-right: 4px;
			background: url(../layout/content-frame-background.png) left top no-repeat;
			height: 333px; 		
			padding: 5px 0 0px 40px;
                        font: 14px Arial, sans-serif;
		}
		#page-kontakt #text-content {
			width: 850px;
                }
                .no-layout #text-content, #page-kontakt.no-layout #text-content { width: 90%; float: none; background: none; height: 100%; }
		#page-impressum #text-content {
			width: 850px;
                }
		#page-agb #text-content {
			width: 850px;
                }
			#text-content .padding {
				padding: 20px 10px 20px 0;
				height: 284px; 		
				overflow: auto;
				
			}
                        .no-layout #text-content .padding { height: 100%; padding: 0; }
                        .spalte1,
                        .spalte2 {
                            vertical-align: top;
                        }
                        .spalte1 ul.bundeslaender {
                            margin-right: 20px;
                            width: 220px;
                        }
                        ul.bundeslaender {
                            list-style-type: none;
                            width: 200px;
                            color: #FFE287;
                            font-weight: bold;
                            font-size: 20px;
                        }
                        ul.bundeslaender a {
                            color: #141515;
                            text-decoration: none;
                        }
                        ul.bundeslaender li {
                            margin-bottom: 5px;
                        }

#back-links { margin-top: 10px; }
#back-links a {
    font-weight: bold; color: #fff; text-decoration: none; 
}



	#footer {
		background: url(../layout/footer-background.png) center bottom no-repeat;
		height: 50px;
		margin-top: 20px;
	}
        .no-layout #footer { display: none; }
		ul#navigation {
			list-style-type: none;
			margin: 0 0 0 70px;
		}
			#navigation li {
				float: left;
				margin-right: 30px;
			}
				#navigation li a {
					background-repeat: no-repeat;
					background-position: left top; 
					height: 32px;
					display: block;
				}
				#navigation li a:hover {
					background-position: left -32px; 
				}
					#navigation li a span {
						display: none;
					}

					#nav-anleitung a {
						background-image: url(../layout/nav-anleitung.png);
						width: 121px;
					}
					#nav-startseite a {
						background-image: url(../layout/nav-startseite.png);
						width: 120px;
					}
					#nav-kontakt a {
						background-image: url(../layout/nav-kontakt.png);
						width: 106px;
					}
					#nav-gaestebuch a {
						background-image: url(../layout/nav-gaestebuch.png);
						width: 126px;
					}
					#nav-impressum a {
						background-image: url(../layout/nav-impressum.png);
						width: 129px;
					}
					#nav-agb a {
						background-image: url(../layout/nav-agb.png);
						width: 77px;
					}



/*
p {
	font-weight: normal;
	font-size: 18px;
	font-family: Optimer, Tahoma, Arial, sans-serif;
	color: #000;
	padding-bottom: 10px;
	     margin-top: 300px   ;
	-webkit-transform: rotate(15deg); 
	-moz-transform: rotate(10deg);		
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
*/



#display_orte {}
    #display_orte h2 { margin-bottom: 20px; }
    #display_orte a
    {
        font-weight: bold;
        font-size: 14px;
        color: #141515;
        text-decoration: none;
    }
    #display_orte a.gaestewohnung-objekt-link { margin-left: 30px; font-weight: normal; }
    #display_orte small.gaestewohnung-objekt-wg { display: block; margin-left: 30px; margin-bottom: 5px; color: #A43500; }
    #display_orte a.objekt-link-highlight { font-weight: bold; color: #fff; }
    #display_orte a:hover { color: #fff; }
#display_gaestewohnung {  }
    #onlinebuchung { xfloat: right; xwidth: 150px; font-size: 10px; background: #E77817; border: 2px solid #fff; padding: 2px 5px; color: #fff; font-weight: bold; margin-top: 5px; }
    #display_gaestewohnung #gaestewohnung-titel { font-size: 120%; margin-bottom: 20px; }
        #display_gaestewohnung #gaestewohnung-titel ul { list-style-type: disc; margin: 0 0 0 20px; }
    #display_gaestewohnung #bilder {}
    #display_gaestewohnung #adresse-box { float: left; margin-right: 20px; margin-bottom: 20px; width: 190px; }
        #display_gaestewohnung #adresse {  }
    #display_gaestewohnung #anbieter-box { float: left; margin-bottom: 20px;width: 230px; }
        #display_gaestewohnung #anbieter {}
        #display_gaestewohnung #url {}
    #display_gaestewohnung #bilder { clear: both; margin-top: 20px; }
        #display_gaestewohnung #bilder img { border: 3px solid #fff; -moz-border-radius: 3px; -moz-box-shadow: 0 0 5px #E77817; }



#page-kontakt h2 { color: #FFFADD; }


input.entry, textarea { background-color: #FFFADD; font: 14px Arial; padding: 3px 5px; -moz-border-radius: 7px; -moz-box-shadow: 0 0 5px #EE9010; }
input.entry:focus, textarea:focus { -moz-box-shadow: 0 0 5px #AA5C16; }
label { font-size: 12px; display: block; margin-top: 3px; margin-bottom: 5px; }

#kontaktformular { margin-top: 20px; }
#kontaktformular td { vertical-align: top; }
#kontaktformular label { font-size: 12px; display: block; margin-top: 3px; margin-bottom: 5px; }
#kontaktformular input.entry { background-color: #FFFADD; font: 14px Arial; padding: 3px 5px; -moz-border-radius: 7px; -moz-box-shadow: 0 0 5px #EE9010; }
#kontaktformular input.entry:focus { -moz-box-shadow: 0 0 5px #AA5C16; }
    #kontaktformular #wohnungsgenossenschaft { width: 360px; }
    #kontaktformular #strasse { width: 280px; }
    #kontaktformular #nr { width: 50px; }
    #kontaktformular #plz { width: 100px; }
    #kontaktformular #ort { width: 230px; }
    #kontaktformular #ansprechpartner { width: 360px; }
    #kontaktformular #telefon_vorwahl, #kontaktformular #telefon_nummer, #kontaktformular #fax_vorwahl, #kontaktformular #fax_nummer { width: 170px; }
    #kontaktformular #email, #kontaktformular #webseite { width: 360px;}
    #senden { background-color: #78B833; padding: 5px 20px; -moz-border-radius: 7px; -moz-box-shadow: 0 0 5px #EE9010; color: #fff; font-weight: bold; }
    #senden:hover { background-color: #B0CB1F; }
    #agb-box.highlight { background-color: #E77817; border: 3px solid #fff; padding: 5px 10px; }


#gaestebuchformular { margin-top: 20px; }
#gaestebuchformular td { vertical-align: top; }
    #gaestebuchformular #name { width: 360px; }
    #gaestebuchformular #email { width: 360px; }
    #gaestebuchformular #kommentar { width: 360px; }
    #gaestebuchformular #gaestewohnung { width: 360px; }
    #gaestebuchformular #anreisedatum { width: 160px; }
    #gaestebuchformular #abreisedatum { width: 160px; }

#display_anfrage td { vertical-align: top; }
#display_anfrage .spalte1 { padding-right: 30px; }
#display_anfrage label { font-size: 12px; display: block; margin-top: 1px; margin-bottom: 2px; }
#display_anfrage input.entry, #display_anfrage textarea.entry
{ background-color: #FFFADD; font: 14px Arial; padding: 3px 5px; -moz-border-radius: 7px; -moz-box-shadow: 0 0 5px #EE9010; }
#display_anfrage input.entry:focus, #display_anfrage textarea.entry:focus
{ -moz-box-shadow: 0 0 5px #AA5C16; }
    #display_anfrage #name { width: 200px; }
    #display_anfrage #anschrift { width: 200px; height: 50px; }
    #display_anfrage #telefon { width: 150px; }
    #display_anfrage #email { width: 150px; }
    #display_anfrage #gaestewohnung_view { width: 390px; color: #000; background-color: #FFFADD; }
    #display_anfrage #anreise { width: 100px; margin-right: 15px; }
    #display_anfrage #abreise { width: 100px; margin-right: 15px; }
    #display_anfrage #personen { width: 50px; margin-right: 15px; }
    #display_anfrage #mitteilung { width: 390px; height: 50px; }
    #display_anfrage #senden { background-color: #78B833; padding: 5px 20px; -moz-border-radius: 7px; -moz-box-shadow: 0 0 5px #EE9010; color: #fff; font-weight: bold; }
    #display_anfrage #senden:hover { background-color: #B0CB1F; }

#page-impressum h2 { margin-bottom: 20px; }
#page-impressum h3 { margin-bottom: 1em; font-size: 14px;}
#page-impressum p  { margin-bottom: 1em; }

h4 { font-size: 12px; }


.objektbild { float: left; margin-right: 0px; width: 160px; }
.objektbild p { font-size: 11px; margin: 5px 0 0 0; }



#popup { background: #FECC00; padding: 40px;                         font: 14px Arial, sans-serif;
}
#popup h2 { margin-bottom: 20px; text-align: center; }
#popup p { margin: 1em 0; }




#liste-gaestebuch dt { margin-top: 10px; margin-bottom: 10px; }
#liste-gaestebuch dd { padding-bottom: 10px; border-bottom: 1px dotted #E77817; font-size: 90%; color: #730F0F; }
.no-layout #liste-gaestebuch dd { border-bottom: none; }
#liste-gaestebuch dd .kommentar-wgo { background: #D3AA00; margin: 10px 20px 0; padding: 5px 10px; font-size: 90%; }

a.button { float: right; background-color: #78B833; display: inline-block; padding: 5px 20px; -moz-border-radius: 7px; -moz-box-shadow: 0 0 5px #EE9010; color: #fff; font-size: 90%; font-weight: bold; text-decoration: none; }
a.button:hover { background-color: #B0CB1F; }


.agb h2 { margin-bottom: 2em; }
.agb h3 { margin: 1em 0; }




#counter { text-align: center; color: #84C225; }
.no-layout #counter { display: none; }



noscript {
    font: 14px Arial, sans-serif;    
}

noscript h1 { margin: 0 1em !important; }
noscript p { margin: 0em 2em 1em 2em; }

noscript a { color: #fff; }





#sel_bundesland,
#sel_ort,
#sel_gaestewohnung
{ padding: 3px 5px; margin-bottom: 5px; }
#sel_gaestewohnung { margin-bottom: 20px; }

#button-gaestebuch { display: block; margin-bottom: 10px; }


dl.liste-bewertungen { font-size: 11px; margin: 10px 0; background: #E2B600; }
dl.liste-bewertungen dt { font-weight: bold; padding: 5px 10px 0 10px; }
dl.liste-bewertungen dt .sterne { display: inline-block; float: right; }
dl.liste-bewertungen dd { border-bottom: 1px solid #FECC00; padding: 5px 10px; }

.fragen { margin: 10px 0; }
.fragen td { background: #FFFADD; padding: 2px 5px; margin: 5px 0 0 0; border-bottom: 1px solid #EDBD00; }
.fragen th { color: #FFFADD; }

#bewertungsabgabe .frage { margin: 5px 0; }
#bewertungsabgabe fieldset { border: 1px solid #FFFADD; background: #EDBD00; padding: 0 10px 5px 10px; }
#bewertungsabgabe fieldset legend { padding: 0 5px; border: 1px solid #FFFADD; background: #EDBD00; font-weight: bold; font-size: 11px;  }

#gaestewohnung-bewertung-gesamt { float: right; -webkit-border-radius: 3px; background: #FFFADD; padding: 5px 10px; }
#gaestewohnung-bewertung-gesamt span.stern-gold { margin-left: 5px; width: 16px; height: 16px; display: inline-block; background: url(/app/lib/rating/star.gif) 0px -32px no-repeat; }
#gaestewohnung-bewertung-gesamt span.stern-semi { margin-left: 5px; width: 16px; height: 16px; display: inline-block; background: url(/app/lib/rating/star.gif) 0px 0px no-repeat; }

p.bewertung-danke { background: #EDBD00; padding: 10px 20px; text-align: center; border: 1px solid #FFFADD; }