html, body { height:100%; }

.teaser_img   {float:left; margin-left: 8px; margin-bottom: 1px;
}

img{border:none;}

body {
    padding:0;
    margin:0;
    text-align:left;
    min-width:780px;

    font-size:12px;
    font-family:Arial ;
    color:rgb(204,204,204);
    background-image:url('http://www.quiel.de/domestozs/sunnyneu/upload/sdbg.jpg');
    background-repeat:repeat;
    background-position:0% 0%;
        background-attachment:fixed;

        img border:none;

}



td {
    font-size:12px;



filter:alpha(opacity=80);
-moz-opacity:80%;

font-family:Arial;
    color:rgb(0,0,0);
    margin-bottom:8px;
}

.input {
    font-size:12px;
    font-family:Arial;
    color:rgb(204,204,204);
    width:300px;
    margin-bottom:6px;
    border-top:0px solid #999999;
    border-right:0px solid #999999;
    border-bottom:0px solid #999999;
    border-left:0px solid #999999;
}

.label {
    font-size:8px;
    font-family:Arial;
    color:rgb(0,0,0);
}

.small {
    font-size:8px;
}

#outer{
    height:100%;
    min-height:100%;
    width:780px;
    color:#000000;
    text-align:left;
    position:relative;
}
 
html>body #outer{ height:auto; } 

#innerwrap {
    float:left;
    width:600px;
}

#header{
    position:absolute;
    top:0;
    left:-1px;
    width:781px;
    height:103px;
    color:#000000;
    background-color:#ffffff;
    background:url("../images/schraffur_rechts_oben.gif");
    background-repeat:repeat-x;
    background-position:0px 0px ;
    z-index:5;
}

#left {
    position:relative;
    width:180px;
    float:left;
    padding-top:120px;
    padding-bottom:20px;
}

#left p { padding-left:3px;padding-right:2px }

#right p { padding-left:4px;padding-right:2px }

#imagecolumn {
    margin-top:0px;
    position:absolute;
    top:20px;
    left:608px;
    width:148px;
    height:550px;
    z-index:10;
    padding-top:112px;
    padding-left:10px;
    padding-right:10px;
    color:rgb(62,77,116);
}

#imagecolumn a {
    padding:0;
    font-weight:normal;
    font-size:11px;
    color:rgb(190,190,190);
    margin:0;
}

#imagecolumn h1 {
    padding:0;
    font-weight:normal;
    font-size:11px;
    color:rgb(156,0,6);
    margin:0;
}

#right {
    position:relative;
    width:170px;
    float:right;
    margin-top:10px;
    padding-top:170px;
    padding-bottom:20px;
    background-color:#999999;
    background:url('../images/randbg.jpg');
    background-position:0px 0px;
    background-repeat:no-repeat;
    color:rgb(62,77,116);
}

div,p  { margin-top:0; }

#centrecontent {
    width:408px;
    float:right;
    padding-left:0px;
    padding-right:0px;
    padding-top:105px;
    padding-bottom:20px;
    color:rgb(62,77,116);
}

#centrecontent p { padding-left:3px:color:rgb(62,77,116); }

#clearfooter { width:100%;height:52px;clear:both; }






#bottomnavi {
    text-align:center;
    color:rgb(0,0,0);
}

#additionalnavi {
    float:right;
    background-color:#ffffff;
    margin-top:3px;


    padding-bottom:2px;
    padding-top:0px;
    margin-left:10px;
    text-align:center;
    width:155px;
    color:rgb(160,160,160);
}

#logo {
    width:780px;
    margin-top:18px;
}

#navipath {
    padding:0;
    padding-bottom:10px;
    background-color:#ffffff;
    color:rgb(0,0,0);
    width:388px;
}

