* { 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.
*/
#haupt { background-color: #dbdbdb; position: absolute; left: 50%; width: 980px; z-index: 1; margin-left: -490px; }


#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; }

