/* ************************************* */
/* STYLESHEETS FOR THIS SITE ;-)         */
/* ************************************* */



/* ************************************* */
/* MAIN ELEMENTS */

html {
    background-color: #8A0000;
}

body {
    background-color: #8A0000;
    background-image: url('../gfx/bg-top.jpg');
    background-repeat: repeat-x;

    margin: 0px;
    padding: 0px;

    padding-top: 28px;
    padding-left: 46px;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

div#background {
    width: 707px;
}

#top {
    background-color: #F9F9F9;

    width: 100%;
    height: 171px;
}

#top-shadow-left {
    background-image: url('../gfx/shadow-top-left.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    
    width: 100%;
    height: 171px;
}

#top-shadow-right {
    background-image: url('../gfx/shadow-top-right.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    
    width: 100%;
    height: 171px;
}

#top-shadow-top {
    background-image: url('../gfx/shadow-top.jpg');
    background-position: top;
    background-repeat: no-repeat;
    
    width: 100%;
    height: 171px;
}

#header {
    padding-left: 10px;
}

#header-bg-left {
    background-image: url('../gfx/bg-header.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    
    width: 100%;
    height: 152px;
}

#header-bg-right {
    background-image: url('../gfx/skizze.jpg');
    background-position: 334px 8px;
    background-repeat: no-repeat;
    
    width: 100%;
    height: 152px;
    
    padding-left: 13px;
    padding-top: 30px;
}

#menu {
    background-image: url('../gfx/bg-menue.jpg');
    background-position: 10px 0px;
    background-repeat: no-repeat;

    width: 100%;
    height: 19px;
    
    text-align: center;
    margin: auto;
}

#main {
    padding-left: 2px;
}

#main-shadow-left {
    background-image: url('../gfx/shadow-middle-left.jpg');
    background-position: top left;
    background-repeat: repeat-y;
    
    width: 100%;
    
    min-height: 482px;
    height: auto;
}

#main-shadow-right {
    background-image: url('../gfx/shadow-middle-right.jpg');
    background-position: top right;
    background-repeat: repeat-y;
    
    width: 100%;
    
    min-height: 482px;
    height: auto;
}

#main-shadow-bottom {
    background-image: url('../gfx/shadow-bottom.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    
    width: 100%;
    
    min-height: 482px;
    height: auto;
}

div#content {
    background-color: #F2D093;
    background-image: url('../gfx/shadow-bottom.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;    
    
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0px;
    
    min-height: 482px;
    height: auto;
}

#content-left {
    background-image: url('../gfx/middle-left.jpg');
    background-position: top left;
    background-repeat: repeat-y;    
    
    min-height: 482px;
    height: auto;
}

#content-right {
    background-image: url('../gfx/middle-right.jpg');
    background-position: top right;
    background-repeat: repeat-y;    
    
    min-height: 482px;
    height: auto;
}

#content-top {
    background-image: url('../gfx/middle-top.jpg');
    background-position: top center;
    background-repeat: no-repeat;    
    
    min-height: 482px;
    height: auto;
}

#content-bottom {
    background-image: url('../gfx/middle-footer.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;    
    min-height: 482px;
    height: auto;
}

#text {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 50px;
}



/* ************************************* */
/* MENUE */

ul.menu {
    padding: 0px;
    padding-top: 2px;
    margin: 0px;
    text-align: center;
}


ul.menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline;
    background-image: url('../gfx/button.gif');
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 15px;
}

a.itemLink:link, .itemLink:active, .itemLink:focus, .itemLink:visited {
    color: #000000;
    text-decoration: none;
}

a.itemLink:hover {
    color: #8B0000;
    text-decoration: underline;
}



/* ************************************* */
/* LINKS */

a:link, a:active, a:focus {
    color: #8B0000;
    text-decoration: underline;
}

a:visited {
    color: #000000;
    text-decoration: underline;
}

a:hover {
    color: #000000;
    text-decoration: none;
}



/* ************************************* */
/* FORMS */

input,select,textarea {
    background-color: #ffeed0;
    border: 1px solid #8B0000;
    width: 150px;
}

textarea {
    width: 390px;
}

span.konSubtext {
    font-size: 10px;
}

input#secval {
    width: 168px;
    margin-bottom: 5px;
}



/* ************************************* */
/* CONTENT */

div.floatLeft {
    float: left;
    width: 295px;
    margin-right: 10px;
}

.moreWidth {
    width: 375px !important;
}

.floatRight {
    float: left;
    display: inline;
}

.alignRight {
    text-align: right;
}

.justify {
    text-align: justify;
}

.floatLeft p {
    padding-top: 0px;
    margin-top: 0px;
}

.clear {
    clear: both;
}



/* ************************************* */
/* PAGE: HOME */

.home {
    margin-top: 50px;
    text-align: left;
    padding-left: 60px;
}

.home .hfloatLeft {
    float:left;
    margin: 0px;
    padding: 0px;
    display: inline;
}

.home .borderLeft {
    border-bottom: 2px solid #FF9900;
    width: 20px;
    height: 32px;
    margin-right: 5px;
}

.home h1 {
    padding: 0px;
    margin: 0px;
    margin-left: 15px;
    margin-top: 5px;
    font-family: "Times New Roman";
    font-size: 24px;
}

.home .hr h2 {
    padding: 0px;
    margin: 0px;
    font-family: "Times New Roman";
    margin-left: 100px;
    font-size: 20px;
}

.home .hr {
    height: 2px;
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    width: 350px;
    border-top: 2px solid #FF9900;
}

.home .welcome {
    padding-top: 20px;
    width: 300px;
    margin-left: 15px;
}

span#iwu {
    text-align: right;
    display: block;
    padding-right: 50px;
}

span#iwu span#pngfix img {
    border: 0px;
}



/* ************************************* */
/* IMPRING */

p.imprint {
    font-size: 10px;    
}