* { margin: 0; padding: 0 }
html, body { height: 100% }
body { margin: 0; padding: 0; font-family: "Lucida Grande", LucidaGrande, Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 76.1%; background: url("images/r.gif") repeat-y right }
a { color: #1467b3; text-decoration: none }
a:hover { color: #df233b }
p + ul { margin-bottom: 0 }
ul + p { margin-top: 1.5em }
h2 { text-align: left; color: #df233b; font-size: 1.8em; font-weight: bold; padding: 0.5em 0 }
h3 { text-align: left; color: #df233b; font-size: 1.5em; font-weight: bold; padding: 0.5em 0 }
p { margin: 0 0 0.75em }
#wrapper { text-align: left; min-width: 750px; margin: auto auto; min-height: 100%; position: relative; background: url("images/l.gif") repeat-y }
* html #wrapper { height: 100% } /* IE Hack für 100 % Höhe */
#wrapper_r { background: url("images/r.gif") repeat-y right }
#header { height: 155px; background: #eaeaea center url("images/gradient.gif") repeat-x }
#header_l { display: block; float: left; background: url("images/lo.gif") no-repeat; width: 405px; height: 155px }
#header_r { float: right; background: url("images/ro.jpg") no-repeat right; width: 290px; height: 155px }  
#menuarea { color: #1467b3; height: 24px; background: url("images/menu.gif") repeat-x; margin-left: 30px }
#menuarea_r { clear: both; float: right; background: url("images/menu_r.jpg") top right; width: 190px; height: 24px; margin: 0; padding: 0; margin-left: -5px }
#menuarea ul { list-style: none inside; margin: 0; padding: 4px 0 0 12px  }
#menuarea ul li { list-style: none inside; float: left; margin: 0; padding-right: 0.4em }
#submenuarea { clear: both; float: left; background: url("images/sub_lo.gif") 50px 2em no-repeat; margin-right: 20px; padding: 2em 0 0 50px; width: 180px !important; width: 150px }
#submenuarea div { background: url("images/sub_ro.gif") right top no-repeat }
#submenuarea div div { background: url("images/sub_lu.gif") left bottom no-repeat }
#submenuarea div div div { background: url("images/sub_ru.gif") right bottom no-repeat; padding: 5px; width: auto !important; width: 100% }
*+html #submenuarea div div div { padding: 10px }
#submenuarea div div div div.gradient { background: url("images/sub_gradient.gif") repeat-x; color: #fff; font-size: 1.2em; vertical-align: top; font-weight: bold; height: 24px; margin: 5px 5px 0 !important; margin: 10px 5px 0; padding: 2px 5px }
#submenuarea ul { list-style-position: outside; list-style-type: none; margin: 0 0 8px }
#submenuarea li { margin: 0 6px; padding: 4px }
#main { padding: 2em 60px 50px }
#main ul { list-style: none; padding: 0; margin: 0.5em 0 1em 0; padding-left: 0 !important; padding-left: 5px } 
#main ul li { padding: 0; margin: 0.5em 0; background: url("images/bullet.gif") 0 0.3em no-repeat; padding-left: 15px }
#footer { background: url("images/u.gif") repeat-x; line-height: 3em; font-size: 0.75em; color: #aaa; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px }
* html #footer { bottom: -1px } /* Nächster IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */
#footer a { color: #888; font-weight: 400; text-decoration: none }
#footer a:hover { color: #333; text-decoration: none }
#footer_l { float: left; background: url("images/lu.gif") no-repeat; width: 30px; height: 30px }
#footer_r { float: right; background: url("images/ru.gif") no-repeat; width: 30px; height: 30px }
#eFormFeedback { clear: both }
#eFormFeedback fieldset { border: none; background: none; padding: 0 }
#eFormFeedback input { width: 25em }
#eFormFeedback label, #eFormFeedback input, #eFormFeedback select, #eFormFeedback textarea { display: block; float: left; width: 250px; margin-top: 0.5em }
#eFormFeedback br { clear: left }
#eFormFeedback img { margin-top: 0.5em; border: solid 1px #777 }
#eFormFeedback label { width: 11em; padding-right: 1em }
#eFormFeedback input#submit { float: none; width: 150px; margin-top: 0.5em }


.imgRight { float: right; margin: 0 0 1em 1em; clear: right }
.imgLeft { float: left; margin: 0 1em 1em 0 }
.piwik { display: none }