/** Allgemeine Formatierungen **/

body {
	color: white;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	margin: 0px;
}


/** Formatierung für mobile Ansicht **/

/** Navigation wird als vertikale Liste über die komplette Breite dargestellt **/

nav {
	display: none;
}

nav ul {
 	padding: 0px;
 	margin: 0px;
 	width: 100%;
}
 
nav ul li {
	list-style: none;
	padding: 20px 10px;
	border: 0px solid white;
	background: images/style/hintergrund.gif; /* Old browsers */
	background: -moz-linear-gradient(top, images/style/hintergrund.gif 0%, images/style/hintergrund.gif 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,images/style/hintergrund.gif), color-stop(100%,images/style/hintergrund.gif)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* IE10+ */
	background: linear-gradient(to bottom, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* W3C */
}


/** Anpassungen Checkbox+Label (Button) **/

input#open-menu {
	display: none;
}

input[type=checkbox]:checked ~ nav {
    display: block;
}
	
label.open-menu-label {
	color: #FF9933;
	background: images/style/hintergrund.gif; /* Old browsers */
	background: -moz-linear-gradient(top, images/style/hintergrund.gif 0%, images/style/hintergrund.gif 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,images/style/hintergrund.gif), color-stop(100%,images/style/hintergrund.gif)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* IE10+ */
	background: linear-gradient(to bottom, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* W3C */
	padding: 10px 5px;
	border: 0px solid white;
	display: block;

}


/** Formatierung für Tablet und Desktopansicht **/

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

	/** Navigation wird als einfarbiger, horizontaler Balken dargestellt **/
	
	nav {
		display: block;
		text-align: center;
		padding: 8px;
		background: images/style/hintergrund.gif; /* Old browsers */
		background: -moz-linear-gradient(top,images/style/hintergrund.gif 0%, images/style/hintergrund.gif 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,images/style/hintergrund.gif), color-stop(100%,images/style/hintergrund.gif)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* IE10+ */
		background: linear-gradient(to bottom, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* W3C */
	}
	
	nav ul li {
		display:inline;
		width: 8%;
		border: 0px solid white;
		background: images/style/hintergrund.gif; /* Old browsers */
		background: -moz-linear-gradient(top, images/style/hintergrund.gif 0%, images/style/hintergrund.gif 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,images/style/hintergrund.gif), color-stop(100%,images/style/hintergrund.gif)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* IE10+ */
		background: linear-gradient(to bottom, images/style/hintergrund.gif 0%,images/style/hintergrund.gif 100%); /* W3C */
	}
	
	/** Label wird ausgeblendet **/
	label.open-menu-label {
		display: none;
	}
}

.navigation
  body {
    font: normal 80% Helvetica, Arial, sans-serif;
    color: #FF9933; background-color: transparent;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }
  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.1em; padding: 0;
  }
  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 8em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.1em 1em;
    text-decoration: none; font-weight: bold;
    border: 0px solid #FF9933;
    border-left-color: #FF9933; border-top-color: #FFFFFF;
	border-right-color:#33CC33; border-bottom-color:#33CC33;
    color: #FF9933; background-color: transparent;
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: #FF9933;
    border-left-color: #FF9933; border-top-color: #FFFFFF;
	border-right-color:#33CC33; border-bottom-color:#33CC33;
    color: #000000; background-color: images/style/hintergrund.gif;
  }
.shadow {
   font-size: 200%;
   color:#FF3300;
   text-shadow:1px 1px #FF3300,2px 2px #FFFFFF,3px 3px #FFFFFF,4px 4px #FFFFFF;
}
iframe {
  border: none;
}
.auto-style1a {
	border-left: 4px solid #006600;
	border-right: 4px solid #FF9933;
	border-top: 4px solid #006600;
	border-bottom: 4px solid #FF9933;
	background-color: #333333;
}
.auto-style1 {
	color: #000000;
}
.auto-style2 {
	font-size: x-small;
	color: #FFFFFF;
}
.auto-style3 {
	background-color: #333333;
}
}
.auto-style4 {
	background-image: url('images/style/hintergrund.gif');
}
.auto-style5 {
	color: #FF9933;
	text-align:center;
}
.auto-style6 {
	color: #009933;
	font-weight: bold;
	padding: 0;
	background-color: #333333;
}
.auto-style7 {
	color: #FFFFFF;
}
.auto-style8 {
	border-style: solid;
	border-width: 3px;
	background-color: #333333;
}
.auto-style9 {
	color: #FFFFFF;
	text-align: center;
}
.auto-style10 {
	background-color: #FF0000;
}
.auto-style11 {
	border-width: 0px;
}
.auto-style12 {
	background-color: #9f9f9f;
}
.auto-style13 {
	background-color: #7f7f7f;
}
.auto-style14 {
	color: #FF9933;
	font-weight: bold;
}
.auto-style15 {
	color: #FF3300;
	font-weight: bold;
}
.auto-style16 {
	text-align: left;
}