body {
	background-color: #cccccc;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-size: 1.2rem;
	line-height: 1.8rem;
	color:#333333;
	padding:0;
	margin:0;
	margin-top:0px;
	margin-bottom:40px;
}

html, body {
    scroll-behavior: smooth;
}

.hellaufdunkel {
	color: #FFFFFF;
	background-color: #333333;
}
.dunkelaufhell {
	color: #333333;
	background-color: #FFFFFF;
}


tr,td {
	text-align:left;
	vertical-align:top;
}


div {
	text-align:left;
	vertical-align:top;
}

ul {
	display: inline-block;
}

.inserat{
	overflow:hidden;
	box-shadow: 5px 5px 5px 0px #000000;
	background-color:#FFFFFF;
	color:#333333;
	padding:20px;
	padding-top:5px;
	margin:10px 0 20px 0;
	border:1px solid #777777;
}

.tags {font-size: 1rem; line-height: 1.5rem; font-weight:100;}

.haupt {background-color:#cccccc; color:#FFFFFF;}

.navibox {margin-top:5px;}

.naviheadline {background:#333333; color:#FFFFFF; font-weight:bold; font-size:1rem; padding:3px; text-align:center;}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

#videoframe {
	Xborder-radius:15px;
}

.frage{
    margin-bottom:3px;
    background-color:#FFFFFF;
    padding:5px;
    line-height:1.0rem;
}

.antwort {
    display:none;
    background-color:#FFFFFF;
    color:#333333;
    padding:10px;
    font-size:1.0rem;
    line-height:1.3rem;
    margin-bottom:15px;
}

.letztesuche{
	font-family:verdana;
	font-size:0.9rem;
    padding:0.2rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
    border-radius:0.7rem;
    line-height:2rem;
    text-decoration:none;
    margin-right:20px;
	background-color:#888888;
    white-space: nowrap; 
}

#newsfeed{
	background-color:#009933;
	color:#FFFFFF;
	font-size:90%;
	line-height:110%;
	width:300px;
	position: fixed;
	bottom: 0;
	right: 0;
	display:none;
	z-index:2;
	overflow:hidden;
	padding:20px;
}



#navi{
	text-align:left;
	line-height:180%;
}

#navimobile{
	display:none;

}

#navilinks {
	float:left;
	width:20%;
	max-width:980px;
	margin:auto;
}

@media (max-width: 550px) /*Mobilansicht*/
{
    .unterseite {background-color:#333333; margin-top:10px; padding:10px;}
	#navilinks {display:none;}
	.mobilXXX {display:none;}	/*Testweise wegen google deaktiviert*/
	#logo {width:70%;}
	#headline {font-size:1.1rem;}
	#newsfeed{width:90%;}
	#navi{
		background-color:#EEEEEE;
		xborder:5px solid #EEEEEE;
		width:100%;

        position:absolute;
		z-index:3;
		opacity:1;
		xpadding:5px;
    }
	body {
		font-size: 1.5rem;
		line-height: 2.1rem;
	}


}

@media (min-width: 551px)  /*Desktopansicht*/
{
    .unterseite {background-color:#333333; margin-top:10px; padding:30px; padding-top:10px;}
	#knopf {display:none;}
	#hauptinhalt {margin-left:22%;}
	#logo {margin-top:20px;}
	#navimobile{
		display:none;
	}
}

.textschatten {text-shadow:  -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0 -1px #333333;}

.rund {
	-moz-border-radius:8px; /* Safari, Chrome - alte Syntax */
	-webkit-border-radius:8px;
 	border-radius:8px; /* alle neuen Browser, W3C Standard */
}

.galeriediv{
 	width:100%;
	height:100%;
	text-align:center;
	background-color:black;
	padding:0;
	z-index:2;
	position: fixed;
	top:0;
	left:0;
	display:none;
}
.galeriediv2{		/*Für Adminbereich*/
 	width:100%;
	height:100%;
	text-align:center;
	background-color:black;
	padding:0;
	display:none;
}
.dia{max-width:100%; margin:5px;}




#cookiediv{
	background-color:black;
	color:#FFFFFF;
	padding:20px;
	font-size:80%;
	text-align:center;
	width:100%;
	position: sticky;
	top: 0;
}
#cookieset{
	font-family:arial;
	font-size:1.2rem;
	padding:10px;
	background-color:green;
	color:#FFFFFF;
	border-radius:12px;
	Xborder:3px solid #AAAAAA;
	text-decoration: none;
}



.schatten {
	box-shadow: 5px 5px 5px 0px #999999;
}
h1 {
	font-size:1.3rem;
	text-align:left;
	font-weight:400;
}
h2 {
	font-size:1.2rem;
	text-align:left;
	font-weight:400;
}
h3 {
	font-size:1.1rem;
	text-align:left;
	font-weight:400;
}


