html { height: 100%; }

body {
    height: 100%;
    margin: 2; padding: 0;
    background: #ffff99;
    font: 12pt/18pt Arial, Helvetica, sans-serif;
}

#photos { margin-top: 16px; }
#photos img { display: inline; margin: 8px 48px 4px 8px; }
#photos p { float: right; margin-top: 16px; width: 444px; }

img { border: none; }
img.text-left { float: left; margin: 0 20px 4px 0; }

p { padding: 0; margin: 2px 0 8px; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { color: #333; font-size: 21pt; line-height: 21pt; margin: 0 0 12px 0; }

button { width: 90px; height: 24px; padding: 0 0 3px 0; color: #fff; background: url(../img/bg_button.png) no-repeat 0 0; border: none; cursor: pointer; }
button span { line-height: 16px; }

#upl-progress-box { margin: 24px 40px 0 0; display: none; }
#upl-progress-title { font-weight: bold; font-size: 14pt; margin-bottom: 8px; }


#wrapper, #top-wrapper { min-height: 100%; }
#wrapper { position: relative; width: 1000px; margin: 0 auto; background: url(../img/bg_right.png) repeat-y right; }
#top-wrapper { min-height: 250px; background: yellow; width: 1000px; margin: 0 auto; }

#page {
    position:relative;
    width:1000px; min-height: 200px; margin:0 auto; padding:0;
    text-align:left;
    /*background: #f00;*/
}
#topbar {
    position: relative;
    height: 20px;
}
#topbar table { width: 100%; height: 40px; }
#topbar table td { text-align: center; vertical-align: middle; font: bold 14px "Times New Roman", serif; padding: 0 24px; }
#topbar table td a { color: #333; }

#header {
    position: relative;
    height: 90px; margin-bottom: 10px;
    /*
    border-top: 4px solid #ffdd00;
    border-bottom: 16px solid #ffdd00;
    */
}

#slideshow {
    position: relative;
    height: 90px; margin-bottom: 10px;
}

#logo { display: block; }
#logo img { display: block; }

#search { color: #696969; position: absolute; right: 32px; top: 60px; font: bold 25pt Arial Narrow, Arial, Helvetica, sans-serif; }
#search a { color: #696969; text-decoration: none; }
#search a:hover { color: #000000; text-decoration: none; }

#layout { float: left; width: 100%; display: inline; /* background: #999; */ }
#col-main { float:left; display: inline; padding: 5px 0 0; /*background: #99ff99;*/ }
#col-left { float:left; display: inline; padding:5px; background: #ffff99; }
#col-right { float:right; display: inline; padding:5px; background: #84c326; min-height: 100%; }

/* 3 col layout */
.col3-layout #col-main { width:517px; margin-left: 150px; }
.col3-layout #col-left { width:140px; margin-left:-830px; }
.col3-layout #col-right { width:160px; }

/* 2 col left layout */
.col2-left-layout #col-main { width:786px; padding-left: 12px; padding-right: 12px; margin-left: 190px; }
.col2-left-layout #col-left { width:180px; margin-left:-1000px; }

/* 2 col right layout */
.col2-right-layout #col-main { width:670px; padding-top: 24px; }
.col2-right-layout #col-right { width:284px; margin: 0 0 0 0; padding: 12px 4px 24px 8px; color: #006633; }
.col2-right-layout #col-right ul.nav { list-style: none; margin: 0; padding: 6 }
.col2-right-layout #col-right ul.nav li { background: #006633; font-size: 16pt; margin-bottom: 8px; padding-left: 8px;
-webkit-box-shadow: inset -4px 4px 4px #dde3e0; /* webkit browser*/
-moz-box-shadow: inset -4px 4px 4px #dde3e0; /* firefox */
box-shadow: inset -4px 4px 4px #dde3e0;
}
.col2-right-layout #col-right a { color: #ffff99; text-decoration: none; }
.col2-right-layout #col-right a:hover { color: #ff0000; }

/*#col-main p { text-align: justify; }*/

/* 1 col layout */
.col1-layout #col-main { width:823px; margin-left: 0; margin-right: 0; padding-left: 12px; padding-right: 12px; }

#footer-clearer { height: 32px; clear: both; }
#footer-wrapper {
    position: absolute; bottom: 0;
    width: 100%; height: 20px;
    overflow: hidden;
    /*background: blue;*/
}
#footer {
    width: 1000px; margin: 0 auto;
    /*background: #aabbff;*/
}
ul {
list-style-type: square;
}

.abstand{
margin-left: 80px;
}


.abstand2{
margin-left: 20px;
}