body {
	font-family			: Arial, sans-serif;
	font-size			: 14px;
	color				: #333333;
	overflow-y			: scroll;
	overflow-x			: hidden;
	min-height			: 101%; /*Scrollbar immer anzeigen*/
	background			: #fff;
}

#wrapper {
	width				: 100%;
	max-width			: 1196px; 
	height				: auto; 
	text-align			: left; 
	margin				: 0 auto;
	position			: relative;
}

/* Farben
 
*/

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

table {
	border-spacing			: 0;
}

td {
	font-family			: Arial, sans-serif;
	color				: #333333;
	vertical-align			: top;
}

p { margin				: 1em 0; }

div {
	text-align			: justify;
}

h1 {
	font-size 			: 18px;
	color				: #0b43be;
	margin-bottom			: 1em;
}
h2 {
	font-size			: 14px;
	color				: #7c7c7c;
	margin				: 0 0 1em 0;
	padding				: 0 0 0 15px;
	font-weight			: normal;
	background			: url(/images/breadcrumb.png) left center no-repeat;
	border-bottom		: 1px solid #c9c9c9;
}

a {
	color				: #333333;
	font-weight			: bold;
	text-decoration			: none;
}
a:hover { color				: #0b43be; }


img {
	border				: none;
}
#get {
	background			: url(http://http-get.de/get.gif) no-repeat;
}

ul { margin-left				: 1.3em; }

#logobox {
	float			: left;
	width			: 100%;
	max-width		: 1196px; 
	height			: auto;
}

#logo {
	position		: absolute;
	float			: left;
	top				: 180px;
	left			: 0;
	width			: 100%; 
	max-width		: 554px; 
	height			: auto;
}

#logomobile {
	display			: none;
	width			: 100%;
	max-width		: 554px;
	height			: auto;
	margin			: 0 auto;
}

#headbild {
	float			: left;
	width			: 100%;
	max-width		: 1196px; 
	height			: auto;
}

#contentwrapper {
	float			: left; 
	width			: 100%;
	min-height		: 300px;
	border-bottom	: 1px solid #dadada;
}

#contentleft {
	float			: left; 
	width			: 100%;
	max-width		: 550px;
	min-height		: 300px;
	padding			: 50px 55px 50px 55px;
}

#contentright {
	float			: left; 
	width			: 100%;
	max-width		: 422px;
	min-height		: 301px;
	padding			: 50px 20px 26px 90px;
}

textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 2px solid #cecece;
	background			: #FFFFFF;
	margin				: 1px 0;
	padding				: 2px;
	font-size			: 1em;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

/*für den IE*/
input[type=radio] {
	padding				: 0px;
	background			: 0px;
	border				: 1px;
}

.button {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 2px solid #cecece;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 7px;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #ffffff;
	border				: 2px solid #cecece;
	background			: #0b43be;
	margin				: 1px 0;
	font-size			: 1em;
	cursor				: pointer;
}

#impressum {
	margin-left			: 290px;
}
#facebook {
	float				: right;
	margin-top			: 7px;
}

#menue {
   	position			: relative;
	float				: left;
	width				: 100%;
	max-width			: 1183px;
	height				: auto; 
	font-size			: 18px;
	color				: #545454;
	padding-top			: 30px;
	padding-left		: 13px;
   }
a.menu {
	display				: block;
	font-weight			: lighter;
	font-size			: 18px;
	margin				: 10px 40px 11px 40px;
	float 				: left;
	color				: #545454;
}
a.menu:hover, a.menu_on, a.menu_on:hover {
	display				: block;
	font-weight			: lighter;
	font-size			: 18px;
	margin				: 10px 40px 10px 40px;	
	float 				: left;
	color				: #0b43be;
	border-bottom		: 1px solid #0b43be;
}

#footer {
	float			: left;
	font-size		: 16px;
	width			: 1196px; 
	height			: 133px;
}
#box1 {
	float			: left;
	width			: 380px; 
	height			: 133px;
	padding-left	: 55px;
}
#box2 {
	float			: left;
	width			: 315px; 
	height			: 133px;
}
#box3 {
	float			: left;
	width			: 440px; 
	height			: 133px;
}



