/* CSS Document */
body {
    background:#170a02 url("images/hintergrund.jpg") repeat-x;
    text-align: center;
    font:normal 11px Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    height: 100%;
}

#header {
    float: left;
    width: 990px;
    height: 70px;
    position: relative;
}

#cre8Link { 
width: 780px; 
height: 50px; 
margin-top: 200px; 
margin: 0 auto; 
border: none; 
color: #766354;
font: normal 11px Arial, Verdana, sana-serif;
text-align: right;
padding: 0px 0px 0px 0px;
}

#cre8Link a:link, #cre8Link a:visited {
display: block;
color: #47372a;
text-decoration: none;
}

#cre8Link a:hover {
display: block;
color: #775D48;
text-decoration: none;
}

h1 { font-weight: normal; font-size: 18px; color:#766352; padding-left: 40px; width: 600px;}

#contentza { padding-right: 390px; }

#contentkontakt { margin-top: -20px;}
#content { padding-left: 40px; padding-top: -15px;}

a:link { color:#7B6857; text-decoration: none;}
a:visited { color:#7B6857; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline;}
a:active {color: #7B6857; text-decoration: none;}

#flashsound { 
    float: left;
    position: relative;
width: 990px; 
height: 50px; 
margin-top: 200px; 
margin: 0 auto; 
border: none; 
color: #766354;
font: normal 11px Arial, Verdana, sana-serif;
text-align: left;
padding: 20px 0px 0px 0px;
}

.footerLeft {
float:left;
width:520px;
margin: 0 0 0 18px;
}

.footerSVIT {
    position: absolute;
    right: 128px;
    top: 20px;
float:left;
width:155px;
text-align:right;
}

.footerCasa {
    position: absolute; 
    right: 18px;
    top: 30px;
float:left;
width:100px;
text-align:right;
}

#flashsound a:link, #flashsound a:visited {
    color: #766354;
    text-decoration: none;
}

#flashsound a:hover {
    text-decoration: none;
    color: #baa28e;
}


/*Ganzer Inhalt*/

#container2 {
    /*margin: 0 auto;*/
    width: 780px;
    height: 490px;
    margin-top: 10px;
    position: absolute;
    top: 58%;
    left: 50%;
    margin: -420px 0 0 -390px; 
    text-align: center; 

}

* html #container2 { margin: -350px 0 0 -435px; top: 50%;}

#container {
    margin: 0 auto;
/*    width: 780px;*/
    width: 990px;
    height: 490px;
    text-align: center;
    position: relative; 
}

#background_img {
    position: absolute;
    background: url(images/background_img.png) no-repeat;
    width: 500px;
    height: 500px;
    left: -350px;
    top: 0;
    z-index: -1000;
}

#logo {
    background-image: url(images/logo.gif);
    background-repeat: no-repeat;
    height: 40px;
    width: 195px;
    position: absolute;
    right: 18px;
    bottom: -10px;
}

* html #logo {
    background-image: url(images/logo.gif);
    background-repeat: no-repeat;
    height: 40px;
    width: 195px;
    margin-top: 30px;
    margin-left: 631px;
}

#site {
    margin: 0 auto;
    background: #FFFFFF;
    text-align: center;
    margin-top: 0px;
    margin-left: 60px;
    width: 810px;
    height: 480px;
        
}

* html #site {
    background: #FFFFFF;
    text-align: center;
    margin-top: 10px;
    margin-left: 70px;
    width: 780px;
    height: 491px;
}


/*Top Navigation*/
#nav_top {
        text-align: left;
        font-size: 9px;
        float: left;
        color: #FFFFFF;
        height: 15px;
        width: 300px;
        position: absolute;
        left: 18px;
        bottom: 0;
}

* html #nav_top {
        text-align: left;
        font-size: 9px;
        float: left;
        color: #FFFFFF;
        height: 10px;
        width: 300px;
        margin-left: 25px;
        margin-top: -10px;
}

#nav_top a:link { color: #FFFFFF; text-decoration: none; border-bottom: none;}
#nav_top a:visited { color: #FFFFFF; text-decoration: none; border-bottom: none;}
#nav_top a:hover { color:#CDCDCD; text-decoration: none; border-bottom: none;}

/*FORMULAR STYLE*/
form {
    width: 300px;

}

input { border:solid 1px #766352; }

#person label {
    display: block;
    font-weight: normal;
    font-size:11px;
}

legend {
    font-weight: bold;
    font-size: 100%;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
    border: solid 0px #766352;

}


textarea {
    width: 200px;
    height: 90px;
    border: solid 1px #766352;

}

input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { border: 1px solid #000000; }
input, textarea { background: #fff top left repeat-x; font: 1em/1.6em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; border: 1px solid #000000 padding: 2px; }

#name, #firmenname, #strasse, #plz, #ort, #land, #telefon, #fax, #email {width: 200px; }








/***********new************/
/***************************************/
/* CSS DEFINITIONS FOR CONTACT-MODULE  */
/***************************************/

form.contactForm p {
    width: 300px;
    clear: left;
    margin: 0;
    padding: 2px 0 3px 0;
    padding-left: 155px;
    _padding-left: 165px;
    height: 1%;
}

form.contactForm p label.noCaption {
    float: left;
    width: 220px;
    margin-left: 2px;
    margin-top: 2px;
    font-weight:normal !important;
}

form.contactForm .contactFormGroup {
    float: left;
    margin-top: -15px !important;
}

form.contactForm p input.contactFormClass_checkbox {
    float: left;
}

form.contactForm p input.contactFormClass_checkboxGroup {
    clear: left;
    float: left;
}

form.contactForm p input.contactFormClass_radio {
    clear: left;
    float: left;
}

form.contactForm p label, .contactForm p span {
    font-weight: bold;
    float: left;
    margin-left: -155px;
    width: 150px;
}

form.contactForm input[type="text"], form.contactForm input[type="password"] {
    width: 250px;
}

form.contactForm select {
    width: 254px;
}

form.contactForm input{
    overflow: hidden;
}

form.contactForm img.captcha {
    float: left;
}

form.contactForm .is_required {
    color: red;
}

form.contactForm textarea {
    width: 250px;
    height: 150px;
}

form.contactForm #contactFormCaptcha {
    margin-left: 147px;
}


form.contactForm .contactFormClass_button {
    margin-left: 0px;
    width: 60px;
    cursor: pointer;
    margin: 2px;
}

.contactFormClass_button:hover, .contactFormClass_button:focus  {
    width: 60px;
    cursor: pointer;
    margin: 2px;
}

form.contactForm  #contactFormCaptcha {
    margin-left: 3px !important;
    margin-top: 5px !important;
}