* { margin: 0; padding: 0; }

html {
	height:100%;
	overflow:hidden;
}

body {
	width:100%;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em; 
	font-style: normal;
	color:#222;
	line-height:1.0em;
	overflow:hidden;
}

#nonfooter {
	position: relative;
	min-height: 100%;
}

* html #nonfooter {
	height: 88%;
}

#hauptmenu {
	width:100%;
	height:30px;
	background-color:#ed1c24;
}

#submenu {
	width:100%;
	height:30px;
	background-color:#ffc233;
}

#main {
	width:100%;
	height:100%;
	float: left;
	position: relative;
}

#links {
	float:left;
	max-height:500px;
	overflow:hidden;
	width:170px;
	margin-top:20px;
	margin-right:40px;
	margin-left: -3%; /* the difference to make the left colum appear flush left */
}

#content {
	float:left;
	padding-top:20px;
	width: 100%; 
	margin-right: -95%; 
}

#contentcontainer {
	margin: 0 240px;
	max-height:500px;
	overflow: auto;
}

* html #contentcontainer {
	height: 450px;
}

#rechts {
	float:right;
	width:180px;
	margin-top:20px;
	margin-left:40px;
	margin-right:10px;
}

#footer {
	width:100%;
	height:30px;
	background-color:#ed1c24;
	position: relative;
	margin: -30px 0 0 0;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer{
	margin-top: -0px;
	height:4%;
}

#hauptmenu ul, #submenu ul, #footer ul {
	margin-left:30px;
}

#hauptmenu li, #submenu li, #footer li {
	float:left;
	list-style:none;
	background: transparent url(menupunkt.gif) 3px 1px no-repeat;
	padding-left:15px;
	margin-top:10px;
	margin-right:60px;
}

#submenu li {
	list-style:none;
	background: transparent url(blaupunkt.gif) 3px 1px no-repeat;
	padding-left:15px;
}

p { 
	margin-top:12px;
	margin-bottom:12px;
}

/*------------------TEXT-STYLE------------------------------*/

a {font-weight: bold; color: #ED1C24; text-decoration: none}
a:hover {color: navy;}

a.haupt1 {color: #FFFFFF;}
a.haupt1:hover {color: #f79433;}
a.unten {color: navy; }
a.unten:hover {color: #e0e0e0;}
a.unter1 {color: #FFFFFF;}
a.unter1:hover {color: #2e5e92;}
a.home {color: #FFFFFF;}
a.home:hover {color: #ffcc32;}
a.linknews {color: #f79433;}
a.linknews:hover {color: navy;}
a.linkfelder {color: #fbb034;}
a.linkfelder:hover {color: navy;}
a.linkwir {color: #ffc233;}
a.linkwir:hover {color: navy;}

a img {border:0;}

h1 {font-size: 1.3em; font-style: normal; font-weight: bold; color: navy; text-decoration: none; line-height:1.8em;}
h2 {font-size: 1.3em; font-style: normal; font-weight: bold; color: navy; text-decoration: none; line-height:1.6em;}

p {font-size:1.0em; font-style: normal; font-weight: normal; color: #222;line-height:1.2em;}

/*-----------------------filelinks--------------------------*/

#content div.l0 {
	font-size:1em;
}

#rechts div.l0 {
	font-size:1em;
}

.l0 IMG {
	border:0;
}

/*----Print: Contentbreite einstellen und Rahmen drum, Anzeige festlegen---*/

@media print {
  #contentcontainer {
    width:600px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:15px;
  }

  #links, #rechts, #footer, #hauptmenu, #submenu {display: none; }
}