/* WWW.MANOELMANACH.COM V4.8 */
     
/* === RESET === */

* {
    margin: 0;
    padding: 0;
    }

html {
    font-size: 13px;
    }

img {
    border: 0;
    }
    
/* === LAYOUT & INCLUDES === */

body {
    background-color: black;
    color: white;
    font-size: 13px;
    font-family: "Verdana", "Lucida Grande", "Helvetica", "Geneva";
    }
    
#header-bg {
    width: 100%;
    height: 200px;
    background-color: #2F2F2F;
    background-image: url(images/header-bg.png);
    }
    
#header {
    width: 998px;
    height: 200px;
    margin: auto;
    background-image: url(images/header.png);
    border-left: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
    text-indent: -9000px;
    }
    
#body-box {
    width: 1000px;
    margin: auto;
    }

#menu {
    width: 100%;
    height: 29px;
    text-align: center;
    padding-top: 10px;
    background-image: url(images/menu-bg.png);
    font-size: 14px;
    }
    
#footer-bg {
    width: 100%;
    height: 170px;
    background-color: #2F2F2F;
    background-image: url(images/footer-bg.png);
    }
    
#footer {
    width: 980px;
    height: 149px;
    border-left: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
    margin: auto;
    text-align: center;
    color: white;
    font-size: 9px;
    padding: 10px;
    border-top: 1px solid gray;
    background-image: url(images/footer.png);
    }
    
/* === TEXT & LINKS === */

.menu-links {
    color: #2F2F2F;
    text-decoration: none;
    padding: 10px;
    }

.menu-links:hover {
    color: #2F2F2F;
    text-decoration: none;
    padding: 10px;
    background-image: url(images/menu.png);
    }
    
.footer-links {
    color: white;
    text-decoration: none;
    }
    
.footer-links:hover {
    color: #00B0FF;
    text-decoration: none;
    }
    
.fb-info {
    color: #7F7F7F;
    font-size: 9px;
    }

.fb-page {
    color: white;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    }

.fb-page:hover {
    color: white;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
    }

a {
   color: #00BFFF;
   text-decoration: none;
   }

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

.fb-under-links {
    color: #7F7F7F;
    font-size: 9px;
    }

.fb-under-links:hover {
    color: #A0A0A0;
    font-size: 9px;
    text-decoration: none;
    }    

#time {
    float: right;
    margin-right: 5px;
    margin-top: 2px;
    color: white;
    font-size: 11px;
    }

#date {
    margin-left: 5px;
    margin-top: 2px;
    color: white;
    font-size: 11px;
    }
    
.wd-title {
    font-size: 17px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;    
    }

.image-links {
    color: #0090FF;
    text-decoration: none;
    }
    
.wd-links {
    color: #00BFFF;
    text-decoration: none;
    }
    
.wd-links:hover {
    color: #999999;
    text-decoration: none;
    }    
    
/* === BODY INCLUDES === */

#content {
    width: 900px;
    margin: auto;
    margin-top: 30px; 
    margin-bottom: 30px;
    }
    
    #home-title {
    width: 220px;
    height: 45px;
    color: white;
    font-size: 20px;
    margin-left: -2px;
    background-image: url(images/willkommen.png);
    text-indent: -9000px;
     }
    
    #ue_m-title {
    width: 220px;
    height: 45px;
    color: white;
    font-size: 20px;
    margin-left: -2px;
    background-image: url(images/ueber_mich.png);
    text-indent: -9000px;
     }     
    
    #service-title {
    width: 220px;
    height: 45px;
    color: white;
    font-size: 20px;
    margin-left: -2px;
    background-image: url(images/service.png);
    text-indent: -9000px;
     }   
     
    #kreationen-title {
    width: 220px;
    height: 45px;
    color: white;
    font-size: 20px;
    margin-left: -2px;
    background-image: url(images/kreationen.png);
    text-indent: -9000px;
     }        
    
    #feedback-title {
    width: 220px;
    height: 45px;
    color: white;
    font-size: 20px;
    margin-left: -2px;
    background-image: url(images/feedback.png);
    text-indent: -9000px;
     }        
          
    #kontakt-title {
    width: 220px;
    height: 45px;
    color: white;
    font-size: 20px;
    margin-left: -2px;
    background-image: url(images/kontakt.png);
    text-indent: -9000px;
     }   
     
    #sitemap-title {
    width: 220px;
    height: 45px;
    color: white;
    font-size: 20px;
    margin-left: -2px;
    background-image: url(images/sitemap.png);
    text-indent: -9000px;
     }       
          
    #partnerschaft-title {
    width: 220px;
    height: 45px;
    color: white;
    font-size: 20px;
    margin-left: -2px;
    background-image: url(images/partnerschaft.png);
    text-indent: -9000px;
     }            
     
    #error-title {
    width: 220px;
    height: 45px;
    color: white;
    font-size: 20px;
    margin-left: -2px;
    background-image: url(images/error.png);
    text-indent: -9000px;
     }  
     
    #weiterleitung-title {
    width: 220px;
    height: 45px;
    color: white;
    font-size: 20px;
    margin-left: -2px;
    background-image: url(images/weiterleitung.png);
    text-indent: -9000px;
     } 
     
