@charset "utf-8";

*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

html,
body,
.bg,
.bg table,
.bg td,
.container 									{ width:100%; height:100%; }
.container 									{ position:relative; z-index:80;}
.bg 										{ position:fixed; left:0; top:0;  }
.bg div 									{ width:200%; height:200%; left:-50%; position:absolute; top:-50%; }
.bg td 										{ text-align:center; vertical-align:middle; }
.bg img 									{ margin:0 auto; min-height:50%; min-width:50%; }
html, body 									{ width:100%; height:100%; margin: 0; padding: 0; color:#000; font-size:14px; }



/* Layout für Mobilgeräte: 480 px oder weniger. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	position:relative;
	z-index:100;
}
#header { display:none; }

#headerMobile {
	clear: both;
	margin-left: 0;
	width: 100%;
	z-index:200; 
	position:relative;
}

#headerMobile ul { margin:0; padding:0 0 0 0; background:url(../images/shadow-navi-mobile.png) repeat-x; border-bottom:10px solid #fff; border-top:2px solid #fff; }
#headerMobile ul li { background:url(../images/bg-verlauf-navi-mobile.png) repeat-x; width:100%; height:22px; margin:0; padding:0; list-style:none; padding:7px 0 0 0; cursor:pointer; }
#headerMobile ul li a { text-decoration:none; color:#374146; text-transform:uppercase; font-weight:bold; font-size:0.9em; text-decoration:none; padding:0 0 0 5%; }
#headerMobile ul li.active a			{ color:#000; }

#headerMobile #logo {	
	background:url(../images/bg-header-mobile.png) no-repeat;
	padding:5px 0 0 15px;
	height:15%;
	background-size: 100%;
	position:relative;
	z-index:10;
}

#headerMobile #logo img						{ display: block; height: auto; min-width: 40%; width: 40%; }

#content {
	background:url(../images/bg-content-mobile.png) repeat;
}

#contentInner table { margin:10px 0 0 0; }

#contentInner { padding:4%; }

#contentInner h1 					{ margin:0; padding:10px 0 0 0; text-transform:uppercase; font-size:1.4em; }
#contentInner h2 					{ margin:0; padding:0 0 25px 0; font-size:1.1em; }
#contentInner p 					{ font-size:1.1em; }
#contentInner ul 					{ margin:0 0 0 15px; padding:0; }
#contentInner ul ul 				{ margin:5px 0 0 0; padding:0; }
#contentInner li 					{ margin:0; padding:0 0 5px 16px; list-style:none; background:url(../images/liste.png) no-repeat 0px 4px; font-size:14px; }
#contentInner a 					{ color:#000; }

#contentInnerLeft 					{ position:relative; z-index:900; }
#contentInnerRight					{ padding:25px 0 0 0; text-align:left; }

#steckbrief							{ text-align:left; background:#fff; margin:20px 0 0 0; color:#476180; padding:10px; }
#steckbrief h3						{ margin:0; padding:0 0 10px 0; font-size:1.1em; }
#steckbrief td						{ font-size:0.85em; font-weight:bold; padding:0 0 10px 0; }
#steckbrief td.col1					{ padding:0 15px 0 0; }
#contentInnerRightBox img			{ display: block; height: auto; min-width: 100%; width: 96%; }
.startseiteImage img				{ display: block; height: auto; min-width: 100%; width: 96%; }

.kontakt td							{ font-size:1.1em; }
.kontakt td.col1					{ padding:0 15px 10px 0; }
#contentInner .kontakt h2 			{ margin:0; padding:0 0 10px 0; font-size:1.1em; }
#contentInner .kontakt p 			{ margin:0; padding:0 0 10px 0; font-size:1.1em; }

#contentFooter {
	display:none;
}

#footer {
	background:url(../images/bg-footer.png) repeat;
	color:#fff;	
	padding:10px;
	margin:10px 0 10px 0;
}

#footer a 							{ color:#fff; }

#footer01							{  }
#footer02							{  }
#footer03							{ }
#footer04							{ position:relative; left:-5px; }
#footer04 img						{ padding:0 10px 0 0; }

.socialLinks						{ position:relative; top:15px; padding:0 0 40px 0; }
.socialLinks a						{ float:left; padding:0 20px 0 0; }

/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */
@media only screen and (min-width: 100px) and (max-width: 768px) {
#contentInner td { display:block; }	
}
@media only screen and (min-width: 481px) {
	
.gridContainer {
	width: 99%;
	
	padding-left: 0;
	padding-right: 0;
	margin: auto;
	position:relative;
	top:40px;
	z-index:100;
}
#headerMobile { display:none; }
#header {
	clear: none;
	float: none;
	width: 99.3%;
	background:url(../images/bg-header.png) no-repeat;
	background-size:100% !important 88%;
	height:128px;
	display:inherit;
}
#logo {
	background:none;
	float: left;
	height:100%;
	position:relative;
	left:35px;
	top:30px;	
	z-index:200;
}

