@import url(/css/reset.css);
@import url(/css/elements.css);
@import url(/css/menu.css);
@import url(/common/popup.css);

html { height: 100%; }

body {
    font-family: Helvetica, Geneva, Verdana, Arial, sans-serif;
    font-size: 12px;
    height: 100%;
    background: #e7e7fd;
    margin: 0px;
    padding: 0px;
}

h1 { font-size: 24px; color: #cc66cc; font-weight: normal; margin-bottom: 10px; }
h2 { font-size: 20px; color: #0000ff; font-weight: normal; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }

p { font-size: 16px; line-height: 22px; color: #0000ff; margin-bottom: 10px; }

ul { margin: 0px; margin-left: 20px; padding: 0px; }
ol { margin: 0px; margin-left: 25px; padding: 0px; }
li { font-size: 16px; line-height: 22px; color: #0000ff; margin-bottom: 10px; }

a { color: #0000ff; text-decoration: none; }
a:hover { color: #cc66cc; }

div#content a { text-decoration: underline; }

div.page, div#header, div#stage, div#mainMenu { width: 810px; }
div.page {
    position: relative;
    margin: 0em auto;
    background: url(/files/structure/backgroundRepeat.jpg) repeat-y top left;
    padding: 20px;
    min-height: 100%;
}

div#content {
    min-height: 500px;
    padding: 0px 50px;
    padding-bottom: 30px;
    background: url(/files/structure/logo.png) no-repeat center center;
}

div.element, div#footer, div.clear { clear: both; }
.left { float: left; }
.right { float: right; }

img.plus { margin-left: -10px; }

img#headline { margin-left: 30px; }

.linie {
    height: 2px;
    margin-top: 20px;
    margin-bottom: 30px;
    border: none;
    background: #f6ff6d;
}

body.home { background: #9898dc; }
body.home div.page { background: url(/files/structure/backgroundRepeatHome.jpg) repeat-y top left; }
body.home div#content {
    height: 500px;
    background: url(/files/structure/home.png) no-repeat center right;
}