/******************************************
*******************************************
CSS Brunnhäusl besteht aus zwei Dateien
1. Allgemeine CSS mit mobile Geräte
2. CSS für die Navigation
mit der Beschreibung für Mobile Geräte
********************************************
********************************************/

/* CSS RESET */

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

ul,
ol {  }

b,
strong {
font-weight: bold;
}

/*Rahmen für <fieldset> und <img> Elemente löschen */

fieldset, 
img,
a img {
border: solid 0;
}


/* ERZWINGEN DES SCROLLBALKENS */

html { 
height: 100%;
margin-bottom: 1px;
}

/* ERZWINGEN VON FARBKONTRAST */

body {
font-size: 100.01%;
color: #000; 
background: #fff;
text-align: left; 
}

/* FOKUS HYPERLINK STILE ENTFERNEN */

:focus {
outline: 0;
}


/*********************************
*********** LAYOUT ***************
**********************************/


/*------------------- CSS NEU ---------------------
---------------------------------------------------*/


/* TYPOGRAFIE */

body { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 75%; 
color: #302621; 
background-image: url(images/hintergrund01.jpg); 
text-align: left; 
}

p { 
font-size: 1em; 
margin-bottom: 1em; 
}

span a {
	line-height: 0.96em;
	border sloid 1px:red;}

.small { 
font-size: 0.85em; 
margin-bottom: 0.5em; 
}

h1 { 
font-size: 1em; 
font-weight: bold; 
margin-top: 0; 
margin-bottom: 1em; 
}

h2 { 
font-size: 1.1em; 
font-weight: bold; 
}

h3 {
font-size: 0.85em;
margin-bottom: 0.5em;
}



#bildernavi a:link, 
#bildernavi a:visited  { 
color: #fffadd; 
font-size: 0.9em; 
font-weight: bold; 
background-color: #b0b0b0; 
text-decoration: none; 
margin: 0 1.5em; 
padding: 0 0.2em 0.2em; 
}

#bildernavi a:hover,
#bildernavi a:focus,
#bildernavi a:active { 
color: #fffadd; 
background-color: #cdcdcd; 
}


a:link, 
a:visited  { 
color: #a32b2b; 
font-size: 1em; 
text-decoration: none; 
}

a:hover,
a:focus,
a:active { 
color: #302621; 
text-decoration: underline; 
}


/* TABELLE */

.tabelle { 
width: 350px; 
margin: 0 0 0.6em; 
padding: 0; 
border: solid 1px #ad9785; 
}

.tabelle td { 
font-size: 0.8em; 
text-align: center; 
padding: 0.2em 0.3em; 
}

.tabelle td { 
border: solid 1px #ad9785; 
width: 88px;
height: auto;
}


/* TEXTBLOCK POS LINKS*/
#reftext { 
height: 400px;
width: 360px; 
left: 76px; 
top: 185px;
position: absolute; 
overflow: hidden; 
visibility: visible; 
margin: 0; 
/*z-index: 1000;*/
}

#reftext.spezial { 
height: 440px; 
/*border: solid 1px #ce0000; */
}

/* Datenschutzerklärung & zeile 847*/

#datenschutztext { 
margin:  60px 120px;
}

/* Cookie Meldung */
.cc_container .cc_btn {
background: #5d5d5d !important; /* Textfarbe des Buttons */
color: #31a8f0 !important;
border: solid 1px #444444!important;
}
 
