/* Allgemein */
/*************/
	

body
{
	border-top: 5px solid blue;
	background-color: white;
	font-family: 'Open Sans', sans-serif;
	color: #f000000;
}


@media only screen and (min-width: 30em)
{
body
{
	border-top: 5px solid blue;
	//background-color: #d3d3d3;
        background-color: white;
        background-image: url("../bilder/hintergrund_d3d3d3.png");
        background-repeat: repeat;
	font-family: sans-serif;
	color: #f000000;
}
}

h1
{
	margin: 35px 0 0 0;
	font-size: 2em;
	color: #000000;
	font-weight: bold;
}

h2
{
	margin: 0px 0 0px 0;
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 1.5em;
	color: #000000;
	font-weight: bold;
}

h3
{
	margin: 0px 0 0px 0;
	padding-top: 8px;
	padding-bottom: 5px;
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
}

p 
{
	margin: 0px 0; 
	//line-height: 25px;
	font-size: 1em;
	color: #000000;
}

a {text-decoration: none; color: inherit; transition: color .5s ease;}

strong {font-weight: bold;}

br
{
	clear:both;
}

#blau 
{
	color:blue;
}

#rot
{
	font-style:normal;
	color:red;
}

#bggrau
{
	margin: 0px 0px 10px 0px;
	padding: 5px;
	background-color:#f2f2f2;
	max-width:700px;
}

#bgwhite
{
	margin: 0px 0px 10px 0px;
	padding: 5px;
	background-color:#ffffff;
	//max-width:700px;
}

#top5
{
	margin-top: 5px;
}

#mr5
{
	margin-right:-15px;
}	


#karte { height: 180px; width: 900px;}


/* Section button */
/******************/
#button
{
	width:auto;
	max-width:900px;
	margin:0 auto;
}


#button article
{
	float:none;
} 


#button nav ul 
{
	//margin: 20px 0px 0px 0px;
	padding: 10px 10px 30px 10px;			/* Rahmen des gesamten Hintergrundbereichs */
	background-color:white;
}

#button nav ul li 
{
	display: inline-block;
	line-height: 2em;
	list-style-type: none;
	//padding: 3px 20px 0px 10px;
	color: blue;
		
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; 
}

	
#button nav ul li a 
{
	display: block;
	line-height: 2em;
	width: 8em;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 0px;
	background-color:blue;

	text-transform: none;
	font-style:bold;
}

#button nav ul li a.gruen 
{
	display: block;
	line-height: 2em;
	width: 8em;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 0px;
	background-color: green;

	text-transform: none;
	font-style:bold;
}


#button nav ul li a:link 
{
	color: #000000; 
	text-decoration:none;
	color: white;
	font-style:bold;
}

#button nav ul li a:visited 
{
	//color: #999999;
	color: aqua;
	text-decoration:none;
}

#button nav ul li a:hover
{
	//color: blue;
	text-decoration:none;
}


/* Kopf - header */
/*****************/
header
{
	position:relative;
	width:auto;
	max-width:900px;
	margin: 0 auto;
	//margin: 0 auto 0px auto;
}



/* Navigation */
/**************/

/*nav
{
	border-top: 3px solid blue;
	background-color: white;
	//padding-top: 10px;
}
*/


input#responsive-nav-1,
label.rsponsive-nav-label-1 
{
	display: none;
}

label.responsive-nav-label-1
{
	position: relative;
	display: block;
	padding: 0px;
	//background: #222;
	background-color:#f2f2f2;
	cursor: pointer;
	//color: #fff;
	color: black;
}

input#responsive-nav-1[type=checkbox]:checked ~ nav
{
	position: relative;
	top: 0;
}

	
nav ul 
{
	margin: 10px 0px 0px 0px;
	padding: 0;
	//background-color:#cccccc;
	background-color:#f2f2f2;
}

nav ul li 
{
	display: inline-block;
	line-height: 56px;
	list-style-type: none;
	padding: 3px 0px 0px 10px;
	color: blue;
	text-transform: uppercase;
		
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; 
}

	
nav  ul li a 
{
	display: block;
	line-height: 56px;
	text-decoration: none;
	text-transform: uppercase;
}


