body {}
* body {text-align: center; padding: 0; margin: 0;background-color:#FFFFF0}
body, input {font-family: verdana; font-size: 13px;}

p, h2 {margin:5px 5px 10px 5px}
h2 {font-size:15px}
#heading {font:bold 11px/16px verdana,sans-serif; display:block; white-space:nowrap; margin:0;
padding:5px; color:#fff; background:#27408B url(/css/images/expand3.gif) no-repeat 100% 100%; text-transform:uppercase}
em {font-style:normal; color:#E3170D}
p.nav {text-align:right}

input.textarea {text-align: left; height: 17px; color:#A9A9A9; width:145px; border: #000 1px solid; margin:0}
input.button {text-align: left; background-color:#27408B; color: #fff;}

#display, #content {border-bottom: 2px solid #27408B;}
#display, #content, #footer, {font-family:verdana; font-size:}

#container {margin-left: auto; margin-right:auto; width:750px; height:100%; border-collapse: collapse; border: 0; margin-bottom: 0}

#video {float:left; margin-top:10px; width:100%; height:110px}

#name {float:left; width:100%}
#name h1 {font-family:garamond,palatino,serif; font-size:30px; letter-spacing:11px; text-align: center; font-weight:800; margin: 5px 0 5px 0}
#name a, #name a:hover {color:#000;text-decoration: none;}

#content {float:left; width:100%; padding-top:10px;font-family:verdana; font-size:13px}

#contentleft {float:left; text-align:left; width:170px; padding:0; margin:0}
#contentleft ul {text-align:left; list-style-position: outside; list-style-type: square; margin:10px}
#buttons {position:relative; top:-10px;margin-top:0; text-transform:uppercase; font-weight:bold}
#buttons img.bigger {display:none}
#buttons img, p.nav img, #footer img.mail {background-color:#7D9EC0}
#etalage img {margin:0 5px 3px 0}
#etalage {background-color: #7D9EC0; padding:5px}

#contentcenter {float:left; text-align:left; width:370px; padding: 0 10px 0 10px}

#contentright {position:relative; float:left; top: -40px; width:185px; display:block; padding:0px; margin:0; text-align:left}
#contentright ul {background-color:#fff}
#contentright li {margin-left: 10px; text-align:left; list-style-position: outside; list-style-type: square;}
#webwinkel {background-color:#7D9EC0;padding:2px 1px 2px 1px; margin-top:0}
#agenda {background-color:#FFFFF0;padding:5px; margin-top:0}

#display {float:left; width:187px;font-family:verdana; font-size:13px}

#footer {float:left; width:100%}

a {color: #27408B; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline}


/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

*{margin:0;padding:0;border:none;}

/* Begin CSS Popout Menu */

#menu{
width:100%;
float:left;
height:30px;

text-align:left;
}

#menu a, #menu h2 {
font:bold 11px/16px verdana,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:5px;}

#menu h2 {
color:#fff;
background:#FF3D0D  url(/css/images/expand3.gif) no-repeat 100% 100%;
text-transform:uppercase
}

#menu ul {
list-style:none;
margin:0;
padding:0;
float:left;
width:187px;}


#menu a{
background:#7D9EC0;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#000;
}

#menu a:hover{
color:#fff;
background:#FF3D0D ;
}

#menu a:active{
color:#fff;
background:#FF3D0D ;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#7D9EC0 url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#FF3D0D ;
}

#menu a.x:active{
color:#fff;
background:#FF3D0D ;
}

/* End CSS Popout Menu */

@media print {
p, h2 {margin-left:0; margin-right:0; width:40em; text-align:justify}
#video {display:none}
#name h1 {letter-spacing:5px; text-align:left}
#menu {display:none}
#contentright {display:none}
#contentleft {display:bottom}
#display {display:none}
p.nav {display:none}
#footer {text-align:left}
a {color:#FFFFFF; text-decoration:underline !important}
}