* { margin: 0; padding: 0; }	
html, body { width: 100%; height: 100%; font-size: 1em; font-family: Helvetica, Arial, monospace, serif; line-height: 1.2; background: #0a0a0a; color: #fff; }
body { background: url('layout/bg/back2.png') top center no-repeat; }
html { background: url('layout/bg/back1.gif') top left repeat; }

#outer { height: 100%; width: 900px; margin-left: auto; margin-right: auto; position: relative; }
#outer[id] { display: table; position: static; }

#middle { position: absolute; top: 50%; } /* for explorer only*/
#middle[id] { position: static; display: table-cell; vertical-align: middle; width: 100%; }

#inner { height: 500px; position: relative; top: -50% } /* for explorer only */
/* optional: #inner[id] {position: static;} */

#header { height: 84px; background: url('layout/01_header.jpg') left top no-repeat; }
#content { width: 900px; height: 352px; background: url('layout/02_content.jpg') left top no-repeat; font-size: .8em; }
#nojs { margin: 25px 20px 0 0; color: red; background: #fff; padding: 5px; float: right; border: 1px solid red; }
#container { display: none; width: 100%; height: 100%; padding: 11px 13px 9px; }
#footer { height: 64px; background: url('layout/03_footer.jpg') left top no-repeat; }

#header h1 { width: 289px; height: 84px; position: relative; font-size: .5em; float: left; }
#header h1 span { background: url('layout/01_logo.jpg') no-repeat; position: absolute; width: 100%; height: 100%; }

#footer ul.tabnavi { height: 64px; float: right; padding-left: 40px; padding-right: 19px; margin: 0; background: url('layout/06_scroll.jpg') right bottom no-repeat; position: relative; }
#footer li.tableft a { display: block; width: 30px; height: 44px; background: url('layout/06_slinks_1.jpg') 0 0px no-repeat; }
#footer li.tableft a:hover { background-position: 0 -44px; }
#footer li.tabright a { display: block; width: 29px; height: 44px; background: url('layout/06_srechts_2.jpg') 0 -44px no-repeat; }
#footer li.tabright a:hover { background-position: 0 0px; }
#footer ul.tabnavi li a span { display: none; font-size: .7em; }
#footer ul.tabnavi li a:hover span { display: block; position: absolute; bottom: -10px; white-space: nowrap; width: 59px; text-align: center; z-index: 10; }

#footer ul.tabnavi li.tableft a:hover span { left: 0px; }
#footer ul.tabnavi li.tabright a:hover span { left: -29px; }

#footer ul { list-style: none; float: left; margin: 5px 0 0 13px; }
#footer ul li { float: left; }
#footer ul li.first {}
#footer ul li.second {}
#footer ul li.third {}
#footer ul li.last {}
#footer ul li a { color: #fff; display: block; height: 30px; position: relative; width: 42px; background: url('layout/05_menue_1.png') 0 0 no-repeat; }
#footer ul li a span { display: none; font-size: .7em; }
#footer ul li a:hover span { display: block; position: absolute; bottom: -10px; left: 7px; }
#footer ul li a:hover, #footer ul li a.aktiveseite { background-position: 0 -30px; }

#header a, #footer a { text-decoration: none; cursor: pointer; }
#footer a { text-decoration: none; }

div.slideTab, div.slideTabExtra { float: left; }
div.slideTab img { float: left; }
div.slidecontent { float: left; height: 332px; overflow: auto; width: 400px; margin-left: 18px; padding-right: 10px; outline: 0; }

div.slidecontent h2 { font-size: 1.1em; margin-bottom: 1.5em; }
div.slidecontent dl {}
div.slidecontent dl dt { clear: left; float: left; width: 10em; }
div.slidecontent dl dd { margin: 0 0 1em 10em; }
div.slidecontent ul { margin: 0 0 0 1em; }
div.slidecontent ul li {}
div.slidecontent a { text-decoration: none; }
div.slidecontent a:hover { text-decoration: underline; }

div.placeholder { padding: 10px; position: relative; }

form { padding: 10px; }
form fieldset { border: none; }
form fieldset.aktion { clear: left; text-align: center; padding-top: 20px; }
form legend { display: none; }
form dl { float: left; margin: 0 0 5px; width: 50%; }
form dl.feld1 {}
form dl.feld2 {}
form dl.feld3 { clear: left; }
form dl.feld4 {}
form dl.feld5 { width: 100%; }
form dl dt { float: left; width: 6em; text-align: left; margin: 0 10px 0 0; padding: .2em 0 0; }
form dl dd {}
form label { font-weight: bold; }
form label.fehler { color: red; }
form label.opt { display: block; width: 100%; margin: 10px 0 0; font-weight: normal; }
form input[type="text"] { width: 250px; }
form textarea { width: 80%; overflow: auto; }
fieldset.aktion dl { margin-left: 6em; float: left; padding-left: 10px; text-align: left; }
fieldset.aktion dl dt { width: auto; }
fieldset.aktion dl input[type="text"] { width: 50px; }

h2 { font-size: 1em; margin: 0 0 10px; }
#content a { color: #fff; }
.leerzeile { margin-top: 2em; }

dl.impressum {}
dl.impressum dt { display: block; clear: left; margin: 0 0 5px 0; }
dl.impressum dd { display: block; margin: 0 0 20px 10px; }
dl.impressum dd address { display: block; float: left; width: 15em; margin-bottom: 20px; font-style: normal; }
dl.impressum dd address img { height: 1em; vertical-align: bottom; }
dl.impressum dd address a { text-decoration: none; }
span.telefon span, span.mobil span, span.icq span, span.skype span, span.email span { display: none; }
span.telefon img, span.mobil img, span.icq img, span.skype img, span.email img { margin-right: 10px; }
dl.impressum.spalte1 { float: left; width: 50%; }
dl.impressum.spalte2 { float: left; width: 50%; }

ul.leistungen { margin: .5em 0 1em 1.5em; }
ul.leistungen li { margin: 0 0 .5em 0; }

.fehlermeldung { border: 1px solid red; background: #fff; color: red; padding: 5px; margin-top: 5px; }

/* Scroll */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }
a.jScrollArrowUp { background: url(layout/basic_arrow_up.gif) repeat-x 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown { background: url(layout/basic_arrow_down.gif) repeat-x 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }

.nojavascript #content { overflow: auto; }
.nojavascript #container { display: block; width: 90%; padding: 11px 13px 9px; float: left; }
.nojavascript .slideTab { width: 860px; height: 332px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; }
.nojavascript .slidecontent { width: 370px; }
.nojavascript #footer ul.tabnavi { display: none; }