.cc_container {
background: #444444 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}

.cc_container .cc_message {
    font-size: 0.9em!important;
    font-weight: 300 !important;
	letter-spacing: 0.01em !important;
}


.cc_container a, 
.cc_container a:visited {
 font-weight: 300 !important;
/* text-decoration: underline !important;*/
 letter-spacing: 0.01em !important;
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}

/* LISTE IN KINDERLAND */
ul.aufzaehlung,
span.aufzaehlung { 
margin-bottom: 1em; 
margin-left: 1.4em; 
list-style-type: square; 
list-style-position: outside; 
display: list-item; 
white-space: normal;
}

/* LISTE IN OBERGESCHOSS */
ul.liste { margin-bottom: 1em; list-style-type: none!important; }

li.liste { padding-top: 0.4em; padding-bottom: 0.4em; list-style-type: none;}

/*a { color: #302621; font-size: 0.95em; font-weight: bold; }*/

#reftext.spezial a{ padding-bottom: 0.6em; border-color: #ce0000; display: block; }

/**************
LISTE MENUE
****************/

li a:link, 
li a:visited { 
font-size: 0.9em; 
color: #302621; 
font-weight: bold; 
text-decoration: none; 
margin-top: 0.2em; 
margin-bottom: 0.2em; 
}

li a:hover,
li a:focus,
li a:active { 
color: #826e5f; 
font-weight: bold; 
text-decoration: underline; 
}


/* CONTAINER BUCH BASIS-GRAFIK */
#container {
	position: absolute;
	position: relative;
	top: 31px;
	left: 4px;
	right: 0;
	bottom: 0;
	width: 1050px;
	height: 670px;
	visibility: visible;
	margin: 0 auto;
}

/* BUCH SEITEN LINKS */
#seite_li { 
background-image: url(images/seite_li01.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
left: 0; 
width: 480px; 
height: 688px; 
}

/* BUCH SEITEN RECHTS */

#seite_re {
background-image: url(images/seite_re_leer.jpg); 
background-repeat: no-repeat; 
background-position: 0 0; 
visibility: visible; 
position: absolute; 
left: 480px; 
width: 570px; 
height: 688px; 
}

#bildernavi { 
text-align: center; 
position: absolute; 
top: 606px; 
left: 113px; 
width: 321px; 
visibility: visible; 
}

/* BILDER RECHTS */
#bilder { 
visibility: visible; 
position: absolute; 
top: 145px; 
left: 113px; 
width: 321px; 
height: 424px; 
}

/* INTRO RECHTS*/