#navigation {
	text-align:right;
}

#navigation ul 						{ padding:0; margin:0; position:relative; top:60px; right:25px; }
#navigation ul li 					{ list-style:none; display:inline; padding:0 16px 0; }
#navigation ul li a 				{ text-decoration:none; color:#fff; text-transform:uppercase; font-weight:bold; font-size:1.15em; text-decoration:none; }
#navigation ul li a:hover 			{ color:#374146; }
#navigation ul li.active a			{ color:#000; }

#content {
	clear:left;
	margin-left: 0;
	width: 100%;
	
	background:url(../images/bg-content.png) repeat;
	background-size:100% auto;
}
#contentInner { padding:40px; }

#contentInner h1 					{ margin:0; padding:0; text-transform:uppercase; font-size:1.4em; }
#contentInner h2 					{ margin:0; padding:0 0 25px 0; font-size:1.1em; }
#contentInner p 					{ font-size:1.1em; }
#contentInner ul 					{ margin:0 0 0 15px; padding:0; }
#contentInner li 					{ margin:0; padding:0 0 5px 16px; list-style:none; background:url(../images/liste.png) no-repeat 0px 4px; }
#contentInner a 					{ color:#000; }

#contentInner a.arrowLink			{ color:#004a9f; font-weight:bold; text-decoration:none; font-size:0.9em; background:url(../images/arrow-links.png) no-repeat 0px 3px; padding:0 0 0 15px; }
#contentInner a.arrowLinkBlack		{ color:#000; font-weight:bold; text-decoration:none; font-size:0.9em; background:url(../images/arrow-black.png) no-repeat 0px 3px; padding:0 0 0 15px; }

#contentInnerLeft.startseite 		{ float:left; width:70%; padding:0 5% 0 0; }
#contentInnerLeft.profil 			{ float:left; width:55% !important; }

#contentInnerRight					{ text-align:right; padding:0; }
#contentInnerRightBox img			{ display: inline; height: auto; min-width: 208px !important; width: 208px !important; }
.startseiteImage img				{ display: block; height: auto; min-width: 25%; width: 25%; }

#contentInnerRightBox				{ }
#steckbrief							{ text-align:left; background:#fff; position:absolute; right:39px; width:188px; color:#476180; padding:10px; }
#steckbrief h3						{ margin:0; padding:0 0 10px 0; font-size:1.1em; }
#steckbrief td						{ font-size:0.85em; font-weight:bold; padding:0 0 10px 0; }
#steckbrief td.col1					{ padding:0 15px 0 0; }

.kontakt td							{ font-size:1.1em; }
.kontakt td.col1					{ padding:0 25px 10px 0; width:160px; }
.kontakt h2 						{ margin:0; padding:0 0 0 0; font-size:1.1em; }

#contentFooter {
	display:inherit;
	background:url(../images/bg-content-footer.png) no-repeat;
	width: 99%;
}

#footer {
	background:url(../images/bg-footer.png) repeat;	
	margin:10px 5px 10px 7px;
	padding:15px 0 0 37px;
	height:130px;
	font-size: 13px;
}

#footer01							{ float:left; padding:0 20px 0 0; }
#footer02							{ float:left; padding:0 20px 0 0; }
#footer03							{ float:left; padding:0 40px 0 0;}
#footer04							{ float:left; }
#footer04 img						{ padding:0 10px 0 0; position:relative; top:-3px; }

.socialLinks						{ position:relative; top:20px; }
.socialLinks a						{ float:right; padding:0 0 0 20px; }

}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

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