/* === BOXES === */

.kreationen-hp {
    height: 200px;
    border: 1px solid #0090FF;
    float: left;
    margin-right: 5px;
    }

.kreationen-hp:hover {
    height: 200px;
    border: 1px solid #999999;
    float: left;
    margin-right: 5px;
    }  

#kfs {
    margin-bottom: 210px;
    }
    
#thx-weierleitung {
    margin: auto;
    padding: 5px;
    border: 1px solid #00DD09;
    text-align: center;
    background-color: #002F44;
    }

#artworks {
    width: 900px;
    height: 119px;
    border: 1px solid gray;
    margin: auto;
    overflow: auto;
    background-color: #2F2F2F; 
    }

#photos {
    width: 900px;
    height: 119px;
    border: 1px solid gray;
    margin: auto;
    overflow: auto;
    background-color: #2F2F2F;
    }
    
.webdesign {
    width: 900px;
    height: 320px;
    border: 1px solid gray;
    margin: auto;
    }
    
.left {
    width: 599px;
    height: 100%;
    background-color: #1F1F1F;
    float: left;
    border-left: 1px solid black;
    }

.right {
    width: 300px;
    height: 100%;
    background-color: #1F1F1F;
    float: left;
    }

.fb-page-box {
    float: left;
    padding: 1px;
    border: 1px solid gray;
    margin-left: 5px;
    }

.fb-page-box:hover {
    float: left;
    padding: 1px;
    border: 1px solid #0090FF;
    }    
    
.wd-image {
    width: 280px;
    height: 200px;
    border: 1px solid #0090FF;
    margin: auto;
    margin-bottom: 30px;
    text-align: center;
    }
    
.wd-image:hover {
    width: 280px;
    height: 200px;
    border: 1px solid #999999;
    margin: auto;
    margin-bottom: 30px;
    text-align: center;
    }
    
.wd-text {
    width: 550px;
    height: 180px;
    /*border: 1px solid #0090FF;*/
    margin: auto;
    margin-top: 31px;
    padding: 10px;
    }
    
/* === TABLES === */

#feedback-tb {
    border: 1px solid #0090FF;
    border-collapse: collapse;
    }
     
.td-fb {
    border: 1px solid #0090FF;
    padding: 5px;
    } 
    
.fb-split {
    width: 400px;
    height: 50px;
    background-image: url(images/fb-split.png);
    }

#kontakt-tb {
    border: 1px solid #0090FF;
    border-collapse: collapse;
    }
     
.td-ktk {
    border: 1px solid #0090FF;
    padding: 5px;
    } 

#service-table {
    border: 1px solid #0090FF;
    border-collapse: collapse;
    }

.service-td {
    border: 1px solid #0090FF;
    padding: 5px;
    } 

/*.service-td:hover {
    border: 1px solid #0090FF;
    padding: 5px;
    background-color: #001F2F;
    } */

.service-tr {
    border: 1px solid #0090FF;
    padding: 5px;
    } 

.service-tr:hover {
    border: 1px solid #0090FF;
    padding: 5px;
    background-color: #001F2F;
    } 
    
.service-td-top {
    border: 1px solid #0090FF;
    padding: 5px;
    background-color: #001F3F;
    } 
    
/* === FORM ELEMENTS === */

.form-fields {
    border: 1px solid gray;
    padding: 3px;
    color: #2F2F2F;
    background-color: white;
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    }

.form-fields:hover {
    border: 1px solid gray;
    padding: 3px;
    color: black;
    background-color: white;
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    }
    
.submit {
    border: 1px solid gray;
    padding: 3px;
    color: #2F2F2F;
    background-color: white;
    background-image: url(images/form-button.png);
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    }    
    
.submit:hover {
    border: 1px solid gray;
    padding: 3px;
    color: #002F5F;
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    }   
     
#feedback-textarea {
    border: 1px solid gray;
    padding: 3px;
    color: #2F2F2F;
    background-color: white;
    background-image: url(images/feedback-bg.png);
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    }   

#feedback-textarea:hover {
    border: 1px solid gray;
    padding: 3px;
    color: black;
    background-color: white;
    background-image: url(images/feedback-bg.png);
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    }
    
#kontakt-textarea {
    border: 1px solid gray;
    padding: 3px;
    color: #2F2F2F;
    background-color: white;
    background-image: url(images/kontakt-bg.png);
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    }        
    
#kontakt-textarea:hover {
    border: 1px solid gray;
    padding: 3px;
    color: black;
    background-color: white;
    background-image: url(images/kontakt-bg.png);
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    }     
    
/* === LISTS === */

.wd-ul {
    list-style-type: none;
    list-style-image: url(images/yes.png);
    padding-left: 30px;
 }
 
.wd-plus {
    color: white;
 }