/**
 * @project	    www.mhh-plus.de
 * @copyright   2009, Claus Coviello, www.webseiten-mit-sinn.de
 * @version     Screenlayout
 * @version     01.00.01
 * @since       01.00.00
 * @modified    2009-08-26
 */

/**
 * Alle tags auf Null zuruecksetzen und allgemeine
 * Formatierung (projektunabhaengig)
 */
html, body, div, ul, ol, li, img, form, fieldset, label, table, th, tr, td {
	margin:0;
	padding:0;
	border:0;
}

.skip,
p.skip,
.print-only,
#footer-print {
	position:absolute;
	left:-1000px;
	top:-2000px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;
}

.spaltenabschluss {
	display:block;
	height:1px;
	font:1px /1 sans-serif;
	clear: both;
}

.anmerkung-programmierer,
.kommentar-programmierer {
	color:red;
	font-weight:normal;
	font-style:italic;
	font-size:0.9em;
}



/**
 * Aufbau Grundlayout
 */
html, body {
	height: 100%;
}

body {
	/*
		IE-Fehler: Die Schriftgroesse muss in Prozent angegeben werden.
		Mit em kann es im IE (5.0, 5.5, 6.0, 7beta) Probleme geben.
		Bei Aenderung der Schriftgroesse im Browser verschiebt sich der
		Text in der linken Spalte des 3-spaltigen Layouts.
	*/
	color:#474440;
	font-size:80%;
	line-height:1.3em;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
    background:url('../_img/header/orange-startseite.jpg') no-repeat 224px 0px;
}


#outer-container {
    width:425px;
    border-left:221px solid #EEEEEE;
    padding-right:204px;
    background:url('../_img/rahmen/linie-senkrecht-orange.gif') no-repeat 100% 254px;
}

#inner-container {
    margin:0;
    width:100%;
    background:url('../_img/rahmen/linie-senkrecht-orange.gif') no-repeat 0px 0px;
}

#layout-left {
    z-index: 10;
    position: relative;
    float: left;
    width:221px;
    margin-left:-221px;
    margin-right: 1px;
    overflow: hidden;
	background-color:#EEEEEE;
}

#layout-right {
    z-index: 11;
    position: relative;
    float: left;
    width: 204px;
    margin-left: 9px;
    margin-right: -204px;
    overflow: hidden;
    padding-top:285px;
}

#layout-center {
    z-index: 12;
    position: relative;
    float: left;
    width: 100%;
    margin: 0 -8px 0 -2px;
    overflow: hidden;
    padding-top:287px;
}

#layout-center .raender {
	margin:0 20px 0 23px;
}

.outer-container > #inner-container {
    /*
        Die Farbe dieser Linie ist an das Layout anzupassen.
        "transparent" funktioniert nicht im IE 7beta.
    */
    border-bottom: 1px solid transparent;
}

a {
    color:#E75113;
    text-decoration:underline;;
}

a:hover {
    color:#474440;
}


/**
 * Aufbau Hauptmenue / linke Spalte 
 */
    /* Schriftgroesse */
#schriftgroesse {
	background-color:#B5B5B5;
    padding:4px 10px 2px 16px;
	display:block;
}

#schriftgroesse strong {
    float:left;
	color:white;
	font-size:0.85em;
	line-height:1.1em;
	margin:5px 5px 0px 0px;
}

#schriftgroesse ul {
    float:right;
    height:18px;
    margin:0;
    padding:0;
    overflow:hidden;
}

#schriftgroesse ul li {
	display:inline;
    margin:0 2px 0 0;
    padding:0;
}

    /* Logo */
#logo-mhh-plus {
	display:block;
	position:absolute;
	top:44px;
	left:14px;
	z-index:20;
}

    /* Navigation */
#hauptnavi {
    width:215px;
    margin:0;
    padding:0;
padding-top:111px;
}

#hauptnavi ul {
    list-style:none;
    margin:0;
    padding:0;
	background:none;
}

#hauptnavi li {
    margin:3px 0 15px 0;
    padding:0;
    font-weight:normal; 
    font-size:1.25em; 
    line-height:1.1em;
	background:none;
}

    /* Ergaenzung fuer Untermenue */
