/*

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links

########################################################################################################
######################################################################################################*/


/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea{
        margin: 0px;
        padding: 0px;
        font-family:  "DejaVu Sans", Arial, "Microsoft Sans Serif", Verdana, sans-serif;
        font-size: 12px;
        color: #6E6226;
        text-decoration: none;
        list-style-type: none;
}

html, body {height: 100%; min-height: 100%;}

body {background: #FFEDB7 url(images/xyz.jpg) repeat-x top center;}

h1 {font-size: 31px; font-weight: normal; margin-bottom: 30px; color: #6f2015; font-family:  "DejaVu Sans", Arial, "Microsoft Sans Serif", Verdana, sans-serif;}
h1 .small {font-size: 17px; font-weight: normal; margin-bottom: 10px; color: #6e5226; font-family:  "DejaVu Sans", Arial, "Microsoft Sans Serif", Verdana, sans-serif;}
h2 {font-size: 13px; font-weight: bold; margin-bottom: 10px; color: #9a431d;}
h3 {font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #9a431d;}

hr {margin: 0 0 10px 0; color: #d7c4ac; height: 1px; border-top: solid 1px #d7c4ac; border-bottom: transparent; clear: both;}

.floatende {clear: both;}

.border-rechts {padding: 1px; background: #234DE3; border: 1px solid #979696; margin: 0 0 10px 20px; float: right; clear: both;}
.border-left {padding: 1px; background: #FF2929; border: 1px solid #979696; margin: 0 15px 15px 0; float: left;}
.border-ohne {padding: 1px; background: #FFFFFF; border: 1px solid #979696; margin: 0 0 10px 0; clear: both;}

.right {margin: 0 0 10px 50px; float: right;}

/*######################################################################################################
######################################################################################################*/


/* 2. Layout */

#Aussenhuelle {
        width: 100%;
        min-height: 100%;
        margin: 0 auto;
        position: relative;
}
*html #Aussenhuelle {height: 100%;}

#Mittel_hg {
        width: 727px;
        margin: 0 auto;
        padding-bottom: 79px;
        position: relative;
        background: url(images/xyz.gif) repeat-y top right;
}
*html #Mittel_hg {overflow: visible;}

#Header {
        width: 727px;
        height: 366px;
        margin: 0 auto;
        position: relative;
        background: url(images/xyz.jpg) no-repeat right;
}

#Karte-links {
        width: 88px;
        height: 166px;
        background: url(images/xyz.jpg);
        position: absolute;
        margin-left: -88px;
        top: 216px;
}

#Foto {
        width: 210px;
        height: 168px;
        position: absolute;
        margin-left: -269px;
        top: 161px;
}

#Content {
        width: 430px;
        margin: 0 0 0 250px;
        position: relative;
        top: -210px;
        min-height: 460px;
}
*html #Content {height: 460px;}

#Footer {
        width: 100%;
        height: 219px;
        background: url(images/xyz.jpg) repeat-x bottom center;
        position: absolute;
        left: 0;
        bottom: 0px;
        text-align: center;
}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

#Aussenhuelle ul#navi {
        top: 0px;
        position: absolute;
        height: 84px;
}

#Aussenhuelle ul#navi li {
        position: relative;
        float: left;
}

#Aussenhuelle ul#navi li a {
        display: block;
        height: 24px;
        padding-top: 60px;
        font-family: "DejaVu Sans", Arial, "Microsoft Sans Serif", Verdana, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #f2c682;
        text-align: center;
        text-decoration: none;
}

#Aussenhuelle ul#navi li a.n1 {width: 105px;}
#Aussenhuelle ul#navi li a.n2 {width: 105px;}
#Aussenhuelle ul#navi li a.n3 {width: 100px;}
#Aussenhuelle ul#navi li a.n4 {width: 100px;}
#Aussenhuelle ul#navi li a.n5 {width: 100px;}
#Aussenhuelle ul#navi li a.n6 {width: 100px;}
#Aussenhuelle ul#navi li a.n7 {width: 100px;}

#Aussenhuelle ul#navi li a:hover {color: #7e4741;}

/*######################################################################################################
######################################################################################################*/


/* 4. Content */

#Content p {
        margin: 0 0 10px 0;
        line-height: 19px;
}

#Content ul {margin: 0 0 10px 20px;}

#Content ul li {
        margin: 0 0 5px 0;
        padding: 0 0 0 25px;
        background: url(images/xyz.gif) no-repeat left;
        position: relative;
}

strong  {color: #6f2015;}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:hover,
#Content p a:hover,
#Content p a.escape:hover,
#Content p a.escape:hover span span,
#Aussenhuelle #Mittel_hg #Content a:hover {text-decoration: none;}

a:link,
#Content p a,
#Content p a.escape,
#Content p a.escape span span,
#Aussenhuelle #Mittel_hg #Content a {
        font-family:  "DejaVu Sans", Arial, "Microsoft Sans Serif", Verdana, sans-serif;
        font-size: 12px;
        color: #6e5226;
        text-decoration: underline;
}

a.pdf {background: url(images/xyz.gif) no-repeat left; padding: 20px 0 18px 60px; height: 30px; width: 100px; text-decoration: none !important;}
a.pdf:hover {text-decoration: underline !important;}

#Aussenhuelle #Content a.nachoben {float: right; display: block; height: 20px; width: 100px; text-align: right; color: #9a431d; text-decoration: none; font-size: 10px;}
#Content a.nachoben:hover {color: #5e5d5d;}

/*######################################################################################################
######################################################################################################*/