@charset "UTF-8";
/* CSS Document */

* {     
	margin: 0;     
	padding: 0;     
}

body {
	border: 0;
	font-family:Arial;
	font-size:15px;
	
	background-color: white;		
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 2500px 1500px;
	background-repeat:no-repeat;
	background-position: center;
	
	
}


/*
Definierte Farben
ANFANG 
*/

.bg_blue {
	background-color: #003366;		
}

.font_blue {
	color: #003366;
}

/*
Schriftarten
*/

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #003366;
	font-size: 19px;
	margin-bottom: 20px;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #003366;
	font-size: 16px;
	margin-bottom: 20px;
}

h3 {
	font-size: 14px;
	margin-bottom: 8px;
}

aside p {
	font-size: 15px;
}

p {
	font-size: 13px;
	padding-bottom: 18px;
}

a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}

p a {
	text-decoration: underline;	
	color: #003366;
}

p a:hover {
	text-decoration: none;
	color: #0066B2;
}



/*

*/

header {
	height: auto;
	width: 100%;
	background: #FFF;
	margin: 0;min-width: 800px;
}

header #titelbild {
	height: 120px;
	margin: 40px auto 20px 30px;
}

nav {
	background-color: #003366;
	color: #FFF;
	font-size:17px;
	height: auto;
	width: 100%;
	min-width: 800px;
}

nav ul {
	/* zentriert */
	margin: 0 auto;
	width: auto;
	text-align: center;
}

nav li, footer li {
	text-transform: uppercase;
	display: inline;
	line-height: 40px;
	vertical-align: middle;
	margin: 0px 15px;
}

footer {
	position: fixed;
	bottom: 0px;
	background-color: #003366;
	color: white;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	vertical-align: top;
}

#menu_bottom {
	float: right;
	padding-right: 100px;
}

/* Boxen etc */

div#main {	
	margin: 35px auto 100px auto;
	
	min-width: 800px;
	max-width: 1000px;
	
	
	/* Für aside und section flex basis nötig */
	display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
}

div#main aside {
	-webkit-flex-basis: 20%;
  	flex-basis: 20%;
	background: #FFF;
	background-color: rgba(255,255,255,0.85);
	margin-left: 30px;
	padding: 20px 15px 15px 15px;
}

div#main section {
	-webkit-flex-basis: 80%;
  	flex-basis: 80%;
	background-color: rgba(255,255,255,0.85);
	min-height:500px;
	overflow:hidden;
	padding: 30px 15px 10px 30px;
	
	/* Für Main_Content und Main_right flex basis nötig */
	display: -webkit-flex;
  	display: flex;
  	-webkit-align-items: stretch;
  	align-items: stretch;
}


div.main_content {
	-webkit-flex-basis: 60%;
  	flex-basis: 60%;
	margin-right: 15px;
}

div.main_content_55 {
	-webkit-flex-basis: 55%;
  	flex-basis: 55%;
	margin-right: 15px;
}

div.main_right {
	-webkit-flex-basis: 45%;
  	flex-basis: 45%;
}

div.main_right_45 {
	-webkit-flex-basis: 45%;
  	flex-basis: 45%;
}

div.main_complete {
	-webkit-flex-basis: 100%;
  	flex-basis: 100%;
	margin-right: 15px;
}

/* Images */
.img_aside {
	width: 100%;
	margin-top: 20px;
}

.img_main_r {
	width: 100%;
	float: right;
	clear: right;
	margin: 10px 0px 10px 0px;
}


.fehlermeldung {width:60%; padding:5px; background:#fd2d00; color:#FFF; }
.update {width:100%; padding:5px; background:#093; color:#FFF; margin-bottom: 50px; }

.formular {border:0px solid #FFF; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.formularbutton {background:#003366; padding:5px; font-weight:bold; color:#FFF; text-align:center; width:200px; border:0px solid #383838;}
.formular:hover {background:#FFF; }

.tabelle_bestellung {padding:0; margin:0; line-height:22px;}
.tabelle_bestellung td {padding:5px; vertical-align:top;}
.tabelle_bestellung td:first-child {padding-left:0px;}