@charset "utf-8";
/* CSS Document */
/******************************************************************************************
// Datei: fluid-head.css
// Author: DH
// Änderungsdatum: 20.12.2018
// Beschreibung: 	- Seitenkopf
*******************************************************************************************/

/**** Layout für Mobilgeräte. */

/*HEADER*/
.DIV-CLASS-Header {
	width: 100%;
	min-width:300px;
	height: 130px;
	
}
.IMG-CLASS-Logo {
	position: absolute;
	z-index: 20;
	
	width:auto;
	height:30px;
	right:15px;
	margin-top: 35px;
	
	
	z-index: 10;
	cursor: pointer;
	
}

/*SiteMap*/
.DIV-CLASS-SiteMapWrapper{
	
	 width:100%;
	 height:auto;
	 display: block;
	 float:left;
	 position:absolute;
	 z-index:3;

	 font-size: 12pt;
	 margin-top: 100px;
	 color: #fff;
	 
	 font-style: italic;
	 vertical-align: baseline;
	 padding-left: 15px;
	 
	 box-sizing:border-box;
	 
	}

A:link.LINK-CLASS-SiteMapHome{
	font-size: 16pt;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: baseline;
	text-decoration: none;
	}
A:visited.LINK-CLASS-SiteMapHome{
	font-size: 16pt;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: baseline;
	text-decoration: none;
	}
A:hover.LINK-CLASS-SiteMapHome{
	font-size: 16pt;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: baseline;
	text-decoration: none;
	}	
	
A:link.LINK-CLASS-SiteMap{
	font-size: 12pt;
	color: #FFFFFF;
	font-style: italic;
	text-decoration: none;
	}
A:visited.LINK-CLASS-SiteMap{
	font-size: 12pt;
	color: #FFFFFF;
	font-style: italic;
	text-decoration: none;
	}
A:hover.LINK-CLASS-SiteMap{
	font-size: 12pt;
	color: #FFFFFF;
	font-style: italic;
	text-decoration: underline;
	}




/*Werbung*/
.IFRAME-CLASS-Werbung{
	display: none;
}



/**** Layout für Tablet-PCs. Erbt Stile vom: Layout für Mobilgeräte. */
@media only screen and (min-width: 481px) {
.DIV-CLASS-Header {
	height: 125px;
}
.IMG-CLASS-Logo {
	height:50px;
	margin-top: 30px;
}
/*SiteMap*/
.DIV-CLASS-SiteMapWrapper{
	 margin-top: 98px;
	}
	
}

/**** Desktoplayout. Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */
@media only screen and (min-width: 979px) and (orientation : landscape) {
/*HEADER*/
.DIV-CLASS-Header {
	height: 50px;
}
.IMG-CLASS-Logo {
	
	height:40px;
	right:0px;
	margin-top: 5px;
}
/*SiteMap*/
.DIV-CLASS-SiteMapWrapper{
	 margin-top: 48px;
	 padding-left: 0px;
	}
	


	
}

/**** Desktoplayout. Wenn noch Platz für Werbebanner ist. */
@media only screen and (min-width: 1390px) and (orientation : landscape) {
.IMG-CLASS-Logo {

	height:35px;
	
}	
/*SiteMap*/
.DIV-CLASS-SiteMapWrapper{
	 margin-top: 48px;
	 padding-left: 0px;
	}	
	
/*Werbung*/
.IFRAME-CLASS-Werbung{
	height:640px; 
	width:180px;
	display: block;
	position: absolute;
	top:430px;
	margin-left: 510px;
	left: 50%;
	z-index: 99;
	
}
	
}