@import url("layout.css");
body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	background-color: #f2f2f7;
	background-image: url("../images/background.gif");
	background-repeat: repeat;
	background-attachment: scroll;
}
#container {
	width: 1002px;
	height: 746px;
	margin: 10px auto;
}
#masthead {
	text-align: center;
	width: 1000px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fafaff;
	}
#masthead2 {
	text-align: center;
	width: 1000px;
	border-top: 10px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fafaff;
	}
#navigation {
	position: relative;
	float: left;
	width: 128px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
}
#content {
	position: relative;
	float: left;
	width: 840px;			/* alt 682px (840) */
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
}

#bilder
	li {
	display: inline-block;	
	list-style-type: none;
	width: 45%;
}

/*img {
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;	
	/*width: 100%;  /* Bild passt sich an verfügbaren Raum im li an */
} */

button {
  padding: 0.1em;
}

     /* Large screens */
@media all and (min-width: 35em) {
	li {
		width: 10em;
	}

	button:focus, 
	button:hover {
		background: #09c;
	}
}
	
}
 /* bis Zeile 96 war es weg */
/*#sponsoring {
	text-align: center;
	width: 130px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #eee;
	border-color:navy;
	border-width:5px;
	border-style:solid;
}
*/
 
#footer {
	position: absolute;
	bottom: 0; 
	text-align: center;
	clear: both;
	width: 1000px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fefeff;
}


/* Mastertitel-Formatvorlagen  */
#masthead h1 {
	color: #00b200;
	font-size:50px
}
#masthead h3 {
	color: #5f8ea9;
}
/* Navigationsformatvorlagen*/
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	background-color: #fff;
}
#navigation a {
	color: #3d6c87;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #fff;
	background-color: #fff;
}
#navigation a:hover {				/* mit der Maus drauf und dann ... */
	color: #ff0000;                 /* Text wird rot */
	text-decoration: none;
	border: 1px solid #ffe500;		/* gelber Kasten */
	background-color: #ffe500;
}
/* Inhaltsformatvorlagen */
#content h1,h2,h3,h4,h5,h6 {
	color: #29812B;
}
/* hier habe ich angefangen */
#content a {
	color: #5fbea9;
	text-decoration: underline;
}
# content a:hover {
	color: #f00;
	text-decoration: underline;
	background-color: none;
}
/* hier aufgehört */
/*#content img {
	padding: 5px;
	border: 1px solid #808080;
	width: auto;
	height: auto;
}	*/
#content img {
  max-width: 100%;
  height: auto;
  object-fit: none;
}

/* Sponsoringformatvorlagen */
#content h1,h2,h3,h4,h5,h6 {
	color: #29812B;
}
/*#content img {
	padding: 5px;
	border: 1px solid #808080;
	width: auto;
	height: auto;	

} */
/* Fusszeilen-Formatvorlagen */
#footer p {
	color: #808080;
	margin-top: 5px;
}
#footer a {
	color: #5fbea9;
	text-decoration: underline;
}
#footer a:hover {
	color: #f00;
	text-decoration: none;
}
a {
	color: #5fbea9;
	text-decoration: underline;
}
a:hover {
	color: #33627d;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
/* Tabelle für Inhaltsbox */
#content body {
	background: white;
	font: 100.01% Verdana, sans-serif;
	color: black;
}
#content caption {
	font-weight: bold;
	color: #647d8f
}
#content thead{
	font-weight: bold;
	color: #647d8f
}
tfoot { background-color: aqua; }
tfoot td { background-color: #e6d3cf; }
tbody { background-color: white; }
tbody td {
	border: 1px white;
	background-color: white;
	vertical-align: middle;
	font-weight: bold;
	color: black;
}
/* Links für Inhaltsbox */
#content ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#content li {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	background-color: #fff;
}
				/* zum testen entfernt bis ... */
/*#content a {
	color: #5fbea9;
	text-decoration: underline;
}
# content a:hover {
	color: #f00;
	text-decoration: underline;
	background-color: none;
} */

#content a {
	color: #0000ff;
	text-decoration: underline;
	display: block;
	padding: 5px;
	border: 1px solid #fff;
	background-color: #fff;
}
#content a:hover {
	color: #f00;
	text-decoration: none;
	border: 1px solid #fff;
	background-color: #fff;
}
	
			/* bis hier entfernt */
/* Formatierungen fuer Formulare */
#content body {
	font: 100.01% veranda, sans-serif;
	color: #6078bf;
}
#content legend {
	font-weight: bold;
	background-color: #ffcc80;
	border: 1px solid #bf9960;
	padding: 4px;
	width: 10em;
	text-align: center;
	margin: 10px 10px 10px 4px;
}
#content fieldset {
	border: 1px dotted #ffcc80;
	margin: 10px;
	width: 20em;
	padding: 10px;
}

#content blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite;            
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }    
}
.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #1f6888 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}

option:nth-child(odd) {
    background-color: #eee;
}

option:nth-child(even) {
    background-color: #bbb;
}  

option:checked {
    background-color: orange;
}

option:checked, 
option:hover {
    background-color: orange;
}

option:checked, option:hover {
    background:url(hintergrundbild.jpg);
    background-image:linear-gradient(90deg, yellow 0%, red 80%);
}

option:checked, option:hover {
    background-image:linear-gradient(90deg, yellow 0%, red 80%)
}

option:hover {
  background-image:linear-gradient(90deg, orange 0%, yellow 70%);
}