* {
	margin: 0;
	padding: 0;
}


body { line-height: 1.3em; color: #999f9d; font-size: 1em; font-family: Helvetica, Arial, Geneva, Verdana, SunSans-Regular, sans-serif; background-color: #282828; }
p { font-size: 0.9em; }
a { color: #4d79b4; text-decoration: none; }

a:hover { color: #fff; }


h1 { color: #7b8ea3; font-size: 1em; padding-bottom: 0.3em; }
h2 { color: #c7c7c7; font-size: 0.9em; padding-bottom: 0.3em; }



#gesamt {  }
#oben { background-color: #282828; border-bottom: 1px solid #000; }
#logo { text-align: right; padding-top: 15px; padding-right: 40px; }




#nav01 { text-align: right; padding-right: 40px; }
#nav01 li { background-color: #3b3e41; margin-right: -1px; margin-left: -1px; border: solid 1px #565656; list-style-type: none; display: inline; }
#nav01 li:hover { background-color: #565656; }
#nav01 a { color: #c7c7c7; background-color: #0d0d0d; margin-right: -1px; margin-left: -1px; padding: 20px 15px 4px; border: solid 1px #565656; }
#nav01 a:hover { color: #fff; background-color: #2b2b2b; }
#nav01 a.akt { color: #fff; background-color: #282828; margin-right: -1px; margin-left: -1px; padding: 20px 15px 4px; border: solid 1px #676767; cursor: text; }





#haupt { background-color: #000; }

#bereich01_index { background-image: url(topbild_01.jpg); background-repeat: no-repeat; padding: 180px 20px 20px 280px; }
#bereich01_angebot { background-image: url(topbild_03.jpg); background-repeat: no-repeat; padding: 180px 20px 20px 280px; }
#bereich01_technik { background-image: url(topbild_02.jpg); background-repeat: no-repeat; padding: 180px 20px 20px 280px; }
#bereich01_archiv { background-image: url(topbild_04.jpg); background-repeat: no-repeat; padding: 180px 20px 20px 280px; }
#bereich01_kontakt { background-image: url(topbild_01.jpg); background-repeat: no-repeat; padding: 180px 20px 20px 280px; }
#breite01 { width: 530px; height: 160px; }



#bereich02 { padding-left: 40px; padding-top: 20px; padding-bottom: 30px; }
#breite02 { max-width: 780px; }

#archiv { width: 780px; }
#archiv p { margin-top: -0.3em; padding-left: 40px; padding-bottom: 20px; }









#flashcontent { width: 100%; height: 70%; }




.thema { font-size: 0.8em; overflow: inherit; float: left; min-height: 160px; margin-right: -1px; margin-bottom: -1px; padding: 10px 20px; border: solid 1px #333; }

.thema p { line-height: 1.2em; width: 200px; }
.thema h1 { line-height: 1.3em; }
.thema img { margin-bottom: 10px; border: solid 1px #191919; }
.thema img:hover {  border: solid 1px #78b5cc; }
.clear { clear: both; }





#fuss { background-color: #282828; text-align: right; padding: 10px 20px 20px; border-top: 1px solid #333333; }
#fuss li { list-style-type: none; display: inline; }
#fuss a { color: #4d79b4; font-size: 0.7em; font-weight: bold; margin-right: 20px; }
#fuss a:hover { color: white; }
.indexkl { font-size: 0.8em; line-height: 1em; padding-bottom: 20px; }