/* ------------DJ Schriften------ZEILENABSTÄNDE bei dicken FONTS------------------------- */

.qobklein {
/* schriftdefinition - Bildunterschriften */
line-height: 130%;
font-family: Arial;
font-size:9px;
color:#ffffff;
font-weight:normal;
}

.qobnormal {
/* schriftdefinition */
line-height: 130%;
font-family: Arial;
font-size:11px;
color:#ffffff;
font-weight:normal;
}

.qobnormalzeile {
/* schriftdefinition */
line-height: 190%;
font-family: Arial;
font-size:11px;
color:#ffffff;
font-weight:normal;
}


.qobnormalrot {
/* schriftdefinition */
line-height: 130%;
font-family: Arial;
font-size:11px;
color:#990000;
font-weight:normal;
}

.qobnormalgrey {
/* schriftdefinition */
line-height: 130%;
font-family: Arial;
font-size:11px;
color:gray;
font-weight:normal;
}

.qobfett {
/* schriftdefinition */
line-height: 130%;
font-family: Arial;
font-size:11px;
color:#ffffff;
font-weight:bold;
}

.qobfettzeile {
/* schriftdefinition */
line-height: 190%;
font-family: Arial;
font-size:11px;
color:#ffffff;
font-weight:bold;
}

.qobfettrot {
/* schriftdefinition */
line-height: 130%;
font-family: Arial;
font-size:11px;
color:#990000;
font-weight:bold;
}
.qobfettgrey {
/* schriftdefinition */
line-height: 130%;
font-family: Arial;
font-size:11px;
color:gray;
font-weight:bold;
}


.qobgross {
/* schriftdefinition */
line-height: 120%;
font-family: Arial;
font-size:15px;
color:#ffffff;
font-weight:normal;
}


.qobgrossu {
/* schriftdefinition */
line-height: 120%;
font-family: Arial;
font-size:15px;
color:#ffffff;
font-weight:normal;
border-bottom:solid thin black;
}


.qobgrossgrey {
/* schriftdefinition */
line-height: 120%;
font-family: Arial;
font-size:15px;
color:gray;
font-weight:normal;
}

.qobgrossred {
/* schriftdefinition */
line-height: 120%;
font-family: Arial;
font-size:15px;
color:#990000;
font-weight:normal;
}


.qobheader {
/* schriftdefinition */
line-height: 130%;
font-family: Arial;
font-size:13px;
color:#ffffff;
font-weight:bold;
}



.qobtitel {
/* schriftdefinition */
line-height: 120%;
font-family: Arial;
font-size:16px;
color:#ffffff;
font-weight:bold;
}

.qobtitelrot {
/* schriftdefinition */
line-height: 120%;
font-family: Arial;
font-size:16px;
color:#990000;
font-weight:bold;
}

.qobtitelgrey {
/* schriftdefinition */
line-height: 120%;
font-family: Arial;
font-size:16px;
color:gray;
font-weight:bold;
}

.blocksatz {text-align: justify;}


 /* LINKS */
          a:link    {text-decoration:underline; color:gray; }
          a:visited {text-decoration:underline; color:gray; }
          a:active  {text-decoration:underline; color:gray; }
          a:hover   {text-decoration:underline; font-weight:bold; color:#ffffff; }


/* ------------------------------------------- */



/* GALLERIA */

#main_image {
margin: 0 0 0 0;
height: 480px;
width: 640px;
align: left;
}

.bildschatten {
 background: url(../images/bildschatten.png) no-repeat bottom left;
 padding: 4px 7px 17px 7px;
}


body {
        margin: 0px;
        padding: 0px;
}

.top {vertical-align: top;}
.sub {vertical-align: super;}


.nav {
align: left;
}
.info {
text-align: left;
width: 640px;
}
.galleria {
list-style: none;
width: 640px;
}
.galleria li {
display: block;
width: 60px;
height: 60px;
overflow: hidden;
float: left;
margin: 0 10px 10px 0;
}
.galleria li a {
display: none
}
.galleria li div {
position: absolute;
display: none;
top: 0px;
}
.galleria li div img {
cursor: pointer
}
.galleria li.active div img,.galleria li.active div {
display: block
}
.galleria li img.thumb {
cursor: pointer;
align: left;
display: block;
width: 640px;
height: 60px:
}
.galleria li .caption {
display: block;
padding-top: .5em;
}
* html .galleria li div span {
width: 640px;
}
.caption {
color:#ffffff;
}

* html .galleria li div span{width:400px} /* MSIE bug */



.klein {
/* schriftdefinition */
font-family: Arial;
font-size:9pt;
color:#ffffff;
font-weight:normal;
}

.normal {
/* schriftdefinition */
font-family: Arial;
font-size:12pt;
color:#ffffff;
font-weight:normal;
}

.fett {
/* schriftdefinition */
font-family: Arial;
font-size:12pt;
color:#ffffff;
font-weight:bold;
}

