* { margin: 0; padding: 0; }
body { text-align: left; /* center all elemnts inside body*/
	margin: 0; /* setting top and bottom margin */
	padding: 0; font-family: arial, Helvetica, sans-serif; font-size: 100.01%; background-color: #d9d9d9; background-repeat: repeat-x; background-attachment: scroll; background-position: left top; } 
body { word-wrap: break-word; }
p { }
td { }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
#haupt { background-color: #dbdbdb; position: absolute; left: 50%; width: 980px; z-index: 1; margin-left: -490px; }
#navigation { background-color: #fff; position: absolute; top: 120px; left: 0; width: 980px; height: 25px; z-index: 100; }
#unternavi { background-color: #3a5e40; position: absolute; top: 144px; left: 0; width: 980px; height: 28px; }
#suche { text-align: right; position: absolute; top: 3px; left: 730px; width: 250px; height: 33px; z-index: 3; float: right; margin-right: 0; margin-bottom: 0.1em; margin-left: 0.2em; padding-right: 0; }
.inp1 { width: 100px; height: 17px; z-index: 4; float: left; margin-right: 0.5em; margin-bottom: 0.1em; }
.inp2 { color: #fff; font-size: 0.8em; font-family: arial; font-weight: bold; background-color: #3a5e40; letter-spacing: -1px; width: 120px; height: 20px; z-index: 4; margin-right: 5px; border-color: #3a5e40; border-style: solid; border-width: 1px 1px 3px; }
#logo { height: 115px; z-index: 90; }
.imglogo { position: absolute; top: 10px; left: 440px; width: 90px; height: 90px; }
#kruemel { color: #ffffff; font-size: 0.8em; font-family: arial; font-weight: normal; background-color: #3a5e40; text-align: left; letter-spacing: -1px; position: absolute; top: 0; left: 0; width: 670px; height: 20px; z-index: 3; float: left; margin-bottom: 0.1em; margin-left: 0; padding-top: 0.4em; padding-left: 0.2em; }
#kruemel a { color: #fff; font-family: arial; text-decoration: none; }
#kruemel a:hover { color: #dbdbdb; font-family: arial; }
.ohnerahmen { border-width: 0; }
form { position: relative; top: 3px; right: 0; z-index: 4; margin-top: 2px; margin-right: 0; }
#content1 { background-color: #dbdbdb; position: absolute; top: 170px; width: 980px; height: 633px; z-index: 2; visibility: visible; margin-top: 0.1em; padding: 1em 0 0; border-top: 1px solid #fff; }
#flashani { background-color: #b0c0d0; background-repeat: no-repeat; background-position: 50% top; position: absolute; top: 0; left: 0; width: 400px; height: 200px; z-index: 3; float: left; margin-left: 0; padding: 0; }
.nrad { color: #fff; font-family: arial; letter-spacing: -1px; width: 150px; margin-top: 7px; margin-bottom: 4px; margin-left: 10px; list-style-type: none; display: block; }
#nebenverlauf a { color: #fff; font-family: arial; text-decoration: none; letter-spacing: -1px; }
#nebenverlauf a:hover { color: #a1b4c8; font-family: arial; text-decoration: none; letter-spacing: -1px; }
.back { float: left; margin-left: 8px; padding-right: 10px; padding-left: 10px; border: solid 1px #fff; }

#content1mitte { background-color: #2a397a; position: absolute; top: 0; left: 402px; width: 271px; height: 200px; float: left; }
.fuermitte { color: #fff; font-size: 11px; font-family: arial; font-weight: bold; text-align: left; margin: 10px; }

#content1rechts { position: absolute; top: 0; left: 675px; width: 310px; height: 200px; }
#verlaufkarte { background-color: #2a397a; position: absolute; top: 202px; left: 179px; width: 800px; height: 230px; }
#nebenverlauf { font-size: 0.8em; font-weight: bold; background-color: #2a397a; position: absolute; top: 202px; left: 0; width: 177px; height: 230px; float: left; }
.fuernv { color: #fff; font-size: 11px; font-family: arial; text-align: justify; margin: 10px; }
#flaggen { background-color: #3a5e40; position: absolute; top: 434px; left: 0; width: 980px; height: 26px; z-index: 10; }
.flaggen { color: #fff; font-size: 11px; font-family: arial; float: left; margin: 5px 15px 5px 5px; }
.flaggenli { color: #fff; font-size: 11px; font-weight: bold; text-align: center; width: 130px; float: left; margin-top: 5px; margin-bottom: 5px; list-style-type: none; display: inline; }

#bdmtext { background-color: #2a397a; position: absolute; top: 462px; left: 0; width: 300px; height: 200px; float: left; }
#bdm { background-color: #2a397a; position: absolute; top: 462px; left: 303px; width: 273px; height: 200px; float: left; }

#animation { background-color: #2a397a; position: absolute; top: 462px; left: 0; width: 980px; height: 150px; z-index: 5; }
h1 { color: #fff; font-size: 18px; font-weight: bold; text-align: center; margin-top: 15px; }
#modell { color: #003368; font-size: 1em; font-family: arial; font-weight: bold; text-align: center; letter-spacing: -1px; vertical-align: middle; width: 180px; height: 20px; float: right; margin: 0 0 0 10px; padding: 3px 90px 0 0; }
#modell a { color: #003368; font-size: 0.8em; font-family: arial; font-weight: bold; text-decoration: none; vertical-align: middle; width: 180px; height: 20px; margin: 0; padding: 0; display: block; }
#modell a:hover { color: #ffffff; font-size: 0.8em; font-family: arial; font-weight: bold; background-color: #7f99b4; text-decoration: none; vertical-align: middle; width: 180px; height: 20px; margin: 0; padding: 0; display: block; }
.erat { text-align: center; margin: 15px 5px 5px; }
#padflash { position: absolute; top: 0; left: 930px; float: right; }
#leiter { background-image: url(../imagesallg/leitergross.jpg); position: absolute; top: 0; left: 0; width: 154px; height: 400px; float: left; }
#newspub { background-color: #7f99b4; position: absolute; top: 0; left: 156px; width: 460px; height: 302px; float: left; }
#newspub1 { background-color: #a1b4c8; position: absolute; top: 0; left: 618px; width: 360px; height: 150px; float: right; }
#newspub1 a { color: #003368; font-size: 1em; font-family: arial; text-decoration: none; }
#newspub1 a:hover { color: #faf5f5; font-size: 1em; font-family: arial; text-decoration: none; }


.news { color: #003368; font-size: 0.8em; font-family: arial; margin: 10px; }
#newsflash { position: absolute; top: 152px; left: 618px; width: 360px; height: 150px; float: right; }
#aktuell { color: #6e2929; font-size: 0.8em; font-family: arial; background-color: #faf5f5; position: absolute; top: 304px; left: 156px; width: 822px; height: 150px; }
.aktuell { width: 600px; float: left; margin: 10px; }
#datum { color: #ffffff; font-size: 0.8em; font-family: arial; font-weight: bold; background-color: #2a397a; position: absolute; top: 402px; left: 0; width: 140px; height: 40px; float: left; padding: 6px 5px 6px 10px; }
.bildaktuell { float: right; margin-top: 5px; margin-left: 0; }
.bildnews { float: right; margin-top: 5px; }
#aktuell a { color: #6e2929; font-size: 1em; font-family: arial; font-weight: bold; text-decoration: none; }
#aktuell a:hover { color: #7f99b4; font-size: 1em; font-family: arial; font-weight: bold; text-decoration: none; }
#nachrichten { position: absolute; top: 456px; left: 0; width: 980px; }
#nachrichten p { width: 980px; height: 145px; border-bottom: 2px dotted #fff; }
.nachr { color: #003368; font-size: 0.8em; width: 730px; float: left; margin-top: 15px; margin-left: 10px; }
.bdm { float: left; margin-right: 2px; border-width: 0; }
.kontakt { color: #003368; font-size: 0.8em; font-family: arial; font-weight: bold; letter-spacing: -1px; padding-top: 3px; }
h2 { color: #3a5e40; font-size: 0.8em; font-family: arial; font-weight: bold; letter-spacing: -1px; padding: 10px; }