/* 
        Copyright (c) 2010 André Theunert
        http://www.andre-theunert.de/
        Alle Rechte vorbehalten.

        Konzeption & Produktion: spicOne multimedia http://www.spicone.de
*/

body {margin:0px;font-family:sans-serif;background-color:#e6e6e6;}

h1 {font-size:8pt;color:#006699;margin:0px;font-weight:normal;padding-top:8px;padding-left:16px;float:left;}
h1.pd {font-size:large;color:#006699;margin:0px;font-weight:bold;padding-top:0px;padding-left:0px;float:none;}
h2 {font-weight:bold;font-size:10pt;margin:0px;}
h3 {font-weight:bold;font-size:10pt;margin:0px;}
h4 {font-weight:bold;font-size:10pt;margin:0px;}
h5 {font-weight:bold;font-size:10pt;margin:0px;}
h6 {font-weight:bold;font-size:10pt;margin:0px;}

hr {width:100%;color:#336699;background-color:#336699;height:1px;border:none;}

img {border:none;}
img.logos {margin-top:32px;}

a:link {text-decoration:none;color:#006699;}
a:visited {text-decoration:none;color:#006699;}
a:active {text-decoration:underline;color:#006699;}
a:hover {text-decoration:underline;color:#006699;}

a.small:link {text-decoration:none;color:#006699;}
a.small:visited {text-decoration:none;color:#006699;}
a.small:active {text-decoration:underline;}
a.small:hover {text-decoration:underline;}

a.navit:link {text-decoration:none;color:#006699;}
a.navit:visited {text-decoration:none;color:#006699;}
a.navit:active {text-decoration:none;color:#006699;}
a.navit:hover {text-decoration:none;color:#006699;}

a.navi:link {text-decoration:none;color:#ffffff;}
a.navi:visited {text-decoration:none;color:#ffffff;}
a.navi:active {text-decoration:none;color:#ffffff;}
a.navi:hover {text-decoration:none;color:#ffffff;}

a.sub:link {text-decoration:none;color:#ffffff;}
a.sub:visited {text-decoration:none;color:#ffffff;}
a.sub:active {text-decoration:none;color:#ffffff;font-weight:bold;}
a.sub:hover {text-decoration:none;color:#ffffff;font-weight:bold;}

a.sub2:link {text-decoration:none;color:#ffffff;}
a.sub2:visited {text-decoration:none;color:#ffffff;}
a.sub2:active {text-decoration:none;color:#ffffff;font-weight:bold;}
a.sub2:hover {text-decoration:none;color:#ffffff;font-weight:bold;}

a.wg:link {text-decoration:none;color:#ffffff;}
a.wg:visited {text-decoration:none;color:#ffffff;}
a.wg:active {text-decoration:none;color:#ffffff;}
a.wg:hover {text-decoration:none;color:#ffffff;}

a.wg-y:link {text-decoration:none;color:#000000;}
a.wg-y:visited {text-decoration:none;color:#000000;}
a.wg-y:active {text-decoration:none;color:#000000;}
a.wg-y:hover {text-decoration:none;color:#000000;}

a.pr:link {text-decoration:none;color:#006699;font-weight:bold;}
a.pr:visited {text-decoration:none;color:#006699;font-weight:bold;}
a.pr:active {text-decoration:none;color:#006699;}
a.pr:hover {text-decoration:none;color:#006699;}

a.more:link {text-decoration:none;color:#006699;font-weight:bold;}
a.more:visited {text-decoration:none;color:#006699;font-weight:bold;}
a.more:active {text-decoration:none;color:#006699;font-weight:bold;}
a.more:hover {text-decoration:none;color:#006699;font-weight:bold;}

a.bu:link {text-decoration:none;color:#ffffff;background-color:#336699;padding:4px;}
a.bu:visited {text-decoration:none;color:#ffffff;background-color:#336699;padding:4px;}
a.bu:active {text-decoration:none;color:#ffffff;background-color:#336699;font-weight:bold;padding:4px;}
a.bu:hover {text-decoration:none;color:#ffffff;background-color:#336699;font-weight:bold;padding:4px;}

a.sm:link {text-decoration:none;color:#006699;}
a.sm:visited {text-decoration:none;color:#006699;}
a.sm:active {text-decoration:underline;color:#006699;}
a.sm:hover {text-decoration:underline;color:#006699;}

a.sh:link {text-decoration:none;color:#006699;}
a.sh:visited {text-decoration:none;color:#006699;}
a.sh:active {text-decoration:none;color:#006699;}
a.sh:hover {text-decoration:none;color:#006699;}

a.anb:link {text-decoration:none;color:#ffffff;}
a.anb:visited {text-decoration:none;}
a.anb:active {text-decoration:none;color:#006699;font-weight:bold;}
a.anb:hover {text-decoration:none;color:#006699;font-weight:bold;}

#page {width:980px;margin:auto;background-color:#e6e6e6;}
#head {width:980px;height:192px;background-color:#ff0000;}
#topnavi {width:980px;height:32px;background-color:#e2f0f9;}
#visual {width:980px;height:160px;background-color:#ffffff;overflow:hidden;}
#logo {width:159px;height:59px;margin-left:16px;margin-top:47px;}
#navi {width:980px;height:32px;background-color:#006699;}
#subnavi {width:980px;background-color:#8baed6;overflow:auto;}
#main {width:980px;background-color:#ffffff;overflow:hidden;}
#content {width:948px;margin:16px;overflow:hidden;}
#sitemap {width:948px;background-color:#ffffff;padding:16px;border-top:solid 1px #006699;overflow:hidden;}
#botnavi {width:980px;height:32px;background-color:#e2f0f9;}
#f1 {float:left;margin-left:16px;}
#f2 {float:right;}

div.button {width:128px;height:24px;float:left;text-align:center;padding-top:8px;font-size:10pt;color:#ffffff;border-right:solid 1px #ffffff;}
div.buttonx {width:256px;height:24px;float:left;text-align:center;padding-top:8px;font-size:10pt;color:#ffffff;border-right:solid 1px #ffffff;}
div.button:active {background-color:#8baed6;font-weight:bold;color:#ffffff;}
div.button:hover {background-color:#8baed6;font-weight:bold;color:#ffffff;}

div.butsub {width:160px;height:24px;float:left;text-align:center;padding-top:8px;font-size:10pt;color:#ffffff;border-right:dotted 1px #ffffff;border-top:dotted 1px #ffffff;border-bottom:dotted 1px #ffffff;}
div.butsubx {width:160px;height:24px;float:left;text-align:center;padding-top:8px;font-size:10pt;color:#ffffff;border-right:dotted 1px #ffffff;border-top:dotted 1px #ffffff;border-bottom:dotted 1px #ffffff;}
div.butsub:active {background-color:#8baed6;}
div.butsub:hover {background-color:#8baed6;}

div.box-wg {width:304px;float:left;margin-bottom:16px;}
div.box-wg-head {height:20px;background-color:#006699;color:#ffffff;text-align:right;font-weight:bold;font-size:10pt;padding-right:8px;padding-top:4px;}
div.box-wg-head-y {height:20px;background-color:#ffcc00;color:#000000;text-align:right;font-weight:bold;font-size:10pt;padding-right:8px;padding-top:4px;}
div.box-wg-cont {height:171px;background-color:#e6e6e6;text-align:center;background-image:url('../gfx/grafik-bg-wg.gif');-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
div.box-wg-cont-2 {height:171px;background-color:#e6e6e6;text-align:left;background-image:url('../gfx/grafik-bg-wg.gif');-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding-left:16px;padding-right:16px;}

div.box-ov {width:192px;float:left;margin-bottom:16px;}
div.box-ov-head {height:20px;background-color:#006699;color:#ffffff;text-align:right;font-weight:bold;font-size:10pt;padding-right:8px;padding-top:4px;}
div.box-ov-cont {height:171px;background-color:#e6e6e6;text-align:center;background-image:url('../gfx/grafik-bg-wg.gif');-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}

div.box-pr {width:192px;float:left;margin-bottom:16px;}
div.box-pr-gfxt {height:171px;text-align:center;}
div.box-pr-gfxt:active {background-color:#8baed6;}
div.box-pr-gfxt:hover {background-color:#8baed6;}
div.box-pr-cont {min-height:128px;text-align:left;background-color:#eef3f9;font-size:10pt;border-top:solid 1px #006699;padding:8px;padding-bottom:0px;overflow:hidden;}
div.box-pr-more {text-align:left;background-color:#eef3f9;font-size:10pt;border-bottom:solid 1px #006699;padding-left:8px;padding-right:8px;padding-top:8px;}

div.box-nh {width:152px;text-align:center;float:left;}
div.box-nh:active {background-color:#8baed6;}
div.box-nh:hover {background-color:#8baed6;}

div.info-head {width:480px;background-color:#336699;padding:8px;border:solid 2px #336699;margin:auto;font-size:10pt;font-weight:bold;color:#ffffff;text-transform:uppercase;}
div.info-info {width:480px;background-color:#e6e6e6;padding:8px;border:solid 2px #336699;margin:auto;font-size:10pt;}

div.smcol {width:112px;color:#006699;float:left;font-size:8pt;padding-right:16px;}
p.sm {line-height:200%;}

/* 50/50 */

#col1 {width:466px;float:left;margin-right:16px;}
#col2 {width:466px;float:left;}

/* 1/1/1 */

#col13 {width:187px;float:left;margin-right:16px;}
#col23 {width:512px;float:left;}
#col33 {width:217px;background-color:#ffffff;float:left;margin-left:16px;}

/* wg overview */

div.wgov01 {width:128px;text-align:center;float:left;}
div.wgov02 {text-align:left;float:left;}

div.wghr {float:left;width:100%;border-top:solid 1px #006699;border-bottom:solid 1px #006699;background-color:#e2f0f9;padding-left:8px;}

ul.wgov {margin:0px;padding:0px;margin-top:8px;} 
li.wgov {list-style-type:none;padding:0px;font-size:8pt;margin:0px;line-height:175%;}

/* artikel */

#artim1 {float:left;}
#artim2 {padding-left:16px;padding-top:32px;float:left;}
#artinf {width:496px;background-color:#e2f0f9;padding:8px;float:left;border-bottom:solid 1px #006699;}

/* article tabs */

.tab_container {border-bottom:solid 1px #006699;border-top:none;overflow:hidden;clear:both;float:left;width:100%;background:#e2f0f9;}
.tab_content {padding:16px;font-size:10pt;min-height:343px;}

ul.tabs {margin:0;padding:0;float:left;list-style:none;height:36px;border-bottom:1px solid #006699;width:100%;}
ul.tabs li {width:127px;float:left;margin:0;padding:0;padding-top:8px;padding-bottom:8px;height:20px;line-height:20px;border:1px solid #006699;border-left:none;margin-bottom:-1px;overflow:hidden;position:relative;background:#006699;}
ul.tabs li:hover {background:#e2f0f9;font-weight:bold;}
ul.tabs li a {height:20px;text-decoration:none;color:#8baed6;display:block;font-size:10pt;outline:none;text-align:center;font-weight:bold;}
ul.tabs li a:hover {background:#e2f0f9;color:#006699;}
html ul.tabs li.active, html ul.tabs li.active a:hover  {background:#e2f0f9;border-bottom:1px solid #e2f0f9;}

img.aab {margin-bottom:16px;}

div.col33hl {background-color:#006699;font-size:10pt;color:#ffffff;padding:8px;}
div.col33ct {height:496px;background-color:#e2f0f9;text-align:center;padding:8px;overflow:auto;border-bottom:solid 1px #006699;}

/* shop */

#cs1 {width:305px;float:left;}
#cs2 {width:306px;float:left;margin-left:16px;margin-right:16px;}
#cs3 {width:305px;float:left;}

table.sh {width:100%;padding-top:16px;border-spacing:0px;}
td.shl {text-align:left;font-size:10pt;padding-top:2px;padding-bottom:2px;}
td.shr {text-align:right;font-size:10pt;}
td.shm {text-align:center;font-size:10pt;}
tr.sh:hover {background-color:#e2f0f9;}

/* staffel */

table.dt {width:100%;padding-top:16px;border-spacing:0px;}
th.dt {font-size:10pt;padding:4px;border-bottom:solid 1px #006699;font-weight:normal;}
td.dtl {text-align:left;font-size:10pt;padding:4px;}
td.dtr {text-align:right;font-size:10pt;padding:4px;}
td.dtm {text-align:center;font-size:10pt;padding:4px;}

/* anfrage */

table.af {width:100%;padding-top:16px;border-spacing:0px;}
th.af {font-size:10pt;padding:4px;border-bottom:solid 1px #006699;font-weight:normal;}
th.afm {text-align:center;color:#006699;font-size:10pt;padding:4px;background-color:#e2f0f9;}
td.afl {text-align:left;font-size:10pt;padding:4px;}
td.afr {text-align:right;font-size:10pt;padding:4px;}
td.afm {text-align:center;font-size:10pt;padding:4px;}

input.af {border:solid 1px #006699;padding:4px;}
textarea.af {border:solid 1px #006699;padding:4px;}

/* jumper */

option.jp1 {font-size:10pt;color:#006699;}
option.jp2 {font-size:8pt;}

p.small {font-size:8pt;color:#006699;text-align:right;margin:0px;padding-top:8px;padding-right:16px;}
p.head {border-top:solid 1px #336699;margin:0px;margin-top:4px;padding-top:4px;font-size:10pt;line-height:150%;}
p.news {margin:0px;font-size:10pt;margin-top:4px;line-height:150%;}
p.txt {width:400px;font-size:10pt;line-height:175%;}
p.tx {font-size:10pt;line-height:175%;}
p.txs {font-size:8pt;line-height:175%;}
p.txb {font-size:10pt;line-height:175%;color:#006699;}
p.sub {font-size:10pt;color:#ffffff;margin-top:0px;margin-left:16px;padding-top:4px;}
small.news {font-size:8pt;color:#336699;}
small.x {font-size:8pt;color:#336699;}

input.s {width:160px;border:none;padding:2px;}
select.s {width:160px;border:none;padding:2px;}

strong.ah {color:#006699;}

li.sm {list-style-type:square;font-size:10pt;line-height:175%;}
li.ag {font-size:10pt;line-height:175%;}
li.s {list-style-type:square;font-size:small;line-height:175%;}

span.bl {color:#336699;}