#bilder.intro
{ 
background-image: url(bilderhaus/introbild.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

/* KINDER LANDSCHAFT RECHTS*/

#bilder.kila00 
{ 
background-image: url(bilderkids/affensteig.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

#bilder.kila01 
{ 
background-image: url(bilderkids/himmelsleiter.jpg); 
background-repeat: no-repeat; 
z-index: 999;}

#bilder.kila02 
{ 
background-image: url(bilderkids/wolkenstein.jpg); 
background-repeat: no-repeat; 
z-index: 998;}

#bilder.kila03 
{ 
background-image: url(bilderkids/tyssaerwaende.jpg); 
background-repeat: no-repeat; 
z-index: 997;}

#bilder.kila04 
{ 
background-image: url(bilderkids/eisenleiter.jpg); 
background-repeat: no-repeat; 
z-index: 996;}

#bilder.kila05 
{ 
background-image: url(bilderkids/steig01.jpg); 
background-repeat: no-repeat; 
z-index: 995;}

#bilder.kila06 
{ 
background-image: url(bilderkids/steig02.jpg); 
background-repeat: no-repeat; 
z-index: 994;}

/* LANDSCHAFT RECHTS*/

#bilder.land00 
{ 
background-image: url(bilderland/steine.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

#bilder.land01 
{ 
background-image: url(bilderland/elbbogen.jpg); 
background-repeat: no-repeat; 
z-index: 999;}

#bilder.land02 
{ 
background-image: url(bilderland/herkulles.jpg); 
background-repeat: no-repeat; 
z-index: 998;}

#bilder.land03 
{ 
background-image: url(bilderland/abendstimmung1.jpg); 
background-repeat: no-repeat; 
z-index: 997;}

#bilder.land04 
{ 
background-image: url(bilderland/winterfelsen.jpg); 
background-repeat: no-repeat; 
z-index: 996;}

#bilder.land05 
{ 
background-image: url(bilderland/elbsandstein1.jpg); 
background-repeat: no-repeat; 
z-index: 995;}

/* UMGEBUNG REGION RECHTS*/

#bilder.umland00 
{ 
background-image: url(bilderumland/wasserfall.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

#bilder.umland01 
{ 
background-image: url(bilderumland/rodeln.jpg); 
background-repeat: no-repeat; 
z-index: 999;}

#bilder.umland02 
{ 
background-image: url(bilderumland/eisenbahn.jpg); 
background-repeat: no-repeat; 
z-index: 998;}

#bilder.umland03 
{ 
background-image: url(bilderumland/nationalpark.jpg); 
background-repeat: no-repeat; 
z-index: 997;}

#bilder.umland04 
{ 
background-image: url(bilderumland/prag.jpg); 
background-repeat: no-repeat; 
z-index: 996;}


/* KULTUR RECHTS*/

#bilder.kultur 
{ 
background-image: url(kultur/dresden.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

#bilder.kulturtipps1 
{ 
background-image: url(kultur/bergbau.jpg); 
background-repeat: no-repeat; 
z-index: 999;}

#bilder.kulturtipps2 
{ 
background-image: url(kultur/schloss.jpg); 
background-repeat: no-repeat; 
z-index: 998;}


/* KULTUR AUTHENTISCHES RECHTS*/

#bilder.authentisches1 
{ 
background-image: url(kultur/kaesetheke.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

#bilder.authentisches2 
{ 
background-image: url(kultur/pyramiede.jpg); 
background-repeat: no-repeat; 
z-index: 999;}

/* KULTUR FÜR KIDS RECHTS*/

#bilder.kulturkids1 
{ 
background-image: url(kultur/saurier.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

#bilder.kulturkids2 
{ 
background-image: url(kultur/falknerei.jpg); 
background-repeat: no-repeat; 
z-index: 999;}

/* KULTUR LINKS RECHTS*/

#bilder.kulturlinks 
{ 
background-image: url(kultur/kirchenruine.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

/* UNTERGESCHOSS RECHTS*/

#bilder.untergeschoss00 
{ 
background-image: url(bilderhaus/ugwohnzimmer2.jpg); 
background-repeat: no-repeat;
z-index: 1000;
}

#bilder.untergeschoss01 
{ 
background-image: url(bilderhaus/ugkueche.jpg); 
background-repeat: no-repeat; 
z-index: 999;
}

#bilder.untergeschoss02 
{ 
background-image: url(bilderhaus/ugbad.jpg); 
background-repeat: no-repeat;
z-index: 998;
}

/* OBERGESCHOSS RECHTS*/

#bilder.obergeschoss00 
{ 
background-image: url(bilderhaus/ogflur.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

#bilder.obergeschoss01 
{ 
background-image: url(bilderhaus/ogzimmergross.jpg); 
background-repeat: no-repeat; 
z-index: 999;}

#bilder.obergeschoss02 
{ 
background-image: url(bilderhaus/ogzimmerklein.jpg); 
background-repeat: no-repeat; 
z-index: 998;}


/* BUCHEN RECHTS*/

#bilder.buchen
{ 
background-image: url(buchen/haustuer.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}


/* BUCHEN RECHTS*/

#bilder.haus
{ 
background-image: url(bilderhaus/hausansicht.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}


/* GARTEN RECHTS*/

#bilder.garten00 
{ 
background-image: url(bilderhaus/gartenhaus3.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

#bilder.garten01 
{ 
background-image: url(bilderhaus/hof2.jpg); 
background-repeat: no-repeat; 
z-index: 999;}

#bilder.garten02 
{ 
background-image: url(bilderhaus/spielplatz.jpg); 
background-repeat: no-repeat; 
z-index: 998;}


/* UMGEBUNG DORF*/

#bilder.dorf00 
{ 
background-image: url(bilderhaus/ueberblick.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}


/* UMGEBUNG ORT*/

#bilder.umgebung00 
{ 
background-image: url(bilderhaus/aufstieg2.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

#bilder.umgebung01 
{ 
background-image: url(bilderhaus/burg.jpg); 
background-repeat: no-repeat; 
z-index: 999;}

#bilder.umgebung02 
{ 
background-image: url(bilderhaus/lilienstein.jpg); 
background-repeat: no-repeat; 
z-index: 998;}

#bilder.umgebung03
{ 
background-image: url(bilderhaus/rosenberg.jpg); 
background-repeat: no-repeat; 
z-index: 997;}

#bilder.umgebung04
{ 
background-image: url(bilderhaus/fratze.jpg); 
background-repeat: no-repeat; 
z-index: 996;}

/* KONTAKT */

#bilder.kontakt { 
background-image: url(kontakt/gartentor.jpg); 
background-repeat: no-repeat; 
z-index: 1000;}

#bilder.gaestebuch { 
background-image: url(gaestebuch/baeume.jpg); 
background-repeat: no-repeat; 
z-index: 999;}

#bilder.stimmung
{ 
background-image: url(bilderhaus/stimmung.jpg); 
background-repeat: no-repeat; 
z-index: 998;}

#google { 
visibility: visible; 
position: absolute; 
top: 145px; 
left: 113px; 
width: 321px; 
height: 350px; 
}

/* HEFTUNG RECHTS SCHNUR */

#schnur01,
#schnur02 { 
background-image: url(images/schnurend02.jpg); 
background-repeat: no-repeat; 
visibility: visible; 
position: absolute; 
top: 164px; 
left: 12px; 
width: 70px; 
height: 460px; 
}

/*ORNAMENT LINKS*/
#ornament_li { 
background-image: url(images/ornament01_li.jpg); 
background-repeat: no-repeat; 
}

#ornament01_li { 
background-image: url(images/ornament01_li.jpg); 
background-repeat: no-repeat; 
}

#ornament02_li { 
background-image: url(images/ornament02b_li.jpg); 
background-repeat: no-repeat; 
}

#ornament_li,
#ornament01_li,
#ornament02_li {
visibility: visible; 
position: absolute; 
top: 530px; 
left: 104px; 
width: 300px; 
height: 120px; 
	}

#footer50 {
	visibility:hidden;}

/* BRUNNHAEUSL */
#brunnhaeusl { 
background-image: url(images/brunnhaeusl.png); 
background-repeat: no-repeat; 
visibility: visible; 
position: absolute; 
top: 35px; 
left: 75px; 
width: 200px; 
height: 30px; 
}

/* UEBERSCHRIFTEN GRAFIK POSITION LINKS */

#titelindex_li { 
background-image: url(images/titel_index.jpg); 
background-repeat: no-repeat; 
}

#titelkultur_li { 
background-image: url(images/titel_kultur.jpg); 
background-repeat: no-repeat; 
}

#titelland_li { 
background-image: url(images/titel_land.jpg); 
background-repeat: no-repeat; 
}

#titelhaus_li { 
background-image: url(images/titel_haus.jpg); 
background-repeat: no-repeat; 
}

#titelbuchen_li { 
background-image: url(images/titel_buchen.jpg); 
background-repeat: no-repeat; 
}


#titelkontakt_li { 
background-image: url(images/titel_kontakt.jpg); 
background-repeat: no-repeat; 
}

#titelgaeste_li { 
background-image: url(images/titel_gaestebuch.jpg); 
background-repeat: no-repeat; 
}

#titellinks_li { 
background-image: url(images/titel_links.jpg); 
background-repeat: no-repeat; 
}

#titelindex_li,
#titelkultur_li,
#titelland_li,
#titelhaus_li,
#titelbuchen_li,
#titelkontakt_li,
#titelgaeste_li,
#titellinks_li{
height: 200px; 
width: 420px; 
left: 40px; 
top: 28px; 
position: absolute; 
visibility: visible; 
}

/********************
 NAVIGATION ************/

/* siehe nav_brunni3.css */

/*******************************************
********************************************
********************************************/
@charset "UTF-8";

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

@media only screen and (max-width: 768px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	/*border: solid blue 1px;*/

    }
	
#container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* ALLE INHALTE AUSSCHALTEN */

#reftext,
#container,
#seite_re,
#seite_li {
		/*border: solid red 1px;*/
		background-image: none;
		padding: 0;
		margin: 0;
	}
	
	#schnur01,
	#schnur02 {
	visibility: hidden;
	display: none;
	}
	
	body {
	background-image: none;
	background-color: #82a1b7;	
	}
	
/* INHALTE WIEDER ANSCHALTEN */
	

	
	/* START CONTAINER */
body {
	background-color: #fffaeb;
	}
	
	
#container {
	position: absolute;
	background-color: #d8c7b3;	
	visibility:visible;
	width: 100%;
	height:auto;
	top:0;
	left:0;
	}
				
#seite_re {
	/*border: solid blue 2px;*/
	position: relative;
	background-color: #fffaeb;
	width: 100% !important;
	height: auto;
	margin-left: -480px;
	float:left;
}

#reftext {
	/*border: solid green 2px;*/
	position: relative;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #253b59;
	width: 100%;
	left: 0%;
	right: 0%;
	height: auto!important;
	margin-bottom:170px!important;
	padding: 0 4% 30px;
	top:170px; 
	z-index:888;
	}

#seite_li {
	position: relative;
	width: 100% !important;
	background-color: #d8c7b3;	
	height: auto;
	/*border: solid red 1px;*/
	z-index:990;
	float:left;
	}
	
	#datenschutztext { 
	margin:  40px 30px!important;
	}
	