#hauptnavi li li {
    margin:0px;
	padding-left:10px;
	font-size:0.8em; 
}

#hauptnavi li a,
#hauptnavi li strong {
    display:block;
    width:100%;
    padding:3px 0 3px 0;
    color:#474440;
	font-weight:normal;
    text-decoration:none;
    background:url('../_img/navi/button-rot.gif') no-repeat 11px 50%;
}

#hauptnavi li.bg-1 a,
#hauptnavi li.bg-1 strong {
    background-image:url('../_img/navi/button-rot.gif');
}

#hauptnavi li.bg-2 a,
#hauptnavi li.bg-2 strong {
    background-image:url('../_img/navi/button-hellgruen.gif');
}

#hauptnavi li.bg-3 a,
#hauptnavi li.bg-3 strong {
    background-image:url('../_img/navi/button-gelb.gif');
}

#hauptnavi li.bg-4 a,
#hauptnavi li.bg-4 strong {
    background-image:url('../_img/navi/button-hellblau.gif');
}

#hauptnavi li.bg-5 a,
#hauptnavi li.bg-5 strong {
    background-image:url('../_img/navi/button-tuerkies.gif');
}

#hauptnavi li a:hover,
#hauptnavi li a.aktiv {
	color:#E75113;
}

#hauptnavi li strong {
	text-decoration:underline;
    color:#E75113;
}

    /* Ergaenzung fuer Untermenue */
#hauptnavi li.bg-1 li a,
#hauptnavi li.bg-1 li strong,
#hauptnavi li.bg-2 li a,
#hauptnavi li.bg-2 li strong,
#hauptnavi li.bg-3 li a,
#hauptnavi li.bg-3 li strong,
#hauptnavi li.bg-4 li a,
#hauptnavi li.bg-4 li strong,
#hauptnavi li.bg-5 li a,
#hauptnavi li.bg-5 li strong {
    background:none;
}

#hauptnavi li a span,
#hauptnavi li strong span {
    display:block;
    width:75%;
    margin:0 4% 0 20%;
}

#hauptnavi li a:hover,
#hauptnavi li a:focus {
    cursor:pointer;
}


/**
 * Aufbau Footer
 */
#footer-screen {
	position:relative;
	top:-1px;
	width:850px;
    background:#EEEEEE url('../_img/rahmen/seitenabschluss-orange.gif') no-repeat bottom right;
}

#footer-screen p {
    margin:0px 5px 0 20px;
	padding:0 0 1.2em 0;
}

#footer-screen p a {
    font-size:0.85em;
	font-weight:bold;
	text-decoration:none;
	color:#474440;
}

#footer-screen p a:hover {
    color:#E75113;	
}


/**
 * Allgemeine Textformatierungen
 */
