/************************** RESET BROWSERS **************************/

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


/************************** LAYOUT **************************/

#header { height:115px; background: #fff url(../img/layout/top.png); }
#layout { width: 760px; *width: 780px; margin: 0 auto; padding: 0 10px 0 10px; *text-align: left;}
#contentleft { width: 160px; *width: 190px; padding: 20px 20px 0 10px; float:left; }
#content { width: 500px; background: #fff; padding-top: 20px; float: left; min-height: 200px; margin-bottom: 30px;}

#contentleft ul li { padding: 3px 0 5px 0; border-bottom: 1px solid #aac; }

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

#contentleft p { color:#333; padding: 4px 0 4px 0; }
#contentleft h1 { color:#996; font-size:13px; padding: 3px 0 3px 0; }
#contentleft h2 { color:#036; font-size:12px; padding: 3px 0 3px 0; }

#contentleft img { padding: 0 10px 10px 0; float:left; border:0; }
#contentleft .imgright { padding: 0 0px 10px 10px; float:right; }

#contentleft a { color:#036; font-size:12px; text-decoration:none; }
#contentleft a:hover { color:#996; font-size:12px; }


#content p { max-width:500px; color:#333; padding: 0 0 15px 0; }
#content h1 { max-width:500px; color:#996; font-size:16px; padding: 0 0 10px 0; }
#content h2 { max-width:500px; color:#036; font-size:14px; padding: 0 0 10px 0; }
#content h3 { max-width:500px; color:#996; font-size:13px; padding: 0 0 10px 0; }

#content ul { margin: 0 0 10px 0;  }
#content ul li { color:#333; list-style-type: disc; margin: 0 0 3px 20px;  }
#content ol { margin: 0 0 10px 0;  }
#content ol li { color:#333; margin: 0 0 3px 25px;  }

#content img { padding: 0 10px 10px 0; float:left; }
#content .imgright { padding: 0 0px 10px 10px; float:right; }

#content a { color:#036; font-size:12px; }
#content a:hover { color:#996; font-size:12px; }

#content .floatleft { float:left; width:300px; }

#content table, .contenttable, table { padding: 0px 0px 20px 0px; width:100%; }

#content .tabelle td, .contenttable td, table td { padding:5px 0 5px 0; border-width:1px; border-bottom-style:solid; border-color:#ddd; vertical-align:top; }


/************************** NAVIGATION **************************/

#nav_top { background: #fff url(../img/layout/nav.png); color:#036; height: 40px; padding-left:170px; }
#nav_top a { color:#774; text-decoration:none; }
#nav_top a:hover { color:#036; text-decoration:none; }

#footer { font-size:10px; color:#fff; background-color:#036; height: 25px; }
#footer li { font-size:10px; color:#fff; background-color:#036; }
#footer li a { font-size:10px; text-decoration:none; color:#fff; }
#footer li a:hover { font-size:10px; text-decoration:none; color:#996; }

#footer { width:590px; *width:760px; padding-left:170px; }
#footer ul { padding-left:170px; }
#nav_top li, #footer li  { float:left; padding: 6px 0 0 20px; *white-space:nowrap;}



/************************** 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.png) repeat-y 50% 0; }