nav ul li a:link 
{
	color: #000000;
	text-decoration:none
}

nav ul li a:visited 
{
	color: #000000;
	text-decoration:none
}



nav ul li a:hover
{
	color: blue; 
	text-decoration:none;
}



/* Unternavigation einblenden */
nav ul li:hover ul 
{
  font: inherit;
	line-height: 2em;
	//display: table;
	max-width:10em;
	//background-color: blue;
	border: 1px solid black;
  z-index: auto;   /*  Unternavigation einblenden */
}

}


nav ul ul li 
{
	float: none;
	margin-bottom: 0.1em;
}

nav ul ul li a
{
	display: block;
	line-height: 1.2em;
	font-size: 1em;
	text-decoration: none;
	text-transform: none;
}

/* Unternavigation ausblenden */
nav ul ul 
{
  	margin: 0; 
  	padding: 0;
  	position: absolute;
  	top: 3.5em; 
  	font: 0/0 serif;/* Unternavigation ausblenden */
  	z-index: -1;
}


/* Hamburger-Menü */
/*----------------*/
/*
@media only screen and (max-width: 30em)
{
label.responsive-nav-label
{
	position: relative;
	display: block;
	padding: 20px;
	//background: #222;
	background-color:#f2f2f2;
	cursor: pointer;
	//color: #fff;
	color: black;
}

label.responsive-nav-label-1
{
	position: relative;
	display: block;
	padding: 20px;
	//background: #222;
	background-color:#f2f2f2;
	cursor: pointer;
	//color: #fff;
	color: black;
}

label.responsive-nav-label span
{
	margin-right: 10px;
}


nav 
{
	position: absolute;
	top: -9999px;
	padding: 10px;
}


input#responsive-nav[type=checkbox]:checked ~ nav
{
	position: relative;
	top: 0;
}

input#responsive-nav-1[type=checkbox]:checked ~ nav
{
	position: relative;
	top: 0;
}

#responsive-nav-1:checked + .responsive-nav-1 + nav
{
	max-height: 600px;
}

nav a:after
{
	display: none;
}

nav li
{
	float: none !important;
	width: 100% !important;
	border-bottom: none !important;
}

nav li a
{
	margin-botton: 10px !important;
	padding: 10px 20px !important;
	//background: #4a4a4a;
	background-color:#f2f2f2;
}

nav ul li:hover
{
	background: none;
}

nav ul li a:hover {
	background: #4096ee;
}

nav ul ul
{
	position: relative !important;
	width: 100%;
	left: 0 !important;
	top: 0 !important;
	background: none !important;
	box-shadow: none;
}

nav ul ul li
{
	padding-left: 20px;
}

}
*/

/* Section einspaltig */
/***********************/
#einspaltig
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:20px 0 0px 0;
	background-color: white;
}


#einspaltig article
{
	float:none;
}

#einspaltig article img
{
	float:left;
	max-width: 100%;
	height: auto;
	margin-right:20px;


}

#einspaltig a:link 
{
	color:black;
	text-decoration:underline;
}

#einspaltig a:visited 
{
	color:grey;
	text-decoration:underline;
}

#einspaltig b
{
	font-style:bold;
	font-size: 1.5em;
}

#einspaltig i
{
	font-style:italic;
}

/* Section einspaltiglinien */
/****************************/
#einspaltiglinien
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:20px 0 0px 0;
}	

#einspaltiglinien article
{
	float:none;
}


#einspaltiglinien h1
{
	font-family: sans-serif;
font-size:1.5em;
	margin-top:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

#einspaltiglinien a:link 
{
	color:black;
	text-decoration:underline;
}

#einspaltiglinien a:visited 
{
	color:grey;
	text-decoration:underline;
}


/* Section einspaltigkleinlinien */
/*********************************/
#einspaltigkleinlinien
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:20px 0 0px 0;
	background-color: white;
}	

#einspaltigkleinlinien article
{
	float:none;
	//margin-right:45px;
}

#einspaltigkleinlinien article img
{
	float:left;
	margin-right:20px;
}

