/***** Allgemeine Formatierung ******/

*{
     margin: 0 auto;
     padding: 0px;
}

html{
    background-image: url(../images/background.png);
    background-repeat: repeat-x;   
}

body{
    width: 1050px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    
}
/*************** Typo ***************/

h1 /*Hauptüberschrift*/{
    font-family: Verdana, sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: 400;
    line-height: 75px;
    color: #000;
    text-shadow: 1px 1px 1px #000;
}
h2 /*Überschrift*/{
    font-family: Verdana, sans-serif;
    font-size: 30px;
    text-align: left;
    font-weight: 400;
    line-height: 75px;
    color: #000;
    text-shadow: 1px 1px 1px #000;
}
h3 /*2.Überschrift*/{
    font-family: Verdana, sans-serif;
    font-size: 20px;
    text-align: left;
    font-weight: 200;
    line-height: 25px;
    color: #000;
    text-shadow: 1px 1px 1px #000;
}
h4 /*Text*/{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-align: left;
    font-weight: 200;
    line-height: 25px;
    color: #000;
}
h5 /*Textmid*/{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: 200;
    line-height: 25px;
    color: #000;
}
p {
    padding: 15px;
}


/*************** Layout *************/

header {
    width: 1050px;
    height: 250px;
    float: left;
    background-image: url(../images/header.gif);
    background-repeat: no-repeat;
    margin: 0 auto;
}
#navbar {
    width: 1075px;
    height: 49px;
    float: left;
    margin: 0 auto;
}

#side {
    width: 175px;
    height: 700px;
    float: left;    
    background-image: url(../images/sidenav.png);
    background-repeat: repeat-x;
}


 /* kontaktformular */
 
form {
    background: #0006b0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDZiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjhhZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0006b0 0%, #068af5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0006b0), color-stop(100%,#068af5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0006b0 0%,#068af5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0006b0 0%,#068af5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0006b0 0%,#068af5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0006b0 0%,#068af5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0006b0', endColorstr='#068af5',GradientType=0 ); /* IE6-8 */
    width: 350px;
    padding: 20px;
    border: 2px ridge #0006b0;
    color: #FFFFFF;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
label {
    display: block;
    cursor: pointer;
}
input#absender,
textarea {
    width: 350px;
    border: 1px solid #0006b0;
    margin-bottom: 10px;
}
textarea {
    height: 100px;
}
input:focus,
textarea:focus {
    background-color: #068af5;
    color: #FFFFFF;
}


section {
    width: 875px;
    height: 875px;
    float: left;
    background-image: url(../images/section.jpg);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
   
}  

#workingarea {
    width: 875px;
    height: 875px;
    float: left;
    background-image: url(../images/workingarea.jpg);
    background-repeat: no-repeat;
    background-color: #FFFFFF;

}
#sent {
    background-image: url(../images/mailsent.png);
}
/************** NAV **************/
#ph {
    width: 175px;
    height: 50px;
    float: left;
}

#menu {text-align: center;}

#menu li{list-style-type: none;
        width: 173px;
        height: 50px;
        padding: 0px;
        margin: 0px;
        text-align: center;
        display: block;
        line-height: 50px;
        float: left;
        font-family: Verdana, sans-serif;
        font-size: medium;
        border-left: 1px solid #3003e3;
        border-right: 1px solid #068af5;
        text-shadow: 1px 1px 1px #000;
        }

#menu li a {color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;}
            

#menu li:hover {background-color: #068af5;}



#menu2 {text-align: center;}

#menu2 li{list-style-type: none;
        width: 174px;
        height: 30px;
        padding: 0px;
        margin: 0px;
        text-align: left;
        display: block;
        line-height: 30px;
        float: left;
        font-family: Verdanam, sans-serif;
        font-size: small;
        border-bottom: 1px dotted #068af5;
        border-right: 1px solid #068af5;
        text-shadow: 1px 1px 1px #000;

         }

#menu2 li a {color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;}

#menu2 li:hover {
        text-transform: uppercase;
        }
#menu3 {text-align: center;}

#menu3 li{list-style-type: none;
        width: 145px;
        height: 25px;
        padding: 0px;
        margin: 0px;
        text-align: left;
        display: block;
        line-height: 25px;
        float: right;
        font-family: Verdanam, sans-serif;
        font-size: 12px;
        border-bottom: 1px dotted #068af5;
        border-right: 1px solid #068af5;
        text-shadow: 1px 1px 1px #000;

         }

#menu3 li a {color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;}

#menu3 li:hover {
    text-transform: uppercase;
}

#menu4 {text-align: center;}

#menu4 li{list-style-type: none;
        width: 200px;
        height: 25px;
        padding: 15px;
        margin: 0px;
        text-align: left;
        display: block;
        line-height: 25px;
        font-family: Verdana, sans-serif;
        font-size: 16px;
        text-shadow: 1px 1px 1px #000;

         }

#menu4 li a {color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;}

#menu4 li:hover {
    text-transform: uppercase;
}