/* BRUNNHAEUSL */
#brunnhaeusl { 
background-image: url(images/brunnhaeusl.png); 
background-repeat: no-repeat;  
left: 5%; 
reight: 5%;
width: 90%;
top: 15px; 
}

/* UEBERSCHRIFTEN GRAFIK POSITION LINKS */
#titelindex_li,
#titelkultur_li,
#titelland_li,
#titelhaus_li,
#titelbuchen_li,
#titelkontakt_li,
#titelgaeste_li,
#titellinks_li{
left: 0%; 
reight: 0%;
width: 100%; 
top:2px; 
}


	
#reftext h1 {
	font-size: 1.2em;
	font weight: 400;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #253b59;
	}
	

#titelindex_li {
	background-image: url(images/titel_index.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	height:160px;
	width: 92%;
	/*border: solid red 1px;*/
	}
	
#ornament_li,
#ornament01_li,
#ornament02_li {
	visibility: hidden;
	/*margin:auto;
	padding: auto;
	background-repeat:no-repeat;
	background-position:50% 50%;
    top: 560px;
	width: 84%;
	left: 8%;
	right:8%;*/
}
	
#fotorahmen,
#fotorahmen00,
#fotorahmen01,
#fotorahmen02,
#fotorahmen03,
#fotorahmen04,
#fotorahmen05,
#fotorahmen06,
#fotorahmen07,
#fotorahmen08 {
	background-image: url(images/fotorahmen.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color: #fffaeb;
	height:470px;
	margin-bottom: 30px;
	}	
	
	#fotorahmen{
	margin-top:36px;
	}
	
	#fotorahmen00{
	margin-top:36px;
	}
	
	#fotorahmen01{
	margin-top:30px;
	}
	
	#fotorahmen02 {
	margin-top:30px;
	}
	
	#fotorahmen03 {
	margin-top:30px;
	}
	
	#fotorahmen04 {
	margin-top:30px;
	}
	
	#fotorahmen05 {
	margin-top:30px;
	}
	
	#fotorahmen06 {
	margin-top:30px;
	}
	
	#fotorahmen07 {
	margin-top:30px;
	}
	
	#fotorahmen08 {
	margin-top: 30px;
	}
	
