div.logo1		{width: 100%; font-size: 280%; color: #FFF;  letter-spacing: -2px; text-align: center; margin-bottom: -11px; margin-top: -5px; position: absolute; top: 1px; left; 1px; z-level: 5;}
div.logo2		{width: 100%; font-size: 280%; color: #222;  letter-spacing: -2px; text-align: center; margin-bottom: -11px; margin-top: -5px; position: absolute; top: 0px; left; 0px;}
	

div.logo3	{background: silver url('netgrafik/screenline.jpg') top left no-repeat; font-family: 'Century Gothic',Arial,sans-serif; font-size: 250%; font-weight: bold; text-transform: lowercase; color: #BBB; letter-spacing: 0px; text-align: center; margin-bottom: -8px; margin-top: -9px;}


a.titel:link	{color: #000033; text-decoration: none}
a.titel:hover 	{color: blue; text-decoration: underline;}
a.titel:active	{color: red; text-decoration: underline;}

div.titletext	{background: white; padding-left: 50px; padding-top: 50px;}

div.top-front	{height: 270px; background: black url('front-top-ani.gif') center center no-repeat; text-align: left;}
div.title		{color: #FFFFFF; font-size: 200%; padding-left: 50px; padding-top: 50px; font-family: Century Gothic,sans-serif; font-weight: bold; color: black;}
div.titlec		{color: #FFFFFF; font-size: 200%; padding: 50px; font-family: Century Gothic,sans-serif; font-weight: bold; text-align: center; color: black;}
div.title2		{color: #FFFFFF; font-size: 200%; padding-left: 50px; padding-top: 50px; font-family: Century Gothic,sans-serif; font-weight: bold; color: white;}
div.title2c		{color: #FFFFFF; font-size: 200%; padding: 50px; font-family: Century Gothic,sans-serif; font-weight: bold; color: white; text-align: center;}

img.icon		{height: 50px; border: 0px;}
img.col 		{width: 270px; border: 0px; margin-top: 5px; margin-bottom: 4px;}
img.col2		{width: 270px; border: 0px;}
img.pan 		{width: 270px; height: 100px; border: 0px; margin-top: 5px; margin-bottom: 4px;}
img.pan2 	{width: 270px; height: 200px; border: 0px; margin-top: 5px; margin-bottom: 4px;}
img.pan3 	{width: 270px; border: 0px; margin-top: 5px; margin-bottom: 4px;}
img.image	{border: 0px;}
div.imagebox	{max-width: 1000px; height: 600px; margin-top: 5px;}


div.bottom-front	{height: 768px; background: black url('http://www.madsdam.net/bottom.jpg') top center; text-align: left;}
div.bottom-title	{color: #FFFFFF; font-size: 200%; padding-left: 50px; font-family: Century Gothic,sans-serif; font-weight: normal; padding: 50px;}

span.title		{background: #C5C5C5;}


img.hicon	 	{width: 53px; height: 40px; border: 0; margin-top: 3px; margin-bottom: 2px; margin-right: 1px; cursor: pointer;}
img.hicon2	{width: 53px; height: 40px; border: 0; margin-top: 3px; margin-bottom: 2px; cursor: pointer;}
img.himage	{width: 270px; height: 200px; border: 0; margin-top: 5px; margin-bottom: 3px; cursor: text;}
img.micro-icon	{height: 16px; border: 0px; margin-right: 1px; margin-top: 5px; cursor: arrow;}





















	div.madsdam	{margin-left: 50px; width: 910px; font-family: Century Gothic, Arial; font-size: 355%; text-align: right; color: #CCC; margin-top: -16px;  margin-bottom: -12px; font-weight: bold;}




	div.page		{background: white; padding: 50px;}
	div.text		{width: 500px;}

img.icon		{height: 72px; margin-bottom: 3px; margin-right: 2px; cursor: hand;}

div.titletext	{background: white; padding-left: 50px; padding-top: 50px;}


	img.collectionicon		{height: 72px; border: 0px; margin-bottom: 3px; margin-right: 2px; cursor: hand;}

	img.galleryicon	{max-width: 200px; height: 21px; margin-bottom: 0px; margin: 1px; border-style: solid; border-width: 1px; border-color: #444;}
	img.galleryimage	{max-width: 900px; height: 450px; margin-bottom: 4px; margin-top: 25px; border-style: solid; border-width: 1px; border-color: #444;}
	img.galleryimage2	{max-width: 900px; height: 450px; margin-bottom: 5px; margin-top: 3px; border-style: solid; border-width: 1px; border-color: #444;}
	div.gallerytext	{padding: 50px;text-align: center;}

	div.slideshow		{background: white; text-align: center; padding-bottom: 50px;}

	div.space		{width: 1000px; height: 20px; background: url('http://www.madsdam.net/netgrafik/screen.jpg') center left; clear: both;}
	div.line		{width: 1000px; height: 20px; background: url('http://www.madsdam.net/netgrafik/line.jpg') center center no-repeat; text-align: center;}

	div.time		{padding-left: 50px; font-weight: bold; font-size: 130%; color: #999; margin-top: 0px; margin-bottom: 0px; text-align: left;}













































body		{margin: 0px; background: white; font-family: arial,helvetica,sans-serif;}

h1		{font-size: 130%; font-weight: bold;}
h2		{font-size: 105%; font-weight: normal;}
h3		{font-size: 82%; font-weight: bold;}
h4		{font-size: 82%; font-weight: normal;}
p		{font-size: 72%; font-weight: normal;}
p,h1,h2,h3,h4	{display: inline;}


div.logo	{width: 960px; font-family: Century Gothic, Arial; font-size: 355%; text-align: right; color: #CCC; margin-top: -12px;  margin-bottom: -12px; font-weight: bold;}


div.menu		{width: 966px;  background: silver url('netgrafik/screenline.jpg') center center; font-size: 89%; font-weight: bold; text-align: right; padding-right: 34px;}

a.menu:link	{color: #112277; text-decoration: none; padding-right: 5px;}
a.menu:hover 	{color: blue; background: #DDDDDD url('netgrafik/high.jpg') center center; padding-right: 5px;}
a.menu:active	{color: red; text-decoration: none; padding-right: 5px;}
a.menu:visited	{text-decoration: none; padding-right: 5px;}

span.hilite	{background: white;}
span.lolite	{background: white url('netgrafik/lolite.jpg') top right;}


table.main	{background: white; width: 1000px; border: 0px;}
td.main		{width: 270px; vertical-align: top;}

a:link		{color: #000088; text-decoration: none}
a:hover		{color: blue; text-decoration: underline;}
a:active		{color: red; background: white; text-decoration: underline;}
a:visited		{color: #660055; text-decoration: none}


div.greyline	{width: 1000px; height: 18px; background: #CCC;}
	

div.gallery	{width: 950px; padding-top: 50px; padding-bottom: 45px; padding-left: 50px; text-align: left;}
img.galleryimage	{max-width: 900px; height: 400px; margin-bottom: 5px; margin-top: 8px; border-style: solid; border-width: 1px; border-color: #444;}

div.imageicons	{margin-top: 33px; margin-bottom: 2px;}
img.imageicon	{max-width: 200px; height: 19px; margin: 1px; border-style: solid; border-width: 1px; border-color: #444;}

div.galleryicons	{margin-top: 6px;}
img.galleryicon	{height: 20px; margin: 1px; border-style: solid; border-width: 1px; border-color: #444;}


div.slidegallery		{width: 1000px; background: #FFF; padding-top: 0px; text-align: left;}
img.slideimage		{max-width: 998px; height: 564px; border-style: solid; border-width: 1px; border-color: #333;}

div.lightslidegallery		{width: 1000px; background: #000; padding-top: 0px; text-align: center;}
img.lightslideimage		{max-width: 1000px; height: 564px; border: 0px;}

div.slidingshow	{max-width: 1000px; background: #DDD url('http://www.madsdam.net/netgrafik/slidingshow.jpg') bottom left no-repeat; padding-bottom: 35px; padding-top: 90px; margin-bottom: -0px; text-align: center;}
img.slidingshow	{max-width: 850px; height: 550px;  margin-bottom: 18px; border-style: solid; border-width: 1px; align: center;}
span.skytitle	{font-family: Century Gothic; font-size: 52px; font-weight: normal; color: #555; letter-spacing: 3px;}
span.slidetitle	{font-family: Century Gothic; font-size: 52px; font-weight: normal; color: #FFF; letter-spacing: 3px;}

img.zoom	{height: 400px; position: absolute; z-index: 1;}
table.zoom	{height: 400px; position: absolute; z-index: 2;}
td.z1		{width: 33%; height: 33%;}
td.z2		{width: 34%; height: 34%;}

td.shade		{background: #EEE;}