body      { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16pt; text-align: center; margin: 0; padding: 0 }
html 
{overflow-y: scroll;
}
h1 {
font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16pt; text-align: center; margin: 0; padding: 0
}
h2 {
font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16pt; text-align: center; margin: 0; padding: 0
}
#page     { text-align: justify; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; z-index: 0; width: 740px }
#page li  { list-style-type: square }

.cleardiv  { height: 1px; clear: both }

#top            { width: 740px; height: 180px }
#top a    { text-decoration: none; padding: 0px; border-bottom: 0 }
#top a:hover   { text-decoration: none; padding: 0px; border-bottom: 0 }


#content           { margin-left: 20px; padding-top: 1px; width: 700px; float: none; clear: both; }
#navi_left { line-height: 0; margin: 6pt 0 0; width: 150px; position: absolute; }
#navi_left ul    { margin: 0 0 16pt 0; padding: 0;}
#navi_left a    { text-decoration: none; padding: 0; border-bottom: 0 }
#navi_left a:hover   { text-decoration: none; padding: 0px; border-bottom: 0 }
#navi_left li     { list-style-type: none; margin: 0; padding-bottom: 6px;}
.navi_left_sub   { list-style-type: none; position: relative; top: 4pt }
.navi_left_sub li { font-size: 7pt; text-align: right; width: 88px; height: 8pt }
* html .navi_left_sub li { height: 4pt } /*ie sucks*/
#projektli li { padding: 4pt 0 1px 0 }
#galerienli li { padding: 4pt 0 1px 0 }


#main           { margin-top: 8px; margin-left: 77px; padding: 0; width: 370px }
#main a { border-bottom: 1px dotted silver }
#main_mitglieder           { margin-top: 8px; margin-left: 77px; padding: 0; width: 296px }
#main_wide           { margin-top: 8px; margin-left: 77px; padding: 0; width: 490px; ; margin: 0}

#column2of2       { margin: 0 0 25px 150px; width: 549px; position: relative; top: 2pt}
#column3of2 { margin: 0 0 0; padding: 0; width: 0px; float: right}
#column2of3          { margin: 0 172px 25px 150px; position: relative; top: 2pt }
#column2of3 a { border-bottom: 1px dotted silver }
#column3of3 { margin: 6pt 0 0; padding: 0; width: 132px; float: right }
#footer  { margin-top: -1px; padding-top: 1px; width: 740px; height: 20px; clear: both; }
#footer_left      { width: 20px }
#footer_right      { width: 20px; float: right }
#top_left     	{ width: 20px; float: left }
#top_nlm     	{ padding-top: 25px; width: 132px; float: left }
#top_right    	{ width: 20px; float: left }
#top_navi 	    { padding-top: 87px; width: 567px; float: left}
#top_index     	{ padding-top: 0px; width: 150px; float: left }
#top_leistungen	{ padding-top: 6px; width: 150px; float: left }
#top_portfolio  { padding-top: 0px; width: 150px; float: left }
#top_mitglieder { padding-top: 6px; width: 150px; float: left }
#top_kontakt    { padding-top: 0px; width: 150px; float: left }
#top_impressum  { padding-top: 6px; width: 150px; float: left }

#top_blog  { width: 100px; float: left;
	height: 10px;
	margin-top: 6px;
}
#top_mark1   { position: relative; left: 170px;  width: 587px; /*\*//*/margin-left: 170px; width: 417px;/**/ float: left }
#top_mark3   { float: left; width: 1px;}

.listitem      { line-height: 6pt; width: 100%; margin-top: 0; margin-bottom: 16pt; position: relative; top: 4pt; }
.listitem a    { display: block; height: 11px; border: 0 }
.listitemcontent  { line-height: 16pt; padding-top: 16pt; padding-left: 20px; padding-bottom: 16pt; margin: 0}
.listitemcontent a { height: auto; display: inline;  border-bottom: 1px dotted silver}
.projectthumbnails   { width: 175px; margin-top: 12pt; padding-bottom: 16pt; float: left}
.projectthumbnails a  { width: 50px; height: 50px; margin-right: 5px; margin-bottom: 5px; border: 0; float: left}
.projectfeatures    { margin-left: 160px }

#gallery    { position: relative; top: 6pt; left: 150px; /*\*//*/margin-left: 150px;/**/  margin-top: -1px; margin-bottom:-435px; width: 565px; height: 435px; float: left }
#gallery a  { width: 132px; height: 132px; margin-right: 5px; margin-bottom: 5px; float: left}
#gallery .empty { width: 132px; height: 132px; margin-right: 5px; margin-bottom: 5px; float: left; padding: 1px}
 
#gal_zuruck { position: relative; top: 6pt; width: 0px; height: 0px; margin-top: 0; padding-top: 1px; margin-left: 133px; }
* html #gal_zuruck { margin-bottom: -409px } /*ie sucks*/
#gal_zuruck a { height: 408px; width: 9px; display: block}
#gal_zuruck img { margin-top: 198px; width: 9px; height: 9px }

#gal_weiter { position: relative; top: 6pt; left: 18px; /*\*//*/margin-right: -18px;/**/ float: right }
#gal_weiter a { height: 408px; width: 9px; display: block}
#gal_weiter img { margin-top: 198px; width: 9px; height: 9px }

#gallery_pages a { line-height: 8pt; width: 16pt; height: auto; margin: 0; padding: 0; }
#overlay      { display: none; position: absolute; z-index: 2; top: 150px; left: 0px; width: 100%}
#overlay_center { width: 100%; height: 100% }
#overlay_background { position: fixed; _position: absolute;	z-index: 1;	width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; display: none; }
#overlay_content      { line-height: 18px; margin: auto; position: relative }
#overlay_content img { border:0 }
#overlay_image  { margin: 0; padding: 0px; clear: both }
#overlay_bu { text-align: center; font-size: 8pt}

.kontaktform { float: left; width: 100px}
.kontaktinfo {  }