/*** general ***/

* 							{ margin:0; padding:0; }
html, body 					{ height:100%; }

body 						{
							background-color:#333333;
							font:100.01%;
							text-align:center; /* horizontal centering for IE Win quirks */
							font-family:verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size:10px;
							color : #CCCCCC;
							}

img 						{ border:none; border:0; }
			
#distance 					{
							width:1px;
							height:50%;
							background-color:#333333;
							margin-bottom:-327px; /* half of container's height */
							float:left;
							}

#container 					{
							margin:0 auto;
							position:relative; /* puts container in front of distance */
							text-align:left;
							height:501px;
							width:751px;
							clear:both;
							background:url(../images/bg/bg00.jpg) top left no-repeat;
							padding:62px 66px 92px 65px;
							}
			
#inner 						{ height:501px; }
		

#singlerow-logo				{ width:751px; height:447px; clear:left; background:url(../images/bg/bg08_logo.jpg); }	
#singlerow	    			{ width:751px; height:447px; clear:left; background:url(../images/bg/bg08.jpg); }	

#firstrow 					{ height:165px; clear:left; }
#secondrow 					{ height:282px; clear:left; }

#mainswitch 				{ height:31px; clear:left; }
#mainswitch a 				{ display:block; float:left; height:31px; text-decoration:none; }

#langswitch 				{ height:23px; clear:left; }		
#langswitch a 				{ display:block; float:left; text-decoration:none; height:23px;  }

#langswitch a.de 			{ width:188px; background:url(../images/navigation/de_lang_passive_0.jpg); }
#langswitch a.de:hover 		{ width:188px; background:url(../images/navigation/de_lang_passive_1.jpg); }	
	
#langswitch a.en			{ width:187px; background:url(../images/navigation/en_lang_passive_0.jpg); }	
#langswitch a.en:hover 		{ width:187px; background:url(../images/navigation/en_lang_passive_1.jpg); }	

#langswitch a.fr 			{ width:188px; background:url(../images/navigation/fr_lang_passive_0.jpg); }
#langswitch a.fr:hover		{ width:188px; background:url(../images/navigation/fr_lang_passive_1.jpg); }	

#langswitch a.es 			{ width:188px; background:url(../images/navigation/es_lang_passive_0.jpg); }
#langswitch a.es:hover		{ width:188px; background:url(../images/navigation/es_lang_passive_1.jpg); }	

#impressum 					{ height:97px; width:66px; position:absolute; top:443px; right:0; }		
#impressum a 				{ display:block; float:left; text-decoration:none; height:97px; }

#mainswitch span, 
#singlerow span, 
#singlerow-logo span, 
#impressum span,
#langswitch span			{ visibility:hidden; }	


/*** navigation, logo ***/

#navigation-box-left		{ height:165px; width:375px; float:left; }
#navigation-box-right		{ height:165px; width:376px; float:left; }

#leftnavi  					{ width:200px; margin-top:15px; }
#leftnavi a					{ display:block; text-decoration:none; height:15px; }

#rightnavi  				{ width:200px; margin-top:15px; float:right; }
#rightnavi a				{ display:block; text-decoration:none; height:15px; }

#leftlogo					{ width:200px; height:100px; margin-bottom:37px; background:url(../images/navigation/logo_left.jpg); }
#rightlogo					{ width:200px; height:100px; margin-bottom:36px; float:right; background:url(../images/navigation/logo_right.jpg); }


#leftpaging							{ height:29px; padding-left:23px; color:#505050; }
#leftpaging div						{ margin-top:1px; }

#leftpaging div.back				{ background:url(../images/navigation/arrow_left_first.gif) no-repeat; width:25px; float:left; }
#leftpaging div.back a				{ text-decoration:none; background:url(../images/navigation/arrow_left_0.gif) no-repeat; }
#leftpaging div.back a:hover		{ background:url(../images/navigation/arrow_left_1.gif)no-repeat; }
#leftpaging div.back a img			{ border:none; }

#leftpaging div.forward				{ text-decoration:none; background:url(../images/navigation/arrow_right_last.gif) no-repeat; width:25px; float:left;}
#leftpaging div.forward a			{ text-decoration:none; width:25px; background:url(../images/navigation/arrow_right_0.gif) no-repeat; }
#leftpaging div.forward a:hover		{ width:25px; background:url(../images/navigation/arrow_right_1.gif) no-repeat; }
#leftpaging div.forward a img		{ border:none; text-decoration:none; }


#rightpaging						{ clear:right; height:29px; text-align:right; padding-right:23px; color:#505050; }
#rightpaging div					{ margin-top:1px; }
					
#rightpaging div.back				{ background:url(../images/navigation/arrow_left_first.gif) no-repeat; width:25px; float:right; }
#rightpaging div.back	a			{ text-decoration:none; background:url(../images/navigation/arrow_left_0.gif) no-repeat; }
#rightpaging div.back a:hover		{ background:url(../images/navigation/arrow_left_1.gif) no-repeat; }
#rightpaging div.back a img			{ border:none; text-decoration:none; }

#rightpaging div.forward			{ text-decoration:none; background:url(../images/navigation/arrow_right_last.gif) no-repeat; width:25px; float:right;}
#rightpaging div.forward a			{ text-decoration:none; width:25px; background:url(../images/navigation/arrow_right_0.gif) no-repeat; }
#rightpaging div.forward a:hover	{ width:25px; background:url(../images/navigation/arrow_right_1.gif) no-repeat; }
#rightpaging div.forward a img		{ border:none; }

/*** content-box ***/

#content-box				{ height:282px; margin:0 32px; position:relative; }


							
/* links */

a.link:link				  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #CCCCCC;
							text-decoration: underline;
							}
							
a.link:visited			  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #CCCCCC;
							text-decoration: underline;
							}
							
a.link:hover			  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #FFFFFF;
							text-decoration: underline;
							}
							
a.link:active			  	{ 
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #CCCCCC;
							text-decoration: underline;
							}


a.link-light:link		  	{	 
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #7F7F7F;
							text-decoration: underline;
							}
							
a.link-light:visited	  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #7F7F7F;
							text-decoration: underline;
							}
							
a.link-light:hover		  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #FFFFFF;
							text-decoration: underline;
							}
							
a.link-light:active		  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #7F7F7F;
							text-decoration: underline;
							}


a.textlink:link			  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #CCCCCC;
							text-decoration: underline;
							}
							
a.textlink:visited		  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #CCCCCC;
							text-decoration: underline;
							}
							
a.textlink:hover		  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #FFFFFF;
							text-decoration: underline;
							}
							
a.textlink:active		  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #CCCCCC;
							text-decoration: underline;
							}

/* text */
	
.text					  	{
							color : #CCCCCC;
							text-decoration: none;
							}
	
	
.text-mediumgrey		  	{
							color : #505050;
							}
		
.text-lightgrey			  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #999999;
							}

.text-black				  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #000000;
							}

.text-red				  	{
							font-family : verdana, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #FF0000;
							}


/*** general ***/

.spc10 						{ height:10px; }
.clear 						{ clear:left; font-size:0.05%; }
.floatleft					{ float:left; }


/*  ergänzunegn */
table#praktikum 				{ 
							margin:0 auto; 
							text-align:left;
							}
							
table#praktikum  tr td a			{ 
							font-family : verdana, geneva, arial, helvetica, univers, swiss, sunsans-normal, sans-serif;
							font-size : 10px;
							color : #cccccc;
							text-decoration: none; 
							}
							
table#praktikum  tr td a:hover	{ 
							color : #ffffff;
							}