/* CSS Auer */

html {height: 100.1%; font-size: 62.5%;}
body {
        text-align: center;
        font-family: Verdana, sans-serif;
        font-size: 1.2em;
        line-height: 1.8em;
        color: #333333;
        background: #e7f6d9 url(../images/seeblick_bg.jpg);
        background-repeat: no-repeat;
}

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

h1, h2, h3, h4, h5, h6 {
        font-family: "Century Gothic", sans-serif;
        font-weight: normal;
        color: #000000;
        padding: 0.6em 0em 0.2em 0em ;
}
h1 {
        font-size: 2.0em;
         font-weight: bold;
        color: #4d4f4d;
        /*border-bottom: 1px dashed #b4A400;*/
        /*padding-bottom: 0.2em; */
        padding-bottom: 0.6em;
        margin-bottom: 0.8em;
        text-transform: uppercase;
        letter-spacing: 1px;
}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.1em;}
h6 {font-size: 0.8em;}

p {text-align: justify; margin-bottom: 0.4em;}

blockquote {
        margin: 20px 0px;
        background: url(../images/curly_left.png) no-repeat;
        padding-left: 60px;
}
blockquote p {
        background: url(../images/curly_right.png) no-repeat bottom right;
        color: #5D7786;
        font-style: italic;
        padding-right: 60px;
}
blockquote.infobox {
        float: right;
        width: 140px;
        padding: 10px;
        border: 1px dashed #5D7786;
        background: #D0DF99;
        margin-left: 20px
}

strong {letter-spacing: 1px;}
em {font-size: 1.1em;}

A.navig {
        FONT-SIZE: 24px;
        COLOR: #c0c0c0;
        FONT-FAMILY: Verdana, sans-serif;
        TEXT-DECORATION: none
}
A.navig:hover {
        COLOR: #c0ff00;
}

div#wrapper {
        width: 850px;
        margin: 10px auto;
        text-align: left;
}
div#header {height: 40px; text-align: right; padding-right: 10px;}
div#header h1 {
        font-weight: bold;
        border: 0px;
        padding-top: 0em;
        margin-bottom: 0px;
        background: none; /*#####*/
        color: #e7f6d9; /*#####*/
}



div#wrapcontent {background:#e7f6d9 url(../images/gruen_bg.jpg) no-repeat right top;}
div#maintext {
        width: 570px;
        padding: 20px 20px;
}
div#maintext img {
    float: left;
        margin: 0px 10px 10px 0px;
        border: 1px solid #333333;
        padding: 10px;
        background: #e7f6d9 url(../images/bg_img_1.jpg);
}
div#menu {
        float: right;
        width: 280px;
        margin: 10px 0px 10px 10px;/*statt padding*/
}
div#menu ul {list-style-type: none;}
div#menu ul ul {margin-left: 10px;}
div#menu a {
    text-decoration: none;
        color: #000000;
}
div#menu li.select {
    border: 1px solid #9A0312;
        border-right: 0px;
        padding-left: 14px;
        margin-left: -16px;
}

div#footer {
        background: url(../images/gruen_foo_bg.jpg) no-repeat;
        color: #e7f6d9;
        padding: 1.0em 0px 3.0em 0px;
        text-align: center;
}

.defloat {clear: both;}

/*span.hilite {background: #D0DF99; padding: 4px;}*/
span.hilite {background: #D0DF99 url(../images/span_verlauf.jpg) repeat-y right top; padding: 4px;}

ol {
    margin: 10px 0px;
    list-style-position: inside;
    list-style-type: decimal-leading-zero;
    border-left: 8px solid #B4A400;
    padding-left: 20px;
}
div.line hr {display: none;}
div.line {
    height: 10px;
    background: url(images/../dotted_line.png) repeat-x;
    margin: 10px 0px;
}
/* Extra div used for grapes image so the entire image is not clipped when text is resized */
 #extraDiv1 {
        background: transparent url(../images/extra.png) no-repeat left top;
        height: 700px;
        left: 50px;
        position: absolute;
        top: 150px;
        width: 300px;
        z-index: 1;
}