#bilder.intro,
#bilder {
	background-position: 50% 50%;
	margin: 0;
	padding: 0;
	height: 424px;
	width: 94%;
	top: 60px;
	left: 3%;
	right: 3%;
	/*border: solid red 1px;*/
	}
	
#bildernavi {
	visibility: hidden;
	/*right: 10%;
    left: 10%;
	top: 50px;
	width: 80%;
	font-size: 1.4em*/
}


/* FOOTER*/
	
#footer50 {
	visibility: visible;
	margin: 0 auto;
	width: 100%;
	padding: 0 0 35px;
	text-align:center;
	}

/* INTRO RECHTS*/

#bilder.intro
{ 
background-image: url(bilderhaus/introbild.jpg); 
background-repeat: no-repeat; }

/* KINDER LANDSCHAFT RECHTS*/

#bilder.kila00 { 
	margin-top: 0px; 
	}

#bilder.kila01 { 
	margin-top: 500px; 
	}

#bilder.kila02 { 
	margin-top: 1000px; 
	}

#bilder.kila03 { 
	margin-top: 1500px; 
	}

#bilder.kila04 { 
	margin-top: 2000px; 
	}
	
#bilder.kila05 { 
	margin-top: 2500px; 
	}
	
#bilder.kila06 { 
	margin-top: 3000px; 
	}	

