/* GLOBAL */
html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; }
body { font: 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #333333; background: #ffffff url(images/topnav-bg.gif) repeat-x left 193px; }
h1 { font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #767676; margin: 7px 0px 16px 0px; }
h2 { font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #767676; margin: 7px 0px 16px 0px; }
h3 { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #8a8a8a; margin: 7px 0px 0px 0px; }
p { margin: 7px 0px 9px 0px; }
form { padding: 0px; margin: 0px; display: inline; }
img { border: 0px; }
a { color: #333333; text-decoration: underline; }
a:hover { text-decoration: none; }
ul { padding: 0px; margin: 0px; list-style: inside; }
li { padding: 0px; margin: 0px; }

/* ELEMENTS */
#topbanner { width: 779px; height: 193px; float: left; display: inline; }
#logo { width: 136px; height: 193px; float: left; display: inline; }

#topnav { width: 915px; height: 199px; clear: both; }
#topmenu { width: 230px; height: 356px; padding: 38px 20px 0px 20px; background: url(images/topmenu-bg.png) no-repeat; position: absolute; top: 0px; left: 263px; }
#topmenu .links, #topmenu .current { text-align: center; margin: 0px 0px 15px 0px; }
#topmenu a { font-weight: bold; color: #4b4b4b; text-decoration: none; padding: 1px 0px; display: block; }
#topmenu a:hover, #topmenu .current a { color: #ffffff; background: #4b4b4b; }

#leftmenu { width: 253px; text-align: right; float: left; display: inline; }
#leftmenu .links, #leftmenu .current { padding: 14px 0px 13px 0px; }
#leftmenu a { font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; }
#leftmenu a:hover { color: #999999; }
#rightmenu { width: 372px; margin: 0px 0px 0px 290px; float: left; display: inline; }
#rightmenu .links, #rightmenu .current { padding: 14px 0px 13px 0px; }
#rightmenu a { font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; }
#rightmenu a:hover { color: #999999; }

#searchform { width: 253px; text-align: right; padding: 20px 0px 0px 0px; float: left; display: inline; }
#searchform input { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #cccccc; padding: 2px; margin: 0px; border: 1px solid #4b4b4b; background: #8a8a8a; }
#searchform .button { font-size: 14px; font-weight: bold; padding: 1px 0px; border: 0px; background: none; }
#bannerspace { width: 372px; height: 107px; padding: 1px 0px; margin: 0px 0px 0px 290px; float: left; display: inline; }

#colBorder { width: 915px; }
#colLeft { width: 223px; padding: 30px 30px 0px 30px; float: left; display: inline; }
#colNormal { width: 230px; float: left; display: inline; }
#colRight { width: 372px; padding: 30px 0px 0px 30px; float: right; display: inline; }

#duet { width: 230px; font: 9px Arial, Helvetica, Verdana, sans-serif; color: #cccccc; text-align: center; margin: 100px 0px 0px 283px; }
#duet a { font: 9px Arial, Helvetica, Verdana, sans-serif; color: #cccccc; text-decoration: none; }

.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
spacer-gif { display: none; }

/* TYPO3 fixes */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { padding-bottom: 10px; margin-bottom: 0px; }