﻿/*
	Umrechnung font-size px in Prozent
	8px	=	50%		(ca. 6pt)
	9px	=	56.25%	(ca. 7pt)
	10px	=	62.5%
	11px	=	68.75%	(ca. 8pt)
	12px	=	75%		(ca. 9pt)
	13px	=	81.25%	(ca. 10pt)
	14px	=	87.5%
	15px	=	93.75	(ca. 11pt)
	16px	=	100%		(ca. 12pt)
	18px	=	112.5%
	20px	=	125%
	24px = 	150%
	28px =	
	prozent = 100 * pxzahl / 16
	
	68.75 = 100
	100 = x
*/



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


div#alignment {
	width: 956px;		/*980 - 2x12 */
	margin: 12px auto;
	/*border: 12px solid #D9D9D9;*/
}
div#outborder {
	position: relative;
	width: 956px;		/*980 - 2x12 */
	background-color: #D9D9D9;
	padding: 11px 11px 0 11px;	/* grauer Rand oben, rechts, links */
}

div#main {	
	margin:0px;
	padding: 0px;
	background-color: #ffffff;
}



/* START: Oberer Bereich */
div#mtop {
	width: 956px;
	height: 56px;
}
div.macinabanners-swfaltcontent {
	width: 650px;
	height: 136px;
	
	padding: 64px 50px 0px 250px;
	background-image: url(assets/blank-header.png);
	background-repeat: no-repeat;
}

/* BEGIN MENÜ */
/* IE-Hack für die Breite */
div#mmenu ul,
div#mmenu ul ul {
    list-style-type: none;
	width: 900px; /* is the max size for the menü, or ie will bug */
}
div#mmenu ul {
	/* width: 790px; */
	padding: 7px 0 0 9px;
	margin: 0px 0px 0px 0px;
}

div#mmenu ul a {
    display: block;
    font-weight:normal;

}
div#mmenu ul ul a {


}
div#mmenu ul li {
	margin-right: 4px; /* Abstand zum Nachbarn / nächstem Menüpunkt (Bildgröße beachten) */
	line-height: 1em;
    float: left;
}
div#mmenu ul ul {
	position:absolute;
	left: 10px;	
	/*
	top:36px;
	*/
	padding: 5px 0 0px 0;
	margin: 0px 0px 0px 9px;
    display: none;
	/* width: 790px; */
}

div#mmenu ul ul li {
	margin-right: 4px; /* Abstand zum Nachbarn / nächstem Menüpunkt (Bildgröße beachten) */
	line-height: 1em;
    float: left;
}

/* terziärmenüebene  */
div#mmenu3 {
	position:absolute;
	left: 42px;	
	top: 120px;
	width: 200px;
}
div#mmenu3 div#mmenu3header {
	margin-bottom: 6px;
}
div#mmenu3 ul {
	padding: 0px 0 0px 0;
	margin: 0px 0px 0px 0px;
    list-style-type: none;
    display: block;	
}
div#mmenu3 ul li {
	display: list-item;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 0.9em;
    float: none;
}
div#mmenu3 ul li a {
	display: inline;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
/*
div#mmenu ul ul.hover,
div#mmenu ul li.hover ul,
div#mmenu ul li:hover ul  {
    display: block;
}
*/
div#mmenu ul ul.hover,
div#mmenu ul li.hover ul {
	display: block;
}
div#mmenu ul li.hover ul li.hover ul {
	display: block;
}
div#mmenu ul li.active ul {
	display: block;
}
.whatthehell {
	width: 30px;
}
/*
div#mmenu ul li:hover ul {
	display: block;
}
*/

/* END MENÜ */
/* Logo */
div#logo {
	position:absolute;
	top: 11px;
	right: 50px;
	margin: 0px;
	padding: 0px;
}
div#logo img {
	border-width: 0px;
}
/* END: Oberer Bereich */


/* START: Heading Banner */
div#mbanner {
	margin: 0px;
	padding: 0px;
}
/* END: Heading Banner */
div#mcontent div#mcleft {
	width: 205px;	/*252*/
	height: 200px;
	float:left;
	padding-left: 45px;
}

div#mcleft ul {
	font-size: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#mcleft ul li {
	margin: 0 0 2px 0;
	padding: 0px;
	line-height: 1em; /* @font-size: 0px; ;)  */
}

/* Untere Leiste */
div#bottomNav {
	height: 15px;
	width: 978px;
	font-size: 0px;
	line-height: 0px;
	padding-top: 1px;
	color: #818181;
	background-color: #D9D9D9;
}
div#bottomNav a {
	color: #818181;
	text-decoration: none;
}
div#bottomNav a:hover {
	color: #ffaa33;
}
div#permmenu {
	display: inline;
	float: left;
	margin-left: 11px;
}
div#permmenu  ul {
	display: inline;
	list-style-type: none;
	padding: 0px;
}
div#permmenu  ul li {
	display: inline;
	margin-right: 1px;
	line-height: 1em;
}

div#copyright {
	display:inline;
	float:right;
	margin-right: 11px;
}
div#lang {
	display:inline;
	float:right;
	margin-right: 11px;
}
div#lang  div#langmenu {
	display:inline;
}
div#lang  div#language {
	display:inline;
}
div#lang  div#langmenu ul {
	display: inline;
	list-style-type: none;
	padding: 0px;
}
div#lang  div#langmenu  ul li {
	display: inline;
	margin-right: 1px;
	line-height: 1em;
}

