/* CSS Document */

/* basic styles */

/*
* { margin: 0; padding: 0; border: 0; }
*/
html, address, blockquote, body, div, dl, dt, dd, fieldset, form,
p, h1, h2, h3, h4, h5, h6, ol, ul, li, center, hr, pre,
table, tr, td, th, thead, tbody, tfoot, caption, img {
margin: 0; padding: 0; border: 0;
}
html { height: 100%; }
html, body, td {
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
 font-size: 11px;
 line-height: 14px;
 color: #000000;
 font: 100.01%/1.5;
}
body {
 text-align:center;
 background: #FFFFFF;
}
#wrappage {
 margin: 0px auto; top: 0px; width: 920px; height: 100%; position: relative;
}

/* content styles */

h1 {
font-size: 18px;
}
h1, h2, h3, h4 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 18px;
}
a {
color: #76797d;
}
#content {
 position: absolute;
 overflow: visible;
 left: 460px; top: 190px; width: 460px;
 color: #76797d;
 font-size: 14px;
 text-align: left;
 line-height: 18px;
 font-family: 'Quattrocento Sans', sans-serif;
 font-weight: 400;
}
#content h1, #content p, #content ul, #content ol {
 margin-top: 0;
 margin-bottom: 20px;
}
#content ul, #content ol {
 padding: 0 20px;
}
#content td {
 color: #76797d;
 font-family: 'Quattrocento Sans', sans-serif;
 font-size: 14px;
 line-height: 16px; 
 padding: 0px;
}
#content h1 {
 font-size: 18px;
 color: #5d3454;
 font-weight: normal;
 font-family: 'Rufina', serif;
}
#content h2 {
 font-size: 12px;
 color: #76797d;
 margin-top: 30px;
 margin-bottom: 10px;
}
#content h3 {
 font-size: 14px;
 color: #76797d;
 font-weight: normal;
 margin-bottom: 10px;
}
#content a {
 color: #5d3454;
 font-weight: bold;
 text-decoration: none;
}
#content a:hover {
 color: #76797d;
}
#content_special {
 color: #5d3454;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
}

#footer {
 position: absolute;
 overflow: visible;
 left: 460px; top: 603px; width: 455px; height: 31px;
 color: #76797d;
 font-size: 11px;
 text-align: left;
 line-height: 12px;
 text-decoration: none;
}
#footer a {
 text-decoration: none;
}
#popup {
 position: absolute;
 overflow: visible;
 left: 20px; top: 10px; width: 600px;
 color: #76797d;
 font-size: 12px;
 text-align: left;
 line-height: 15px;
 font-family: 'Quattrocento Sans', sans-serif;
 font-weight: 400;
}
#popup h1, #popup p, #popup ul, #popup ol {
 margin-top: 0;
 margin-bottom: 20px;
}
#popup h1 {
 font-size: 18px;
 color: #5d3454;
 font-weight: normal;
 font-family: 'Rufina', serif;
}

/* grafik styles */

#bild_gross {
 position: absolute; overflow: visible; left: 30px; top: 0px; width: 337px; height: 774px; z-index:13;
}
#logo {
 position: absolute; overflow:visible; left: 458px; top: 0px; width: 465px; height: 97px; z-index:13;
}
#linie_oben {
 position: absolute; overflow:visible; left: 0px; top: 150px; width: 920px; height: 17px; z-index:12;
}
#linie_unten {
 position: absolute; overflow:visible; left: 0px; top: 586px; width: 920px; height: 17px; z-index:14;
}
#facebook {
 position: absolute; overflow: visible; left: 880px; top: 600px; width: 30px; height: 31px;
}
#overlay {
 position: absolute; overflow: visible; left: 430px; top: 550px; width: 500px; height: 89px;
}

/* menu styles */

#menu {
 position: relative;
 overflow: visible;
 top: 133px; left: 460px; width: 460px;
 text-align: left;
 color: #76797d;
 font-family: 'Quattrocento Sans', sans-serif;
 font-weight: 400;
 z-index: 16;
}
#menu ul {
 list-style-type: none;
 padding: 0 0 0px 0px;
 margin-top: 0px;
 margin-bottom: 10px;
}
#menu ul ul {
 list-style-type: none;
 padding: 0 0 0px 0px;
 margin-top: 0px;
 margin-bottom: 0px;
}
#menu li {
 font-size: 16px;
 line-height: 18px;
 font-weight: normal;
 padding: 0; margin: 0;
 margin: 0px 0;
 text-transform: normal;
 display: inline;
}
#menu li li {
 font-size: 16px;
 line-height: 16px;
 font-weight: normal;
 padding: 0; margin: 0;
 margin: 0;
}
#menu a {
 display: inline;
 text-decoration: none;
}
#menu a.active, #menu a:hover {
 color: #5d3454;
}

#submenu {
 position: absolute;
 overflow: visible;
 left: 230px; top: 330px; width: 490px;
 font-size: 10px;
 line-height: 22px;
 font-weight: normal;
 text-align: left;
 color: #FFFFFF;
 z-index: 16;
}
#submenu ul {
 list-style-type: none;
 padding: 0 0 0 15px;
 display: inline;
}
#submenu li {
 padding: 0; margin: 0;
 margin: 0px 0;
 display: inline; 
}
#submenu li li {
 padding: 0; margin: 0;
 margin: 0;
}
#submenu a {
 display: inline;
 text-decoration: none;
}
#submenu a.active, #submenu a:hover {
 color: #e5a500;
}
.error {
 color: #d40031;
}