.gridContainer {
	width: 100%;
	max-width: 956px;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
	position:relative;
	top:40px;
	z-index:100;
}
#headerMobile { display:none; }
#header {
	clear: none;
	float: none;
	width: 100%;
	background:url(../images/bg-header.png) no-repeat;
	height:128px;
	display:inherit;
}
#logo {
	float: left;
	height:71px;
	width:187px;
	position:relative;
	left:35px;
	top:30px;
	z-index:200;
	
}
#navigation {
	text-align:right;
}
#navigation ul 						{ padding:0; margin:0; position:relative; top:60px; right:25px; }
#navigation ul li 					{ list-style:none; display:inline; padding:0 16px 0; }
#navigation ul li a 				{ text-decoration:none; color:#fff; text-transform:uppercase; font-weight:bold; font-size:1.15em; text-decoration:none; }
#navigation ul li a:hover 			{ color:#374146; }
#navigation ul li.active a			{ color:#000; }

#content {
	clear:left;
	margin-left: 0;
	width: 100%;
	
	background:url(../images/bg-content.png) repeat;
}
#contentInner 						{ padding:40px; }

#contentInner h1 					{ margin:0; padding:0; text-transform:uppercase; font-size:1.4em; }
#contentInner h2 					{ margin:0; padding:0 0 25px 0; font-size:1.1em; }
#contentInner p 					{ font-size:14px; }
#contentInner ul 					{ margin:0 0 0 15px; padding:0; }
#contentInner li 					{ margin:0; padding:0 0 5px 16px; list-style:none; background:url(../images/liste.png) no-repeat 0px 4px; }
#contentInner a 					{ color:#000; }

#contentInner a.arrowLink			{ color:#004a9f; font-weight:bold; text-decoration:none; font-size:0.9em; background:url(../images/arrow-links.png) no-repeat 0px 3px; padding:0 0 0 15px; }
#contentInner a.arrowLinkBlack		{ color:#000; font-weight:bold; text-decoration:none; font-size:0.9em; background:url(../images/arrow-black.png) no-repeat 0px 3px; padding:0 0 0 15px; }

#contentInnerLeft.startseite 		{ float:left; width:520px; padding:0; }
.startseiteImage img				{ padding:0 0 10px 0; }
#contentInnerLeft.profil 			{ float:left; width:610px !important; }

#contentInnerRight					{ text-align:right; padding:0; }
#contentInnerRightBox img			{ display: inline; height: auto; min-width: 208px !important; width: 208px !important; }
.startseiteImage img				{ display: inline; height: auto; min-width: 319px !important; width: 319px !important; }

#contentInnerRightBox				{ }
#steckbrief							{ text-align:left; background:#fff; margin:20px 0 0 669px; color:#476180; padding:10px; }
#steckbrief h3						{ margin:0; padding:0 0 10px 0; font-size:1.1em; }
#steckbrief td						{ font-size:0.85em; font-weight:bold; padding:0 0 10px 0; }
#steckbrief td.col1					{ padding:0 15px 0 0; }

.kontakt td							{ font-size:1.1em; }
.kontakt td.col1					{ padding:0 15px 10px 0; }
#contentInner .kontakt h2 			{ margin:0; padding:0 0 10px 0; font-size:1.1em; }
#contentInner .kontakt p 			{ margin:0; padding:0 0 10px 0; font-size:1.1em; }

#contentFooter {
	display:inherit;
	background:url(../images/bg-content-footer.png) no-repeat;
	width: 100%;
	height:39px;
}

#footer {
	background:url(../images/bg-footer.png) repeat;
	height:55px;
	margin:0 8px 10px 8px;
	padding:15px 0 0 37px;
}

#footer01							{ float:left; padding:0 20px 0 0; }
#footer02							{ float:left; padding:0 20px 0 0; }
#footer03							{ float:left; padding:0 40px 0 0;}
#footer04							{ float:left; }
#footer04 img						{ padding:0 10px 0 0; position:relative; top:-3px; }

.socialLinks						{ position:relative; top:20px; }
.socialLinks a						{ float:right; padding:0 0 0 20px; }

}


#contentInnerRightBox .icon-xing	{ width:85px !important; height:23px !important; min-width:85px !important; max-width:85px !important; }
#contentInnerRightBox .icon-linkin	{ width:23px !important; height:23px !important; min-width:23px !important; max-width:23px !important; }


.clearfloat 				{ clear:both; height:0; font-size: 1px; line-height: 0px; }