/* Farben
#fffff0 - ivory
#cc0000 - Logo-rot
#0066ff - Logo-blau
*/

body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul,li 
{font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
border-width:0; padding:0; margin:0; }

body * {font:small Verdana,Sans-serif}

body,td,div,p,pre,ul,li {font-size: 13px; }
b {font-weight:bold}
body {background-color:#fffff0}
body.strip {background-color:white}

p, pre, h1, h2, h3, h4 {padding:0}
h2, h3 {padding:1em 0}

h1 {font-size: 20px; text-align:right; padding:5px; border-bottom:solid silver 2px}
h2, h2 * {font-size: 17px;  color:#003e96}
h3, h3 *  {font-size: 15px; color:black; font-weight:bold}
h4, h4 * {font-size: 13px;}

span.h1 {font-size: 20px; display:block; padding-bottom:1em}
span.h2 {font-size: 17px; display:block; padding-bottom:1em; font-weight:bold}
span.h3 {font-size: 15px; display:block; padding-bottom:1em; font-weight:bold}
span.p {font-size: 13px; display:block}



#header, #footer {b/ackground-color:#fffff0}

#header {position:relative; width:auto; height:109px; padding:5px 0 5px 5%;
			overflow:visible; border-bottom:solid #cc0000 25px; border-top:#003e96 solid 5px; }
#menu {position:relative; border:solid gray 3px; background-color:gray; 
		padding:3px; margin-bottom:-150px; width:120px; height:140px; float:left; z-index:99}
#menu div {position:relative; width:100%; height:100%; top:0px; left:-12px; padding:3px;
		 background:url(images/erle_natur.jpg); border:#0066ff outset 3px; overflow:visible}
* html #menu {border:none; padding:0}
* html #menu div {top:6px; left:-6px}
#menu ul {list-style:none; padding-top:1ex}
#menu ul li {width:100%; position:relative}
#menu ul a {width:100%; padding-left:5px; font-size:100%; text-decoration:none; color:#0066ff; display:block}
#menu ul a:hover {background-color:#cc0000; color:white !important}
a.logo {background:url(images/logo_sm.gif) no-repeat center center #fffff0; display:block; margin:0; padding:0 10px; top:0px;
		position:relative; width:182px; height:100%; float:right}
a.logo:hover {background-image:url(images/logo_rotate_sm.gif)}

#main {width:100%; text-align:center; height:auto} 
#main .content {margin:auto; padding-bottom:0px; width:800px; height:100%}
#main, #main .content {background:white}
#marquee {position:relative; margin:-20px auto; margin-top:0; top:10px; border:outset blue 0px; width:800px; z-index:1; color:yellow; height:20px; overflow:hidden}

#footer {text-align:center; border-top:#003e96 solid 5px; position:relative; margin-top:0px; padding-bottom:100px}
#footer div {width:800px; text-align:left; padding:5px; margin:auto}
#footer ul li {display:inline; padding:0 3px}
#footer div p {float:left}
#footer div ul {float:right; margin-right:3em}
#footer a {font-size: 13px; }


.partner   #header .partner a,
.hanse     #header .hanse a, 
.aez       #header .aez a,
.impressum #header .impressum a,
.about     #header .about a,
.index     #header .index a
	{font-weight:bold; color:#cc0000; text-align:right; width:auto; margin:auto}
.partner   #header .partner,
.hanse     #header .hanse, 
.aez       #header .aez,
.impressum #header .impressum,
.about     #header .about,
.index     #header .index
	{right:0px}