.navi{ width:100%; border-bottom:1px dotted rgb(169,109,0); background-color:#b0d6ff; }

h1 {
    padding-left:2px;
    font-weight:bold;
    font-size:13px;
    color:rgb(204,204,204);
    margin:0;
}

sh1 {
    padding-left:2px;
    font-weight:bold;
    font-size:13px;
    color:rgb(90,90,90);
    margin:0;
}

h1.content {
    margin-bottom:13px;
    padding:0;
}

hr { color:rgb(#9c0006); }

a { font-size:12px; color:rgb(0,0,0); text-decoration:none; }

a:hover { text-decoration:underline; color:#000000; }

a.newsheadline { font-size:12px; font-weight:bold; } 

a.bottomnavi { color:rgb(0,0,0); font-size:11px; } 

a.additionalnavi { font-size:11px; color: rgb(0,0,0); }

a.navipath { font-size:10px; color: rgb(0,0,0); } 

a.navileft_passive {
    display:block;
    background-color:#425797;
    font-size:12px; color:rgb(0,0,0); text-decoration:none;
        padding-top:3px;
    padding-bottom:3px;
    color:white;
}   

a.navileft_active {
    display:block;
    background-color:#b0d6ff;
    
    background-position:right 50%;
    padding-top:3px;
    padding-bottom:3px;
    color:rgb(51,79,119);
}

a.navileft_open {
    padding-left:10px;
    display:block;
    
    background-position:right;
    background-color:#ffffff;
    padding-top:3px;

    padding-bottom:3px;
    color:rgb(209,211,212);
} 

a.sitemap_level1 {
    display:block;
    border-bottom:1px solid #b4a8b4;
    color:rgb(217,104,28);
    font-weight:normal;
    padding-bottom:.4em;
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:right;
}

a.sitemap_level2 {
    color:rgb(62,77,116);
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:170px 4px;
    display:block;
}

a.sitemap_level3 {
    color:rgb(190,190,190);
}

.sitemap_level2_container {
    float:left;
    width:50%;
    padding-top:.3em;
}

.sitemap_level3_container {
    float:right;
    width:50%;
    padding-top:.3em;
}

.input_searchbox {
    width:65px;
    vertical-align:middle;
    font-size:11px;
    color: rgb(62,77,116);
}

.input_newsletterselect {
    width:100px;
    vertical-align:middle;
    font-size:11px;
    margin-right: 8px;
    color: rgb(62,77,116);
}

.label_searchbox {
    vertical-align:middle;
    color:#9d9ea2;
    position:relative;
    padding-left:10px;
    /*left:-65px;*/


.galeriethumb {float:left;margin: 0 .5em .5em 0;}
#galeriebild {text-align:center;margin-top:2em;} 

   padding-left:.5em;
   padding-right:.5em;
   margin-top:1.5em;
   margin-bottom:1.5em;
}



td.bildgalerie_email_label {width:200px; font-weight:bold; }
td.bildgalerie_email_ausgabe { color:rgb(217,104,28); }
a.bildgalerie_navi { font-size:11px; color:rgb(217,104,28); text-decoration:none; }
a.bildgalerie_navi:hover { text-decoration:underline; }
div.bildgalerie_navi { font-size:11px; color:rgb(217,104,28); text-decoration:none; text-align:center; }


#upload { 

position:relative; 

}




/* Lightbox */
    #lightbox {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        /*z-index: 100;*/
        z-index: 990;
        text-align: center;
        line-height: 0;
    }
    #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;*/
        z-index: 970;
    }
    #imageContainer>#hoverNav { left: 0;}
    #hoverNav a { outline: none;}
    #prevLink, #nextLink {
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* 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;
    }
    #imageData {
        padding:0 10px;
    }
    #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;  }   
    #overlay {
        position: absolute;
        top: 0;
        left: 0;
        /*z-index: 90;*/
        z-index: 980;
        width: 100%;
        height: 500px;
        background-color: #000;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
    }
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    * html>body .clearfix {
        display: inline-block; 
        width: 100%;
    }
    * html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
    }
/* << */



td.bildgalerie_email_label {width:200px; font-weight:bold; }
td.bildgalerie_email_ausgabe { color:rgb(217,104,28); }
a.bildgalerie_navi { font-size:11px; color:rgb(217,104,28); text-decoration:none; }
a.bildgalerie_navi:hover { text-decoration:underline; }
div.bildgalerie_navi { font-size:11px; color:rgb(217,104,28); text-decoration:none; text-align:center; }



#upload { 
position:relative; 
}

/**************************

********** Forum **********

**************************/



#forum-main {

    width:540px;

}



.forum-table-main {

    border:1px #ccc;

    border-collapse:collapse;

}



.forum-table-header {

    background-color:#e8e8ee;

    font-weight:bold;

    color:#000;

}



.forum-cat-header {

    color:#fff;

    font-weight:bold;

    font-size:16px;

}



.forum-post-header {

    border-right:1px solid #ccc;

    color:#000;

}

.forum-post-main {

    border:1px solid #eee;

    color:#000;

    padding:3px;

}



.forum-textbox {

        font-family:Verdana,Sans-Serif;

        font-size:10px;

        color:#000;

        background-color:#ffffff;

        border:1px #000080 solid;

}



