/* ######################################################################################################
** # "Rahmen-Css ########################################################################################
** ######################################################################################################
** 
** Hier werden ausschliesslich Werte fuer das Grundgeruest reingeschrieben
** Alle Content-Beschreibungen gehoeren in die content.css
** Bis auf die Breiten, Hintergrundfarben, allgemeine Schriftdefinition
** muss hier eigentlich nichts geändert werden.
** 
** Bei Fragen: Christian Mohr / c.mohr@metaways.de
**  
*/



@media all
{

/* # Alle Werte der verschiedenen Browser vereinheitlichen / nicht Aendern! #############################
 */
*	{
	margin:0px; padding: 0px;
} 

/* # Klassen #############################
 */
.thumbpic { filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; }
.dist         { height:160px; width:63px; }
.blendpic { width:62px; }
.content   { font-size:11px;color:#686f75; }

body	{ 
	min-height: 101%;
	height: 100%;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
} 

fieldset, img	{
	border:0px none;
}

html	{
	height: 100%;
} 

option	{
	padding-left: 0.4em
}

a:link, a:visited,a:active, a:hover	{
	text-decoration:none;
	color:#686f75;
}
a:hover	{ text-decoration:underline; }

a.test:active, a.test:hover	{
	text-decoration:underline;
}

/* # Allgemeine Angaben #################################################################################
 */
body	{ 
	background: #F4F4F4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;		
} 
	
/* # Layer #################################################################################
*/
#leftnav                 { width:740px; position:absolute; top:70px; left:120px; background-color:#f4f4f4; z-index:300; }
#leftsubnav           { width:140px;visibility:hidden; background-color:#f4f4f4; }
#scroller               { width:470px; overflow:hidden; position:absolute; top:0px; left:239px; }
#subscroller         { position:relative; top:0px; left:0px; }
#pfleft                   { position:absolute; top:0px; left:202px; }
#pfright                 { position:absolute; top:0px; left:737px; }
#subnavWrapper     { position:absolute; top:150px; left:0px; }
/* #subnav                   { position:absolute; top:84px; left:275px; }  */
#outer                     { width:1000px; position:absolute; top:0px; }
#picinfo                 { position:absolute; top:710px; left:120px; font-size:11px;color:#9D9D9D; }
#frame                     { position:absolute; left:0px; top:234px; width:100%; height:525px; border:1px solid #9D9D9D; }
#artpic                   { visibility:visible; position:absolute; top:42px; left:100px; filter:alpha(opacity=10);-moz-opacity:.1;opacity:.1;}
#toindex                 { float:right; margin-top:500px; margin-right:20px; }
#scmes                     { position:absolute; top:-800px; left:-20000px; }
#leftblend             { background-color:#F4F4F4; position:absolute; left:1px; top:180px; height:160px; width:62px; }
#rightblend           { background-color:#F4F4F4; position:absolute; left:937px; top:180px; height:160px; width:62px; }
#nextpage               { position:absolute;top:480px; background-color:#EEEEEE;height:28px;width:250px;visibility:hidden;padding:2px; color:#9D9D9D;font-size:14px;font-weight:bold;font-family:arial;border:1px solid #9D9D9D; }
#wartekreis           { vertical-align:middle;margin-right:10px;margin-left:15px;margin-top:2px; }
}

#motioncontainer { position:absolute; overflow:hidden; height:160px; left:62px; top:180px; filter:alpha(opacity=10);-moz-opacity:.1;opacity:.1; }
#motiongallery      { position:absolute; left:0px; top:0px; white-space: nowrap; }
#motioncontainer a img {  }
#motioncontainer a:hover img { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
#motioncontainer a:hover { color: red; /* Dummy definition to overcome IE bug */ }