#title {
        width:890px;
        height:168px;
        background-image: url(../Bilder/web_peli_neu.gif);
        background-repeat: no-repeat;
        background-position: center top;

        border-right-width: 2px;
        border-left-width: 2px;
        border-right-style: solid;
        border-bottom-style: none;
        border-left-style: solid;
        border-right-color: #A5C7E7;
        border-left-color: #A5C7E7;
}

body {
        background-image: url(../Bilder/hintergrund.jpg);
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-repeat: repeat-x;
}

a{
        color: #666666;
        text-decoration: none;
}
}
a:hover {
        color: #003399;
        text-decoration: underline;
}

a.navi {
        font-family: Geneva, sans-serif;
        color: #3366CC;

        text-decoration: none
        font-size:12px;
}
a.navi:hover{
        font-family: Geneva, sans-serif;
        color: #3366CC;

        text-decoration: none
        font-size:12px;
        text-decoration: underline;
}


.outer {
        display:block;
        position:relative;
        margin:0px;
        width: 900px;
        height:50px;
        border: none;
}
.ueberschrift {
        font-family: Geneva, Arial, Helvetica, san-serif;
        font-size: 16px;
        font-weight: bold;
        color: #0B66C1;
        margin-top: 20px;
}

.fett {


        font-weight: bold;

}
.weiss {
        font-weight: bold;
        color: #FFFFFF;
        font-family: Geneva, Arial, Helvetica, san-serif;
}
#content {
        width:863px;
        height:500px;
        background-color:#FFFFFF;
        position: relative;
        font-family: Geneva, Arial, Helvetica, san-serif;
        font-size: 13px;
        font-weight: normal;
        color: #666666;
        text-align: left;
        list-style-position: inside;
        list-style-type: square;
        margin: 0px;
        padding-left: 20pt;
        padding-top: 0px;
        border-right-width: 2px;
        border-left-width: 2px;
        border-right-color: #A5C7E7;
        border-left-color: #A5C7E7;
        border-right-style: solid;
        border-left-style: solid;
        line-height: 20px;
}
* html #content {
        width:870px;
        height:470px;
        background-color:#FFFFFF;
        position: relative;
        font-family: Geneva, Arial, Helvetica, san-serif;
        font-size: 13px;
        font-weight: normal;
        color: #666666;
        text-align: left;
        list-style-position: inside;
        list-style-type: square;
        margin: 0px;
        padding-left: 20pt;
        padding-top: 0px;
        border-right-width: 2px;
        border-left-width: 2px;
        border-right-color: #A5C7E7;
        border-left-color: #A5C7E7;
        border-right-style: solid;
        border-left-style: solid;
        line-height: 20px;
}
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#menu {
        list-style-type:none;
        margin:108px 0px 0px 210px;
        padding:0px;
        width:800px;
        float: left;
        font-family: Geneva, Arial, Helvetica, san-serif;
}

* html #menu {
        list-style-type:none;
        margin:108px 0px 0px 180px;
        padding:0px;
        width:800px;
        float: left;
        font-family: Geneva, Arial, Helvetica, san-serif;
}

#menu li {
        float:left;
        padding:0;
        margin:0 2px 0 0;
        position:relative;
        width:110px;
        height:3em;
        z-index:100;
        font-family: Geneva, Arial, Helvetica, san-serif;
        font-size: 11px;
        font-weight: bold;
}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 108px; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {
        display:block;
        font-size: 12px;
        color: #000000;
        text-align:center;
        background:#FFC534;
        padding:0.25em 0 0.6em;
        font-family: Geneva, Arial, Helvetica, san-serif;
        font-weight: bold;
        border-top: 0 solid #999999;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #FF9900;
        border-left: 1px solid #999999;
}

#menu li:hover dt a, #menu a:hover dt a {
        color:#FFFFFF;
        background:#0B66C0;
        border-top: 0 solid #08c;
        border-right: 1px solid #08c;
        border-bottom: 0px solid #08c;
        border-left: 1px solid #08c;
}

#menu dd a, #menu dd a:visited {
        background:#5899DA;
        color:#fff;
        padding:0.5em 0px 0.5em 18px;
        text-decoration:none;
        text-align:left;
        border-left:1px solid #0B66C0;
        border-right:1px solid #0B66C0;
        display: block;
}

#menu dd a:hover {background: #FFC534; color:#000; border-left:1px solid #08c; border-right:1px solid #08c;}

#menu b {display:block; overflow:hidden; height:1px;}

