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

#maedchenname{
    position			:absolute;
    top					:-9999px;
    left				:-9999px;
}

.wrapper {
	width				: 100%;
	max-width			: 975px;
	margin				: 0 auto; 
	height				: auto;
}

#bilderwechselcontent {
	float				: left;
	width				: 100%;
	height				: auto;
}

#bilderwechsel {
	float				: left;
	width				: 50%;
	height				: auto;
}

#transparenz {
	position			: relative;
	float				: right;
	width				: 100%;
	max-width			: 25px;
	height				: 361px;
	background			: url(../images/bilderwechsel_transparenz.png) right center no-repeat;
	z-index				: 99999;
}

#logoslogan {
	float				: right;
	width				: 50%;
	height				: 361px;
	background			: #d6d6d6;
	margin-top			: 5px;
}

#logo {
	position			: relative;
	float				: right;
	width				: 100%;
	max-width			: 316px; 
	height				: auto;
	margin				: 60px 80px;
}

#slogan {
	position			: relative;
	float				: right;
	width				: 100%;
	max-width			: 384px; 
	height				: auto;
	margin				: 0 60px;
}

#home {
	position			: relative;
	float				: right;
	width				: 100%;
	max-width			: 78px; 
	height				: auto;
	margin				: 0px;
}

#trenner {
	float				: left;
	position			: relative;
	width				: 100%;
	height				: 20px;
	margin-top			: 7px;
	margin-bottom		: -20px;
	background			: url(../images/schatten.png) no-repeat;
	z-index				: 9999;
}

#contentbg {
	float				: left;
	width				: 100%;
	background			: #e6c3b5;
}

#fullcontent {
	float				: left;
	width				: 100%;
	max-width			: 675px;
	padding				: 0 25px 0 25px;
	height				: auto;
	min-height			: 610px;
	background			: url(../images/content_bg.png) left top repeat-x;
}

#schatten {
	float				: left;
	width				: 100%;
	height				: auto;
	background			: url(../images/schatten.png) top center no-repeat;
}

#contentinhalt {
	float				: left;
	width				: 100%;
	padding				: 50px 45px 100px 20px;
	max-width			: 350px;
}

#rightcontent {
	float				: left;
	width				: 100%;
	margin-top			: 25px;
	padding				: 5px 15px 5px 15px;
	max-width			: 220px;
	background			: #c3c3c3;
	border				: 1px solid #dddddd;
}

#drawers div 			{ display:none; }
#drawers div.first		{ display:block; }
#drawers li 			{ list-style:none; margin-left:-15px;}
h5 {
	font-size			: 14px;
	color				: #012147;
	margin				: 10px 0 10px 0;
	padding				: 0px 0 7px 0;
	font-weight			: bold;
	border-bottom		: 1px solid #012147;
	cursor				: pointer;
}
.fa-plus {
	float: right;
	font-size: 16px !important;
	color: #cb561a !important;
}
#fa-plus {
	float: right;
	font-size: 12px !important;
	color: #012147 !important;
}

#schattencontent {
	float				: left;
	width				: 100%;
	height				: auto;
	background			: url(../images/schatten.png) no-repeat;
}

* {
	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			: left;
}

h1 {
	font-size 			: 1.5em;
	color				: #012147;
	margin-bottom			: 1em;
	font-weight			: normal;
}
h2, h3, h4 {
	font-size			: 1.3em;
	color				: #012147;
	margin				: 1em 0;
	font-weight			: normal;
}

a {
	color				: #012147;
	font-weight			: bold;
	text-decoration			: none;
}
a:hover { 
	color				: #012147;
	text-decoration		: underline;
}


#topmenue {
	position			: relative;
	text-align			: right;
	font-size			: 13px;
	margin-top			: 5px;
}

.topmen {
	display				: inline;
	font-size			: 13px;
	color				: #959595;
}

a.topmenu {
	font-size			: 13px;
	color				: #959595;
	margin				: 5px 3px;
	text-decoration		: none;
}
a.topmenu:hover, a.topmenu_on, a.topmenu_on:hover {
	font-size			: 13px; 
	color				: #ca541a;
	margin				: 5px 3px;
	text-decoration		: none; 
}

#menucontent {
	float				: left;
	width				: 100%;
	max-width			: 180px;
	padding				: 17px 25px 0 25px;
	height				: auto;
	min-height			: 518px;
	margin-right		: 20px;
	background			: url(../images/content_bg.png) left top repeat-x;
}

a.menu {
	display				: block;
	color				: #002a4c;
	font-size			: 15px;
	font-weight			: normal;
	width				: 108%;
	margin-left			: -25px;
	padding				: 5px 15px 10px 20px;
	background			: url(../images/trenner.png) center bottom no-repeat;
}

a.menu:hover, a.menu_on, a.menu_on:hover { 
	display				: block;
	font-size			: 15px;
	font-weight			: normal;
	width				: 108%;
	margin-left			: -25px;
	padding				: 5px 15px 10px 20px;
	text-decoration		: none;
	background			: url(../images/trenner.png) center bottom no-repeat #dfdfdf;
}

