/* CSS Document */

* {
        padding: 0px;
        margin: 0px;
}
html {
        background: #D0D2D3 url(../img/Website-Zentral_05.png) repeat-x top left;
}
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}
* html body {
        background: #D0D2D3 url(../img/Website-Zentral_05.png) repeat-x top left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

/* Verursacht Probleme in Zusammenhang mit der Galerie und IE 9 */
/*img { behavior: url(http://www.zentral-kommunikation.de/fileadmin/css/iepngfix.htc); }*/

div.zentral-kommunikation {
        padding: 0px;
        margin: 0px;
}

div.cleardiv {
        line-height: 0px;
        font-size: 0px;
        height: 0px;
        clear: both;
}

h1.csc-firstHeader {
        position: relative;
        display: block;
        width: 280px;
        margin: 2px 0px 8px -10px;
}
h1.csc-firstHeader span {
        display: block;
        margin-top: 1px;
        width: 1px;
        font-size: 28px;
        line-height: 30px;
        overflow: hidden;
}
h1.csc-firstHeader span span {
        display: block;
        width: 1000px;
}

div.kopf {
        width: 973px;
        height: 212px;
        /* background: url(../img/brillenfrau_04.jpg) no-repeat top left; */
        background: url(../bilder/kopfbild/sommerheader.jpg) no-repeat top left;
        margin: 0px 0px 0px 11px;
}
div.logo {
        float: left;
}
div.logo a img {
        border: none;
        margin: 0px 76px 0px 9px;
}

div.linie {
        background: url(../img/punktlinie.gif) repeat-x bottom left;
        line-height: 5px;
        font-size: 5px;
        height: 5px;
        margin: 0px 0px 0px 11px;
        width: 973px;
}

div.rootline {
        padding: 3px 0px 0px 36px;
        color: #B2B2B2;
        width: 950px;
}
div.rootline div.root-navi {
  float: left;
  width: 80%;
}
div.rootline div.root-navi a {
        color: #B2B2B2;
        font-size: 10px;
        text-decoration: none;
}
div.rootline div.root-navi a:hover {
        text-decoration: underline;
}
div.rootline div.sobook {
  float: right;
  width: 15%;
  text-align: right;
}
div.rootline div.sobook img {
  border: none;
  margin-left: 5px;
}

div.xtra-box {
        position: absolute;
        top: 0px;
        left: 1000px;
}

div.fuss {
        background: url(../img/punktlinie.gif) repeat-x top left;
        line-height: 13px;
        font-size: 11px;
        height: 20px;
        margin: 25px 0px 0px 11px;
        padding: 8px 0px 10px 0px;
        width: 973px;
}
div.fuss div.copyright {
        float: left;
        width: 350px;
        padding: 0px 0px 0px 32px;
}
div.fuss div.fussnavi {
        float: right;
        width: 300px;
        text-align: right;
}
div.fuss div.fussnavi ul {
}
div.fuss div.fussnavi ul li {
        list-style-type: none;
        float: right;
}
div.fuss div.fussnavi ul li a {
        color: #008BD8;
        text-decoration: none;
        display: block;
        padding: 1px 0px;
        margin: 0px 0px 0px 12px;
}
div.fuss div.fussnavi ul li a:hover, div.fuss div.fussnavi ul li a.aktiv {
        background-color: #FFE400;
        color: #000;
}

/******  Navigation  ******/

div.navigation {
        float: left;
}

/* div.navigation ul {
        list-style-type: none;
        padding: 47px 0px 0px 0px;
}
div.navigation ul li {
        float: left;
}
div.navigation ul li a {
        display: block;
        color: #009FE4;
        line-height: 20px;
        padding: 2px 6px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
}
div.navigation ul li a:hover {
        background-color: #FFE400;
        color: #000;
} */

div.navigation table {
        list-style-type: none;
        margin: 46px 0px 0px 0px;
}
div.navigation table tr td a {
        display: block;
        color: #009FE4;
        line-height: 20px;
        padding: 2px 6px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
}
div.navigation table tr td a:hover {
        background-color: #FFE400;
        color: #000;
}
div.navigation table tr td.ifsub, div.navigation table tr td.aktiv {
        background-color: #FFE400;
        color: #000;
}

div.subtop {
        background: url(../img/navi-oben.png) no-repeat top right;
        height: 11px;
        width: 155px;
}
* html div.subtop {
        background: url(../img/navi-oben-ie6.gif) no-repeat top right;
}

ul.sublayer {
        background: url(../img/navi-unten.png) no-repeat bottom right;
        padding: 0px 0px 10px 0px;
        width: 155px;
}
* html ul.sublayer {
        background: url(../img/navi-unten-ie6.gif) no-repeat bottom right;
}
ul.sublayer li {
        list-style-type: none;
        padding: 2px 18px 2px 10px;
}
* html ul.sublayer li {
        padding: 2px 13px 2px 5px;
}
ul.sublayer li a {
        border-bottom: 1px dotted #FFF;
        display: block;
}
* html ul.sublayer li a {
        background: url(../img/punktlinie-weiss.gif) repeat-x bottom left;
        border-bottom: 1px solid #008BD7;
}
ul.sublayer li a.last {
        border-bottom: 0px none;
}
* html ul.sublayer li a.last {
        background: none;
}


/******  Inhaltsbereich  ******/

div.werbeagentur {
        position: absolute;
        margin: 250px 0px 0px 0px;
        padding: 0px;
        width: 989px;
        line-height: 18px;
}
* html div.werbeagentur {
        left: 0;
        width: 999px;
}

div.csc-textpic-imagewrap {
        padding: 5px 0px 10px 5px;
}

div.inhalt ul {
        padding: 0px 0px 0px 15px;
}
div.inhalt ul li {
        padding: 0px 0px 2px 0px;
}

div.inhalt h3 {
        font-size: 11px;
        font-weight: bold;
        color: #008BD8;
        text-transform: uppercase;
}

div.inhalt div.recon div.csc-textpic-above {
        margin: -2px 0px 0px -15px;
}
div.inhalt div.recon div.csc-textpic-above img {
        padding: 0px;
        margin: 0px;
}

div.zweicol a, div.zweicol-31-69 a, div.dreicol a, div.viercol a, div.recon a, div.zweicol-ohne div.links a {
        color: #008BD8;
        text-decoration: none;
        /* display: block; */
        padding: 1px 0px;
}
div.zweicol a:hover, div.zweicol-31-69 a:hover, div.dreicol a:hover, div.viercol a:hover, div.recon a:hover, div.zweicol-ohne div.links a:hover {
        background-color: #FFE400;
        color: #000;
}

div.zweicol .csc-textpic-image a, div.dreicol .csc-textpic-image a, div.viercol .csc-textpic-image a, div.recon .csc-textpic-image a {
        color: transparent;
        padding: 0px;
}
div.zweicol .csc-textpic-image a:hover, div.dreicol .csc-textpic-image a:hover, div.viercol .csc-textpic-image a:hover, div.recon .csc-textpic-image a:hover {
        background-color: none;
}

a.flacker .flicker {
        display: none;
}

a.flacker:hover .flicker {
        display: block;
        position: absolute;
        background: url(../img/hover.png) no-repeat top left;
        background: url(../img/transparent_15.png) no-repeat bottom left;
        height: 199px;
        width: 599px;
        margin: 16px 0px 0px 15px;
        z-index: 22;
        text-decoration: none;
        border: none;
}

/******  ADRESSE - HTML Container  ******/

div.adresse {

}
div.adresse div.left {
        float: left;
        width: 38%;
}
div.adresse div.right {
        float: right;
        width: 58%;
}
div.adresse div.trenner {
        background: url(../img/punktlinie.png) repeat-x center left;
        background: url(../img/punktlinie.gif) repeat-x center left;
        height: 10px;
        line-height: 10px;
        font-size: 10px;
        padding: 0px 0px 10px 0px;
}


/******  FCE - 1 Spalte  ******/

div.eincol {
        padding: 15px 0px 0px 10px;
        margin: 0px 0px 0px 23px;
        background: url(../img/box_gross_09.png) no-repeat top left;
        min-height: 455px;
}
* html div.eincol {
        background: url(../img/box_gross_09-ie6.png) no-repeat top left;
}

div.eincol div.ueberschrift h1 {
        margin: 0px 0px 0px 5px;
}
div.eincol div.ueberschrift div.csc-textpic-imagewrap img {
        margin: -4px 0px 0px -1px;
}
div.eincol div.cols {
        /* background: url(../img/punktlinie-3col.gif) repeat-y top left; */
        margin: 10px 0px 0px 0px;
}
div.eincol div.links {
        width: 100%;
        height: auto;
        float: left;
        padding: 0px 10px 10px 10px;
}


/******  FCE - 2 Spalten  ******/

div.zweicol {
        padding: 15px 0px 0px 10px;
        margin: 0px 0px 0px 23px;
        background: url(../img/box_gross_09.png) no-repeat top left;
        min-height: 455px;
}
* html div.zweicol {
        background: url(../img/box_gross_09-ie6.png) no-repeat top left;
}

div.zweicol div.ueberschrift h1 {
        margin: 0px 0px 0px 5px;
}
div.zweicol div.ueberschrift div.csc-textpic-imagewrap img {
        margin: -4px 0px 0px -1px;
}
div.zweicol div.cols {
        /* background: url(../img/punktlinie-3col.gif) repeat-y top left; */
        margin: 10px 0px 0px 0px;
}
div.zweicol div.links {
        width: 55%;
        height: auto;
        float: left;
        padding: 0px 10px 10px 10px;
}
div.zweicol div.rechts {
        width: 40%;
        height: auto;
        float: right;
        padding: 0px 10px 10px 10px;
}

div.zweicol-ohne div.links {
         width: 45%;
         float: left;
         padding: 0px 20px 0px 0px;
}
div.zweicol-ohne div.rechts {
         width: 48%;
         float: left;
}
div.inhalt div.cols div.links div.zweicol-ohne div.links ul, div.inhalt div.cols div.links div.zweicol-ohne div.rechts ul {
padding: 0px 0px 0px 4px;
         margin: 0px;
}
div.inhalt div.cols div.links div.zweicol-ohne div.links ul li, div.inhalt div.cols div.links div.zweicol-ohne div.rechts ul li {
         background: url(../img/box.png) no-repeat 0px 7px;
         list-style-type: none;
         padding: 0px 0px 10px 15px;
         margin: 0px;
}

div.zweicol-31-69 {
        padding: 15px 0px 0px 10px;
        margin: 0px 0px 0px 23px;
        background: url(../img/box_gross_09.png) no-repeat top left;
        min-height: 455px;
}
* html div.zweicol-31-69 {
        background: url(../img/box_gross_09-ie6.png) no-repeat top left;
}
div.zweicol-31-69 div.ueberschrift h1 {
        margin: 0px 0px 0px 5px;
}
div.zweicol-31-69 div.ueberschrift div.csc-textpic-imagewrap img {
        margin: -4px 0px 0px -1px;
}
div.zweicol-31-69 div.cols {
        background: url(../img/punktlinie-2col-31-64.gif) repeat-y top left;
        margin: 10px 0px 0px 0px;
}
div.zweicol-31-69 div.links {
        width: 31%;
        height: auto;
        float: left;
        padding: 0px 10px 10px 10px;
}
div.zweicol-31-69 div.rechts {
        width: 64%;
        height: auto;
        float: right;
        padding: 0px 10px 10px 10px;
}

/******  FCE - 3 Spalten  ******/

div.dreicol {
        padding: 15px 0px 0px 10px;
        margin: 0px 0px 0px 23px;
        background: url(../img/box_gross_09.png) no-repeat top left;
        min-height: 455px;
}
* html div.dreicol {
        background: url(../img/box_gross_09-ie6.png) no-repeat top left;
}

div.dreicol div.ueberschrift h1 {
        margin: 0px 0px 0px 5px;
}
div.dreicol div.cols {
        background: url(../img/punktlinie-3col.gif) repeat-y top left;
        margin: 10px 0px 0px 0px;
}
div.dreicol div.links {
        width: 31%;
        height: auto;
        float: left;
        padding: 0px 10px 10px 10px;
}
div.dreicol div.mitte {
        width: 31%;
        height: auto;
        float: left;
        padding: 0px 10px 10px 10px;
}
* html div.dreicol div.mitte {
        width: 32%;
        margin: 0px 0px 0px 10px;
}
div.dreicol div.rechts {
        width: 31%;
        height: auto;
        float: right;
        padding: 0px 10px 10px 10px;
}


/******  FCE - 4 Spalten  ******/

div.viercol {
        padding: 15px 0px 0px 10px;
        margin: 0px 0px 0px 23px;
        background: url(../img/box_gross_09.png) no-repeat top left;
        min-height: 455px;
}
* html div.viercol {
        background: url(../img/box_gross_09-ie6.png) no-repeat top left;
}

div.viercol div.cols {
        background: url(../img/punktlinie-4col.gif) repeat-y top left;
        margin: 10px 0px 0px 0px;
}
div.viercol div.ueberschrift {
        padding: 0px 0px 0px 0px;
}
div.viercol div.links {
        width: 23%;
        height: auto;
        float: left;
        padding: 0px 10px 10px 10px;
}
div.viercol div.zwei {
        width: 22%;
        height: auto;
        float: left;
        padding: 0px 10px 10px 10px;
}
div.viercol div.drei {
        width: 23%;
        height: auto;
        float: left;
        padding: 0px 10px 10px 10px;
}
div.viercol div.rechts {
        width: 23%;
        height: auto;
        float: right;
        padding: 0px 10px 10px 10px;
}