/*********************************************/
/* CSS-Styles for www.elektromotoren-rock.de */
/*                                           */
/*          (c) 2007 by Udo Gerhards         */
/*********************************************/

BODY {
     background:url(images/background.jpg) 0px 0px repeat-x;
     padding-top:20px;
     scrollbar-face-color:#ffffff;
     scrollbar-highlight-color:#000000;
     scrollbar-shadow-color:#000000;
     scrollbar-arrow-color:#000000;
     scrollbar-track-color:#ffffff;
     }
     
a:link {
     font-family:Verdana,Arial,Helvetica,sans-serif;
     font-size:11px;
     color: #FF0000;
     text-decoration:none;
     font-style:normal;
     }
     
a:visited {
     font-family:Verdana,Arial,Helvetica,sans-serif;
     font-size:11px;
     color: #FF0000;
     text-decoration:none;
     font-style:normal;
     }
     
a:hover {
     font-family:Verdana,Arial,Helvetica,sans-serif;
     font-size:11px;
     color: #FF0000;
     text-decoration:underline;
     font-style:normal;
     }

/* Intro settings */

#intro #shadow_top {
    background:url(images/content/shadow_top.jpg) left bottom no-repeat;
    height:7px;
    width:790px;
    }

#intro #shadow_left {
    background:url(images/content/shadow_left.jpg) right top repeat-y;
    width:7px;
    }

#intro #shadow_right {
    background:url(images/content/shadow_right.jpg) left top repeat-y;
    width:7px;
    }

#intro #shadow_bottom {
    background:url(images/content/shadow_bottom.jpg) left top no-repeat;
    width:790px;
    height:6px;
    }

#intro #header {
    background:url(images/intro/header.jpg) left top no-repeat;
    width:776px;
    height:91px;
    }

#intro #separator {
    background:url(images/content/header_border.jpg) left top repeat-x;
    height:2px;
    width:776px;
    }

#intro #content {
    background:url(images/intro/main.jpg) left top no-repeat;
    font-size:11px;
    width:776px;
    height: 314px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 16px;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    text-align: justify;
    }
    
#intro #content .start {
        margin-left:480px;
        margin-top:80px;
        }

#intro #scrolltext {
    background:url(images/intro/marquee.jpg) left top no-repeat;
    width:790px;
    height:63px;
    padding-top:28px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF0000;
    letter-spacing: 5px;
    text-align: justify;
    font-weight:bold;
    padding-left:50px;
    padding-right:50px;
    }

#intro #footer {
    background:url(images/content/footer.jpg) left top no-repeat;
    height:25px;
    width:790px;
    }


/* Content settings */

#content #shadow_top {
    background:url(images/main/shadow_top.jpg) left bottom no-repeat;
    width:790px;
    }

#content #shadow_left {
    background:url(images/main/shadow_left_white.jpg) right top repeat-y;
    width:7px;
    }

#content #shadow_right {
    background:url(images/main/shadow_right_white.jpg) left top repeat-y;
    width:7px;
    }

#content #footer_bottom {
    background:url(images/main/shadow_bottom.jpg) left top no-repeat;
    width:790px;
    height:7px;
    }

#content #header {
    background:url(images/main/header.jpg) left top no-repeat;
    width:776px;
    height:91px;
    }

#content #separator {
    background:url(images/main/header_border.jpg) left top repeat-x;
    height:2px;
    width:776px;
    }

#content #content {
    background:url(images/main/main.jpg) left top repeat-y;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica,sans-serif;
    width:776px;
    }
    
#content #scrolltext_shadow_top {
    background:url(images/main/marquee_top_shadow.jpg) 0px 0px no-repeat;
    }
    
#content #scrolltext_shadow_bottom {
    background:url(images/main/marquee_bottom_shadow.jpg) 0px 0px no-repeat;
    }

#content #scrolltext {
    background:url(images/main/marquee.jpg) left top no-repeat;
    width:790px;
    height:50px;
    padding-top:20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF0000;
    letter-spacing: 5px;
    text-align: justify;
    font-weight:bold;
    padding-left:50px;
    padding-right:50px;
    }

#content #footer {
    background:url(images/main/footer.jpg) left top no-repeat;
    height:27px;
    width:790px;
    }
    
#content #footer_shadow {
    background:url(images/main/footer_shadow.jpg) left top no-repeat;
    }
  
#nav_level1 div.element-over a:link {
     color:#fff;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }

#nav_level1 div.element-over a:visited {
     color:#fff;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }

#nav_level1 div.element-over a:hover {
     color:#fff;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }
    
#nav_level1 td.element-over a:link {
     color:#000;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }

#nav_level1 td.element-over a:visited {
     color:#000;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }

#nav_level1 td.element-over a:hover {
     color:#000;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }

#dropdown a:link {
     text-decoration:none;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     color:#555;
     font-weight:normal;
     }

#dropdown a:visited {
     text-decoration:none;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     color:#555;
     font-weight:normal;
     }

