h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,span,a,input 
	{
	font-size:10px;font-family:Geneva,Verdana,Sans-Serif;
	font-weight:normal;
	color:#000000;
	line-height:11px;
	}


body 		{ background-color: #ffffff; margin:0;padding:0; }

td 			{ vertical-align:top; line-height:14px;}

a:focus 	{ outline:none; }

#mininavi 	{ position: absolute; width: 125px; height: 12px; padding:1px;  background-color:#ffffff; z-index: 150;}

#content 	{ top: 0px; left: 0px; width: 100%; height: 100%; padding:5px 5px 5px 5px;z-index: 1; }

/*  raster width muesste dynamisch an eingeblendete nav divs angepasst werden! */
#raster 	{ position: absolute; top: 484px; left: 0px; width: 119px; height: 92px; display: block; z-index: 1;  background: url("../static/background.gif"); padding:1px;}

#grip 		{ position: absolute; top: 485px; left: 1px; width: 12px; height: 91px;  z-index: 11;}

#gripclosed { position: absolute; top: 484px; left: 0px; width: 13px; height: 94px; z-index: 11; background: url("../static/background.gif");}

#about		{ position: absolute; top: 0px; left: 0px; width: 135px; height: 13px;  padding-top: 6px; z-index: 1;}
#aboutbox	{ position: absolute; top: 130px; left: 0px; width: 391px; height: 390px; background-color: #ffffff; padding-top: 3px; padding-left:3px; padding-right:5px;line-height:14px; z-index: 1;}
#kontakt	{ position: absolute; top: 0px; left: 153px; width: 108px; height: 13px;  padding-top: 6px; z-index: 1;}
#kontaktbox	{ position: absolute; top: 130px; left: 153px; width: 238px; height: 190px; background-color: #ffffff; padding-top: 3px; padding-left:3px; padding-right:5px; line-height:14px; z-index: 1;}
#impressum	{ position: absolute; top: 0px; left: 279px; width: 120px; height: 13px;  padding-top: 6px; z-index: 1;}
#impressumbox	{ position: absolute; top: 130px; left: 278px; width: 391px; height: 390px; background-color: #ffffff; padding-top: 3px; padding-left:3px; padding-right:5px;line-height:14px; z-index: 1;}

#topmark {height:0px;}

#nav { position:absolute; color:black; font-size: 10px; font-family: verdana; display:block; z-index: 100; top: 484px; left:12px; height:91px; border:1px border-color:black; clip: rect(0px 890px 93px 0);}
#nav_01 { position: relative; width: 103px; height: 105px;  top:1px; left:2px; overflow: scroll; padding-left:3px; padding-top:2px; background-color:#ffffff; z-index: 101;}
.nav_02 { position: absolute;width: 204px; height: 105px;  top:1px; left:108px; overflow: scroll; padding-left:3px; padding-top:2px; background-color:#ffffff; }
.nav_03 { position: absolute;width: 90px; height: 105px;  top:1px; left:315px; overflow: scroll; padding-left:3px; padding-top:2px; background-color:#ffffff; }
.nav_04 { position: absolute;width: 49px; height: 105px;  top:1px; left:408px; padding-top:2px; background: url("../static/blaetter.gif");background-color:#ffffff; }
.nav_05 { position: absolute; width: 425px; height: 105px; top:1px; left:457px; overflow: scroll; padding-left:3px; padding-top:2px; background-color:#ffffff; }
.nav_06 { position: absolute;width: 49px; height: 105px;  top:1px; left:315px; padding-top:2px; background: url("../static/blaetter.gif");background-color:#ffffff; }
.nav_07 { position: absolute; width: 425px; height: 105px; top:1px; left:364px; overflow: scroll; padding-left:3px; padding-top:2px; background-color:#ffffff; }

.nav {}
.navactive {background-color: #000000; color:#ffffff;}

.navactive a { text-decoration:none; color:#ffffff; }
.navactive a:visited { text-decoration:none; color:#ffffff; }
.navactive a:active { text-decoration:none; color:#ffffff; }
.navactive span {color:#00c8ff; text-decoration:none;}

.navinactive {background-color: #00c8ff; color:#000000;}

.navinactive a { text-decoration:none; color:#000000; }
.navinactive a:visited { text-decoration:none; color:#000000; }
.navinactive a:active { text-decoration:none; color:#000000; }
.navinactive span {color:#ffffff; text-decoration:none;}
/*  content */

.image_marg { margin: 0px; border:0; }

.handle  {
				font-family: verdana;
				
}
td.scroll_100_griffleiste
				{
				width: 100px;
				height: 92px;
				font-family: verdana;
				font-size: 10px;
				line-height:12px;
				color: #000000;
				background-color: #ffffff;
				padding-left: 5px;
				scrollbar-base-color: #ffffff;
				scrollbar-3d-light-color: #666666;
				scrollbar-arrow-color: #666666;
				scrollbar-darkshadow-color: #ffffff;
				scrollbar-face-color: #ffffff;
				scrollbar-highlight-color: #444444;
				scrollbar-shadow-color: #444444;
				scrollbar-track-color: #ffffff;
}
td.scroll_100
				{
				width: 100px;
				height: 92px;
				font-family: verdana;
				font-size: 10px;
				line-height:12px;
				color: #000000;
				background-color: #ffffff;
				padding-left: 5px;
				border-left: dotted 1px #000000;
				scrollbar-base-color: #ffffff;
				scrollbar-3d-light-color: #666666;
				scrollbar-arrow-color: #666666;
				scrollbar-darkshadow-color: #ffffff;
				scrollbar-face-color: #ffffff;
				scrollbar-highlight-color: #444444;
				scrollbar-shadow-color: #444444;
				scrollbar-track-color: #ffffff;
}

td.scroll_200
				{
				width: 200px;
				height: 92px;
				font-family: verdana;
				font-size: 10px;
				line-height:12px;
				color: #000000;
				background-color: #ffffff;
				padding-left: 5px;
				border-left: dotted 1px #000000;
				scrollbar-base-color: #ffffff;
				scrollbar-3d-light-color: #666666;
				scrollbar-arrow-color: #666666;
				scrollbar-darkshadow-color: #ffffff;
				scrollbar-face-color: #ffffff;
				scrollbar-highlight-color: #444444;
				scrollbar-shadow-color: #444444;
				scrollbar-track-color: #ffffff;
}
td.scroll_430
				{
				width: 430px;
				height: 92px;
				font-family: verdana;
				font-size: 10px;
				line-height:12px;
				color: #000000;
				background-color: #ffffff;
				padding-left: 5px;
				border-left: dotted 1px #000000;
				scrollbar-base-color: #ffffff;
				scrollbar-3d-light-color: #666666;
				scrollbar-arrow-color: #666666;
				scrollbar-darkshadow-color: #ffffff;
				scrollbar-face-color: #ffffff;
				scrollbar-highlight-color: #444444;
				scrollbar-shadow-color: #444444;
				scrollbar-track-color: #ffffff;
}

td.arrowpad
				{
				width: 60;
				height: 94px;
				font-family: verdana;
				font-size: 10px;
				line-height:11px;
				color: #000000;
		/*		padding-left: 5px;*/
				border-left: dotted 1px #000000;

}


/*-----------------------------------------------------*/

.link   { text-decoration:none; color:#999999; }
a.link:link { text-decoration:none; color:#999999; }
a.link:visited { text-decoration:none; color:#999999; }

a.link:hover { text-decoration:none; color:#00c8ff; background-color: #ffffff; }
a.link:active { text-decoration:none; color:#00c8ff; }


.link1 { text-decoration:none; color:#999999; }
a.link1:link { text-decoration:none; color:#999999; }
a.link1:visited { text-decoration:none; color:#999999; }
a.link1:hover { text-decoration:none; color:#00c8ff; background-color: #ffffff; }
a.link1:active { text-decoration:none; color:#00c8ff; }

.link2    { text-decoration:none; color:#000000;  }
a.link2:link { text-decoration:none; color:#000000; }
a.link2:visited { text-decoration:none; color:#000000; }
a.link2:hover { text-decoration:none; color:#000000; background-color: #ffffff; }
a.link2:active { text-decoration:none; color:#000000; }

.link3 { text-decoration:none; color:#999999; }
a.link3:link { text-decoration:none; color:#999999; }
a.link3:visited { text-decoration:none; color:#999999; }
a.link3:hover { text-decoration:none; color:#00c8ff; background-color: #ffffff; }
a.link3:active { text-decoration:none; color:#00c8ff; }

.link4    { text-decoration:none; color:#000000;  }
a.link4:link { text-decoration:none; color:#000000; }
a.link4:visited { text-decoration:none; color:#000000; }
a.link4:hover { text-decoration:none; color:#000000; background-color: #ffffff; }
a.link4:active { text-decoration:none; color:#000000; }

.link5 { text-decoration:none; color:#999999; }
a.link5:link { text-decoration:none; color:#999999; }
a.link5:visited { text-decoration:none; color:#999999; }
a.link5:hover { text-decoration:none; color:#00c8ff; background-color: #ffffff; }
a.link5:active { text-decoration:none; color:#00c8ff; }

.link6    { text-decoration:none; color:#000000;  }
a.link6:link { text-decoration:none; color:#000000; }
a.link6:visited { text-decoration:none; color:#000000; }
a.link6:hover { text-decoration:none; color:#000000; background-color: #ffffff; }
a.link6:active { text-decoration:none; color:#000000; }

.project_link { text-decoration:none; color:#00c8ff; }
a.project_link:link { text-decoration:none; color:#00c8ff; }
a.project_link:visited { text-decoration:none; color:#00c8ff; }
a.project_link:hover { text-decoration:none; color:#00c8ff; background-color: #ffffff; }
a.project_link:active { text-decoration:none; color:#00c8ff; }

.kontakt_link { text-decoration:underline; color:#000000; }
a.kontakt_link:link { text-decoration:underline; color:#000000; }
a.kontakt_link:visited { text-decoration:underline; color:#000000; }
a.kontakt_link:active { text-decoration:underline; color:#000000; }



.selected { letter-spacing: 1px; text-decoration:none; color:#ffffff; background-color: black; }
a.selected{ letter-spacing: 1em; font-weight: bold; text-decoration:none; color:#ffffff; background-color: black; }

.abstract { font-weight: bold; text-decoration:none; color:#333333; }

.abstand { background-color: #ffffff; width: 7px; }

.credit  { color:#666666; text-decoration:none; }

.whiteboxcontent { color: #bd3f00; line-height:11px; }

.cottaboxcontent { padding-left:3px; padding-right:3px; padding-top: 6px; color: #ffffff; line-height:10px; }

.boxlink  { color:white; text-decoration:none; }
a.boxlink { color:white;text-decoration:none; }
a.boxlink:hover { color:#666666; text-decoration:none; }

.weiss  { color:white; }
.grau  { color:#999999; }
.grau14  { color:#999999; line-height:14px; }
.sub  { color:#a9a499; }




/*  end content */