/* LANDSCHAFT RECHTS*/

#bilder.land00 { 
	margin-top: 0px; 
	}

#bilder.land01 { 
	margin-top: 500px; 
	}

#bilder.land02 { 
	margin-top: 1000px; 
	}

#bilder.land03 { 
	margin-top: 1500px; 
	}

#bilder.land04 { 
	margin-top: 2000px; 
	}

/* UMGEBUNG REGION RECHTS*/

#bilder.umland00 { 
	margin-top: 0px; 
	}

#bilder.umland01 { 
	margin-top: 500px; 
	}

#bilder.umland02 { 
	margin-top: 1000px; 
	}

#bilder.umland03 { 
	margin-top: 1500px; 
	}

#bilder.umland04 { 
	margin-top: 2000px; 
	}


/* KULTUR RECHTS*/

#bilder.kultur { 
	margin-top: 0px; }

#bilder.kulturtipps1 { 
	margin-top: 0px; 
	}

#bilder.kulturtipps2 { 
	margin-top: 0px; 
	}

/* KULTUR AUTHENTISCHES RECHTS*/

#bilder.authentisches1 { 
	margin-top: 0px; 
	}

#bilder.authentisches2 { 
	margin-top: 0px; 
	}

/* KULTUR FÜR KIDS RECHTS*/

#bilder.kulturkids1 { 
	margin-top: 0px; 
	}

#bilder.kulturkids2 { 
	margin-top: 0px; 
	}

/* KULTUR LINKS RECHTS*/

#bilder.kulturlinks { 
	margin-top: 0px;
	}


/* UNTERGESCHOSS RECHTS*/

#bilder.untergeschoss00 { 
	margin-top: 0px; 
	}

#bilder.untergeschoss01 { 
	margin-top: 500px;
	}

#bilder.untergeschoss02 { 
	margin-top: 1000px; 
	}

/* OBERGESCHOSS RECHTS*/

#bilder.obergeschoss00 { 
	margin-top: 0px; 
	}

#bilder.obergeschoss01 { 
	margin-top: 500px;
	}

#bilder.obergeschoss02 { 
	margin-top: 1000px;
	}


/* BUCHEN RECHTS*/

#bilder.buchen { 
	margin-top: 0px;
	}


/* BUCHEN RECHTS*/

#bilder.haus { 
	margin-top: 0px;
	}


/* GARTEN RECHTS*/

#bilder.garten00 { 
	margin-top: 0px;
	}

#bilder.garten01 { 
	margin-top: 500px;
	}

#bilder.garten02 { 
	margin-top: 1000px;
	}


/* UMGEBUNG DORF*/

#bilder.dorf00 { 
	margin-top: 0px; 
	}


/* UMGEBUNG ORT*/

#bilder.umgebung00 { 
	margin-top: 0px;
	}

#bilder.umgebung01 { 
	margin-top: 500px;
	}

#bilder.umgebung02 { 
	margin-top: 1000px;
	}

#bilder.umgebung03 { 
	margin-top: 1500px;
	}

#bilder.umgebung04 { 
	margin-top: 2000px; 
	}

/* KONTAKT */

#bilder.kontakt { 
	margin-top: 0px; 
	}

#bilder.gaestebuch { 
	margin-top: 0px;
	}

#bilder.stimmung { 
	margin-top: 0px; 
	}

#google { 
margin-left:auto!important;
margin-right:auto!important;
	margin:auto;
	padding: auto;
	background-repeat:no-repeat;
	background-position:50% 50%;
	width: auto;
	height: 428px;
	left: 17%;
	right: 17%;
	top: 58px;
	border: solid red 1px;
}

/* ENDE CONTAINER */

}

@media screen and (max-width: 600px) {
    }
	
@media only screen and (max-width : 480px) {
   }
 
@media only screen and (max-width : 320px) {
   }

/* Layout für Mobilgeräte: 480 px oder weniger. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}

#container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	/*padding: 40px 0;*/
}