/************************** RESET BROWSERS **************************/
* { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif, Geneva; } 
html { height:100%; }
body { height: 100%; color: #000; background: #ccc; text-align: left; }
ul, ul li { margin: 0; list-style-type: none; }
.clearer { clear:both }

/************************** LAYOUT **************************/
#header { height:120px; background-color: #fff; overflow: hidden; }

#layout { width: 760px; margin: 0 auto; padding: 0 10px 0 10px; }

#content_left { width: 140px; background-color: white; padding: 10px 10px 10px 30px; float: left; font-size: 12px; }

#content_right { color: #333; width: 570px; background-color: white; padding: 10px 0 40px 10px; float: left; font-size: 12px; }
#content_right h1 { height: 25px; font-size: 18px; color:#063; margin-bottom: 40px; border-bottom: 1px solid #903; }
#content_right h2 { font-size: 16px; color:#903; padding-bottom: 15px; }
#content_right p { margin: 0px 50px 15px 0px; line-height:1.4em; }
#content_right i { font-size: 11px; color: #999; }
#content_right ul { margin: 5px 0px 10px 15px; padding-bottom: 15px; }
#content_right li { color: #333; margin: 0px 0px 5px 0px; list-style-type: square; }
#content_right a { color: #063; text-decoration: underline; }
#content_right a:hover { color: #903; text-decoration: none; }
#content_right img { margin: 0px 0px 10px 0px; }

#content_right .imgcenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
#content_right .imgleft { float: left; margin: 0 10px 10px 0; }
#content_right .imgright { float: right; margin: 0 0 10px 10px; }

// #footer { width:570px; height: 25px; overflow: hidden; border-top: 1px solid #903; margin: 0 0 0 190px; }
#footer { width:730px; height: 25px; overflow: hidden; border-top: 1px solid #903; margin: 0 0 0 30px; }
#footer li { color: #333; font-size: 10px; text-align: right; float:left; padding: 7px 0 0 0; }
#footer a { color:#0c9; text-decoration: none; }
#footer a:hover { color:silver; text-decoration: underline; }


/************************** NAVIGATION **************************/
#nav_top { position: relative; background: url(../img/layout/verlauf.png) repeat-y 0 0; height: 25px; padding-left: 20px; margin-bottom: 15px; overflow: hidden; }
#nav_top a { color: #ffffff; height: 25px; font-size: 12px; padding-right: 2px; padding-left: 2px; text-decoration: none; font-weight: bold; visibility: visible; }
#nav_top a:hover { color: #afd; }
#nav_top li  { float:left; padding: 3px 5px 0px 5px; }

#nav_top #home { width: 150px; }

#nav_top .activelink a { color:#afd; }
#content_left .activelink a { color:#333; font-weight: bold; }

#content_left #language {  height: 25px; font-size: 10px; color:#063; margin-bottom: 40px; border-bottom: 1px solid #903; }

#content_left li { visibility: visible; border-bottom: 1px solid #903; padding: 3px 0 3px 0; }
#content_left li li { visibility: visible; border-top: 1px solid #eadbad; border-bottom: 1px solid white; padding: 5px 0px 0px 10px; margin-top:5px; }
#content_left a { color: #333; text-decoration: none; }
#content_left b { color: #666; }
#content_left a:hover { color: #666; }

.topline { border-top: 1px solid #903; }

/************************** WORKAROUND FOOTER POSITION **************************/
#footer { position: absolute; bottom: 0 !important; bottom: -1px; }
#layout { position: relative; min-height: 100%; height: auto !important; height: 100%; }

/************************** WORKAROUND SCROLLPROBLEM BG **************************/
body { background: #ccc url(../img/layout/shadow_main.gif) repeat-y 50% 0; }