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

/**
* Formatierung des allgemeinen Dokumenthintergrundes
* @affected all
*/
body {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	background-image:url(../assets/bg.jpg);
	border-top: 2px solid #D44918;
}

/**
* Schriftformatierung für Layer
* @affected all
*/
div {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/**
* Elemente und Schriften
* die für das Hauptmenü genutzt werden
* @author Diana Lobback
*/

/**
* Positionierung des Layer der das Hauptmenü beinhaltet
* @affected all
*/
#menue {
	position:absolute;
	left:50%;
	margin-left:-470px;
	top:185px;
}

/**
* Formatierung für STD Menüpunkte ohne Ausklappmenü
* @affected all
*/
.topMenueStd {
	float:left; 
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	height:22px;
	padding-top:8px;
	border:1px solid #000000;
}

/**
* Formatierung für STD Menüpunkte ohne Ausklappmenü
* @affected all
*/
.topMenueStdOver {
	float:left; 
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	height:22px;
	padding-top:8px;
	border:1px solid #545450;
}

/**
* Formatierung für HLT Menüpunkte ohne Ausklappmenü
* @affected all
*/
.topMenueHlt {
	float:left; 
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	/*grauer, transparenter Hintergrund */
	background-color:#FFFFFF;
	filter:alpha(opacity=92); /* Internet Explorer */
	-moz-opacity: 0.92; /* Mozilla Browser */
	opacity: 0.92; /* Opera */
	height:22px;
	padding-top:8px;
	cursor:pointer;
	border:1px solid #000000;
}

/**
* Formatierung für STD Menüpunkte Glanzstücke (Hintergrund orange)
* @affected all
*/
.topMenueGlanz {
	float:left; 
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	height:16px;
	padding-top:2px;
	background-color:#D44918;
	margin-top:6px;
	border:1px solid #000000;
}

/**
* Formatierung für HLT Menüpunkte mit Ausklappmenü (Das Geschäft)
* @affected all
*/
.topMenueOutHlt {
	float:left; 
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	height:22px;
	/*grauer, transparenter Hintergrund */
	background-color:#FFFFFF;
	filter:alpha(opacity=92); /* Internet Explorer */
	-moz-opacity: 0.92; /* Mozilla Browser */
	opacity: 0.92; /* Opera */
	padding-top:8px;
	cursor:pointer;
	border:1px solid #000000;
}


/**
* Formatierung des Layer mir dem Ausklappmenü STD
* @affected all
*/
.overMenueGeschaeftStd {
	text-align:left;
	padding-left:0px;
	padding-right:20px;
	padding-top:10px;
	height:20px;
	border-bottom: 1px solid #CCCCCC;
	width:180px;
}

/**
* Formatierung des Layer mir dem Ausklappmenü HLT
* @affected all
*/
.overMenueGeschaeftHlt {
	text-align:left;
	padding-left:0px;
	padding-right:20px;
	padding-top:10px;
	height:20px;
	border-bottom: 1px solid #CCCCCC;
	color:#000000;
	cursor:pointer;
	width:180px;
}



/**
* Elemente und Schriften
* die für das Submenü genutzt werden (Datenschutz, Impressum usw.)
* @author Diana Lobback
*/


/**
* Formatierung für STD Punkte Submenü
* @affected all
*/
.subMenueStd {
	float:left; 
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	height:13px;
	padding-top:3px;
}

/**
* Formatierung für HLT Punkte Submenü
* @affected all
*/
.subMenueHlt {
	float:left; 
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	height:13px;
	background-color:#D44918;
	padding-top:3px;
	cursor:pointer;
}


/**
* Elemente und Schriften
* die für den Content genutzt werden (Shop und Inhaltsbereiche)
* @author Diana Lobback
*/

/**
* Positionierung und Formatierung des Content-Layer
* @affected all
*/
#content {
	position: absolute; 
	top:235px; 
	left:50%; 
	margin-left:-504px;
	width:1009px;
	background-color:#545450;
	min-height:100%;
}


/**
* Positionierung und Formatierung der Überschrift im Contentbereich
* @affected all
*/
#headline {
	position: absolute; 
	top:50px; 
	left:315px; 
}

/**
* Positionierung und Formatierung der linken Überschrift im Contentbereich
* @affected all
*/
#headlineLeft {
	float:left;
}

/**
* Positionierung und Formatierung der rechten Überschrift im Contentbereich
* @affected all
*/
#headlineRight {
	padding-top:23px;
	float:left;
}

/**
* Positionierung des Logo im Contentbereich
* @affected all
*/
#logo {
	position:absolute;
	top: 50px;
	left: 50%;
	margin-left: -475px;
}

/**
* Positionierung des Slogan im Contentbereich
* @affected all
*/
.slogan {
	position:absolute;
	top: 640px;
	left: 50%;
	margin-left: -375px;
}

/**
* Positionierung des Slogan im Contentbereich
* @affected all
*/
.sloganSmall {
	position:absolute;
	top: 510px;
	left: 50%;
	margin-left: -375px;
}

/**
* Positionierung des Footer auf der Startseite
* @affected all
*/
.footer {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	color:#575552;
	width:670px;
	position:absolute;
	top: 700px;
	letter-spacing:-0.3px;
	left: 50%;
	margin-left: -335px;
}

/**
* Positionierung des Footer auf der Startseite
* @affected all
*/
.footerSmall {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	color:#575552;
	width:670px;
	position:absolute;
	top: 570px;
	letter-spacing:-0.3px;
	left: 50%;
	margin-left: -335px;
	text-align:center;
}

/**
* Positionierung des Footer auf der Contentseite
* @affected all
*/
#footerContent {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#575552;
	width:1009px;
	height:300px;
	margin-top:80px;
	color:#000000;
	background-image:url(/Assets/bgFooter.png);
	background-repeat:repeat-x;
	padding-top:22px;
	
}
	
/**
* Positionierung der Einträge innerhalb des Footer auf der Contentseite
* @affected all
*/
.footerInhalt {
	float:left;
	line-height:15pt;
	margin-right:40px;
	margin-top: 25px;
	min-width:125px;
}

/**
* Formatierung der Links innerhalb des Footer auf der Contentseite
* @affected all
*/
.afooter {
	color:#000000;
}

/**
* Formatierung des HoverEffekts der Links innerhalb des Footer auf der Contentseite
* @affected all
*/
.afooter:HOVER {
	color:#FFFFFF;
	text-decoration:none;
}

/**
* Formatierung und Positionierung der Standardinhalte im Content
* @affected all
*/
.contentStandard {
	margin-top:236px;
	margin-left:320px;
	line-height:15pt;
	font-size:10pt;
}