h1 {
	margin:-0.2em 0 0.4em 0;
	padding:0;
	color:#E75113;
	font:bold 2.1em/1.25em Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

h1.leading-title {
	margin-top:-0.4em;
}

h1 .normal  {
	display:block;
	margin-bottom:-0.2em;
    font-size:0.7em;
	font-weight:normal;
}

h2,
.bg-1 .h2-style,
.bg-2 .h2-style,
.bg-3 .h2-style,
.bg-4 .h2-style,
.bg-5 .h2-style {
	margin:1em 0 0.5em 0;
	padding:0;
	color:#E75113;
	font-size:1.4em;
	line-height:1.4em;
	font-weight:normal;
}

h3,
.bg-1 .h3-style,
.bg-2 .h3-style,
.bg-3 .h3-style,
.bg-4 .h3-style,
.bg-5 .h3-style {
	margin:1.6em 0 0.7em 0;
	padding:0;
	color:#474440;
	font-size:1.15em;
	line-height:1.4em;
	font-weight:bold;
}

p {
	margin:0 0 0.8em 0;
	padding:0;
}

strong {
	font-weight:bold;
	color:#474440;
}

ul {
	margin:1.3em 0 0.8em 1px;
	padding:0;
	list-style-type:none;
}

ol {
    margin:1.3em 0 0.8em 1.5em;
    padding:0;
    list-style-type:decimal;
}

ul li {
	margin:0 0 0.8em 0;
	padding:0 0 0 13px;
	/*
		IE-bugfix
	*/	position:relative;
	background:url('../_img/listenzeichen-orange.gif') no-repeat 0px 0.5em;
}

blockquote {
	padding:0;
	margin:0 1.5em 0.8em 1.7em;
}

	/* Formatierung "MHH plus" */
.mhh-plus {
    position:relative;
    top:-0.5em;
    left:-0.2em;
	color:#E75113;
    font-size:0.8em;
}

h1 .mhh-plus {
    top:-0.85em;
/*    left:-0.2em; */
    font-size:0.6em;
}


/* headlines */
.headline-wissenschaft {
    display:block;
}

img.headline-themenfonds {
	display:block;
	margin:-16px 0 20px 0;
}


/**
 * Anreisser fuer aktuelle Mitteilungen
 */
.aktuelles a,
p.aktuelles a {
	display:block;
	text-decoration:none;
	color:#474440;
}

.aktuelles a .headline {
	display:block;
	margin:1.3em 0 0.3em 0;
	padding:0;
	color:#E75113;
	font-size:1.4em;
	line-height:1.4em;
	font-weight:normal;
}

.aktuelles a:hover .headline {
	text-decoration:underline;
}

#layout-right .aktuelles a .headline {
	margin:0.8em 0 0.3em 0;
	color:#474440;
	font-size:1em;
	line-height:1.2em;
	font-weight:bold;
}

.aktuelles a .datum {
	display:block;
	margin-bottom:0.5em;
}

.aktuelles a .link {
	color:#E75113;
	text-decoration:underline;
}

.aktuelles a:hover .link {
	color:#474440;
	text-decoration:underline;
}

	/* Anfahrtskizzen */
img.anfahrt {
	margin:0px 0 10px 0;
}


/**
 * Aufbau rechte Spalte
 */
#layout-right .img-box {
    margin:1.8em 22px 0 0;
}

#layout-right .img-box * {
    margin:0 3px 0 6px;
}

#layout-right .img-box p *,
#layout-right .img-box a {
    margin-right:0;
    margin-left:0;
}

#layout-right .img-box.first {
    margin-top:0;
}

#layout-right .img-box .subdiv {
    position:relative;
    background:url('../_img/rahmen/orange-unten.gif') no-repeat left bottom;
    margin-left:0;
	/*
		bugfix: IE6
	 */	background-color:white;
}

#layout-right .img-box img {
    padding:5px 10px 9px 6px;
    margin-left:0;
}

#layout-right .img-box span.rahmen-oben {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:182px;
    height:10px;
    background:url('../_img/rahmen/orange-oben.gif') no-repeat left top;    
    margin-left:0;
}

    /* Textbox */
#layout-right .text-box {
    position:relative;
    margin:1.8em 22px 0 0;
    padding:5px 10px 12px 6px;
    background:url('../_img/rahmen/orange-unten.gif') no-repeat left bottom;
}

#layout-right .text-box.first {
    margin-top:0;
}

#layout-right .text-box .raender {
    margin:0 5px 0 9px;
}

#layout-right .text-box span.rahmen-oben {
    position:absolute;
    top:0px;
    left:0 !important;
    display:block;
    width:182px;
    height:10px;
    margin:0;
    background:url('../_img/rahmen/orange-oben.gif') no-repeat left top;    
    /*
        bugfix: IE6
     */ left:-6px;
}

#layout-right .text-box h2 {
    margin:0;
    padding:8px 5px 0.8em 9px;
    color:white;
    background-color:#E75113;
    font-size:0.9em;
	font-weight:bold;
}

#layout-right .text-box h3 {
    margin:0.4em 0 0.8em 0;
    color:#474440;
    font-size:0.9em;
    font-weight:bold;
}

#layout-right .text-box p {
    margin:0;
    padding:0;
}

#layout-right ul.linkliste {
    margin:0 0 0.5em 0;
    padding:0;
}

#layout-right ul.linkliste li {
    margin:0 0 0.5em 0;
    padding:0;
    line-height:1.15em;
    background:none;
}

#layout-right ul.linkliste li a {
    font-weight:bold;
}