#BODY {
    margin: 0px;
    background-color: #000000;
    background-image: url(../IMG/irongrip.png);
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
#Wrapper {
    width: 990px;
    height: auto;
    background-image: url(../IMG/body.jpg);
    -webkit-box-shadow:0px 0px 50px black;
    -moz-box-shadow:0px 0px 50px black;
    -ms-box-shadow:0px 0px 50px black;
    -o-box-shadow:0px 0px 50px black;
    box-shadow:0px 0px 50px black;
}
#HEADER {
    width: 100%;
    height: 151px;
    background-image: url(../IMG/container.jpg);  
}
#HEADER img {
    float: left;
    margin-left: 25px;
}
#HEADER h1 {
    line-height: 120px;
    letter-spacing: 4px;
    font-family: MavenPro200;
}
#NAV {
    width: 990px;
    height: 50px;
}
#NAV_ITEM div {
    width: 130px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    font-family: MavenPro200;
    display: inline-block; 
    border-bottom: 3px solid transparent; 
    -webkit-transition:all 0.3s ease;  
    -moz-transition:all 0.3s ease;  
    -ms-transition:all 0.3s ease;  
    -o-transition:all 0.3s ease;  
    transition:all 0.3s ease;  
}
#NAV_ITEM div:hover {
    cursor: pointer;
    border-bottom: 3px solid red;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
#SLIDER {
    width: 990px;
    height: 400px;
    margin-top: 5px;
}
#MESSAGE {
    width:550px;
    color: #222;
    float: left;
    font-size: 20px;
    margin-left: 25px;
    margin-bottom: 20px;
    text-align: justify;
    font-family: MavenPro200;
}
#MESSAGE img {
    float: left;
    margin-right: 20px;
}
#JAHRE {
    color: #444;
    text-align: left;
    margin-left: 170px;
}
#LEFT {
    float: left;
    width: 500px;
    height: auto;
}
#RIGHT {
    width: 380px;
    height:350px;
    float: right;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../IMG/HR.png);
}
#NEWS {
    width: 300px;
    text-align:left;
    font-size: 20px;
    margin-top: -14px;
    font-family: MavenPro200;
}
#FOOTER {
    width: 990px;
    height: 151px;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url(../IMG/FOOTER.jpg);
}
#FOOTER_LEFT {
    float: left;
    width: 495px;
    height: 150px;
}
#FOOTER_RIGHT {
    float: right;
    width: 495px;
    height: 150px;
    text-align: left;
}
.scrollup {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: none;
}
#COUNTER {
    width: 50px;
    right: 20px;
    height: 50px;
    bottom: 80px;
    display: none;
    color: #C2C1C1;
    position: fixed;
    cursor: pointer;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    border-radius: 3px;
    font-family: THIN_FONT;
    background-color: #202020;
    border-top : 1px solid #111111;
    border-left: 1px solid #111111;
    text-shadow:1px 1px 1px black;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}
#COUNTER:hover {
    color: #FFFFFF;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}
#ca-item1 {
    background-image: url(../CTS/Balk.png);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
} 
#ca-item1:hover {
    background-image: url(../CTS/images/Balk.png);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}
#ca-item2 {
    background-image: url(../CTS/Trep.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}   
#ca-item2:hover {
    background-image: url(../CTS/images/Trep.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}
#ca-item3 {
    background-image: url(../CTS/Vord.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}  
#ca-item3:hover {
    background-image: url(../CTS/images/Vord.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}  
#ca-item4 {
    background-image: url(../CTS/Zaun.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}    
#ca-item4:hover {
    background-image: url(../CTS/images/Zaun.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}
#ca-item5 {
    background-image: url(../CTS/Tora.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}   
#ca-item5:hover {
    background-image: url(../CTS/images/Tora.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}
#ca-item6 {
    background-image: url(../CTS/Glas.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}   
#ca-item6:hover {
    background-image: url(../CTS/images/Glas.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
} 
#ca-item7 {
    background-image: url(../CTS/Carp.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}    
#ca-item7:hover {
    background-image: url(../CTS/images/Carp.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
} 
#ca-item8 {
    background-image: url(../CTS/Gela.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}   
#ca-item8:hover {
    background-image: url(../CTS/images/Gela.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
} 
#ca-item9 {
    background-image: url(../CTS/Vers.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}  
#ca-item9:hover {
    background-image: url(../CTS/images/Vers.jpg);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}  
ul {
    font-family: MavenPro200;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
}
#HOME_PAGE {
    overflow: hidden;
}
#ABOUT_PAGE {
    width: 990px;
    height: 0px; 
    display: none;
    text-align: center;
    overflow: hidden;
}
#SERVICE_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#ANFAHRT_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#IMPRESS_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#CONTACT_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#BALKON_GALLERY_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#TREPPEN_GALLERY_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#VORDACH_GALLERY_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#ZAUN_GALLERY_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#TOR_GALLERY_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#GLAS_GALLERY_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#CARPORT_GALLERY_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#GELAENDER_GALLERY_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
#MORE_GALLERY_PAGE {
    overflow: hidden;
    height: 0px;
    width: 990px;
    text-align: center;
    display: none;
}
.Kontaktdaten {
    width: 940px;
    height: 30px;
    margin-bottom:10px;
    line-height:  30px;
    font-family: MavenPro200;
    outline-color: #CCC;
}
.Textarea {
    width: 950px;
    height: 300px;
    max-width: 950px;
    min-width: 950px;
    min-height: 300px;
    max-height: 300px;
    margin-bottom: 10px;
    font-family: MavenPro200;
    outline-color: #CCC;
}
.Send {
    width: 950px;
    height: 30px;
    line-height: 15px;
    cursor: pointer;
    font-family: MavenPro200;
    margin-bottom: 30px;
    background-image: url(../IMG/pattern.png);
    outline-color: #CCC;
}