* { margin:0; padding:0; }
body,html,td { color:#555; font-size:11px; font-family:Verdana,Arial,Helvetica,sans-serif; line-height:16px; }
body { background:#fff; 
}
a, a:link, a:visited, a:active { color:#555; }
address { font-style:normal; font-weight:normal; text-decoration:none; }
h1, h2, h3 { color:#555; font-size:12px; font-weight:bold; margin-top:0.5em; margin-bottom:0.5em; }
h1 { font-size:14px; line-height:22px; margin-top:1em; margin-bottom:1em; }
h2 { padding-bottom:0.2em; }
hr { color:#ddd; margin:10px 0; background-color:#ddd; height:1px; border:0; border-bottom:1px solid #ddd; }
img { border-width:0 }
ol { margin:2em 0 2em 3em; }
ol li { margin-bottom:1em; }
p { margin-top: 0.7em; margin-bottom: 1em; }
td,th { vertical-align:top; padding:5px; }
ul { margin:2em 0 2em 3em; }
ul li { margin-bottom:0.3em; }

#artikel { margin:20px 0; padding:0; }
#artikel li { list-style-type:none; padding:0; margin:0; min-height:130px; text-align:left; }
#container { position:relative; margin-top:10px; margin-left:auto; margin-right:auto; width:900px; }
#content { background:#eee; }
#footer * { font-size:10px; color:#888; }
#footer { height:20px; padding: 20px 0; margin:10px 0 10px 0; }
#footer p { margin: 2px 0; }
#leftColumn { float:left; width:270px;}
#mainBottom { background:#fff url(images/main-bottom.gif) bottom center no-repeat; height:100px; margin-bottom:10px; }
#mainContent { float:left; width:600px; }
#mainImage { position:relative;background:#fff center 60px no-repeat; height:360px; margin-bottom:20px; border-bottom:1px solid #fff; }
#mainImage div { position:absolute; top:130px; left:20px; }
#mainImage h1, #mainImage h1 a { font-size:14px; line-height:24px; margin:0; text-decoration:none; color:#fff; }
#projekte { margin:0; background:#ddd; padding:10px; list-style-type:none; }
#projekte li { margin:0; padding:0; float:left; margin-right:10px; }
#rightColumn { float:right; width:270px;}
#sidebar { float:right; width:270px; margin-right:10px; margin-bottom:10px; }
#sidebar div div { background:#eee url(images/sidebar-bottom.gif) bottom center no-repeat; padding:5px; margin:0; }
#sidebar div div p { margin:0; margin-bottom:5px; }
#sidebar h3 { background:#eee url(images/sidebar-top.gif) top center no-repeat; padding:5px 10px; margin:0; color:#fff; font-size:11px; font-weight:normal; }
#topMenu { position:absolute; top:0; width:900px; height:32px; background: url(images/hintergrund-mitte.gif) center center repeat-x; padding:0; border:0px solid #ddd; }
#topMenu ul { list-style-type:none; padding:8px 0 0 0; margin:0; }
#topMenu ul li { list-style-type:none; display:inline; padding:3px 7px; margin:0px; border-right:1px solid #bbb;  }
#topMenu ul li a { text-decoration:none;  }
#topMenu ul li a:hover { text-decoration:underline;  }

.bg1 { background:#fff; }
.button { background:#fff center center repeat-x url(images/button.gif); border:1px solid #bbb; padding:3px 5px; text-decoration:none; cursor:pointer; }
.center { text-align:center; vertical-align: middle; }
.clear { clear:both; height:1px; line-height:1px; }
.examples { background:#ddd; padding:20px; border:1px solid #fff; text-align:center; }
.floatLeft { float:left; }
.floatRight { float:right; }
.left { text-align:left; }
.pad10 { padding:10px; }
.pad20 { padding:20px; }
.right { text-align:right; }
.w100 { width:98%; }
.w25 { width:20%; }
.w75 { width:70%; }
.projekte { margin:20px 0; padding:0; }
.projekte li { list-style-type:none; padding:0; margin:0; text-align:left; margin-bottom:20px; }
.main { color:#fff; }