/* screen.css */

/* (c) 2005-2018 Marko Ziegenbalg - www.ziegenbalg-webdesign.de */

/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

body {
         margin:0;
         padding:0;
         background:#9CF;
         color:#333;
         font:100.01% verdana, tahoma, sans-serif;
         text-align:center;
}

#border {
         width:760px;
         margin:0 auto;
         padding:0;
         background:url(./../images/bg.gif) repeat-y;
         text-align:left;
}

#quicklinks-top {
         margin:0;
         padding:3px 5px 3px 0px;
         background:#9CF;
         color:#333;
         font-size:0.7em;
         text-align:right;
}

#quicklinks-bottom {
         margin:0px 0px 20px 0px;
         padding:3px 0px 3px 5px;
         background:#9CF;
         color:#333;
         font-size:0.7em;
         text-align:left;
}


#quicklinks-top a, #quicklinks-bottom a {
         color:#333;
        text-decoration:none;
}

#quicklinks-top a:hover, #quicklinks-bottom a:hover {
         color:#FFF;
}

#header {
        height:80px;
         margin:0;
         padding:0;
         background:url(./../images/header.gif) no-repeat;
}

#header a {
        display:block;
         width:760px;
         height:80px;
}

#header h1 {
        display:none;
        margin:0;
         padding:0;
         font-size:0.1em;
}

#menu ul {
        margin:0;
         padding:3px 0px 3px 14px;
}

#menu ul li {
         display:inline;
         list-style:none;
         margin:0;
         padding:0;
}

#menu a {
         color:#06F;
         font-weight:bold;
         font-size:0.8em;
         text-decoration:none;
         text-align:center;
}

#menu a:hover, #menu-active a {
        color:#333;
}

#navibar {
        height:30px;
         margin:0;
         padding:0;
         background:url(../images/navibar.gif) no-repeat;
         color:#FFF;
         font-size:0.7em;
}

#navibar p {
        margin:0;
         padding:8px 0px 0px 10px;
}

#content {
        margin:0;
         padding:5px 20px;
         font-size:0.8em;
         text-align:justify;
}

#content h2 {
         margin:10px 0px 25px 0px;
        font-weight:bold;
        font-size:1.2em;
}

#content h3 {
         margin:5px 0px 15px 0px;
        font-weight:bold;
        font-size:1.0em;
}

#content p, #content li {
        line-height:1.5em;
}

#content a {
        color:#06F;
        text-decoration:underline;
}

#content a:hover {
        text-decoration:none;
}

#footer {
        height:30px;
         margin:0;
         padding:0;
        background:url(../images/footer.gif) no-repeat;
         color:#FFF;
         font-size:0.7em;
         text-align:right;
}

#footer p {
        margin:0;
         padding:8px 25px 0px 0px;
}

img.image_right {
        float:right;
         margin:0.2em 0em 0.5em 1.5em;
}

p.contact span.left, p.contactform span.left, p.contactforms span.left, p.imprint span.left {
        float:left;
         width:180px;
         margin:0;
}

p.contact span, p.imprint span {
        display:block;
         width:300px;
         margin-left:200px;
}

p.contactform span, p.contactforms span {
         display:block;
         margin-left:200px;
}

p.contactforms {
         display:none;
}


p {
        margin:1em 0;
}

img {
        border:0;
}

hr {
        height:1px;
         border:0;
         background:#333;
         color:#333;
}

form {
        margin:0;
         padding:0;
}

input, textarea {
        width:200px;
        border:1px solid #333;
         background-color:#FFF;
         color:#333;
}