textarea,input {
	font-family:arial;
	padding:5px;
	border:1px solid #AAAAAA;
	background-color:#EEEEEE;
	font-size: 12px;
}

input[type=submit] {
	font-size: 90%;
	background-color : green;
	color : #FFFFFF;
	border-bottom : solid #888888;
	border-right: solid #888888;
	border-top: solid #AAAAAA;
	border-left: solid #AAAAAA;
	font-weight : bolder;
	padding:3px;
	border-radius:5px;
}

.blue	{color:blue;}
.green	{color:green;}
.bwithe {background-color:#FFFFFF;}


.rem90 {font-size:0.9rem; line-height:1.4rem;}
.rem80 {font-size:0.8rem; line-height:1.2rem;}
.rem70 {font-size:0.7rem; line-height:1rem;}
.rem60 {font-size:0.6rem; line-height:0.9rem;}
.rem50 {font-size:0.5rem; line-height:0.7rem;}



.fehler  {
	/*Schrift für Fehlermeldungen*/
	background-color:red;
	Xfont-size:0.9rem;
	color:#FFFFFF;
	padding:10px;
}	   
.meldung  { 													/*Schrift für Meldungen*/
	background-color:blue;
	Xfont-size:rem;
	color:#FFFFFF;
	padding:10px;
}	   
.falsch {background-color:red; color:#FFFFFF; padding:10px; border-radius:8px; margin-top:10px; margin-bottom:10px;}
.ok {background-color:green; color:#FFFFFF; padding:10px; border-radius:8px; margin-top:10px; margin-bottom:10px;}




/*normale Links*/
a					{text-decoration:underline; color:#FFFFFF; padding: 3px; border-radius: 3px; cursor: pointer; }
a:hover 			{color:#333333; background-color: #FFFFFF; }
a:focus 			{color:#333333; background-color: #FFFFFF; }


a.frage1		        { font-size:1.0rem; border-radius:0; padding:0; color:green; background-color:#FFFFFF;text-decoration: none; }
a.frage1:hover		    { font-size:1.0rem; border-radius:0; padding:0;color:#FFFFFF; background-color:black;text-decoration: none;}

a.galerielink			{ color:green; background-color:#FFFFFF; text-decoration:underline; }
a.galerielink:hover		{ color:#FFFFFF; background-color:black; text-decoration:underline; }

a.navivertrieb 			{text-decoration:underline; color:yellow; padding: 3px;	border-radius: 3px;  }
a.navivertrieb:hover	{background-color:#FFFFFF; color:black; }

a.navi			{
	font-size: 1rem;
   	text-decoration: none;
	color: #333333;
	display: block;
	line-height:1.2rem;
	padding:6px;
	border-radius:0;
	border-left:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	margin-top:5px;
}
a.navi:hover{ background-color: red; color:#FFFFFF; }

a.bilderlink:link 		{padding:0; background-color:transparent;border-radius:0;text-decoration:none;}
a.bilderlink:visited 	{padding:0; background-color:transparent;border-radius:0;text-decoration:none;}
a.bilderlink:hover 		{padding:0; background-color:transparent;border-radius:0;text-decoration:none;}
a.bilderlink:focus 		{padding:0; background-color:transparent;border-radius:0;text-decoration:none;}

a.fremdlink:link 		{padding:0; text-decoration:none; color:#333333; background-color:transparent;}
a.fremdlink:hover 		{padding:0; text-decoration:none; color:#333333; background-color:transparent;}
a.fremdlink:visited 	{padding:0; text-decoration:none; color:#333333; background-color:transparent;}
a.fremdlink:focus 		{padding:0; text-decoration:none; color:#333333; background-color:transparent;}

.seitenzahl {
	background-color:#EEEEEE;
	text-align:center;
	float:left;
	padding:0px;
	border:1px solid #888888;
	font-size:0.8rem;
	line-height:1.5rem;
	width:24px;
	height:24px;
	margin-right:2px;
	border-radius:3px;
	margin-top:2px;
}
.pfeil {
	text-align:center;
	float:left;
	padding:0px;
	width:24px;
	margin-right:2px;
	height:24px;
	padding-top:2px;
	margin-top:2px;
}


a.seitenlink:link		{text-decoration:none; display:block; color:green; font-size:0.8rem; padding:0;}
a.seitenlink:focus		{text-decoration:none; display:block; color:green; font-size:0.8rem; padding:0;}
a.seitenlink:visited	{text-decoration:none; display:block; color:green; font-size:0.8rem; padding:0;}
a.seitenlink:hover		{text-decoration:none; display:block; color:#FFFFFF; background-color:green; padding:0; font-size:0.8rem;}

a.trans:link			{
	color: #EEEEEE;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}
a.trans:hover			{
	color: #EEEEEE;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}
a.trans:focus			{
	color: #EEEEEE;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}
a.trans:visited			{
	color: #EEEEEE;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}