/* ###################################################### */

/* ################### Hauptnavigation ################## */

/* ###################################################### */

#vpnavigation, #vpnavigation ul { /* alle Listen */

    width: 1000px;

    padding: 0px;

    margin: 0px;

    border-top: 1px;   

    list-style: none;

    line-height: 3;

    overflow:hidden;
    background: -moz-linear-gradient(top,  #33338b, #8080c5); /*#97a49d, #d7d7d6 #24587a, #65a6d1*/
    /*background-color: #97a49d;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33338b', endColorstr='#8080c5');

        }



#vpnavigation a {

    display: block;

    width: 16em;

    text-decoration: none;
    font-size: 16px;
    color: #dfb683;    /* Fffc173 arbe der schrift */

    text-indent: 1em;

       

}



#vpnavigation li { /* alle Listenelemente */

    float: left;

    width: 13.021em ;
    background: -moz-linear-gradient(top, #33338b, #8080c5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33338b', endColorstr='#8080c5');
    /*background-color: #97a49d;*/

    /* -moz-border-radius:5px; */ 

    

}



#vpnavigation li ul { /* Listen 2. Ebene */

    position: absolute;

    /* background: violet; */ 

    width: 16em;

    left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */

    line-height: 1.5;

    background-color: #730046;

}



#vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */

    background: url(../images/rightarrow.gif) center right no-repeat;

}



#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */

    margin: -1em 0 0 10em;

}



#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {

    left: -999em;
    
    

    
}



#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */

    left: auto;
    
   
       
}



#vpnavigation li.activepath { /* Listenelemente, die im aktiven Pfad liegen */

    font-style: italic!important;

    font-weight: bold;
       
   }



#vpnavigation li#active { /* Listen zur aktuellen Kategorie */

    /*font-style: italic!important;*/

    color: #ffffff!important;/*#c0c0c0!important;*/
    font-weight: bold;
    background: #97a49d;
    /*text-decoration: underline;    
    text-shadow:black 2px 1px 2px;*/ 

    }





/* ###################################################### */

/* ################### Metanavigation ################### */

/* ###################################################### */

ul#metaNavigation {

    margin:0 0 20px 0;

    padding:0;

}

ul#metaNavigation li {

    margin:0;

    padding:0 1px 0 8px;

    display:inline;

    border-left:1px solid #D7D7D6;

}

 a.navigation_meta {

 text-decoration: none;

 color: #000000;

 }

 a.navigation_meta:hover {

 text-decoration: underline;

 }  

 /* ###################################################### */

/* ################## Bildergalerie SD ################## */

/* ###################################################### */



a.bildergalerie_sd_detail,

a.bildergalerie_sd_vorschau {

font-size: 12px;

color: #999999;

}

a.bildergalerie_sd_detail:hover,

a.bildergalerie_sd_vorschau:hover {

font-size: 12px;

color: #999999;

text-decoration: underline;

}



a.bildergalerie_sd_seitenwaehler_active {

color: #999999;

font-size: 14px;

font-weight: 900;

}



a.bildergalerie_sd_seitenwaehler_passive {

color: #999999;

font-size: 12px;

}



div.bildergalerie_sd {

text-align: center;

}



div.bildergalerie_sd_beschreibung {

margin-top: 10px;

text-align: center;

font-size: 10px;

}



div.bildergalerie_sd_bild {

text-align: center;

}



div.bildergalerie_sd_bild_vorschau {

text-align: center;

background-image: url(../upload/layout_02/diarahmen.gi);

background-repeat: no-repeat;

background-position: left top;

width: 120px;

height: 120px;

display: table-cell;

vertical-align: middle;

}



div.bildergalerie_sd_menue_detail,

div.bildergalerie_sd_menue_vorschau {

text-align: center;

margin-bottom: 25px;

margin-top: -10px;

}



img.bildergalerie_sd_bild_vorschau {

border: 1px solid #777777;

}



table.bildergalerie_sd {

text-align: center;

margin-right:auto;

margin-left:auto;

}



td.bildergalerie_sd {

text-align:center;

padding: 10px;

}



table.exif {

margin-left: auto;

margin-right: auto;

}



td.exif {

color: #555555;

font-size: 10px;

text-align: left;

}



th.exif {

color: #ffffff;

text-align: left;

font-weight: 900;

font-size: 10px;

background-color: #222222;

}

/* ###################################################### */

/* ###################  Seitenkopf     ################## */

/* ###################################################### */



h1.seitenkopf{

font-size: 10px;

font-weight: 900;

margin-top: 0px;

}



a.seitenkopf{

text-decoration: none;

color: #33334c;

}

/* ###################################################### */

/* ###################  image_head     ################## */

/* ###################################################### */



#headBody {

width: 1000px;

height: 150px;

}



#headBody a#logoTop {

    display:block;

    float:left;

    padding:0;

    margin:0;

}

#headBody h1 {

   /* display:block;

    float:left;

    padding:0 0 0 30px;

    margin:0;

    width:690px;

    height:60px;

    line-height:60px;

    font-weight:normal;

    color:#435d06;

    /* transparency

    background-color:#435d06;

    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;*/

    color: ##435d06;

}



/* ###################################################### */

/* ####################### CONTACT FORM ############'#### */

/* ###################################################### */

#contactForm {

    font-size:11px;

}

#contactForm .contactRow {

    margin:4px 0;

}

#contactForm label {

    display:block;

    float:left;

    width:80px;

}

#contactForm .contactRow input, #contactForm .contactRow textarea {

    border:1px solid #ccc;

    width:346px;

}

#contactForm .contactRow select {

    border:1px solid #ccc;

    width:172px;

}

* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {

    width:343px;

}



#contactForm .contactRow input {

    height:14px;

}



#contactForm .contactRow textarea {

    height:105px;

    font-size:10px;

}



#contactFormSubmit #contactFormSubmitLeft {

    float:left;

    margin:0 0 0 80px;

    width:174px;

}

* html #contactFormSubmit #contactFormSubmitLeft {

    margin:0 0 0 26px;

}

#contactFormSubmit #contactFormSubmitRight {

    float:right;

    width:174px;

}



#contactFormSubmit #contactFormSubmitLeft input, 

#contactFormSubmit #contactFormSubmitRight input {

    background-color:#fff;

    border:0;

    color:#0060b1;

    padding:0 20px 0 0;

    background-image:url(../images/link_pfeil.gif);

    background-repeat:no-repeat;

    background-position:right 4px;

    font-size:10px;

    width:auto;

    height:auto;

    float:right;

    margin:0;

}

#contactFormSubmit #contactFormSubmitLeft input {

    background-image:none;

    padding:0;

    float:left;

}



#contactForm table {

    width:100%;border-collapse:collapse;

}

#contactForm table td {

    padding:0;

}

#contactForm table td.pt {

    padding-top:2px;

}

* html #contactForm table td.pt {

    padding-top:0;

}