#liege {
	position			: relative;
	float				: left;
	width				: 100%;
	height				: auto;
	margin-top			: -204px;
	margin-left			: 507px;
}

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

ul { margin-left				: 1.3em; }

textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid #012147;
	background			: rgba(255,255,255,0.5);
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 2px;
}
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				: #012147;
	border				: 1px solid #012147;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 2px;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #ca541a;
	border				: 1px solid #ca541a;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
	cursor				: pointer;
}

.fa-bars {
	font-size: 25px !important;
	color: #ffffff;
}

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

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

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

.menu-items a {
	margin-left: 0;
	padding: 5px 0px;
	display: block;
	height: 16px;
	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: 10px;
}
.scrollup {
  width: 30px;
  height: 30px;
  position: fixed;
  bottom: 250px;
  float: left;
  display: none;
  background: url(../images/top.png) no-repeat;
}

@media (max-width: 1195px) {
#liege {
	position			: relative;
	float				: left;
	width				: 100%;
	height				: auto;
	margin-top			: -204px;
	margin-left			: 41.5%;
}
}

@media (max-width: 991px) {
#liege { display:none;}
#fullcontent {
	float				: left;
	width				: 100%;
	max-width			: 675px;
	padding				: 0 10px 0 10px;
	height				: auto;
	min-height			: 518px;
	background			: url(../images/content_bg.png) right top repeat-x;
}
#bilderwechselcontent {
	float				: none;
	width				: 100%;
	height				: auto;
}

#bilderwechsel {
	display				: none;
	float				: none;
	width				: 100%;
	height				: auto;
}

#transparenz {
	display				: none;
}

#logoslogan {
	float				: none;
	width				: 100%;
	height				: auto;
	background			: #d6d6d6;
	margin				: 5px auto;
}

#logo {
	position			: relative;
	float				: none;
	width				: 100%;
	max-width			: 316px; 
	height				: auto;
	margin				: 5px auto;
}

#slogan {
	position			: relative;
	float				: none;
	width				: 100%;
	max-width			: 384px; 
	height				: auto;
	margin				: 10px 0 5px 100px;
}

#home { display:none;}
}

@media (max-width: 961px) {
#topmenue { display: none; }
#menucontent { display:none; }
#trenner { display:none; }
#responsive-menu { display:block; }
#fullcontent {
	float				: left;
	width				: 100%;
	max-width			: 100%;
	padding				: 15px 0;
	height				: auto;
	min-height			: 0px;
	background			: none;
}
#contentinhalt {
	float				: left;
	width				: 100%;
	padding				: 0 45px 10px 10px;
	max-width			: 60%;
}

#rightcontent {
	float				: left;
	width				: 100%;
	margin-top			: 15px;
	margin-bottom		: 15px;
	margin-left			: 15px;
	padding				: 5px 15px 5px 15px;
	max-width			: 220px;
	background			: #c3c3c3;
	border				: 1px solid #dddddd;
}

#home { display:none; }

#logo {
	position			: relative;
	float				: none;
	width				: 100%;
	max-width			: 316px; 
	height				: auto;
	margin				: 5px;
}

#slogan {
	position			: relative;
	float				: none;
	width				: 100%;
	max-width			: 384px; 
	height				: auto;
	margin				: 15px 0 5px 0px;
}
}

@media (max-width: 850px) {
#fullcontent {
	float				: left;
	width				: 100%;
	max-width			: 100%;
	padding				: 15px 0;
	height				: auto;
	min-height			: 0px;
	background			: none;
}
#contentinhalt {
	float				: left;
	width				: 100%;
	padding				: 0 25px 10px 10px;
	max-width			: 50%;
}

#rightcontent {
	float				: left;
	width				: 100%;
	margin-top			: 15px;
	margin-bottom		: 15px;
	margin-left			: 15px;
	padding				: 5px 15px 5px 15px;
	max-width			: 220px;
	background			: #c3c3c3;
	border				: 1px solid #dddddd;
}
}


@media (max-width: 726px) {
#logoslogan {
	float				: none;
	width				: 100%;
	height				: auto;
	background			: #d6d6d6;
	margin-top			: 5px;
	text-align			: center;
}
#logo {
	position			: static;
	float				: none;
	width				: 90%;
	max-width			: 316px; 
	height				: auto;
	margin				: 0 auto;
	padding				: 10px 0 5px 0;
}

#slogan {
	position			: relative;
	float				: none;
	width				: 90%;
	max-width			: 384px; 
	height				: auto;
	margin				: 0 auto;
	padding				: 5px 0 10px 0;
}
#contentinhalt {
	float				: left;
	width				: 90%;
	padding				: 0 45px 10px 13px;
	max-width			: 100%;
}
#schattencontent {
	float				: left;
	width				: 100%;
	height				: auto;
	background			: url(../images/schatten.png) center bottom no-repeat;
}
}