* { 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: #bbbdc7; background-repeat: repeat-x; background-attachment: scroll; background-position: left top; top: 0; bottom: 0; } 

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.
*/
#navi { background-color: #fff; position: absolute; top: -10px; left: 0; width: 981px; height: 30px; }
#navi ul { position: absolute; top: 20px; width: 840px; list-style-type: none; }
#navi li { font-size: 0.8em; font-family: arial; float: left; margin-right: 30px; padding-left: 5px; padding-top: 8px; list-style-type: none; display: block; }
#navi a { color: #003368; font-family: arial; font-weight: bold; text-decoration: none; }
#navi a:hover { color: #333; font-family: arial; font-weight: bold; text-decoration: none; }
#flaggen_head { position: absolute; right: 0; width: 140px; height: 30px; top: 110px; z-index: 100;}

#naviunten_neu { background-color: #003368; position: absolute; left: 0; bottom: -1px; width: 981px; height: 40px; border-top: 2px solid #fff; border-bottom: 5px solid #fff; }
#naviunten_neu ul { position: absolute; top: 10px; width: 981px; list-style-type: none; }
#naviunten_neu li { color: #fff; font-size: 0.8em; font-family: arial; float: left; margin-right: 22px; padding-left: 5px; list-style-type: none; display: block; }
#naviunten_neu a { color: #fff; font-family: arial; font-weight: bold; text-decoration: none; }
#naviunten_neu a:hover { color: #bbbdc7; font-family: arial; font-weight: bold; text-decoration: none; }







#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: #2a397a; 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: #2a397a; letter-spacing: -1px; width: 120px; height: 20px; z-index: 4; margin-right: 5px; border-color: #2a397a; 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.75em; font-family: arial; font-weight: normal; background-color: #2a397a; text-align: left; 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; font-weight: normal; text-decoration: none; }
#kruemel a:hover { color: #7f99b4; font-family: arial; font-weight: normal; }
#kruemel ul { }
#kruemel li { color: #fff; font-family: arial; float: left; margin-left: 5px; list-style-type: none; }
.back { font-weight: bold; float: left; margin-left: 8px; padding-right: 10px; padding-left: 10px; border: solid 1px #fff; }
.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: 2000px; z-index: 2; visibility: visible; margin-top: 0.1em; padding: 1em 0 0; border-top: 1px solid #fff; }
#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; }
#padflash { position: absolute; top: 0; left: 930px; float: right; }
#newspub { background-color: #2a397a; position: absolute; top: 0; left: 156px; width: 460px; height: 302px; float: left; }
#newspub1 { background-color: #b0c0d0; position: absolute; top: 152px; left: 618px; width: 362px; 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: #fff; font-size: 0.8em; font-family: arial; margin: 10px; }
.news1 { color: #003368; font-size: 0.8em; font-family: arial; margin: 10px; }
#newsflash { position: absolute; top: 0; left: 10px; width: 980px; height: 150px; }
#aktuell { color: #6e2929; font-size: 0.8em; font-family: arial; background-color: #b0c0d0; 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: 520px; left: 0; width: 980px; }
.nachr { background-color: #b0c0d0; width: 980px; height: 142px; border-bottom: 2px dotted #fff; }
.nachr1 { background-color: #dbdbdb; width: 980px; height: 142px; border-bottom: 2px dotted #fff; }
.nachr1gross { background-color: #dbdbdb; width: 980px; height: 200px; border-bottom: 2px dotted #fff; }
.textnachr { color: #003368; font-size: 0.8em; font-family: arial; width: 720px; float: left; padding: 10px; display: block; }
#nachrichten a { color: #003368; font-size: 1em; font-family: arial; font-weight: bold; text-decoration: none; }
#nachrichten a:hover { color: #7f99b4; font-size: 1em; font-family: arial; font-weight: bold; }
.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; }

.impressum { color: #003368; font-size: 0.8em; font-family: arial; width: 600px; float: left; margin: 10px; }
#anschrift { font-family: arial; background-color: #b0c0d0; position: absolute; top: 0; left: 0; width: 385px; height: 328px; float: left; display: block; }
#leute {  position: absolute; top: 0; left: 388px; width: 389px; height: 328px; float: left; display: block; }
#bilder { background-color: #fff; position: absolute; top: 0; left: 780px; right: 0; width: 200px; height: 328px; float: right; }
#haftung { background-color: #2a397a; position: absolute; top: 330px; left: 0; width: 980px; height: 40px; }
.ha { color: #fff; font-size: 0.8em; font-family: arial; padding: 5px 10px; }
.bildimp { padding-top: 2px; border-width: 0; }
pad1 a { }
#oben { position: absolute; top: 0; left: 0; width: 700px; float: left; }

.ob { color: #003368; font-size: 0.8em; font-family: arial; text-align: left; width: 700px; padding: 10px; }
.ob1 { color: #003368; font-size: 0.8em; font-family: arial; background-color: #b0c0d0; width: 704px; padding: 10px 15px 5px 10px; display: block; }
.logoteam { position: absolute; top: 0; right: 0; float: right; margin: 0; padding: 0; border-width: 0; }
.bildlinks { float: left; margin-top: 0; margin-right: 15px; margin-left: 0; border-width: 0; }
#oben ul { margin-top: 10px; list-style-type: none; display: block; }
#oben li { color: #003368; font-size: 0.8em; font-family: arial; margin-left: 30px; padding-bottom: 10px; list-style-type: none; display: block; }
#projekte { background-color: #2a397a; position: absolute; top: 0; left: 732px; right: 0; width: 248px; height: 955px; float: right; }
#projekte ul { margin-top: 15px; margin-bottom: 10px; list-style-type: none; display: block; }
#projekte li { color: #fff; font-size: 0.8em; font-family: arial; width: 200px; margin-top: 10px; margin-left: 10px; padding-left: 10px; }
.logoprojekt { margin-left: 16px; border-width: 0; }

.imglightbox { margin-bottom: 4px; border-width: 0; }
.bildtitel { color: #fff; font-size: 0.7em; font-family: arial; padding-right: 7px; padding-left: 7px; display: block; }
.bildtitel2 { color: #003368; font-size: 0.7em; font-family: arial; padding-right: 7px; padding-left: 7px; display: block; }
.bildrechts { float: left; margin-right: 20px; border-width: 0; }
.gerbing { border-width: 0; }
#bildleiste a { font-weight: bold; }
#bildleiste a:hover { font-weight: bold; }
.leer { width: 400px; height: 40px; border-bottom: 1px solid #003368; }