#copyright, #copyright a {

    color:#ccc; 

    font-size:10px;

}



#copyright a {

    text-decoration:none; 

}



.forum-post-subject {

    padding-left:2px;

    font-weight:bold;

    color:#000;

}



.forum-content-1 {

    background-color:#fff;

    color:#000;

}



.forum-content-2 {

    background-color:#eee;

    color:#000;

}



.forum-div-cont {

    visibility:hidden;

    position:absolute;

    padding-bottom:5px;

}



.forum-img-1 {

    visibility:hidden;

}



.forum-img-2 {

    visibility:hidden;

    position:absolute;

    margin-left:-11px;

}



.forum-button {

    font-family:Verdana, Arial, Verdana, Sans-Serif;

    font-size:10px;

    color:#000000;

    background-color:#ffffff;

    height:19px;

    padding:0 2px;

    border:1px solid #000080;

    margin-top:2px;

}



.forum-button-post {

    font-family:Verdana, Arial, Verdana, Sans-Serif;

    font-size:12px;

    color:#000000;

         background-color:transparent;

    height:15px;

    padding:0px;

    border:0px;

    margin-top:-2px;

         margin-left:-2px;

}



.forum-attach {

    width:300px; 

    border:1px solid #ccc;

    padding:10px;

    margin:10px;

}



/*************************/#######################################################################
h1 {
    font-size:12px;
    font-family:Arial;
    padding-left:2px;
    font-weight:bold;
    font-size:13px;
    color:rgb(160,160,160);
    margin:0;
}
.input {
    font-size:12px;
    font-family:Arial;
    color:rgb(0,0,0);
    width:300px;
    margin-bottom:6px;
    border-top:0px solid #999999;
    border-right:0px solid #999999;
    border-bottom:0px solid #999999;
    border-left:0px solid #999999;
}
    


--------------------------------------------- 
               sKalender                      
--------------------------------------------- 

#mod_sK a { 
 font-family: sans-serif;
 font-size: 12px;
 text-decoration: none; 
 color: #444444;
}

#mod_sK a.tag { 
 font-size: 9px;
}

#mod_sK table {
 width: 160px;
 border: 1px solid #ffffff;
 margin-left: 10px;
 border-spacing: 4pt;
 font-size: 12px;
 font-family: sans-serif;
 text-decoration: none; 
 color: #000000;
}

#mod_sK td.navl {
 text-align: left; 
 width: 20%;
 font-weight: bold;
}

#mod_sK td.navr {
 text-align: right; 
 width: 20%;
 font-weight: bold;

}
#mod_sK td.navm {
 text-align: center; 
 width: 60%;
 font-weight: bold;
}

#mod_sK td.wtag {
 width:14%;
 background-color: #ffffff; 
 text-align: center; 
 color: #000000;
 font-family: sans-serif;
}

#mod_sK td.wochenende {
 background-color: #eeeeee; 
 color: #aaaaaa;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.wochentag {
 color: #999999;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.heute {
 background-color: #ff00ff;
 color: #43A0AF;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.belegt {
 background-color: #e3e3ff;
 color: #9E5357;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.belegtwe {
 background-color: #bfbfff;
 color: #9E5357;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.tangiert {
 background-color: #ffffcc;
 color: #9E5357;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

#mod_sK td.tangiertwe {
 background-color: #ffff99;
 color: #9E5357;    
 text-align: right; 
 border: 1px solid #aaaaaa;
 padding-right: 3px;
 }

--------------------------------------------- 
               Termineinausgabe              
--------------------------------------------- 

#mod_te h1 {
    font-size: 150%; 
    color: #000000; 
    margin-bottom: 5px;
}

#mod_te h2 {
    font-size: 120%; #
    font-weight: bold; 
    color: #000000; 
    margin-bottom: 5px;
}

#mod_te p {
    font-size: 100%; 
    color: #222222; 
}

--------------------------------------------- 

--------------------------------------------- 
                 Terminliste                  
--------------------------------------------- 

#mod_tlh {
   text-align: left;
}

#mod_tlf {
   text-align: left;
}

#mod_tl table {
   width: 600px; 
   background-color: #ffffff;
   border-collapse: collapse;
}

#mod_tl th {
   width: 100%;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color: #cacaca;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 5px;
}

#mod_tl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}

#mod_tl a .highlight {
   color: red;
}

