/* MODERN CSS */

@import url(navi.css);
@import url(content.css);
@import url(typo3.css);

html { 
	height: 100%;
	font-size: 100.01%;
}
/* Vor IE5/Mac verstecken\*/
html {
	/*overflow: auto;*/
}
/* Vor IE5/Mac verstecken Ende*/

body {
    min-height: 100%; /* Scrollbar im Firefox erzwingen - kein springen von zentrierten layouts mehr */
    font: 100.01%/110% Verdana, Arial, Helvetica, sans-serif; /* Opera Font-Size Bug */
	/* 
	Set font-size to a percentage preventing a Windows IE "extreme font re-sizing" bug.
    Set font-size slightly larger than 100% to repair Opera rounding errors.
    Set less than 101% to prevent Safari errors. 
	*/
    position: relative; /* damit positionierte Elemente beim Verändern der Fenstergröße wirklich neu und korrekt positioniert werden */
    color: #000;
    text-align: left;
	background: #C3C4C7;
	overflow: auto;
	margin: 0;
}
body * { text-align:left; } /* Alle Textausrichtungen wieder nach links ausrichten */

h1, h2, h3, h4, h5, h6, p, ul, ol, li, td, th, fieldset, select, input, textarea, address, blockquote, caption, dd, dfn, dl, dt, label, legend, samp, table, tbody, td, tfoot, th, thead, tr { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: .8em;
	color: #D70004;
	margin-top: 0;
	margin-bottom: .2em;
	margin-left: 2em;
}

h2 {
	font-size: .8em;
	color: #333;
}

h3 {
	font-size:.75em;
	line-height: normal;
	margin: .3em 0 .5em 0;
} 

h4 {
	font-size: .8em;
}

h5 {
	font-size: .8em;
}

a:link, a:visited {
	font-size: 1em;
	text-decoration: none;
	color: #D70004;
}

a:hover, a:active {
	text-decoration: underline;
	color: #D70004;
}

img, a img {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: none;
	margin: 0;
	padding: 0;
}

#main-body {
	margin: 0 auto; /* zentrieren für IE6, Firefox, Opera, Safari und Netscape */
	width: 960px;
	padding: 1em 0 1em 0;
}

#content-body {
	width: 960px;
	height: auto;
	float: left;
	background-image: url(../img/main-body-repeat.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding-bottom: 1em;
}

p {
	font-size: .7em;
	margin: .2em 2em .6em 2.9em;
}

#header {
	height: 12.125em;
	background: #C3C4C7;
	background: url(../img/red_plus.gif) repeat-x 0 5.0625em;
}

#header-left, #header-right {
	background: #FFF;
	height: 100%;
	margin: .3em 0 .3em 0;
}
#nav {
	float: left;
	height: auto;
	padding-bottom: 1em;
}
#nav-ebene-1, #nav-ebene-2, #header-left {
	float: left;
	background: #FFF;
}
#content, #header-right {
	float: right;
	background: #FFF;
}

#nav, #content, #header-left, #header-right {
	width: 477px;
}
#content {
	background: #E3E4E5;
	height: auto;
	padding-top: 1em;
}

.clear {
	clear: both;
}