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

@import url('fonts/fontawesome/css/font-awesome.css');
@import url('fonts/michroma_regular_macroman/michroma.css');
@import url('HEADER.css');
@import url('langselect.css');
@import url('MainNav.css');
@import url('MainNavInner.css');
@import url('langselect.css');
@import url('Sonderformate.css');
@import url('Formulare.css');
@import url('Content.css');
@import url('media.css');
@import url('News.css');
@import url('Foot.css');


/* ################################################################################################################# */
/*													ALLGEMEINES: ;													 */
/* ################################################################################################################# */

body { margin:0px; background-color:#FFFFFF; }

img.icon { vertical-align:middle; margin-top:-2px; /*margin-right:15px;*/ max-width:48px; height:auto; }

img.icon.menu { margin-right:0px; }

@media only screen and (min-width: 768px) and (max-width: 1023px)	{ img.icon.menu { max-width:42px; height:auto; } }
@media only screen and (min-width: 480px) and (max-width: 767px)	{ img.icon.menu { max-width:20px; height:auto; } }
@media only screen and (min-width: 320px) and (max-width: 479px)	{ img.icon.menu { max-width:24px; height:auto; } }

@media only screen and (max-width: 1023px)	{ img.icon { max-width:42px !important; height:auto; } }

a, focus { border:none; outline:none; }

.active { cursor: pointer; }

/* *************************************************************************************************************************************** */
	#BackToTop 					{ left:50%; margin-left:-15px; bottom:5px; position:fixed; width:30px; height:30px; z-index:11000;}
	#BackToTop .imgholder 		{ width:30px; height:30px; margin:0 auto; }
	#BackToTop .imgholder img 	{ width:100%; height:auto; }
/* *************************************************************************************************************************************** */
body { font-family: Arial, sans-serif; }

h1, h2, h3, h4 { font-family: 'michromaregular'; font-weight: 400; margin-top:0px; }
/* *************************************************************************************************************************************** */
body { font-size:16px; line-height:22px; }

h1 {
	font-size:36px;
	line-height:42px;
	margin-bottom:10px;
}
h2 {
	font-size:24px;
	line-height:30px;
	margin-bottom:10px;
}
h3 {
	font-size:18px;
	line-height:24px;
	margin-bottom:10px;
}

h3 b {
	font-weight:normal;
	font-family: 'michromaregular' !important;
	color:#000000 !important;
}

h1 { color:#777777;  padding-bottom:1.5%; padding-top:.4%; border-bottom: 1px solid #777777; border-top: 1px solid #777777; }

h1.start { padding-bottom:10px; padding-top:0%; border: none; }

@media only screen and (min-width: 1024px) and (max-width: 1279px)	{
	h1 { font-size:32px; line-height:38px; padding-bottom:1.5%; }
	h2 { font-size:20px; line-height:26px; }
	h3 { font-size:16px; line-height:22px; }
}
@media only screen and (min-width: 992px) and (max-width: 1023px)	{  
	h1 { font-size:28px; line-height:34px; padding-bottom:1.5%; }
	h2 { font-size:17px; line-height:23px; }
	h3 { font-size:15px; line-height:21px; }
}
@media only screen and (min-width: 480px) and (max-width: 991px)	{  
	h1 { font-size:28px; line-height:34px; padding-bottom:15px; }
	h2 { font-size:17px; line-height:23px; }
	h3 { font-size:15px; line-height:21px; }
}
@media only screen and (min-width: 320px) and (max-width: 479px)	{  
	h1 { font-size:22px; line-height:28px; padding-bottom:15px; }
	h2 { font-size:17px; line-height:23px; }
	h3 { font-size:15px; line-height:21px; }
}

#HEADER #TOPMENUE { font-size: 14px; line-height:14px; }

#BOTTOM #FOOT #FootFrame { font-size: 12px; line-height:12px; }
#BOTTOM .innerWhite { width:100%; background-color:#FFFFFF; }

#BOTTOM .innerGrey { width:100%; background-color:#EFEFEF; }

hr {
	border-color:#999999 !important;
	
}

/* *************************************************************************************************************************************** */

body,
#HEADER #TOPMENUE a 
{ color: #777777; }


h2, h3, .active { color:rgba(0,148,117,1.00); }

.wobinich { color: rgba(0,0,0,1.00); }
.wobinich a { text-decoration:none; color:rgba(0,148,117,1.00); }
.wobinich a:hover { color:#777777; }


#HEADER #TOPMENUE .global a:hover,
#HEADER #MAINMENUE a:hover,
#HEADER #TOPMENUE .Language #LanguageSelect a:hover
{ color:rgba(0,0,0,1.00); }

/* *************************************************************************************************************************************** */
#BOTTOM { float:left; width:100%; height:auto; }
@media only screen and (min-width: 320px) and (max-width: 479px)	{ 
	#BOTTOM { margin-top:-20px; }
}
/* *************************************************************************************************************************************** */
.wobinich { 
	position:relative;
	left:50%; 
	width:1140px;
	margin-left:-570px; 
	margin-top:20px; 
	padding-top:10px; 
	padding-bottom:10px; 
	text-align:center; 
}
@media only screen and (min-width: 1024px) and (max-width: 1279px)	{ 
	.wobinich { 
		width:920px; 
		margin-left:-460px;
		margin-top:20px; 
		padding-top:10px; 
		padding-bottom:10px; 
	}  
}
@media only screen and (min-width: 768px) and (max-width: 1023px)	{ 
	.wobinich { 
		width:740px; 
		margin-left:-370px;
		margin-top:20px; 
		padding-top:10px; 
		padding-bottom:10px; 
	}  
}  
@media only screen and (min-width: 480px) and (max-width: 767px)	{ 
	.wobinich {
		width:460px; 
		margin-left:-230px;
		margin-top:20px; 
		padding-top:10px; 
		padding-bottom:0px; 
	}  
}  
@media only screen and (min-width: 320px) and (max-width: 479px)	{ 
	.wobinich { 
		width:300px; 
		margin-left:-150px;
		margin-top:20px; 
		padding-top:10px; 
		padding-bottom:0px; 
		font-size: 11px; 
	}  
}

.ImageContent {
    float: left;
    width:100%;
	display: block;
    margin: 0px;
    z-index: 1;
}
.ImageContent img { width:100%; height:auto; }