@charset "utf-8";

* { margin: 0; padding: 0 }
a { outline: 0 }
a img { border: 0 }
html,body { height: 100%; background: #eee }
body { font: 100.01%/1.4 Helvetica, Arial, sans-serif; background: #ccc url(/images/bg-body.gif) top left repeat-y; color: #000; max-width: 70em; min-width: 650px }
h1 { background: transparent url(/images/logo.gif) top left no-repeat; height: 135px; top: 0; left: 0; position: absolute; z-index: 6; width: 100% }
h1 a { display: block; height: 135px; width: 400px; text-indent: -10000px }
h2 { position: absolute; left: 20px; top: 145px; width: 110px; height: 50px; background: #fff url(/images/dav-logo.gif) top left no-repeat; z-index: 3 }
h2 a { text-indent: -10000px; display: block; height: 50px }
h3 { position: absolute; left: 35px; width: 100%; height: 135px; top: 0; z-index: 5; text-indent: -10000px; background: #fff url(/images/karriere.gif) top right no-repeat }

#container { position: relative; min-height: 100%; height: auto; background: #ccc url(/images/bg-container.gif) top right repeat-y; border-right: 35px solid #c30000; border-left: 180px solid #fff; _z-index: 0; _height: 100%; }

#menu { position: absolute; left: 20px; top: 220px; width: 136px; list-style: none; z-index: 5 }
#menu li { font-size: .7em; font-weight: bold; border-top: 1px solid #999; color: #f60; line-height: 1.3em }
#menu li.active, #menu li a { display: block; text-decoration: none; color: #c30000; line-height: 1.3em; padding: .6em 0 }
#menu li.active, #menu li a:hover, #menu li a:focus, #menu li.active a { color: #f60 }
#menu li.active a { padding-top: 0 }
#menu li.active ul { margin-bottom: -.6em }
#menu li.active ul li a { color: #c30000; padding: .6em 0 }
#menu li.active ul li.active a { color: #f60 }
#menu li.active ul li a:hover { color: #f60 }
#menu li ul { list-style: none }
#menu li ul li, #menu li.active ul li { font-size: 1em; font-weight: normal; padding-left: 1.4em }
#menu a.active { color: #f60 }

#footer { position: absolute; right: 0; _right: -1px; top: 330px; width: 105px; height: 165px; background: transparent url(/images/karriere.jpg) top left no-repeat }

#content { margin-right: 105px; padding: 157px 2em 2em 16px }
#content h4 { font: 1.5em "Times New Roman",Georgia,serif; padding-bottom: .7em; text-transform: lowercase }
#content h5 { font-size: .9em; padding-bottom: .4em }
#content p, #content ul { font-size: .8em; line-height: 1.4em; padding-bottom: 1em }
#content ul { list-style-type: square; padding-left: 1em }
#content ul li { padding: .1em 0 }
#content table { font-size: .8em; border-collapse: collapse; border-top: 1px solid #fff }
#content tr { border-bottom: 1px solid #fff }
#content th, #content td { padding: .2em .6em .2em .3em; font-size: 1em }
#content th *, #content td * { font-size: 1em }
#content a { color: #c30000; text-decoration: underline }
#content a:hover, #content a:focus { text-decoration: none; color: #f60 }

.banner { padding: 1em 105px 2em 0; text-align: center }

/* spezielle Seiten */
.stellenmarkt { height: 1000px }
.stellenmarkt #container { padding-left: 10px; padding-right: 106px; _padding-right: 105px }
.stellenmarkt h3 { _left: 150px }
.stellenmarkt iframe { height: 850px; width: 100%; margin-top: 150px; _width: 99% }

#karte { border: 0px none }
p.center { text-align: center }