/* -------------------------- alle --------------------------------- */
body {font-family: "Times New Roman", Times, serif;background-image: url(images/page-background.jpg); background-color: #FFFFCC;margin: 0; color: #462425;}


/*--- Haupt-Navigation ---*/
ueberschrift h1 {font-size: 1.8em; text-align:center;color: #FFF2B0;padding-top: 0.5em;margin-bottom: 0.5em;text-transform:none;}
nav {float: left; height: 1.8em; padding-left: 0.2em; margin-top:-0.8em; position: absolute;}
nav:after {clear: left;content: "";}
nav h2 {padding-left: 0em;color: #FFF2B0;}
nav h2 a {padding-left: inherit;color: #FFF2B0;width: inherit;}
nav h2 a:hover {padding-left: inherit;color: inherit;width: inherit;background-color: inherit; }
nav ul {margin: 0;padding: 0;text-align: left;}
nav li {float: left;list-style: none;margin: 0;padding: 0;	position: relative;}
nav ul ul {font: 0/0 serif;	margin: 0;margin-left: -0.1em;padding: 0;padding-bottom: 0.5em;position: absolute;top: 2.7em;z-index: -1; }   /* Unternavigation ausblenden */
nav ul li:hover ul {background-color: #462425; opacity: 0.95;font: inherit;	z-index: 3;}            /*  Unternavigation einblenden */
nav ul ul li {float: none;}
nav a,nav span {display: block;	margin: 0.6em 0 0 0;padding: 0em 0.4em 0em 0.4em;text-decoration: none;color: #FFF2B0;}
nav ul ul a, nav ul ul span {}
nav a:hover,nav span {background-color: #FFF2B0;color: #462425;text-decoration: none;}      /* aktuelle Unterseite kennzeichnen */
nav a:hover {margin-top: 0;padding: 0em 0.4em 0em 0.4em;}									/* aktuelle Unterseite kennzeichnen */
nav ul ul a:hover {margin: 0.6em 0 0 0;padding: 0em 0.4em 0em 0.4em;}						/* aktuelle Unterseite kennzeichnen */
nav ul ul span {background-color: #FFF2B0;color: #462425;}

/*-------------Navigation Sprachen und Suche ----------------------*/
.navrechts {height: 1.8em;float:right;padding-right: 0.3em; padding-top: 0.1em}
.navrechts input {font-family: "Times New Roman", Times, serif; padding: 0; padding-left: 0.3em; font-size: 0.9em; background-color: #FFF2B0;border: none;margin: 0; margin-top: 0.15em; height: 1.6em;width: 9em;border-radius: 0}
.navrechts .button {display: none;}
.navrechts ul {margin: 0;padding: 0;text-align: right;}
.navrechts li {float: right; list-style: none; position: relative;}
.navrechts ul ul {font: 0/0 serif; position: absolute;top: 1.6em;}						/* Unternavigation ausblenden */
.navrechts ul li:hover ul {font: inherit; z-index: 3;}									/* Unternavigation einblenden */
.navrechts ul ul li {float: none;height: 1.6em}
/*----------------------------------------------------------------*/


/* SLIDESHOW */
#slideshow { margin: 0 auto; width: 800px; height: 500px; position:relative;}					/* hier Hoehe der Slideshow-Bilder angeben */
#slideshow img { display:none; position:absolute; top:0; left:0;z-index: -1;}
#slideshow img.start { display:block;}



/*---ID's----*/
#iframeAktuell {width: 100%; border:0; height: 450px; display: block;}
#iframeBilder {width: 100%; border:0; height: 600px; display: block;}
#footer {padding: 0.2em; margin: 0 auto; color: #FFF2B0}	/*border-top: 2px solid #462425; */
#footer a {color: #FF9933}
#footer hr {color: #FFF2B0;}
#footerhintergrund {clear: both; width: 100%; background-color:#462425}
#googlekarte {width: 50%; height: auto; height: 400px; float: right;}
#Inhalt {z-index: -2;padding-bottom: 1em;-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto; }
#Inhalt input, select {border: 2px solid #462425;padding: 0.1em;height: 1.5em;font-size: 1em;font-family: "Times New Roman", Times, serif;background-color: #FFFFFF;color: #462425;border-radius: 0;}
#Inhalt input[type="checkbox"] {border: 2px solid #462425;padding: 0.1em;height: 1.5em;width: 1.5em; font-size: 1em;font-family: "Times New Roman", Times, serif;background-color: #FFFFFF;color: #462425;border-radius: 0;}
#Inhalt textarea {border: 2px solid #462425;font-size: 1em;font-family: "Times New Roman", Times, serif;background-color: #FFFFFF;color: #462425;border-radius: 0;-webkit-appearance: none;}
#Inhalt input[type="submit"]:hover, #Inhalt input[type="reset"]:hover{background-color: #FFCC99}
#Inhalt input[type="submit"], #Inhalt input[type="reset"] {background-color: #FFFFFF;-webkit-appearance: none}
#navbalken {max-width: 100%; margin: 0 auto; height: 1.9em;border-top: 1px dotted #FFF2B0;}	
#navbalkenhintergrund {clear: both; background-color: #462425; width: 100%; margin: 0; padding: 0}	
#positionsrahmen {clear: both}
#seitenueberschrift{text-align:center;font-size: 1.8em;font-weight: bold;margin:0;}
#seitenueberschrift::first-letter {color: #FF0000}


/*--- Tags ---- */
a {color: #FF0000; text-decoration: none;}
a:hover {text-decoration: underline;color: #900;}
hr {background-color: #462425;color: #462425;text-align: center;height: 1px;width: 100%;clear: both;}
h1 {text-transform: uppercase; text-align:center; margin-top:0;}
h3 {font-weight:bold;text-align:center;font-size:1.8em; margin:0.1em auto 0.3em auto;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 0; padding-bottom: 0;}
img {max-width: 100%;height: auto; max-height: 100%; border: none;}
p {margin-top: 0;}
a[href^='http://'], [href^='https://'] {padding-right: 20px; background: url(images/external-link-gr.png) right no-repeat;}
a[href^='http://schlenkerla.de'], [href^='http://www.schlenkerla.de'], [href^='https://schlenkerla.de'], [href^='https://www.schlenkerla.de'], [href^='http://shop.schlenkerla.de'], [href^='https://shop.schlenkerla.de'], [href^='https://shopfinder.schlenkerla.de'], [href^='http://shopfinder.schlenkerla.de'] {padding-right: 0px; background: none;}
.a-ohne {padding-right: 0px; background: none;}


/*--- Klassen --- */
.BildboxLinks {font-size: 1em;max-width:40%;float: left;margin: 0 1em 0.2em 0; padding: 1em 1em 0.3em 1em;  background-color: #FFFFFF; clear: left; }
.BildboxLinksUebersicht {font-size: 1em;max-width:40%;float: left;margin: 0 1em 0.1em 0; padding: 1em 1em 0.1em 1em;}
.BildboxLinksHoch {font-size: 1em;max-width:30%;float: left;margin: 0 1em 0.2em 0; padding: 1em 1em 0.3em 1em;  background-color: #FFFFFF; clear: left; }
.BildboxLinksNoClear {font-size: 1em;max-width:40%;float: left;margin: 0 1em 1em 0; padding: 1em 1em 0.3em 1em;  background-color: #FFFFFF;}
.BildboxRechts {font-size:1em;max-width:40%;float: right;margin: 0 0 0.2em 1em; padding: 1em 1em 0.3em 1em; background-color: #FFFFFF; clear: right;}
.BildboxRechtsHoch {font-size:1em;max-width:30%;float: right;margin: 0 0 0.2em 1em; padding: 1em 1em 0.3em 1em; background-color: #FFFFFF; clear: right;}
.BildboxLinksBild {max-width:100%;margin: 0 auto; display: block;}
.BildboxRechtsBild {max-width:100%;margin: 0 auto; display: block;}
.bildlinks {float: left; padding: 0 1em 1em 0; max-width: 40%; max-height: 100%; clear: left;}
.bildmitte {float: none; margin: 0 auto; padding-right: 1em; max-width: 40%; max-height: 100%; clear: both;}
.bildrechts {float: right; padding: 0 0 1em 1em; max-width: 40%; max-height: 100%; clear: right;}
.bildrechtswarenkorb {float: right;  margin: 1em 0.3em 1em 3em; height: 3.5em;width: auto;}
.Bildunterschrift {text-align:center; padding: 0;margin:0; font-variant:small-caps;}
.blocksatz {text-align: justify;}
.boxrechts {float: right;max-width: 80%;}
.boxlinks {float: left;}
.Element {border: 2px solid #462425;line-height: 1em; text-align: justify;padding: 1em;float: left;margin: 1em;max-width: 40%;  }
.Element h4 {background-color: #FFCC33;	padding: 1em; }
.email {height: 0px; width: 0px; visibility: hidden;}
.flagge {padding: 0.1em 0.1em 0em 0.1em; height: 1.4em; width: auto; border: none;}
.flaggeklein {height: 0.8em;width: auto;border: none;padding: 15px 3px 0 10px; }
.formularinfo {text-align: right; margin: 0 1em 0 0}
.fraktur {font-family: "Fraktur BT"; font-weight:bold;}
.icon {width: auto; height: 1em; padding-right: 5px; display: none; vertical-align: bottom;}
.heinzlein {font-family: Arial, Helvetica, sans-serif; border: 2px solid #462425;background-color: #FFFFFF;max-width: 800px; text-align: left;padding: 10px; }  
.HRunsichtbar {visibility: hidden; width: 100%; height:1px;}
.links {text-align: left;}
.mini {font-size: 0.8em}
.rechts {text-align: right;}
.rot {color: #FF0000;}
.schriftzug {max-width: 450px; width: 40%; height: auto; display: block; margin: 0 auto;}
.sitemap {clear: left; font-size: 0.8em; margin: 0; padding: 0.4em 0 1em 0; border-top: 1px dotted #FFF2B0;} 
.sitemap a {white-space: nowrap}
.siegel{width: 280px;height: auto;float: right; background-color: #462425}
.socialmedia {float: left; display: block; padding: 0.5em 0.1em 0.5em 0.1em; vertical-align:text-bottom; }
.SortenElement {max-width: 100%;text-align: justify;padding: 0em;margin: 0.3em;float: none;overflow: auto; border: 2px solid #462425}
.SortenElement h3 {text-align: left;font-size: 1em; background-color: #FFF2B0; margin-top: 0;padding: 12px;}
.SortenElement h3 .bildrechtswarenkorb {height: 2em; margin-top:-0.4em; margin-left: 0.2em;}
.SortenElement p {padding: 1em 1em 0 1em}
.SortenElement ul, li {padding-right: 0.7em}
.Speisekarte {border: 2px solid #462425;max-width: 800px; text-align: left;padding: 10px; }  
.Speisekarte h4 {background-color: #FCDE65;padding: 7px; }
.suche {display: none;}
.stoerer {font-weight:bold;text-align:center; margin:1em auto 1em auto;padding:10px;background-color: #FCDE65;}
.titelbild {display: block;margin-left: auto; margin-right: auto; }
.unterstrichen {text-decoration: underline;}
.video {display: block;margin-left: auto; margin-right: auto; width: 1024; height: 576; }
.zentriert {text-align: center;}
.zitat {padding: 0 2em 0 2em; text-align:justify; font-style:italic; display: block}


/* -------------------------- breites Browserfenster --------------------------------- */
@media only screen and ( min-width: 950px ) {
	
	body { font-size:130%;}	
	#navbalken {max-width: 60em;margin: 0 auto;}	
	#positionsrahmen {max-width: 60em; margin: 0 auto; font-size: 1em; padding: 1em;}	
	#footer {max-width: 60em; margin: 0 auto; padding: 1em;}	
	h1 {font-size: 1.4em;}	
	h2 {font-size: 1.2em;}	
	nav h2 {padding-right: 0.5em;}
	nav li ul li {width: 9em;}
	.SortenElement {max-width: 47%;float: left;}
	.titelbild  {max-height: 500px; width: auto; }
	.a-ohne {padding-right: 0px; background: none;}
}

/* -------------------------- Tablets und mittlere Bildschirme --------------------------------- */
@media only screen and ( min-width: 640px ) and ( max-width: 950px ) 
{
	body { font-size:120%;}
	#Inhalt {font-size: 1em;padding: 0.5em;	margin-top: 1em;}	
	#aktuelles {width: 240px;}	
	#navbalken {height: 2.3em;}	
	#googlekarte {width: 100%;float: none;} 
	#slideshow { width: 576px; height: 360px;}
	h1 {font-size: 1.2em;}	
	h2 {font-size: 1.1em;}		
	nav h2 {padding: 0em;padding-right: 0.1em;margin-top: 1.2em;}	
	nav ul ul {top: 2.8em;}
	nav li ul li {display: block;padding: 0.2em;width: 9em;	}
	a[href^='http://'], [href^='https://'] {padding-right: 14px; background: url(images/external-link.png) right no-repeat;}
	a[href^='http://schlenkerla.de'], [href^='http://www.schlenkerla.de'], [href^='https://schlenkerla.de'], [href^='https://www.schlenkerla.de'],
	[href^='http://shop.schlenkerla.de'], [href^='https://shop.schlenkerla.de'], [href^='https://shopfinder.schlenkerla.de'],
	[href^='http://shopfinder.schlenkerla.de'] {padding-right: 0px; background: none;}
    .a-ohne {padding-right: 0px; background: none;}
	
	.navrechts {height: 2.3em;}		
	.navrechts ul {margin-top: 0.2em;}
	.navrechts ul ul {top: 1.9em;}	
	.navrechts ul ul li {float: none;height: 2em}	
	.navrechts input {height: 1.9em;width: 8em;margin-right: 0.1em; margin-top: 0.2em }
	.Element {max-width: 35%;  }
	.BildboxLinks {max-width:50%;}		
	.BildboxLinksHoch {max-width:40%;}	
	.BildboxLinksNoClear {max-width:50%;}	
	.BildboxRechts {max-width:50%;}
	.BildboxRechtsHoch {max-width:40%;}
	.flagge {height: 1.8em; padding-top: 0; margin-top: -0.1em}		
	.schriftzug {width: 50%;max-width: 350px;height: auto;}	
	.siegel{width: 210px;height: auto;}
	.titelbild  {max-height: 400px; width: auto; }
	.video {display: block;margin-left: auto; margin-right: auto; width: 100%; height: auto; }
}

/* -------------------------- Suchfeld auf Lupe umstellen --------------------------------- */
@media only screen and ( min-width: 640px ) and ( max-width: 710px ) 
{
	.navrechts input {display: none;}	
	.suche {display: block;height: 1.7em;padding-top: 0.2em; width: auto;}	
}


/* -------------------------- mobile Geräte --------------------------------- */
@media only screen and ( max-width: 640px ) 
{
	body { font-size:100%;}
	#Inhalt {font-size: 1em;padding: 0.5em;margin-top: 0.5em;	}	
	#Inhalt input, select {width:90%; margin-bottom: 0.2em; height: 2em; }
	#Inhalt textarea {width:90%; margin-bottom: 0.2em}
	#navbalken {height: 52px;}	
	#googlekarte {width: 100%;height: 300px;float: none;} 
	#slideshow { width: 320px; height: 200px;}
	h1 {font-size: 1em;}
	h2 {font-size: 1.2em;}	
	nav {margin-left:0;padding-left:0.2em;height: 50px; }	
	nav h2 {padding-left: 0em;margin-top: 2em;font-size:0;}	
	nav ul ul {top: 58px;}	
	nav li ul li {display: block;padding: 0.2em;font-size: 1.1em;width: 9em;}	
	a[href^='http://'], [href^='https://'] {padding-right: 14px; background: url(images/external-link.png) right no-repeat;}
	a[href^='http://schlenkerla.de'], [href^='http://www.schlenkerla.de'], [href^='https://schlenkerla.de'], [href^='https://www.schlenkerla.de'],
	[href^='http://shop.schlenkerla.de'], [href^='https://shop.schlenkerla.de'], [href^='https://shopfinder.schlenkerla.de'],
	[href^='http://shopfinder.schlenkerla.de'] {padding-right: 0px; background: none;}
    .a-ohne {padding-right: 0px; background: none;}
	
	.navrechts {height: 52px;}	
	.navrechts ul ul {top: 50px;}
	.navrechts ul li:hover ul {font: inherit;}
	.navrechts ul ul li {float: none;height: 3em}	
	.navrechts input {display: none;}	
		
	.BildboxLinks{float: none;margin:1em auto;max-width: 100%}
	.BildboxLinksHoch{float: none;margin:1em auto;max-width: 100%}
	.BildboxLinksNoClear {float: none;margin:1em auto;max-width: 100%}
	.BildboxRechts{float: none;margin:1em auto;max-width: 100%}
	.BildboxRechtsHoch{float: none;margin:1em auto;max-width: 100%}
	.BildboxLinksBild {max-width:100%;}
	.BildboxRechtsBild {max-width:100%;}
	.bildlinks {float: none; display: block; max-width: 100%; max-height: 500px;margin: 0 auto;padding: 1em 0 1em 0}	
	.bildmitte {float: none; display: block; max-width: 100%; max-height: 500px;margin: 0 auto;padding: 1em 0 1em 0}	
	.bildrechts {float: none; display: block; max-width: 100%; max-height: 500px;margin: 0 auto;padding: 1em 0 1em 0}	
	.boxrechts {float: none;}	
	.boxlinks {float: none;}	
	.Element {width: 95%;  max-width: none; float: none; margin: 0.5em auto 0.5em auto; padding: 0.2em}
	.flagge {height: 40px;}	
	.formularinfo {display: none}	
	.icon {margin-top: 18px;width: auto;height: 40px;padding-right: 15px;display: block;vertical-align: bottom;}	
	.schriftzug {width: 70%;max-width: 250px;height: auto;}	
	.siegel{width: 140px;height: auto;}	
	.SortenElement {margin-left: 0; margin-right: 0;}
	.suche {display: block;height: 40px;padding-top: 3px; width: auto;}	
	.titelbild  {max-height: 300px; width: auto; }
	.video {display: block;margin-left: auto; margin-right: auto; width: 100%; height: auto; }
}


/* --------Suche ausschalten für ganz kleine Screens -------------- */
@media only screen and ( max-width: 350px ) 
{
	.suche{display: none;}
	.a-ohne {padding-right: 0px; background: none;}
}