#mod_tl .border { 
    border-top:1px solid #000000; 
    border-bottom: 1px solid #000000; 
}

#mod_tl .hell { background-color: #ffffff; }
#mod_tl .dunkel { background-color: #dfdfdf; }
#mod_tl .sp0 { width: 60px; }
#mod_tl .sp1 { width: 85px; }
#mod_tl .sp2 { width: 90px; }
#mod_tl .sp3 { width: 300px; }
#mod_tl .sp4 { width: 100px; }
#mod_tl .einrueck { padding-left: 15px; }

--------------------------------------------- 

--------------------------------------------- 
                 Terminteaser                 
--------------------------------------------- 

#mod_ttl table {
   width: 300px; 
   background-color: #ffffff;
   border-collapse: collapse;
}

#mod_ttl th {
   width: 100%;
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   text-align:  left;
   vertical-align:  top;
   line-height:  200%;
   background-color: #cacaca;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 5px;
}

#mod_ttl td {
   text-align:  left;
   vertical-align: top;
   line-height: 130%;
}

#mod_ttl .hell { background-color: #ffffff; }
#mod_ttl .dunkel { background-color: #dfdfdf; }
#mod_ttl .sp1 { width: 110px; }
#mod_ttl .sp2 { width: 190px; }


--------------------------------------------- 
              Terminliste Select              
--------------------------------------------- 

#mod_ts {
   width: 600px; 
}

--------------------------------------------- 
/* Übersichtsseite */

   div.ifgallery {

      margin: 5px 0;

      width: 100%;
     
      text-align: center;

      font-size: 11px;

   }

   div.gallery {

      margin: 5px 0;

      width: 100%;

      font-size: 11px;

   }

/*   div.gallery a {

      color: #fff;

      font-size: 11px;

   }

   div.gallery a:hover {

      color: #ff8c00;

   }
*/

   div.gallery div.cont {

      width: 100%;

   }

   div.gallery table.gTable td {

      vertical-align: top;

      padding-bottom: 5px;

   }

   div.gallery td.gallery_image div.link {

      border: 0px solid #333;

      margin-top: 5px;

      height: 70px;

      width: 100px;

      overflow: hidden;

      text-align: center;

   }

   div.gallery td.gallery_image div.link a img {

      filter: Gray();

      -moz-opacity:0.3;

   }

   div.gallery td.gallery_image div.link a:hover img {

      filter: none();

      -moz-opacity: 1;

   }

/*
   div.gallery div.medianame {

      display: none;

   }

   div.gallery div.description {

      display: none;

   }
*/
   /* Hover Thumb in der Übersicht */

   div.gallery #trailimageid {

      position: absolute;

      visibility: hidden;

      left: 0;

      top: 0;

      height: 1px;

      z-index: 5000;

   }

   /* Detailansicht */

   div.gallery div.gallery_detail {

      position: absolute;

      width: auto;

      top: auto;

      left: auto;

      z-index: 500;

   }

   div.gallery div.gallery_detail div.cont {
    position: absolute;
    top: -300px;
    left: -100px;
    width: 650px;
    background: #fff;
    border: 10px solid #fff;
    z-index: 600;
   }

   * html div.gallery div.gallery_detail div.cont {

      width: 700px;

   }

   /* Allgemein Links */

      div.gallery div.gallery_detail a {

         color: black;

      }

      div.gallery div.gallery_detail a:hover {

         color: #ff8c00;

      }

      div.gallery div.gallery_detail div.image {

         text-align: center;

         margin-bottom: 5px;

      }

      /* Bild */

      div.gallery div.gallery_detail div.image {

      }

      /* Breitenangaben der Container */

      div.gallery div.gallery_detail h3,

      div.gallery div.gallery_detail p.description,

      div.gallery div.gallery_detail div.option,

      div.gallery div.gallery_detail div.back,

      div.gallery div.gallery_detail table.galleryNav {

         text-align: left; /* Nicht entfernen */

         width: 95%;

      }

      /* Überschrift */

      div.gallery div.gallery_detail h3 {

         margin: 10px auto 5px auto;

         color: white;

         text-align: left;

      }

      /* Beschreibung */

      div.gallery div.gallery_detail p.description {

         margin: 0 auto;

         text-align: left;

      }

      /* Optonen */

      div.gallery div.gallery_detail div.option {

         text-align: left;

         margin: 10px auto;

         display: none;

      }

      /* PopUp Link */

      div.gallery div.gallery_detail span.popup {

      }

      /* Download Link */

      div.gallery div.gallery_detail span.download {

      }

      div.gallery div.gallery_detail span.download span.size {

      }

   /* Navigation Detailansicht */

      div.gallery div.gallery_detail div.gTop,

      div.gallery div.gallery_detail div.gBottom {

         width: 100%;

         background: white;

         text-align: left;

         padding: 2px 0;

         margin-top: 10px;

      }

      div.gallery div.gallery_detail div.gTop {

         display: none;

      }

      div.gallery div.gallery_detail div.gTop table.galleryNav,

      div.gallery div.gallery_detail div.gBottom table.galleryNav {

         width: 95%;

         margin: 0 auto;

      }

      div.gallery div.gallery_detail div table.galleryNav td.next,

      div.gallery div.gallery_detail div table.galleryNav td.back,

      div.gallery div.gallery_detail div table.galleryNav td.prev {

         width: 53%;

      }

      div.gallery div.gallery_detail div table.galleryNav td.back {

         text-align: center;

      }

      div.gallery div.gallery_detail div table.galleryNav td.next {

         text-align: right;

      }

      div.gallery div.gallery_detail div a {

      }

      div.gallery div.gallery_detail div a:hover {

      }


















