﻿*
{
    padding: 0;
    margin: 0;
    border: 0;
}
body
{
    background-color: #e4e0d6;
    font: 0.75em Arial, serif;
    padding-top: 0;
    color: #333;
    text-align: left;
    background-image: url(../../design/bg.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    line-height: 160%;
}

#content p, #content2 p
{
    margin-bottom: 20px;
font: 1.2em Arial, serif;
line-height: 160%;
}

/* AUFBAU DER WEBSITE */

#container
{
    width: 850px;
    padding-left: 190px;
    margin-top: 20px;
    background-color: #FFF;
}

#content
{
    width: 580px;
    margin-left: -190px;
    float: left;
    padding: 25px 20px 20px 190px;
    padding-right: 20px;
    background-color: #f6f4ee;
    margin-bottom: 100px;
    border-top: 2px solid #eae6db;
}

#content2
{
    width: 580px;
    margin-left: -190px;
    float: left;
    padding: 0px 20px 20px 190px;
    padding-right: 20px;
    
    margin-bottom: 100px;
   
}
#header
{
    height: 180px;
}
#sidebar
{
    float: right;
    width: 230px;
    padding-left: 20px;
    color: #a0d0d4;
}
#footer
{
    clear: both;
    padding: 30px 0px;
    margin-bottom: 20px;
    padding-right: 20px;
}

#gototop
{
    clear: both;
    padding: 5px 0px;
    border-top: 2px solid #e3dfd5;
}

#gototop a
{
    color: #424242;
    text-decoration: none;
    font-weight: bold;
}

#impressum
{
    float: right;
}

#startseite-bild
{
    width: 1040px;
    height: 385px;
    background-color: #FFF;
    position: relative;
    left: -190px;
    margin-bottom: 40px;
}

#kontakt-schnell
{
    height: 70px;
    position: absolute;
    left: 806px;
    padding-left: 20px;
    padding-top: 15px;
    width: 210px;
    border-left: 1px dotted #c7c3b9;
    color: #797468;
}
#logo
{
    width: 400px;
    height: 30px;
    padding-top: 42px;
    padding-bottom: 23px;
    margin-left: 0px;
}
/* HAUPT-NAVIGATION */

#navigation
{
    margin-top: 25px;
    padding-bottom: 10px;
    width: 600px;
    text-transform: uppercase;
    font-size: 1em;
		font-weight: lighter;
}

#navigation ul, #navigation li
{
    list-style: none;
    display: inline;
   
}

#navigation a
{
    color: #000;
    -webkit-transition: color .4s ease-out;
    text-decoration: none;
}

#navigation a:hover
{
    color: #678aa3;
}

#navigation li
{
    margin-right: 20px;
     padding-bottom: 43px;
    
}

#navigation .active
{
   
    border-bottom: 2px solid #66a8bd;
    
}
/* THE H-FAMILY */
h2
{
    font-family: Georgia;
    margin-bottom: 45px;
    font-weight: lighter;
    color: #000;
    font-size: 2.1em;
}

h1
{
    margin-bottom: 30px;
    font-weight: lighter;
    color: #000;
    font-size: 2.2em;
}


h3
{
   
   
    color: #678aa3;
    font-size: 1.1em;
    padding-top: 3px;
    margin-bottom: 10px;
   
    
    
}

h5
{
  font-weight: lighter;
    color: #7c786c;
    font-size: 1.1em;
    padding-top: 3px;
    
    
}

h5 a
{
       padding-left: 25px;
    background-image: url(../../design/pdf.gif);
    background-position: left;
    background-repeat: no-repeat;
    color: #333;
    text-decoration: none;
}


h4
{
    font-weight: lighter;
    font-size: 1.4em;
    margin-top: -15px;
    margin-bottom: 25px;
    color: #4a4641;
 
    line-height: 140%;
}

/* STARTSEITE BILD */
div#loader
{
    /* image container */
    width: 1040px;
    height: 385px;
    overflow: hidden;
}



/* FOOTER NAVI */
#footer ul
{
    margin-top: 25px;
    margin-bottom: 10px;
    width: 600px;
    font-size: 1em;
    font-weight: lighter;
}

#footer ul, #footer li
{
    list-style: none;
    display: inline;
}

#footer li
{
    margin-right: 10px;
}

#footer a
{
    color: #868686;
    text-decoration: none;
}

#footer a:hover
{
    color: #2f2f2f;
}

/*Link Liste im Content*/

.css3_nudge
{
    margin-top: 30px;
    font-size: 1.2em;
    background-color: #efece3;
    margin-right: -20px;
    margin-bottom: -21px;
}

.css3_nudge li
{
    list-style: none;
     padding: 6px 10px;
    border-bottom: 1px solid #FFF;
}
.css3_nudge ul li a
{
    -webkit-transition-property: color, background-color, padding-left;
    -webkit-transition-duration: 500ms, 500ms, 500ms;
    text-decoration: none;
    padding: 0px 10px;
    color: #57819e;
     font-weight: bold;
}

.css3_nudge ul li a:hover
{
    color: #82665c;
    padding-left: 17px;
    background-image: url(../../design/pfeil.png);
    background-position: left;
    background-repeat: no-repeat;
    font-weight: bold;
}

/*Linkliste Sidebar*/

#sidebar ul
{
    padding: 10px 0px 20px 20px;
    background-color: #878378;
    margin-bottom: 20px;
}

#sidebar li
{
    list-style: none;
    padding: 5px 5px;
    border-bottom: 1px solid #969288;
}

#sidebar li a
{
    color: #c0c5c5;
    text-decoration: none;
    padding-right: 10px;
}

#sidebar li a:hover
{
    color: #FFF;
}

#sidebar .active
{
     background-image: url(../../design/pfeil2.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 15px;
    font-weight: bold;
    color: #FFF;
}

/*Link Liste im Content*/

.liste
{
    margin-top: 30px;
    font-size: 1.1em;
    background-color: #efece3;
    margin-right: -20px;
    margin-bottom: -21px;
}

.liste li
{
    list-style: none;
     padding: 6px 15px 15px 15px;
    border-bottom: 1px solid #FFF;
  background-image: url(../../design/list.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}

.liste h3 
{
       
}

/*Bilder in der Sidebar*/

#sidebar img
{
    margin-bottom: 20px;
}