#dropdown a:hover {
     text-decoration:none;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     color:#555;
     font-weight:normal;
     }    
   
#nav_level2 td.element a:link {
     color:#555;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }

#nav_level2 td.element a:visited {
     color:#555;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }

#nav_level2 td.element a:hover {
     color:#555;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }
     
#nav_level3 td.element a:link {
     color:#555;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }

#nav_level3 td.element a:visited {
     color:#555;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }

#nav_level3 td.element a:hover {
     color:#555;
     font-weight:normal;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     font-variant:small-caps;
     }        

#nav_level1 {
     margin:0px;
     padding:0px;
     position:relative;
     }

#nav_level1 div.element, #nav_level1 div.element-over {
     float:left;
     margin-right:10px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:11px;
     position:relative;
     font-variant:small-caps;
     color:#555;
     }
     
#nav_level1 div.element-over {
     color:#ffffff;
     }
     
#nav_level1 .left {
     float:left;
     width:6px;
     margin-top:3px;
     }

#nav_level1 .main {
     float:left;
     margin-top:3px;
     padding-top:4px;
     }

#nav_level1 .right {
     float:left;
     width:6px;
     margin-top:3px;
     }

#nav_level1 div.element-over .left {
     background:url(images/men_left.jpg) 0px 0px no-repeat;
     margin-top:3px;
     }

#nav_level1 div.element-over .main {
     background:url(images/men_main.jpg) 0px 0px repeat-x;
     margin-top:3px;
     padding-top:4px;
     }

#nav_level1 div.element-over .right {
     background:url(images/men_right.jpg) 0px 0px no-repeat;
     margin-top:3px;
     }

div.popupframe  {
     margin:0px;
     padding:0px;
     display:none;
     position:relative;
     text-align:left;
     }
     
table.popup {
     margin:0px;
     padding:0px;
     display:none;
     position:absolute;
     top:0px;
     left:0px;
     border-collapse:collapse;
     }
     
     
/* 'normal' state for popup */
     
table.popup td.element {
     background:url(images/popup/pop_main_main.jpg) 0px 0px repeat-x;
     padding-left:5px;
     padding-right:5px;
     border-left:1px solid #efefef;
     height:23px;
     font-size:11px;
     font-family:Verdana,Arial,Helvetica,sans-serif;
     color:#555;
     }
     
table.popup td.shadow {
     background:url(images/popup/shadow.jpg) 0px 0px repeat-y;
     }
     
table.popup tr.first td.element, table.popup tr.first td.element-over {
     border-top:1px solid #efefef;
     }     
     
table.popup tr.first td.shadow {
     background:url(images/popup/shadow.jpg) 0px 0px repeat-y;
     }  
     
table.popup tr.bottom td.corner_left {
     background:url(images/popup/corner_left.jpg) 0px 0px no-repeat; 
     width:5px;
     height:2px;
}

table.popup tr.bottom td.bottom_shadow {
     background:url(images/popup/bottom_shadow.jpg) top left repeat-x; 
     height:2px;
}
   
table.popup tr.bottom td.corner_right {
     background:url(images/popup/corner_right.jpg) 0px 0px no-repeat; 
     width:3px;
     height:2px;
} 
 
IMG.submenu {
    float:right;
    }
 
/* 'over' state for popup */

table.popup td.element-over {
     background:url(images/popup/pop_main_main_over.jpg) 0px 0px repeat-x;
     padding-left:5px;
     padding-right:5px;
     position:relative;
     border-left:1px solid #efefef;
     height:23px;
     font-size:11px;
     font-family:Verdana,Arial,Helvetica,sans-serif;
     color:#000000;    
     }  
 
#nav_level1 div.element-over div.popupframe{ 
     display:block;
     }
        
#nav_level1 div.element-over #nav_level2 {
     display:block;
     }   

#nav_level1 td.element-over div.popupframe {
     top:5px;
     left:180px;
     z-index:100;
   }

     
#nav_level3 td.element-over {
     z-index:150;
     }
 
#nav_level2 td.element-over div.popupframe{
     display:block;
     z-index:98;
     top:-2px;
     left:180px;
     }
     
#nav_level2 td.element-over #nav_level3 {
     top:-5px;
     left:-10px;
     display:block;
     z-index:100;
     }
     
.sitemenu {
     list-style-type:none;
     padding:0px;
     margin:0px;
     margin-left:230px;
     }
     
.sitemenu li {
     float:left;
     margin-right:10px;
     }

.sitemenu a:LINK {
     font-size:10px;
     font-variant:small-caps;
     font-family:Verdana,Arial,Helvetica,sans-serif;
     text-decoration:none;
     color:#777;
     font-weight:bold;
     }
     
.sitemenu a:visited {
     font-size:10px;
     font-variant:small-caps;
     font-family:Verdana,Arial,Helvetica,sans-serif;
     color:#777;
     text-decoration:none;
     font-weight:bold;
     }

