/** General **/

* { margin: 0px; padding: 0px; border: 0px; }
body   { margin: 0px 0px 30px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #fff; color: #696969; }
td { vertical-align: top; font-size: 11px; }


/** Layout **/

#header { position: relative; width: 800px; height: 100px; z-index: 10; background-color: #ffa500; }
#logo { position: absolute; bottom: 10px; left: 18px; width: 155px; height: 61px; z-index: 11; background: url( ../img/struc/logo_sw.gif ) no-repeat; }
#top-gfx { position: absolute; bottom: 0px; left: 466px; width: 236px; height: 60px; z-index: 12; background: url( ../img/struc/img_leiste.jpg ) no-repeat; }

#nav { position: relative; width: 800px; margin-top: 1px; background-color: #5c8ca5; z-index: 20; }

#sidebar { position: relative; float: left; width: 200px; }

#main { position: relative; float: left; width: 600px; min-height: 500px; border-left: 1px solid #5c8ca5; }
* html #main { height: 500px; }

#main-footer { position: relative; width: 800px; border-top: 1px solid #5c8ca5; padding-bottom: 30px; }
#main-footer-left { text-align: right; float: left; width: 198px; color: #5c8ca5; }
#main-footer-right { text-align: right; float: right; width: 598px; padding-right: 1px; border-left: 1px solid #5c8ca5; }
* html #main-footer-right { width: 600px; }

#footer { width: 800px; }
#footer div { text-align: right; border-bottom: 1px solid #5c8ca5; padding: 0px 2px 1px 0px; margin-bottom: 1px; }


/** Sidebars **/

#sidebar.startseite, #sidebar.wheretophone { background: url( ../img/sidebar/image001.jpg ) no-repeat; height: 500px; }
#sidebar.phones, #sidebar.faq { background: url( ../img/struc/nav_grey_img_phones.jpg ) no-repeat; height: 500px; }
#sidebar.contact, #sidebar.credits { background: url( ../img/struc/nav_grey_img_contact.jpg ) no-repeat; height: 500px; }


/** Navigation **/

#nav ul { width: 202px; }
* html { width: 201px; }
#nav ul, #nav li { margin: 0px; padding: 0px; }
#nav li { list-style: none; float: left; font-size: 11px; }
#nav li a, #nav li a:link,  #nav li a:visited, #nav li a:hover, #nav li a:active { display: block; text-align: center; border-right: 1px solid #fff; color: #d3d3d3; }
#nav li a:hover, #nav li a:active { font-style: italic; color: #fff; }
#nav li.active a, #nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active { font-style: italic; background-color: #808080; color: #fff; }

#nav li.nav-1 a { width: 58px; }
#nav li.nav-2 a { width: 93px; }
#nav li.nav-3 a { width: 47px; }
* html #nav li.nav-1 a { width: 59px; }
* html #nav li.nav-2 a { width: 94px; }
* html #nav li.nav-3 a { width: 48px; }

#nav-boxes { position: absolute; top: 115px; left: 0px; z-index: 100; }
#nav-boxes div { position: absolute; visibility: hidden; border-left: 1px solid #5c8ca5; border-right: 1px solid #5c8ca5; overflow: hidden; }
#nav-boxes div.active { z-index: 101; visibility: visible; }
#nav-boxes div a { display: block; background-color: #fff; font-style: normal; white-space: nowrap; padding: 1px 5px 2px 5px; border-bottom: 1px solid #5c8ca5; border-right: 0px; }
#nav-boxes div a:link, #nav li div a:visited  { color: #5c8ca5; font-style: normal; }
#nav-boxes div a:hover, #nav li div a:active { color: #696969; font-style: italic; }
#nav_telefone { margin-left: 58px; width: 141px; z-index: 111; }
#nav_telefone a { width: 141px; text-align: left; }
#nav_kontakt { margin-left: 58px; width: 141px; z-index: 112; }
#nav_kontakt a { width: 131px; text-align: right; }

* html #nav-boxes div.#nav_telefone { width: 143px; }
* html #nav-boxes div.#nav_kontakt { width: 143px; }
* html #nav-boxes div.#nav_kontakt a { width: 143px; }


/** Helpers **/

.clear-float { clear: both; }


/** Special elements **/

.infobox { border-bottom: 1px solid #aaa; }
.infobox.first { border-top: 1px solid #aaa; margin-top: 5px; }
.infobox a, .infobox a:link, .infobox a:visited { display: block; width: 200px; text-align: center; padding: 10px 0px 15px; font-size: 11px; color: #5c8ca5; }
.infobox a:hover, .infobox a:active { color: #696969; }
.infobox a.infobox-inside-top { padding: 10px 0px 0px; }
.infobox a.infobox-inside-bottom { padding: 0px 0px 15px; }

#pay-methods { position: absolute; top: 450px; left: 35px; width: 130px; text-align: center; color: #000; }

.mailtable  { border: solid 1px #5c8ca5; width: 370px; }
.mailtable_title  { color: #696969; font-size: 18px; background-color: #ffa500; text-align: center; vertical-align: middle; height: 20px; }
.mailtable_text_td   { color: #000; font-weight: bold; text-align: left; vertical-align: middle; padding: 7px 8px 5px; border-top: 1px solid #5c8ca5; }
.mailtable_data_td { text-align: left; vertical-align: middle; padding: 5px 5px 8px; }

.contenttable_netz_header_td   { color: #696969; padding: 3px 0px; font-size: 14px; background-color: #ffa500; text-align: center; vertical-align: middle; height: 20px; }
.contenttable_netz_map_td  { color: #696969; padding: 10px 0px; text-align: center; }

.contenttable_netz_select_header_td   { color: #696969; padding: 3px 0px; font-size: 14px; background-color: #ffa500; text-align: center; vertical-align: middle; height: 20px; }
.contenttable_netz_select_subheader_td { text-align: center; vertical-align: top; color: #000; padding: 5px 0px; }
.contenttable_netz_select_td   { color: #5c8ca5; vertical-align: middle; }


/** Link formats **/

a { text-decoration: none; }
a, a:link, a:visited { color: #696969; }
a:hover, a:active { color: #5c8ca5; }

a.invert:link, a.invert:visited { text-decoration: underline !important; }
a.invert:hover, a.invert:active { text-decoration: none !important; }

a.strong { font-weight: bold; }
a.strong:link, a.strong:visited  { color: #696969; }
a.strong:hover, a.strong:active { color: #5c8ca5; }

a.blue:link, a.blue:visited , a.blue:hover, a.blue:active { color: #5c8ca5; }


/** Headlines **/

h1, span.big { color: #000; font-size: 20px; font-weight: normal; }
h2 { color: #696969; font-weight: bold; font-size: 16px; text-align: center; margin-bottom: 15px; }
h2.follow { margin-top: 55px; }
h3 { color: #696969; font-weight: bold; font-size: 12px; text-align: center; margin: 20px 0px 15px; padding-bottom: 5px; border-bottom: 1px solid #696969; }
h3.follow { margin-top: 40px; }
h4 { color: #696969; font-weight: bold; font-size: 11px; text-align: left; margin: 24px 0px 5px; }


/** Lists **/

ul { margin: 12px 0px 10px 25px; padding: 0px; list-style-type: disc; }
li { margin: 3px 0; padding-left: 2px; }

ul.pdf { margin-left: 1.2em; list-style: none; }
ul.pdf li { display: block; background: url( ../img/struc/icon_pdf.gif ) left 2px no-repeat; margin: 10px 0; padding-top: 1px; padding-left: 25px; line-height: 1.5em; }
ul.pdf li a:link, ul.pdf li a:visited { color: #000; }
ul.pdf li a:hover, ul.pdf li a:active { color: #5c8ca5; }


/** Forms **/

select   { color: #5c8ca5; border-left: 1px solid #afaeaa; border-top: 1px solid #afaeaa; border-right: 1px solid #d5d5c8; border-bottom: 1px solid #d5d5c8; padding: 2px; }
input   { color: #515151; width: 356px; margin: 0 auto; background-color: #f1f1f1; border-left: 1px solid #afaeaa; border-top: 1px solid #afaeaa; border-right: 1px solid #d5d5c8; border-bottom: 1px solid #d5d5c8; padding: 2px; }
input.submit { font-weight: bold; color: #51585e; width: 80px; background-color: #ECECEC; border: 1px solid #A9B8C2; cursor: pointer; padding: 1px 5px; font-size: 1.1em; }
textarea  { color: #515151; width: 356px; margin: 0 auto; background-color: #f1f1f1; border-left: 1px solid #afaeaa; border-top: 1px solid #afaeaa; border-right: 1px solid #d5d5c8; border-bottom: 1px solid #d5d5c8; padding: 2px; }


/** Misc **/

.submit  { width: 75px }
.header { font-size: 14pt }
.fett { font-weight: bold }
.map_info { color: #000; font-weight: bold; background-color: #fff; padding: 3px; border: solid 1px #5c8ca5 }