#menu b.p1 {background:#CCCCCC; margin:0 5px;}
#menu b.p2 {background:#FDF3B9; border:2px solid #08c; border-width:0 2px; margin:0 3px;}
#menu b.p3 {background:#FFE96B; margin:0 2px; border:1px solid #08c; border-width:0 1px;}
#menu b.p4 {
        height:2px;
        background:#FFCD51;
        margin:0 1px;
        border-top: 1 solid #08c;
        border-right: 1px solid #08c;
        border-bottom: 0 solid #08c;
        border-left: 1px solid #08c;
}
#menu b.p5 {background:#CCCCCC; margin:0 5px;}
#menu b.p6 {background:#CCCCCC; margin:0 3px;}
#menu b.p7 {background:#999999; margin:0 2px;}
#menu b.p8 {height:2px; background:#999999; margin:0 1px;}

#menu li:hover b.p1, #menu a:hover b.p2 {background:#A7D6ED;}
#menu li:hover b.p2, #menu a:hover b.p2 {background:#C4D8EC;}
#menu li:hover b.p3, #menu a:hover b.p3 {background:#5CA1E5;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#1C7DDE;}


#footer {
        width:884px;
        color: #666666;
        font-family: Geneva, Arial, Helvetica, san-serif;
        font-size: 11px;
        background-color: #FFC534;
        text-align: right;
        vertical-align: top;
        padding-right: 6px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #A5C7E7;
        border-bottom-color: #A5C7E7;
        border-left-color: #A5C7E7;
}
*html #footer {
        width:891px;
        color: #666666;
        font-family: Geneva, Arial, Helvetica, san-serif;
        font-size: 11px;
        background-color: #FFC534;
        text-align: right;
        vertical-align: top;
        padding-right: 6px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #A5C7E7;
        border-bottom-color: #A5C7E7;
        border-left-color: #A5C7E7;
}
.hidden {
        display : none;
}

/* ================================================================
Kontaktformular
=================================================================== */
.formbox {
  width: 400px;
  color: #000;
  background-color: #cc9;
  border: 1px solid #666;
}

.reihe {
  clear: both;
  padding: 6px 0px;
}

.label {
  float: left;
  width: 100px;
  text-align: left;
  padding-top: 3px;
  padding-right: 5px;
}

.feld {
  float: right;
  width: 700px;
  text-align: left;
}