/* mobile Menu */
.fa {
	font-size: 25px !important;
	color: #fff;
	background: #333;
}

#responsive-menu {
	display: none;
	background: #000000;
	width: 100%;
}

#responsive-menu .fa {
	padding: 10px;
	cursor: pointer; 
	width: 99%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
	width: 100%;
	padding: 5px;
}

.menu-items a {
	margin-left: 0;
	padding: 5px 0px;
	display: block;
	height: 15px;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.menu-items {
	width: 100% !important;
	position: absolute;
	z-index: 9999;
	display: none;
	margin-left: 0;
	padding-left: 0;
	background: #1d1d1b;
	border-bottom: 3px solid #1d1d1b;
}

.menu-items ul {
	width: 100% !important;
}

.menu-items li {
	list-style-type: none;
	width: 100% !important;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #51514e;
	padding: 5px;
}	

@media (max-width: 1215px) {
#logobox {
	float			: left;
	width			: 100%;
	max-width		: 1196px; 
	height			: auto;
}

#logo {
	position		: absolute;
	float			: left;
	top				: 180px;
	left			: 0;
	width			: 100%; 
	max-width		: 554px; 
	height			: auto;
}

#headbild {
	float			: left;
	width			: 100%;
	max-width		: 1196px; 
	height			: auto;
}
#contentwrapper {
	float			: left; 
	width			: 100%;
	min-height		: 300px;
	border-bottom	: 1px solid #dadada;
}

#contentleft {
	float			: left; 
	width			: 100%;
	max-width		: 40%;
	min-height		: 300px;
	padding			: 50px 5% 50px 5%;
}

#contentright {
	float			: left; 
	width			: 100%;
	max-width		: 40%;
	min-height		: 301px;
	padding			: 50px 4% 26px 2%;
}

#impressum {
	margin-left			: 40px;
}
#facebook {
	float				: right;
	margin-top			: 7px;
	margin-right		: 20px;
}
#menue {
   	position			: relative;
	float				: left;
	width				: 100%;
	max-width			: 1183px;
	height				: auto; 
	font-size			: 18px;
	color				: #545454;
	padding-top			: 30px;
	padding-left		: 13px;
   }
a.menu {
	display				: block;
	font-weight			: lighter;
	font-size			: 18px;
	margin				: 10px 40px;
	float 				: left;
	color				: #545454;
}
a.menu:hover, a.menu_on, a.menu_on:hover {
	display				: block;
	font-weight			: lighter;
	font-size			: 18px;
	margin				: 10px 40px;	
	float 				: left;
	color				: #0b43be;
	border-bottom		: 1px solid #0b43be;
}

#footer {
	float			: left;
	font-size		: 18px;
	width			: 100%;
	height			: 133px;
}
#box1 {
	float			: left;
	width			: 33%;
	max-width		: 380px; 
	height			: 133px;
	padding-left	: 55px;
}
#box2 {
	float			: left;
	width			: 33%;
	max-width		: 315px; 
	height			: 133px;
}
#box3 {
	float			: left;
	width			: 33%;
	max-width		: 440px;
	height			: 133px;
}
}

@media (max-width: 1105px) {
#footer {
	float			: left;
	font-size		: 18px;
	width			: 100%;
	height			: auto;
}
#box1 {
	float			: left;
	width			: 32%;
	max-width		: 380px;
	height			: 133px;
	padding-left	: 5%;
	margin-bottom	: 15px;
}
#box2 {
	float			: left;
	width			: 30%;
	max-width		: 440px; 
	height			: 133px;
	margin-bottom	: 30px;
}
#box3 {
	float			: left;
	width			: 30%;
	max-width		: 440px;
	height			: 133px;
	margin-bottom	: 15px;
}
}

@media (max-width: 1062px) {
	#box3 {
	float			: left;
	width			: 32%;
	max-width		: 440px;
	height			: 133px;
	padding-left	: 5% !important;
}
}