/* >> Lightbox Gallery */
    /* >> >> Allgemeine Angaben */
        div.ligallery div.gallery h3 {
            font-size: 10px;
        }
        div.ligallery div.gallery div.description {
            font-size: 10px;    
                        text-align: center;
        }
        div.ligallery div.gallery div.medianame {
        
        }
        div.ligallery div.gallery div.description {
    
    text-align: center;
        }
        div.ligallery div.gallery div.galleryNav {
            background: #0f0f0f;
            text-align: center;
            
        }
        div.ligallery div.gallery div.galleryNav a {
            
        }
/* << */


#vpnavigation {
    position: relative;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 10px;
    width: 760px;
    height: 25px;
    background: url(../images/nav_bg.jpg) no-repeat top left;
    z-index: 10;
}
#vpnavigation ul {
/* all lists */
    /* float: left;
*/
    list-style: none;
    line-height: 1;
    font-weight: bold;
    padding: 0;
    margin: 0 0 1em 0;
    height: 20px;
    max-width: 760px;
}
#vpnavigation a {
    color: #53667b;
    text-decoration: none;
    display: block;
    /* float: left;
*/
    padding-left: 15px;
    padding-right: 15px;
    height: 15px;
    font-weight: bolder;
    font-size: 14px;
    padding-top: 3px;
    min-width: 80px;
    _width: 80px;
}
* html #vpnavigation a {
    height: 20px;
}
#vpnavigation li {
/* all list items */
    float: left;
    display: inline;
    padding: 0;
    min-width: 120px;
    _width: 120px;
}
#vpnavigation li:hover a, 
#vpnavigation li.sfhover a {
/* all list items */
    background: #FFFFFF;
    color: #333333;
}
#vpnavigation li:hover, 
#vpnavigation li.sfhover {
    position: static;
    background: green;
}
#vpnavigation li ul {
	/* second-level lists */
    position: absolute;
	background: #FFFFFF;
	/* left: -599em;
*/
/* using left instead of display to hide menus because display: none isn't read by screen readers */
    top: 18px;
	min-width: 109px;
	_width: 100px;
	max-width: 150px;
	display: none;
	height: auto;
}
#vpnavigation li li {
/* second-level lists */
    height: 20px;
    float: none;
    display: block;
    position: relative;
}
#vpnavigation li li a {
/* second-level lists */
    height: 15px;
    float: none;
    display: block;
    color: #0E399B;
    font-size: 12px;
    text-align: left;
    width: 150px;
}
#vpnavigation li li a.daddy {
    background: url(../images/rightarrow.gif) center right no-repeat;
}
#vpnavigation li li a:hover {
/* second-level lists */
    background: #0E399B;
    color: #FFFFFF;
}
#vpnavigation li:hover li ul, 
#vpnavigation li.sfhover li ul {
    /* second-level lists */
    background: #FFFFFF;
    min-width: 120px;
    _width: 150px;
    max-width: 150px;
    display: none;
    position: absolute;
    top: 0px;
    left: 100px;
}
#vpnavigation li:hover ul, 
#vpnavigation li.sfhover ul, 
#vpnavigation li li:hover ul, 
#vpnavigation li li.sfhover ul {
/* lists nested under hovered list items */
    /* left: auto; */
    display: block;
}