.knopf {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

.defbreite {
  width: 220px;
}
input.button  {
        color: #002467;
        font-size: 11px;
        font-family: Geneva, Arial, Helvetica, san-serif;
        text-decoration: underline;
        background-color: transparent;
        text-align: center;
        width: 60px;
        height: 25px }

SELECT {
 font-family: Geneva, Arial, Helvetica, san-serif;
 font-size:11px;
 color: #19338F;
 background: #C5CCE3;
 ZOOM: 1;
 Scrollbar-Face-Color : #ffffff;
 Scrollbar-Highlight-Color : #C5CCE3;
 Scrollbar-Shadow-Color : #19338F;
 Scrollbar-3dlight-Color : #C5CCE3;
 Scrollbar-Arrow-Color : #19338F;
 Scrollbar-Track-Color : #C5CCE3;
 Scrollbar-Darkshadow-Color : #FFFFFF;
}



.a, .a:visited {color:#000;}
#container {position:relative; width:600px; height:740px; background:#FFF; border:solid 1px #000; margin:10px auto;}
#container2 {position:relative; width:600px; height:740px; background:#FFF; border:solid 1px #000; margin:10px auto;}
#container3 {position:relative; width:600px; height:740px; background:#FFF; border:1px solid #000; margin:10px auto;}
#container4 {position:relative; width:600px; height:600px; background:#FFF; border:1px solid #000; margin:10px auto;}
#container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 15px; position:relative; cursor:default;}


a.slidea {background:url(../Bilder/Arbeitsproben/Zeich_bleistift_kinderkl.jpg);}
a.slideb {background:url(../Bilder/Arbeitsproben/Zeich_bleistift_mannkl.jpg);}
a.slidec {background:url(../Bilder/Arbeitsproben/Zeich_bleistift_romykl.jpg);}
a.slided {background:url(../Bilder/Arbeitsproben/Zeich_bleistift_lottikl.jpg);}
a.slidee {background:url(../Bilder/Arbeitsproben/Zeich_airbrush_rourkekl.jpg);}
a.slidef {background:url(../Bilder/Arbeitsproben/Zeich_airbrush_cottonkl.jpg);}
a.slideg {background:url(../Bilder/Arbeitsproben/Zeich_airbrush_kinskikl.jpg);}
a.slideh {background:url(../Bilder/Arbeitsproben/Zeich_airbrush_petersonkl.jpg);}
a.slidei {background:url(../Bilder/Arbeitsproben/Zeich_airbrush_meykl.jpg);}
a.slidej {background:url(../Bilder/Arbeitsproben/Zeich_airbrush_fraukl.jpg);}

a.slidek {background:url(../Bilder/Arbeitsproben/moll_vitalia2kl.jpg);}
a.slidel {background:url(../Bilder/Arbeitsproben/flyer_fewokl.jpg);}
a.slidem {background:url(../Bilder/Arbeitsproben/flyer_PraxisKuehnemundkl.jpg);}
a.sliden {background:url(../Bilder/Arbeitsproben/flyer_chortagkl.jpg);}
a.slideo {background:url(../Bilder/Arbeitsproben/flyer_brenigkl.jpg);}
a.slidep {background:url(../Bilder/Arbeitsproben/puenktchenkl.jpg);}
a.slideq {background:url(../Bilder/Arbeitsproben/rentaduckkl.jpg);}
a.slider {background:url(../Bilder/Arbeitsproben/messewand_lebenshilfekl.jpg);}
a.slides {background:url(../Bilder/Arbeitsproben/vitaliakl.jpg);}
a.slidet {background:url(../Bilder/Arbeitsproben/visitenkartenkl.jpg);}

a.slideu {background:url(../Bilder/Arbeitsproben/web_entenverleihkl.jpg);}
a.slidev {background:url(../Bilder/Arbeitsproben/web_buchmannkl.jpg);}
a.slidew {background:url(../Bilder/Arbeitsproben/web_fleermannkl.jpg);}
a.slidex {background:url(../Bilder/Arbeitsproben/web_hilden21kl.jpg);}
a.slidey {background:url(../Bilder/Arbeitsproben/web_vitaliasolingenkl.jpg);}
a.slidez {background:url(../Bilder/Arbeitsproben/web_kirchenmusikkl.jpg);}
a.slidez1 {background:url(../Bilder/Arbeitsproben/web_kuehnemundkl.jpg);}
a.slidez2 {background:url(../Bilder/Arbeitsproben/web_picobelloteamkl.jpg);}
a.slidez3 {background:url(../Bilder/Arbeitsproben/web_prasoluxkl.jpg);}
a.slidez4 {background:url(../Bilder/Arbeitsproben/web_schoenetoenekl.jpg);}


a.slide1 {background:url(../Bilder/Arbeitsproben/grafik_bronchienkl.jpg);}
a.slide2 {background:url(../Bilder/Arbeitsproben/grafik_oberstebrinkkl.jpg);}
a.slide3 {background:url(../Bilder/Arbeitsproben/grafik_wunderlandkl.jpg);}
a.slide4 {background:url(../Bilder/Arbeitsproben/Literaturca_buchcoverkl.jpg);}
a.slide5 {background:url(../Bilder/Arbeitsproben/grafik_zebrakl.jpg);}




a.gallery span {
        visibility:hidden;
        display:block;
        position:absolute;
        width:520px;
        height:540px;
        top:189px;
        left:9px;
        color:#000;
        background:#CCCCCC;
        text-align:center;
        border:1px solid #fff;
        font-family:tahoma, geneva,  sans-serif;
        letter-spacing:normal;
        cursor:default;
        font-size: 12px;
        line-height: 14px;
}


a.slidea span {left:-8px; top:180px;}
a.slideb span {left:-115px; top:180px;}
a.slidec span {left:-222px; top:180px;}
a.slided span {left:-328px; top:180px;}
a.slidee span {left:-435px; top:180px;}
a.slidef span {left:-8px; top:89px;}
a.slideg span {left:-115px; top:89px;}
a.slideh span {left:-222px; top:89px;}
a.slidei span {left:-328px; top:89px;}
a.slidej span {left:-435px; top:89px;}

a.slidek span {left:-8px; top:180px;}
a.slidel span {left:-115px; top:180px;}
a.slidem span {left:-222px; top:180px;}
a.sliden span {left:-328px; top:180px;}
a.slideo span {left:-435px; top:180px;}
a.slidep span {left:-8px; top:89px;}
a.slideq span {left:-115px; top:89px;}
a.slider span {left:-222px; top:89px;}
a.slides span {left:-328px; top:89px;}
a.slidet span {left:-435px; top:89px;}

a.slideu span {left:-8px; top:180px;}
a.slidev span {left:-115px; top:180px;}
a.slidew span {left:-222px; top:180px;}
a.slidex span {left:-328px; top:180px;}
a.slidey span {left:-435px; top:180px;}
a.slidez span {left:-8px; top:89px;}
a.slidez1 span {left:-115px; top:89px;}
a.slidez2 span {left:-222px; top:89px;}
a.slidez3 span {left:-328px; top:89px;}
a.slidez4 span {left:-435px; top:89px;}

a.slide1 span {left:-8px; top:120px;}
a.slide2 span {left:-115px; top:120px;}
a.slide3 span {left:-222px; top:120px;}
a.slide4 span {left:-328px; top:120px;}
a.slide5 span {left:-435px; top:120px;}



a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}