/*
Body: 007100
Navigations-Hintergrund: 007100
Haupttabellen-Hintergrund: F3E8FE
Tabellenrahmen duenn: FFFE657
Ueberschriften-Farbe: FFE656
Schrift-Farbe: FFE655
Balken: D0AEFF
Balken-Rahmen: FFFE654
*/


body,center,font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFE655; }
a:link { color : #FFDE24; }
a:active { color : #FF0000; }
a:visited { color : #E6C400; }
a:hover	{ text-decoration: underline; color : #FF0000; }
body {background-color: #007100; background-image: url(back.gif); }
hr	{ height: 0px; border: solid #FFE653 1px; border-top-width: 1px;box-shadow: 2px 2px 2px 0px #BDC2CA;}

/* Titel */
h1	{
	color : #FFE656;
	margin-top:20px;
}
h2,.haupttitel	{
	color : #FFE656; margin-top:10px;
}

.reihe {
	margin-top: 10px;
	margin-bottom: 5px;
	border-top: 1px solid #FFFE657;
	border-top-width: 1px;
	border-top-style:solid;

}

.hinweis {
		background-color: #336633;
		padding: 5px;
		border: 1;
		border-width: 1px;
		border-style:solid;
		border-color: #FFFE657;
		border-radius: 10px;
}

.disclaimer {
		background-color: #336633;
		padding: 5px;
		border: 1;
		border-width: 1px;
		border-style:solid;
		border-color: #FFFE657;
		border-radius: 10px;
}

img { max-width: 100%; }

/* alex 2020-07-29 hwa-hwe-kranka-kranke-link-abstand */
.myd {
	line-height: 150%;
}


@media screen and (min-width:1200px) {

	.hauptcontainer {
		position: relative;
		width: 1200px;
	}

	.titelzeile {
		position: relative;
		top: 0px;
		left: 190px;
		height: 100px;
		width: 665px;

/*		border: 1;
		border-width: 1px;
		border-style:solid;
		border-color: #FFFE657;
*/
	}
	h1.titelmobil {display:none;}
	.titellogo {
		position: relative;
		height: 100px;
	}

	.titellogorechts {
		position: fixed;
		top: 9px;
		left: 890px;
		width: 300px;
		height: 100px;
		background-image: url(alraun-klein.gif);
	}

	.navigationsspalte {
		position: absolute;
		left: 0px;
		width: 170px;
		padding: 5px;
		background-color: #336633;
		border: 1;
		border-width: 1px;
		border-style:solid;
		border-color: #FFFE657;
		border-radius: 10px;
	}
	.hauptspalte {
		position: absolute;
		left: 190px;
		width: 665px;
		padding: 10px;
		border: 1;
		border-width: 1px;
		border-style:solid;
		border-color: #FFFE657;
		border-radius: 10px;

	}
	.skyscraperspalte {
		position: fixed;
		left: 890px;
		padding-left: 2px;
		padding-right: 0px;
		width: 280px;
	}

	.fusszeile {
		position: relative;
	}

	.navigationssuche {
		background : #FFFE654;
		border:1;border-width:1pt;border-style:solid;border-color:#FFFE654;
		padding: 5px;
		border-radius: 10px;
	}

	.spalte {
		float: left;
		width: 40%;
		padding: 5px;
	}
	.spalteschmal {
		float: left;
		width: 30%;
		padding: 5px;
	}
	.spaltebreit {
		float: left;
		width: 50%;
		padding: 5px;
	}
	.reihe:after {
		content: "";
		display: table;
		clear: both;
	}

	td.uebersicht, th.uebersicht {
    	text-align: left;
	}

	#menulink {display:none;}
	.hiermenu {display:none;}
	.suchegrosserbildschirm {width:100%;}
	input.suchfeldnavigation {width: 140px;}
	input.suchfeldklein	{ width: 100px; }
	input.suchfeldmitte {width:70%;}
	input.suchknopfgross {width:25%;}
	.suchekleinerbildschirm {display:none;}
	.trennerkleinerbildschirm {display:none;}
	.buchtippsklein {display:none;}
	.anzeigekleinerbildschirm {display:none;}
	a.urlumbruch {word-break: break-all;}
	.bildumbruch {display:none;}
	img.linksbild {float: left; margin-right: 10px; margin-bottom: 10px;}
	img.rechtsbild {float: right; margin-left: 10px;margin-bottom: 10px;}
	.produktiframe {float: left; margin-right: 10px;}

	
	blockquote.suche {
		margin-left: 5px;
		margin-right: 0px;
	}

	dl.suche {
		margin-left: 0px;
	}

	dd.suche {
		margin-left: 10px;
	}
	
	a.suche {
		word-wrap: break-word;
	}

}


/* screen < 1200px  Mobile Seite */

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

	h1	{
		font-size : 1.5em;
	}


	.hauptcontainer {
		margin: auto;
		max-width: 100vw;
		/*	vw ist die Viewport-Breite in Prozent	*/
	}
	.titelzeile {
		background-color: #336633;
	}
	img.titellogo {display:none;}

	.navigationsspalte {display:none;}
	.hauptspalte {
		background-color: #336633;
	}
	.skyscraperspalte {display:none;}
	.titellogorechts {display:none;}

	.linkinternational {display:none;}
	.suchegrosserbildschirm {display:none;}
	.suchekleinerbildschirm {
		border:1;border-width:1pt;border-style:solid;border-color:#FFFE654;
		padding: 5px;
		border-radius: 10px;
	}
	input.suchfeldmitteklein {width:50%;}
	input.suchknopfklein {width:40%;}
	.suchfeldgrosserbildschirm {display:none;}
	.eigenwerbunggrosserbildschirm {display:none;}
	.anzeigegrosserbildschirm {display:none;}
	
	a.urlumbruch {word-break: break-all;}
	li.linkliste {padding-top: 5px; padding-bottom: 5px; }
	.abisznavigation {padding-top: 5px; padding-bottom: 5px; }
	
	select.menuauswahl {width:100%;}

	.spalte {
    	width: 90%;
	}

	thead.uebersicht {
		display: none;
	}
	td.uebersicht, th.uebersicht {
		display: block;
	    text-align: left;
    	clear: both;
	}
	td.uebersicht[data-th]:before {
    	content: attr(data-th);
    	float: left;
	}

	
	blockquote.suche {
		margin-left: 0px;
		margin-right: 0px;
	}

	dl.suche {
		margin-left: 0px;
	}

	dd.suche {
		margin-left: 5px;
	}
	
	a.suche {
		word-wrap: break-word;
	}

	
}