/**
 * CSS styles for Fahrzeug und Yachtpflege website.
 * 
 * @author Christian Hüther
 * @copyright Fahrzeug und Yachtpflege C.Hüther <www.fahrzeuge-yachtpflege.de>
 * @version 1.0.1
 * 
 * created 2007-12-02
 */

/* ----------------- general html structure */
html, body, div, p, td, a, input, textarea, select {
    font-family:Verdana, Arial, sans-serif;
    color:#000000;
    font-size:12px;
}

a {
    color:#CC0000;
    font-weight:bold;
    text-decoration:none;
}

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

/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

img {
    border:0;
}

html {
    overflow-y:scroll;
}


/* /----------------- general html structure */

/* ###################################################### */
/* ################### HAUPTNAVIGATION ################## */
/* ###################################################### */

td.navimain, td.navimainactive {
    background-repeat: repeat-x;
    width: 50%;
    text-align: center;
    cursor: pointer;
    font-weight: bolder;
}

td.navimain {
    background-image:url('http://www.fahrzeug-yachtpflege.de/cms/images/menu_main_off.jpg');
    color: #CC0000;
}

td.navimain:hover{
    background-image:url('../images/menu_main_on.jpg');
    color: #000000;
}

td.navimainactive {
    background-image:url('../images/menu_main_on.jpg');
    color: #000000;
}

td.navimainactive:hover {
    color: #000000;
}

/* ###################################################### */
/* ####################### NAVI SUB ##################### */
/* ###################################################### */

td.navisub, td.navisubactive {
    text-align: center;
    cursor: pointer;
    width:189px;
    height:25px;
}

td.navisub {
    background-image:url('../images/menu_sub_off.gif');
    color: #CC0000;
}

td.navisub:hover{
    background-image:url('../images/menu_sub_on.gif');
    color: #000000;
    font-weight: bold;
}

td.navisubactive {
    background-image:url('../images/menu_sub_on.gif');
    color: #ffffff;
    font-weight: bold;
}

td.navisubactive:hover{
    color: #000000;
}

/* ###################################################### */
/* ################# PAGE CONTENT TITLE ################# */
/* ###################################################### */

#title p {
    font-weight: bold;
    font-size:24px;
    color: #999999;
    text-indent: 24pt;
}

/* ###################################################### */
/* ####################### CONTENT ###################### */
/* ###################################################### */

table.content {
    margin: 0px 20px 40px 40px;
}

#content, #contenttitle, .contenttitle, .content {
    color: #000000;
}

#contentitle, .contenttitle {
    font-size: 20px;
    font-weight: bold;
}

#contentsubtitle, .contentsubtitle {
    /*color: #0066CC;*/
    /*color: #336666;*/
    /*color: #FF6600;*/
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}

/* ###################################################### */
/* ######################### NEWS ####################### */
/* ###################################################### */

table.news {
    background-repeat: repeat-y;
    background-image:url('../images/news.gif');
}

td.newsmaintitle, td.newstitle, td.newscontent, a.newslink {
    color: #000000;
}

td.newsmaintitle {
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

td.newstitle, td.newscontent, a.newslink {
    font-size: 10px;
}

td.newstitle {
    font-weight: bold;
}

td.newslink {
    font-style: italic;
    text-align: right;
}

a.newslink {
    text-decoration:none;
}

a.newslink:hover {
    text-decoration:underline;
}

/* ###################################################### */
/* ####################### NAVI META ################ */
/* ###################################################### */

td.navimeta {
    text-indent: 16pt;
    font-size:10px;
}

a.navimeta {
    font-weight: bold;
    font-size:10px;
    color: #ffffff;
    text-decoration:none;    
}

a.navimeta:hover {
    text-decoration:underline;bold;
}

a.navimeta:active  {
    color: #000000;
}

/* ###################################################### */
/* ######################## FOOTER ###################### */
/* ###################################################### */

td.footer, a.address {
    font-size:10px;
    color:#640b21;
}

a.address {
    font-weight:normal;
}

a.footer {
    font-size:10px;
}

/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author Christian Hüther
 * @copyright Fahrzeug und Yachtpflege C.Hüther <www.fahrzeuge-yachtpflege.de>
 * @version 1.0.1
 * 
 * created 2007-12-02
 */

ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
}

ul.sitemapStandardMainCat li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
        background-color: #666666;
        padding: 3px 3px 3px 10px;
}

a.sitemapStandardLevel_1/*, a.sitemapStandardLevel_2, a.sitemapStandardLevel_3*/ {
    color: #ffffff;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
        background-color: #CCCCCC;
        padding: 3px 3px 3px 30px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

/* ###################################################### */
/* ####################### CONTACT FORM ################# */
/* ###################################################### */
#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:18px;
}

#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 {
    padding:0 0 0 0;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    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;
}

table.engineering {
    background-image:url('../upload/bildergalerie/Rahmen/Rahmen200.jpg');
}

#contenthighlight {
    background-repeat: none;
    background-image:url('../images/contentborder.jpg');
}

/* ###################################################### */
/* ####################### 3D Galerie ################### */
/* ###################################################### */

#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; }