#einspaltigkleinlinien p
{
	font-family: sans-serif;
	font-size:0.9em;
	line-height: 1.1;
	vertical-align: middle;
	margin-top:5px;
	padding-top:10px;
	padding-bottom:16px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

#einspaltigkleinlinien a:link 
{
	color:black;
	text-decoration:underline;
}

#einspaltigkleinlinien a:visited 
{
	color:grey;
	text-decoration:underline;
}


/* Section einspaltigkleinlinienz */
/*********************************/
#einspaltigkleinlinienz
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:20px 0 0px 0;
	background-color: white;
}	

#einspaltigkleinlinienz article
{
	float:none;
}


#einspaltigkleinlinienz p
{
	font-family: sans-serif;
        font-weight: bold;
	font-size:0.9em;
	line-height: 1.1;
        text-align:center;
	vertical-align: middle;
	margin-top:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

#einspaltigkleinlinienz a:link 
{
	color:black;
	text-decoration:underline;
}

#einspaltigkleinlinienz a:visited 
{
	color:grey;
	text-decoration:underline;
}


/* Section einspaltigklein */
/***************************/
#einspaltigklein
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:20px 0 0px 0;
	background-color: white;
}	

#einspaltigklein article
{
	float:none;
	//margin-right:45px;
}

#einspaltigklein article img
{
	float:left;
	margin-right:20px;
}

#einspaltigklein p
{
	font-family: sans-serif;
	font-size:0.8em;
	line-height: 1.1;
	vertical-align: middle;
	margin-top:5px;
	//padding-top:10px;
	//padding-bottom:16px;
}

#einspaltigklein a:link 
{
	color:black;
	text-decoration:underline;
}

#einspaltigklein a:visited 
{
	color:grey;
	text-decoration:underline;
}


/* Section einspaltiglinien */
/****************************/
#einspaltiglinien
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:20px 0 0px 0;
	background-color: white;
}	

#einspaltiglinien article
{
	float:none;
}


#einspaltiglinien h1
{
	font-family: sans-serif;
font-size:1.5em;
	margin-top:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

#einspaltiglinien a:link 
{
	color:black;
	text-decoration:underline;
}

#einspaltiglinien a:visited 
{
	color:grey;
	text-decoration:underline;
}

/* Section seitenanfang */
/************************/
#seitenanfang
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:10px 0px 0px 0px;
	background-color: white;
}

	
#seitenanfang article
{
	float:none;
	border-top: 4px solid blue;
}

#seitenanfang article p
{
	font-size: 0.1em;
	background-color: yellow;
}



#seitenanfang nav ul 
{
	//margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background-color:#f2f2f2;
}

#seitenanfang nav ul li 
{
	display: inline-block;
	font-size: 1em;
	line-height: 2em;
	text-transform: uppercase;	
	list-style-type: none;
	padding: 3px 20px 0px 10px;  /* Abstand der Menüpunkte */
	color: blue;

		
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; 
}

	
#seitenanfang nav  ul li a 
{
	display: block;
	line-height: 2.4em;  /* war 56px */
	text-decoration: none;
	text-transform: uppercase;
	//background-color:green;
}


#seitenanfang nav ul li a:link 
{
	color: #000000;
	text-decoration:none
}

#seitenanfang nav ul li a:visited 
{
	color: #000000;
	text-decoration:none
}



#seitenanfang nav ul li a:hover
{
	color: blue; 
	text-decoration:none;
}



/* Unternavigation einblenden */
#seitenanfang nav ul li:hover ul 
{
  	font: inherit;
	line-height: 2em;
	max-width:10em;
	//background-color: #cccccc;
	border: 1px solid black;
  	z-index: auto;   /*  Unternavigation einblenden */
}


#seitenanfang nav ul ul li 
{
	float: none;
	//margin-bottom: 0.1em;
}

#seitenanfang nav ul ul li a
{
	display: block;
	line-height: 1.2em;
	font-size: 0.9em;
	text-decoration: none;
	text-transform: none;
}

/* Unternavigation ausblenden */
#seitenanfang nav ul ul 
{
  	margin: 0; 
  	padding: 0;
  	position: absolut;
	//background-color: yellow;
  	top: 5em; 
  	font: 0/0 serif;
  	z-index: -1;     /* Unternavigation ausblenden */
}



/* Section disstext */
/********************/
#disstext
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background-color: white;
}