.sitemenu a:hover {
     font-size:10px;
     font-variant:small-caps;
     font-family:Verdana,Arial,Helvetica,sans-serif;
     color:#000;
     text-decoration:none;
     font-weight:bold;
     }  
     
/* Settings for content */

.main_content {
    padding:20px; 
    padding-right:10px; 
   }
   
.right_content {
   width:180px;
   padding:20px;
   padding-left:10px;
   padding-right:10px;
   }

H1 {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#444;
   padding:0px;
   margin:0px;
   }

H2 {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#444;
   padding:0px;
   margin:0px;
   }

H3 {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#444;
   padding:0px;
   margin:0px;
   }
   
H4 {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#444;
   padding:0px;
   margin:0px;
   }
      
H1.header2, H2.header5, H3.header2, H4.header5 {
   padding-bottom:5px;
   background:url(images/trenner.gif) 0px bottom no-repeat;
   }
   
H3.header3 {
  padding-top:10px;
  padding-bottom:10px;
  }
  
H4 {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#444;
   padding:0px;
   margin:0px;
   }   
   
UL.rockliste LI {
   background:url(images/content/lpunkt.gif) 0px 2px no-repeat;
   padding-left:15px;
   }
   
.rahmen_schwarz {
   border:2px solid #000000;
   }
   
/* Contactform settings */

th#mf_col1{
    width:130px;
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-weight:normal;
    text-align:left;
    padding-right:5px;
    }

th#mf_col4 {
    width:150px;
    }
    
th#mf_col3{
    width:130px;
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-weight:normal;
    text-align:left;
    padding-right:5px;
    }
    
th#mf_col4 {
    width:150px;
    }
    
.mfright {
    padding-left:10px;
    }    
    
td.label {
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-weight:normal;
    text-align:left;
    padding-top:3px;
    }
    
td.input {
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-weight:normal;
    text-align:left;
    padding-top:3px;
    } 

td.input INPUT, th#mf_col2 INPUT, th#mf_col4 INPUT{
    width:120px;
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-weight:normal;
    }   
   
td.INPUT TEXTAREA {
    font-size:11px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-weight:normal;
    width:410px;
    height:100x;
    } 
    
#sender_request_call {
    width:12px;
    height:12px;
    }  

#sender_call {
    width:97px;
    }  
    
#sender_email {
    width:150px;
    } 

#mf_col4 #sender_zip {
    width:45px;
    }
    
#mf_col4 #sender_city {
    width:100px;
    }
    
.layout1 {
    padding-bottom: 5px;
    background: url(images/trenner.gif) left bottom no-repeat;
    margin-bottom:5px;
    }
    
/* rewriting of some build in style informations */

.csc-textpic-border IMG {
    border:none;
    border:1px solid #000000;
    }
    
#intro .wheel {
    margin-left:570px;
    margin-top:7px;
    }    
    
#content .wheel {
    margin-left:570px;
    margin-bottom:9px;
    }
    
.newsimages {
    float:left;
    margin-right:10px;
    }
    
.news {
    padding-left:60px;
    padding-right:60px;
    padding-top:20px;
    padding-bottom:20px;
    }

    
.newsdate, .news-single-date {
    font-weight:normal;
    font-size:10px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#777;
    }
    
.newsdate {
    float:right;
    }
    
.news-single-date {
    text-align:right;
    margin-top:10px;
    }
    
.subheader {
    color:#777;
    font-size:10px;
    font-weight:bold;
    font-style:italic;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    margin-bottom:10px;
    margin-top:10px;
    }
    
.content-header {
    margin-bottom:15px;
    }
    
.moreLink {
    margin-left:5px;
    }
    
.news-single-image IMG{
    border:1px solid #000;
    }
    
.latest {
    margin-bottom:10px;
    width:168px;
    margin-left:10px;
    }
    
.latest .date {
    font-style:normal;
    margin-bottom:10px;
    font-size:11px;
    }
    
.latest .newslatest {
    background:url(images/newslatest.jpg) bottom left no-repeat;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    width:145px;
    padding:10px;
    }
    
.latest .shadow_left {
    width:3px;
    background:url(images/newslatest_shadow_left.jpg) top left repeat-y;
    }
    
.latest .shadow_bottom {
    height:3px;
    background:url(images/newslatest_shadow_bottom.jpg) top left repeat-x;
    }
    
.latest .bodytext {
    font-size:10px;
    text-align:left;
    }
    
.newslink {
    text-align:right;
    padding-right:10px;
    }
    
.areasm {
    width:450px;
    }
    
#asm a:link {
    font-size:11px;
    color:#333;
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
    }
    
#asm a:visited {
    font-size:11px;
    color:#333;
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
    }
      
#asm a:hover {
    font-size:11px;
    color:#333;
    text-decoration:underline;
    margin-left:5px;
    margin-right:5px;
        }
        
.clearFloat {
    clear:both;
    }