/*============================================================================*/
/*                                   RESET                                    */
/*============================================================================*/

*{
    margin: 0;
    padding: 0;
    font-size: 100%;
}

/*============================================================================*/
/*                                   GLOBAL                                   */
/*============================================================================*/

body{
    font-family: Georgia, Arial, sans-serif;
    font-size: 15px;
    background-image: url(pics/back.jpg);
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: top center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -khtml-background-size: 100%;
    background-size: 100%;
}

/*body ::selection
{
    background: yellow;
}*/

#wrapper{
    width: 880px;
    margin:0 auto;
    background-color: #E5DED0;
}

ul{
    list-style: none;
}

a{
    color: #7D8D2A;
    text-decoration: none;
    outline-width:0px 
}

a:hover{
    color: #8F8673;
}

h1{
    font-size: 25px;
    font-weight: normal;
    line-height: 40px;
}

h2{
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;

}

h3{
    font-size: 15px;
    font-weight: bold;
}

/*============================================================================*/
/*                                   HEADER                                   */
/*============================================================================*/

#header{
    height: 377px;
}

#menu-bar{
    height: 52px;
    background-image: url(pics/header.png);
    background-repeat: repeat-x; 
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}


#logo{
    position: absolute;
    top: 0;
    margin-left: 50px;
}

#foto{
    position: absolute;
    margin-left: 15px;
    margin-top: 66px;
}

/*============================================================================*/
/*                                    NAV                                     */
/*============================================================================*/

#nav{
    position: relative;
    width: 600px;
    top: -360px;
    right: -300px
}

#nav li{
    float: left;
    margin-left: 50px;
}

#nav a:link,
#nav a:visited{
    color: white;
}

#nav a:hover,
#nav a:active,
#nav a:focus{
    color: gray;
}

/*============================================================================*/
/*                                   CONTENT                                  */
/*============================================================================*/

#content{
    clear: both;
    width: 485px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    color: #373736;
    float: right;
}

#content h1,
#content h2,
#content h3,
#content p{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 0px #fff;
}

/************************************ANGEBOT***********************************/

#angebot-ul h2{
    color: #7D8D2A;
}

#internal-links{
    margin-bottom: 30px;
}

#internal-links h2{
    line-height: 10px;
}

#internal-links h2{
    border-top: 1px dotted #373736;
    padding-top: 15px;
}

#last-element{
    border-bottom: 1px dotted #373736;
    padding-bottom: 15px;
}

/*.enum {
    list-style-type: disc;
    list-style-position: inside;
}*/

.indent{
    padding-left: 15px;
}

.mark{
    border-top: 1px dotted #373736;
    border-bottom: 1px dotted #373736;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

#nlp-img{
    margin: 2% 10%;
}

/************************************KONTAKT***********************************/

form{
    width: 400px;
    margin: 0 auto;
}

td{
    font-family: Georgia, Arial, sans-serif;
    font-size: 15px;
    text-shadow: 1px 1px 0px #fff;
}

/************************************ERROR*************************************/

#error-img{
    margin: 10% 5%;
}

#error-p{
    font-size: 40px;
    text-align: center;
}

/**********************************ÜBER MICH***********************************/

#uebermich-img{

}

/*============================================================================*/
/*                                   GALERIE                                  */
/*============================================================================*/

#galerie{
    width: 350px;
    margin-left: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    background-color: #B4A890;
    color: #373736;
    float: left;
}

#galerie h1,
#galerie h2,
#galerie h3,
#galerie p{
    clear: both;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 0px #C9C3B8;
    float: left;
}

#galerie h3{
    border-top: 1px dotted #373736;
    border-bottom: 1px dotted #373736;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    width: 90%;
}

#galerie ul{
    clear: both;
}

#galerie ul img{
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    background-color: white;
    border:4px solid #fff;
    border-bottom: 14px solid #fff;
}

#galerie ul a:hover img{
    border: 4px solid #8F8673;
    border-bottom: 14px solid #8F8673;
}

/*============================================================================*/
/*                                   FOOTER                                   */
/*============================================================================*/

#footer{
    clear: both;
    height: 60px;
    background-color: #373736;
    color: white;
}

#footer p{
    float: right;
    margin: 20px 20px;
}

#footer img{
    float: left;
    margin: 15px;
    margin-left: 400px;
}