@media only screen and (min-width: 30em)
{
#disstext
{
	width:auto;
	max-width:860px;
	margin:0 auto;
	padding:20px 20px 20px 20px;
	background-color: white;
}
}



#disstext p
{
	font-size: 0.9em;
	line-height: 1.2;
	margin-top: 0.8em;
}

#disstext h1
{
	font-size: 1.1em;
	font-weight:bold;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:10px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

@media only screen and (min-width: 30em)
{
#disstext h1
{
	font-size: 1.6em;
	font-weight:bold;
	margin-top:5px;
	padding-top:10px;
	padding-bottom:8px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
}

#disstext h2
{
	font-size: 1.4em;
	font-weight:bold;
	margin-top: 0.3em;
}

#disstext h3
{
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 0.6em;
}

#disstext h4
{
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 0.8em;
}

#disstext li
{
	font-size: 0.9em;
	line-height: 1.2;
}


#disstext table
{
	font-size: 0.9em;
	line-height: 1.2;
	margin-top: 0.6em;
}

#disstext tr
{
	font-size: 0.9em;
	line-height: 1.2;
}



#disstext article
{
	float:none;
}

/* schmale Bildschirme */
[class*="zeile"]{margin-left:0em;}

/* breite bildschirme */
@media only screen and (min-width: 30em)
{
#disstext p.zeile02 {margin-left:2.1em;}
#disstext p.zeile03 {margin-left:3.4em;}
}

#disstext img
{
	float:none;
	max-width: 100%;
	height: auto;
    	display: block;
    	margin-left: auto;
    	margin-right: auto; 
}

#disstext article img.links {float:left}

#disstext a:link 
{
	color:black;
	text-decoration:underline;
}

#disstext a:visited 
{
	color:grey;
	text-decoration:underline;
}

#disstext b
{
	font-style:bold;
	font-size: 1.5em;
}

#disstext i
{
	font-style:italic;
}

#disstext i.zitat
{
	font-style: italic;
	//font-size: 0.8em
}

@media only screen and (min-width: 30em)
{
#disstext i.zitat
{
	font-style: italic;
	//font-size: 0.8em
	max-width: 80%;
    	display: block;
    	margin-left: 50px;
    	margin-right: 50px; 
}
}
	

#disstext nav 
{
	margin: 10px 0px 0px 0px;
	border-top: 1px solid black;
font-size: 0.95em	
}

#disstext nav ul 
{
	margin: 10px 0px -10px 0px;	/* Abstand zur oberen Linie */
	//padding: 10px 10px 30px 30px;			/* Rahmen des gesamten Hintergrundbereichs */
	background-color: white;	/* weil allgemeines nav ul definiert ist */
}

#disstext nav ul li 
{
	display: inline-block;
	line-height: 2em;
	list-style-type: none;
	margin-left: -10px;		/* weil allgemeines nav ul li definiert ist */
	padding-bottom: 8px;
	padding-right: 13px;
	color: blue;
		
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; 
}

	
#disstext nav ul li a 
{
	display: block;
	line-height: 2em;
	width: 8em;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 5px;
	background-color:blue;

	text-transform: none;
	font-style:bold;
}

#disstext nav ul li a.gruen 
{
	display: block;
	line-height: 2em;
	width: 8em;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 5px;
	background-color: green;

	text-transform: none;
	font-style:bold;
}


#disstext nav ul li a:link 
{ 
	text-decoration:none;
	color: white;
	font-style:bold;
}



#disstext nav ul li a:visited 
{
	color: aqua;
	text-decoration:none;
}

#disstext nav ul li a:hover
{
	//color: black;
	text-decoration:none;
}



/* Section Links */
/*****************/
#links
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:20px 0 45px 0;
}

#links article
{
	float:left;
	width:250px;
	margin-right:50px;
}

#links article h3
{
	font-family: sans-serif;
	font-size:1.1em;
	margin-top:5px;
	margin-bottom:20px;
	margin-left:0px;
}

#links article img
{
	float:top;
}


/* Section gebiet */
/******************/
#gebiet
{
	width:auto;
	max-width:900px;
	margin:0 auto;
	padding:20px 0 45px 0;
}

#gebiet article
{
	float:left;
	width:250px;
	margin-right:50px;
	font-size:0.9em;
}

#gebiet article h3
{font-family: sans-serif;
color:#ffffff;
background-color:#EB272A;
font-size:20px;
padding:5px 5px 2px 5px;
margin-top:10px;
margin-bottom:5px;
margin-left:0px;}

#gebiet article img
{float:top;}

#gebiet .thumb-screen
{display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:113px;
background: #000 url(resources/zoom.png) center center no-repeat;
z-index:99;
opacity: 0;
transition: opacity .5s ease;}

#gebiet ul
{list-style:disc;}

#gebiet article p
{line-height:25px;
font-family: sans-serif;
margin-left:0px;}

#gebiet a:link 
{color: #EB272A; text-decoration:none}
#gebiet a:visited 
{color: #EB272A; text-decoration:none}
#gebiet a:hover
{color: #000000; text-decoration:none}

#gebiet img
{float:left; width:auto; max-width:900px; border-style:solid; border-Color:black; border-width:thin}


/* Section kontur */
/******************/
#kontur
{
	width:auto;
	max-width:860px;
	margin:0 auto;
	padding:20px 20px 20px 20px;
	background-color: white;
}

#kontur p
{
	font-size: 0.9em;
	line-height: 1.4;
	//margin-top: 0.8em;
}

#kontur h1
{
	font-size: 1.8em;
	font-weight:bold;
	margin-top:5px;
	padding-top:10px;
	padding-bottom:10px;
}

#kontur article
{
	float:none;
}

/* schmale Bildschirme */
[class*="zeile"]{margin-left:0em;}

/* breite bildschirme */
@media only screen and (min-width: 30em)
{
#kontur p.zeile01 {margin-left:0em;}
#kontur p.zeile02 {margin-left:2.1em;}
#kontur p.zeile03 {margin-left:3.4em;}
#kontur p.zeile04 {margin-left:4.36em;}
#kontur p.zeile05 {margin-left:5.2em;}
#kontur p.zeile06 {margin-left:5.9em;}
#kontur p.zeile07 {margin-left:6.5em;}
#kontur p.zeile08 {margin-left:7.3em;}
#kontur p.zeile09 {margin-left:7.5em;}
#kontur p.zeile10 {margin-left:7.9em;}
#kontur p.zeile11 {margin-left:8.1em;}
#kontur p.zeile12 {margin-left:8.6em;}
#kontur p.zeile12S {margin-left:11em;}
#kontur p.zeile13 {margin-left:9.1em;}
#kontur p.zeile14 {margin-left:9.26em;}
#kontur p.zeile15 {margin-left:9.44em;}
#kontur p.zeile16 {margin-left:9.54em;}
#kontur p.zeile17 {margin-left:9.64em;}
}

#kontur article img
{
	float:left;
	max-width: 100%;
	height: auto;
	margin-right:20px;
}

#kontur a:link 
{
	color:black;
	text-decoration:underline;
}

#kontur a:visited 
{
	color:grey;
	text-decoration:underline;
}

#kontur b
{
	font-style:bold;
	font-size: 1.5em;
}

#kontur i
{
	font-style:italic;
}





/* Section leerzeile */
/*********************/
#leerzeile
{
	float:none;
position:relative;
	width:auto;
	max-width:900px;
	//margin:0 auto;
	margin: 10px 0px 10px 0px;
	padding:70px 0 0 0;
}

#leerzeile article
{
	float:left;
	font-size:1px;
}

/* Section trennlinie */
/**********************/
#trennlinie
{
	position:relative;
	width:auto;
	max-width:900px;
	margin: 0 auto;
	border-top: 2px solid black;
}

#trennlinie article
{
	float:left;
	margin-right:45px;
	font-size:1px;
}


/* footer */
/**********/
footer
{
	position:relative;
	clear:both;
	width:auto;
	height:1.2em;
	padding:2px 5px 0px 5px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:0px;
	background:blue;
}

footer p
{
	font-family: sans-serif;
	font-size:0.8em;
	color: #ffffff;
	margin-top:0.2em;
	//margin-bottom:5px;
	//margin-left:0px;
}