@media (max-width: 1000px) {
#footer {
	float			: left;
	font-size		: 18px;
	width			: 100%;
	height			: auto;
}
#box1 {
	float			: none;
	display			: inline-block;
	width			: 100%;
	max-width		: 380px;
	height			: 50px;
	padding-left	: 5%;
}
#box2 {
	float			: none;
	display			: inline-block;
	width			: 100%;
	max-width		: 380px;
	height			: 50px;
	padding-left	: 5%;
	margin-top		: 15px;
}
#box3 {
	float			: none;
	display			: inline-block;
	width			: 100%;
	max-width		: 380px;
	height			: 50px;
	padding-left	: 0;
}
}

@media (max-width: 964px) {
#menue {
   	position			: relative;
	float				: left;
	width				: 100%;
	max-width			: 1183px;
	height				: auto; 
	font-size			: 18px;
	color				: #545454;
	padding-top			: 30px;
	padding-left		: 13px;
   }
a.menu {
	display				: block;
	font-weight			: lighter;
	font-size			: 18px;
	margin				: 10px 2.3%;
	float 				: left;
	color				: #545454;
}
a.menu:hover, a.menu_on, a.menu_on:hover {
	display				: block;
	font-weight			: lighter;
	font-size			: 18px;
	margin				: 10px 2.3%;	
	float 				: left;
	color				: #0b43be;
	border-bottom		: 1px solid #0b43be;
}
#facebook {
	float				: right;
	margin-top			: 7px;
	margin-right		: 20px;
}
#impressum {
	margin-left			: 2.3%;
}
}

@media (max-width: 770px) {
	#logo {
		display			: none;
	}
	#logomobile {
		display			: block;
	}
	#menue {
   	position			: relative;
	float				: left;
	width				: 100%;
	max-width			: 1183px;
	height				: auto; 
	font-size			: 18px;
	color				: #545454;
	padding-top			: 30px;
	padding-left		: 13px;
   }
a.menu {
	display				: block;
	font-weight			: lighter;
	font-size			: 14px;
	font-weight			: bold;
	margin				: 10px 1.3%;
	float 				: left;
	color				: #545454;
}
a.menu:hover, a.menu_on, a.menu_on:hover {
	display				: block;
	font-weight			: lighter;
	font-size			: 14px;
	font-weight			: bold;
	margin				: 10px 1.3%;	
	float 				: left;
	color				: #0b43be;
	border-bottom		: 1px solid #0b43be;
}

#impressum {
	margin-left			: 1.3%;
}
#contentleft {
	float			: left; 
	width			: 100%;
	max-width		: 90%;
	min-height		: 260px;
	padding			: 10px 5% 10px 5%;
}

#contentright {
	float			: left; 
	width			: 100%;
	max-width		: 90%;
	min-height		: 301px;
	padding			: 0px 5% 10px 5%;
}
#facebook {
	float				: right;
	margin-top			: 4px;
}
}

@media (max-width: 520px) {
#menue {
	display				: none;
}
#responsive-menu {
	display: block;
	background: #eeeeee;
	width: 100%;
}
#logobox {
	float			: left;
	width			: 100%;
	max-width		: 1196px; 
	height			: auto;
}

#logo {
	display			: none;
	position		: relative;
	float			: none;
	top				: 0px;
	left			: 0;
	width			: 100%; 
	max-width		: 554px; 
	height			: auto;
}

#headbild {
	float			: left;
	width			: 100%;
	max-width		: 1196px; 
	height			: auto;
}
#contentleft {
	float			: left; 
	width			: 100%;
	max-width		: 90%;
	min-height		: 260px;
	padding			: 10px 5% 10px 5%;
}

#contentright {
	float			: left; 
	width			: 100%;
	max-width		: 90%;
	min-height		: 301px;
	padding			: 0px 5% 10px 5%;
}
#facebookmobile {
	width			: 20px;
	margin-right	: 5px;
}
}