.gross {
/* schriftdefinition */
font-family: Arial;
font-size:15pt;
color:#ffffff;
font-weight:bold;
}

.titel {
/* schriftdefinition */
font-family: Arial;
font-size: 10pt;
color: #ffffff;
font-weight: bold;
padding-left: 10px;
}



/* GRUNDSTYLES UND NAVIGATION

html {
        height:100%;
        width:100%;
}

body {
        font-family: Arial, sans-serif;
        font-size: 12px;
        align: center;
}

/

a:link {
        color:#ffffff;
        font-family: Arial, sans-serif;
        letter-spacing:1pt;
        font-size:10pt;
        font-weight:normal;
        text-decoration:none;
}
a:visited {
        color:#ffffff;
        font-family: Arial, sans-serif;
        letter-spacing:1pt;
        font-size:10pt;
        font-weight:normal;
        text-decoration:none;
}
a:hover {
        color:#ff00ff;
        font-family: Arial, sans-serif;
         letter-spacing:1pt;
        font-size:10pt;
        font-weight:bold;
        text-decoration:none;
}

a:active {
        color:#ff00ff;
        font-family: Arial, sans-serif;
        letter-spacing:1pt;
        font-size:10pt;
        font-weight:bold;
        text-decoration:none;
}

 */


.menuf  {
/*        color:#becbde; */
        color:#222222;
        font-size:10pt;
        font-family: Arial, sans-serif;
        letter-spacing:1pt;
        font-weight:bold;
        text-decoration:none;
/*        margin-top:5px;
        margin:5px;
        vertical-align:middle; */
}



/* KÄSE EVTL RAUS  */
h1,h2,h3,h4,h5,h6 {
        font-family: Arial, sans-serif;
        font-weight:normal;
        text-decoration:none;
        color:#ffffff;
        margin-top: 0px;
        margin-bottom: 0px;
}


h7 {
        font-family: Arial, sans-serif;
        font-weight:normal;
        text-decoration:none;
        color:#ffffff;
        font-size: 10px;
}
/* KÄSE EVTL RAUS  */


#pfad {
        position:absolute;
        top:82px;
        left:636px;
        width:324px;
        height:10px;
        vertical-align:top;
        text-align:right;
}

#menualt {
        position:absolute;
        top:100px;
        left:0px;
        right:0px;
        margin-right:0px;
        height:23px;
        width:100%;
        z-index:1;
        background-image:url(../images/menubg2.gif);
        background-repeat:repeat-x;
        vertical-align:middle;
}

#gesamt {
        width:100%;
        height: 100%;
/*        border:1px solid gray;  */
}

#kopf {
        height:125px;
        border:1px solid white;
        position:absolute;
        top:0px;
        left:50px;
        right:50px;
        z-index:1;
}

#menu {
        border:1px solid white;
        position:absolute;
        height:24px;
        top:127px;
        left:50px;
        right:50px;
        z-index:1;
}

.menufelder {
        border:1px solid white;
        z-index:1;
}

#inhalt {
        position:absolute;
        top:153px;
        left:50px;
        right:50px;
        border:1px solid white;
        overflow:auto;
        z-index:0;
}

/*  Menu CSS */

.hmenufeld {
        z-index:3;
        background-image:url(../images/menubg2.gif);
        color:#222222;
        font-size:10pt;
        font-family:Arial, Helvetica, sans-serif;
        letter-spacing:1pt;
        font-weight:normal;
        text-decoration:none;
        padding-left:0px;
        visibility:visible;
}

.hmenufeldo {
        z-index:3;
        background-image:url(../images/menubgover.gif);
        color:#222222;
        font-size:10pt;
        font-family:Arial, Helvetica, sans-serif;
        width:100%;
        height:100%;
        letter-spacing:1pt;
        font-weight:normal;
        text-decoration:none;
        padding-left:0px;
        visibility:hidden;
}

.umenufeld {
        visibility:hidden;
        position:absolute;
        top:0px;
        z-index:5;
        padding-left:5px;
}


.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
white-space:normal;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
/* width: 105px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #000000;
border-left-width: 0;
text-decoration: none;
background: url(../images/menubg.gif) center center repeat-x;
color: #888888;
font: bold 12px Arial;
white-space:nowrap;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #666666;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
white-space:normal;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
white-space:nowrap;
}


/* Sub level menu links style  MENÜ INAKTIVE Balken Hintergrund   */
.horizontalcssmenu ul li ul li a{
/* width: 150px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #202020;
border-width: 0 1px 1px 1px;
white-space:nowrap;
}

.horizontalcssmenu ul li a:hover{
background: url(../images/menubgover.gif) center center repeat-x;
color: #ffffff;
font: bold 12px Arial;
white-space:nowrap;
}

/* AKTIVER BALKEN im Hintergrund   */
.horizontalcssmenu ul li ul li a:hover{
background: #808080;
white-space:nowrap;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(../images/menuarrow.gif) no-repeat center left;
}


* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */