/* ******************************************************************** */
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */


label, .two-elements p{
        float:right;
      }


html, body {
background-color : #EBEBEB;
font-size : 12px;
line-height: 18px;
font-family : Arial, Helvetica, sans-serif;
color : #000000;
/*background-image: url(allg/pix-allg/bg.gif);*/
padding : 0;
margin : 0;
height:100%;
}

/*Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/
h1 {
font-size:16px;
font-weight: bold;
text-align: left;
color:#C50E00;
padding: 20px 0px 20px 10px;
margin:0px;}

h4 {
font-size:13px;
background-color: #2D3492;
font-weight: bold;
display:block;
text-align: left;
color:#ffffff;
padding: 7px 10px;
margin:0px;}

h5 {
font-size:13px;
display: block;
font-weight: bold;
text-align: left;
color:#C50E00;
background-color: #FFE04A;
padding: 7px 1px 7px 12px;
margin:0px;}

h6 {
font-size:13px;
display: block;
font-weight: bold;
text-align: center;
color:#C50E00;
background-color: #FFE04A;
line-height: 18px;
padding: 14px 8px 14px 12px;
margin:0px;}

#pagewidth{
 width:1000px;
 text-align:left;
 margin:0 auto;
}

#header{
 position:relative;
 background-color:#FFE04A;
 width:100%;
 display:block;
 overflow:auto;
 padding: 2px 0px;
  margin: 0px;
}

#banner{
 position:relative;
 background-color:#C50E00;
 width:100%;
 color:#ffffff;
 display:block;
 height: 132px;
padding: 0px;
margin:0px
}

#hauptnavi{
 position:relative;
 background-color:#C50E00;
 width:100%;
 color:#ffffff;
 display:block;
padding: 0px;
margin:0px
}

#topnavi{
 position:relative;
 background-color:#2D3492;
 width:100%;
 color:#ffffff;
 display:block;
padding: 9px 0px;
margin:0px
}

#wrapper {
background: #ffffff url(allg/pix-allg/bg-haupt.gif) repeat-y 50% 0;  /*Grafik gaukelt drei gleichlange farbige Spalten vor*/
}



#leftcol{
 width:200px;
 float:left;
 position:relative;
 /*background-color:#CF1016;*/
 min-height:100%;
 }

#twocols{
 width:800px;
 float:right;
 position:relative;
 }

#rightcol{
 width:200px;
 float:right;
 position:relative;
 /*background-color:#CF39E6;*/
 min-height:100%;
 }

#maincol{
 background-color: #ffffff;
 float: left;
  position: relative;
 width:600px;
 min-height: 100%;
 }

p {
margin: -7px 0px;
padding: 10px;
font-size: 13px;
color: #20221B
}

/*Links mit Hintergrund im Hauptfenster*/

.haupt {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; line-height: 22px}/*der ist für den Netscape*/
a:link.haupt {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; line-height: 22px}
a:visited.haupt {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; line-height: 22px}
a:hover.haupt {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #C50E00; text-decoration: none; font-weight: bold; line-height: 22px}
a:active.haupt {font-family: Arial, Verdana, Helvetica, sans-serif; font-size : 12px; color : #000000; font-weight : bold; text-decoration : none;line-height :22px;}

/*Links ganz oben*/

.topnavi {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; line-height: 22px}/*der ist für den Netscape*/
a:link.topnavi {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; line-height: 22px}
a:visited.topnavi {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; line-height: 22px}
a:hover.topnavi {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #C50E00; text-decoration: none; font-weight: bold; line-height: 22px}
a:active.topnavi {font-family: Arial, Verdana, Helvetica, sans-serif; font-size : 12px; color : #000000; font-weight : bold; text-decoration : none;line-height :22px;}

/*Links ganz oben aktiv*/

.topnaviaktiv {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #C50E00; text-decoration: none; font-weight: bold; line-height: 22px}/*der ist für den Netscape*/
a:link.topnaviaktiv {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #C50E00; text-decoration: none; font-weight: bold; line-height: 22px}
a:visited.topnaviaktiv {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #C50E00; text-decoration: none; font-weight: bold; line-height: 22px}
a:hover.topnaviaktiv {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; line-height: 22px}
a:active.topnaviaktiv {font-family: Arial, Verdana, Helvetica, sans-serif; font-size : 12px; color : #C50E00; font-weight : bold; text-decoration : none;line-height :22px;}

/*Links im Footer*/

.footer {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal; line-height: 22px}/*der ist für den Netscape*/
a:link.footer {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal; line-height: 22px}
a:visited.footer {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal; line-height: 22px}
a:hover.footer {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #BC0404; text-decoration: none; font-weight: normal; line-height: 22px}
a:active.footer {font-family: Arial, Verdana, Helvetica, sans-serif; font-size : 12px; color : #000000; font-weight: normal; text-decoration: none;line-height :22px;}




/*Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/

/*------------- vertikales Navi-Menue-------- http://www.thorstenvock.de/css_menuegenerator.php*/
#navi {
        margin: 0;
        padding: 0;
        width: 200px;
        border-bottom: 1px #C50E00;
}

#navi ul, #navi li{
        list-style-type: none;
        padding-top: 0px;
        font-weight: normal;
        text-align:left;
}

#navi li a {
        text-decoration: none;
        display: block;
        width: 198px;
        padding: 8px 2px 8px 0px;
}

#navi a:link, #navi a:visited {
        color: #000000;
        background-color: #F8F6CF;
}

#navi #akt {
        color: #C50E00;
        background-color: #F6DA42;
}

#navi a:hover, #navi a:hover#akt {
        color: #C50E00;
        background-color: #F7F291;
}

/*Menue-Rahmen oben*/
.oben { border-top:1px solid #C50E00 }
.unten { border-bottom:1px solid #F6DA42 }
.oben-hell { border-top:1px dotted #F6DA42 }
.unten-hell { border-bottom:1px dotted #F6DA42 }


/*  ----------------footer---------------------- */
#footer {
clear:both;
display:block;
height:16px;
padding:3px;
margin:0px;
background-color: #C50E00;}

/*Links ARTbyte im Downframe*/
a.artbyte:link {
  color: #989898;
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
}

a.artbyte:visited {
  color: #989898;
}

a.artbyte:hover {
  color: #ffffff;
}

a.artbyte:active {
  color: #989898;
}


.bildzeile { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; line-height: 16px; font-weight: normal; font-variant: normal; color: #000000}
.subhead1 {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000000}
.notfall {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #CC0000;}
.aktuell {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #C50E00;}
.offen {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #C50E00;}
.notruf {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #C50E00;}
.down {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #ffffff;}
.textklein {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.subhead {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #C50E00}
.textweiss {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; color: #ffffff}


img.download {vertical-align:middle;} /*Ausrichtung mittig*/


img.left
{
        float: left;
        margin: 4px 16px 6px 10px;        /*Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links*/

}

img.right
{
        clear: both;
    float: right;
    margin: 0 8px 8px 6px;
}

img.zentriert
{
        display: block;
        margin: 0 auto;
}


/* ******************************************************************** */
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */




/* ******************************************************************** */
/*                      printer styles                                  */
/* ******************************************************************** */

 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}


/*Lightbox Anfang*/

#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*Lightbox Ende*/