html	{ overflow:scroll; }
html, body	{width:100%; height:100%; margin:0px; padding:0px;}
body	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
	 background:#5c747a url(bottomgrad.jpg) fixed no-repeat bottom center; 
	 line-height:20px;}

	/* font design*/
h1, h2, h3, h4, h5, ul, li, table, td	{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
p	{margin:0px 0px 15px 0px; padding:0px 0px 0px 16px; color:#aaa;}
h2	{width:100%; color:#fff; background:#669933; height:77px; background:url(red_stylish.gif) repeat-x; margin-bottom:20px;}
h2 span 	{display:block; width:800px; height:77px; margin:auto;}
h2 span strong	{display:none;}	
h5, h4	{ margin-left:16px; margin-bottom:5px; color:#600}
h4	{ font-size:14px; font-weight:bold; height:21px;}
a	{cursor:pointer;}
a:link, a:visited {color:#FFFFFF; font-weight: bold; text-decoration:none;}
a:hover {color: #849cc9; text-decoration:underline;}
h3 a:hover	{ text-decoration:underline; color:#900;}

td	{text-align:left; vertical-align:top; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
table	{margin:0px 0px 20px 0px; padding:0px 0px 0px 0px;}


	/*contenboxes*/
#container	 {background:#d30005; margin:0px; padding:0px;}
.hundert	{width:832px; margin:0px auto; padding:0px;}

	/* EXTRA h2*/
h2#aboutus span 	{background:url(h2_about_us.gif) no-repeat;}
h2#animationandpostproduction span 	{background:url(h2_3d_animation_and_postproduction.gif) no-repeat;}
h2#boothdesignmodelmaking span 	{background:url(h2_booth_design_and_model_making.gif) no-repeat;}
h2#graphicinteractivedesign span 	{background:url(h2_graphic_and_interactive_design.gif) no-repeat;}
h2#contactus span 	{background:url(h2_contact_us.gif) no-repeat;}
h2#mediacenter span 	{background:url(h2_mediacenter.gif) no-repeat;}


	/* Accordion DESIGN */
div.accordion	{margin:0px 0xp 0xp 0px; padding:0px 0px 0px 0px; background:url(bg_redgradient.gif) repeat-x bottom;}
h3 a.smaller:link, h3 a.smaller:visited	{letter-spacing:normal; font-size:10px;}	
h3	{color:#fff; height:27px; font-size:10px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 
	 background:url(navbt_grey.gif) no-repeat right center;} /*no width makes smooth transition!*/
h3 a	{ display:block; width:100%; height:23px; margin:0px 0px 0px 0px; padding:4px 0px 0px 0%; color:#fff;}
h3 a span	{ width:800px; margin:auto; display:block;}

/* let it be a rainbow !!! 
h3.about_us 				{background:url(navbt_yellow.gif) no-repeat right center;}
h3.postproduction 			{background:url(navbt_orange.gif) no-repeat right center;}
h3.boothdesignmodelmaking	{background:url(navbt_pink.gif) no-repeat right center;}
h3.design 				{background:url(navbt_blue.gif) no-repeat right center;}
h3.contacts 				{background:url(navbt_teal.gif) no-repeat right center;}
h3.mediacenter				{background:url(navbt_green.gif) no-repeat right center;}
*/
	


	/* top boxes*/
#leftbox	{ height:180px; width:100%; background:#fff}	
#content h1	{display:none;}
#logo	{width:832px; background:url(logo_800px.gif) #fff no-repeat bottom; height:180px; margin:auto;}
#subnavigation	{ visibility:visible; position:absolute; left:50%; margin-left:-416px; top:0px; width:832px; color:#000;}
#subnavigation a	{ color:#666; font-size:9px;}
#subnavigation li	{}

	/*colum and grid design*/
.colum_1	{width:272px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 25px 0px; display:inline;}
.colum_2	{width:272px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 25px 0px; display:inline;}
.colum_3	{width:272px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 25px 0px; display:inline;}
.colum_2to3	{width:544px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 25px 0px; display:inline;}
.colum_1to3	{width:832px;  padding:0px 0px 0px 0px; margin:0px 0px 25px 0px; display:inline;}
/*
.colum_1, .colum_2, .colum_3, .colum_2to3, .colum_1to3	{float:none;}
*/

	/*List*/
ul	{ list-style-position:inside; list-style:none;}
li	{margin:0px 0px 40px 16px; padding:0px 0px 0px 0px; float:left; display:inline;}
ul.textlist	{ margin:0px 0px 0px 16px; padding:0px 0px 0px 0px; list-style-position:outside; width:256px; float:left; display:inline;}
ul.textlist li	{ float:none; display:block; margin:0px 0px 2px 0px; padding:0px 0px 0px 16px; 
			  color:#999; background:url(dot_red.gif) no-repeat #990000 -4px 1px;}

.imagegallery_2 li	{ width:120px; height:30px;}
.imagegallery_1 li	{ width:256px; height:30px;}
.imgsub a	{ color:#f66; margin-top:-15px; display:block; text-align:center;}


	/*special design*/
.hundert .backtotop a	{color:#a10003;}
.hundert .backtotop 	{margin:0px 0px 0px 0px; padding:0px 21px 0px 0px; background:url(arrowup.gif) no-repeat 800px 8px; 
			 width:795px; height:20px; text-align:right; float:left; text-align:right;}

.platzhalter	{float:right;}
	
#startmovie	{ width:278px; height:208px; background:url(movie.gif) no-repeat #000;}	
#startmovie a	{ display:block; width:278px; height:208px;}
#startmovie a:hover	{background:url(opac20_red.png)}
* html #startmovie a:hover	{background:url(greyfake.gif)}
#startmovie span	{display:none;}