/* hellgrau Links #808080 | dunkelgrau #515151 | rot #CC0000 | footer grau #666666 | box grau #ECECEC */
body,html,td{font-family : Verdana, Tahoma, Arial, Helvetica,Sans-serif;font-size:10px;}
#foot {font-size: xx-small;color:#666666; padding-top:10px;}

/* -------------
   Navigation
--------------*/
.nav 			{padding-left:30px;padding-top:8px;}
#hauptnav ul 	{list-style: none;margin:0px;padding:0px;float:left;display:inline;} 
#hauptnav ul li {float:left;display:inline;}
#hauptnav a		{padding-left:25px;text-decoration:none;font-weight:bold;}
/* 2te Ebene --------------------------------------------------------*/
#hauptnav ul ul 	{position:absolute;margin-top:50px;left:-217px;}
#hauptnav ul ul li	{clear:both;display:block;padding-top:12px;width:205px;}
/* 3te Ebene --------------------------------------------------------*/
#hauptnav ul ul ul 		{position:relative;margin:0px;left:10px;}
#hauptnav ul ul ul li	{clear:both;padding-top:4px;}
#hauptnav ul li.active ul li.active ul li {width:195px;}

/* 1te Ebene --------------------------------------------------------*/
#hauptnav a:hover 				{color:#CC0000;}
#hauptnav ul li a 				{color:#000000;}
#hauptnav ul li.active a 		{color:#CC0000;}
/* 2te Ebene --------------------------------------------------------*/
#hauptnav ul ul li a			{color:#808080 !important;}		
#hauptnav ul ul li a:hover		{color:#CC0000 !important;}
#hauptnav ul ul li.active a 	{color:#CC0000 !important;}
/* 3te Ebene --------------------------------------------------------*/
#hauptnav ul ul li.active ul li a			{color:#808080 !important;background : url(assets/images/q-grau.gif);}		
#hauptnav ul ul li.active ul li a:hover		{color:#CC0000 !important;background : url(assets/images/q-rot.gif);}
#hauptnav ul ul li.active ul li.active a 	{color:#CC0000 !important;background : url(assets/images/q-rot.gif);}
/* Allgemein --------------------------------------------------------*/
li.active, li.active a 			{display:block;}


/* -------------
     Layout
--------------*/
#left 		{width:310px;padding-right:30px;} 					 /* fur [*#content*] text-align:justify;*/
#right 		{position:absolute;top:0px;left:340px;}			 /* fur  [*#rechts*] */
#einfach 	{width:650px;}										 /* einfaches Tpl ohne rechte Spalte*/

.box 			{padding:10px;border:1px solid #C0C0C0;background:#ECECEC;width:300px;}
.boxgefunden 	{padding:10px;border:1px solid #C0C0C0;background:#FFFFFF;width:300px;}
* html .box			{width:320px;} /* box fix IE */
* html .boxgefunden {width:320px;} /* box fix IE */
td 			{vertical-align:top;}
.img-ref	{padding-right:3px;} /* Referenzen Bilder Abstand zum Text */
img 		{border: 0 none;}	 /* alle Bilder keinen Rand, vor allem bei Links */

/* neue Teamseite */ 
.teamtext {padding-left:140px;} 
.teambild {float:left;}

/* -------------
     NUR Startseite
--------------*/
#menustartseite {position:absolute;top:80px;left:-189px;}
#menustartseite h2 {display:inline;}
.start-links a 	{display:block;padding-left:10px;width:150px;padding-top:8px;}
html>body .abstand 	{height:10px;}	/* nur fur moz // gleiche Hohe fur alle Elemente steht im content Startseite NICHT im Tpl
									erste Zeile mit FCK HTML <div class="abstand">&nbsp;</div>
									<div class="box ..... */
* html .abstand 	{display:none;}	/* der IE zeigt es korrekt */

/* -------------
     Schriften Typo Farben
--------------*/
h1 	{font-size: 12px;}
h2 	{font-size: 10px;}
h3	{font-size: 10px;color:#CC0000;}

a		{color:#2200CC;}		/* grau: 808080 */
a:hover {color:#CC0000;text-decoration:underline;} 	/*rot: #CC0000*/
/* Links Startseite und footer*/
#menustartseite a, #foot a {color:#808080;}
#menustartseite a:hover, #foot a:hover {color:#CC0000;text-decoration:none;}



/* unsortierte Listen mit rotem Quadrat */
ul {list-style-image: url(assets/images/zvideo.gif);position:relative;left:-23px;white-space : normal;}
/* Sonderfall unsortierte Listen => nicht einruecken, rotes Quadrat */
#left ul.einr {list-style-image: url(assets/images/zvideo.gif);position:relative;left:-23px;} 
#left li {margin-top:8px;}
.rot {color:#CC0000;}

/* ------------
nur Inhaltsverzeichnis alphabetisch / thematisch sortiert  
-------------*/

.shadetabs {width:283px;padding: 5px 7px;border: 1px solid rgb(192,192,192);display:block;
			background: white url(assets/images/shade.gif) top left repeat-x;}
* html .shadetabs {width:299px;} /* Nur IE */
#eins ul, #zwei ul  {list-style-image: url(assets/images/zvideo.gif);position:relative;left:-25px;white-space : normal;} 
#eins ul li, #zwei ul li {color:#CC0000;margin-top:5px;}
#zwei ul {margin-top:-1px;} 
#eins ul li a			  {color:#000000 !important;}
#eins ul li.liste_video a {color:#CC0000 !important;}
#eins ul li.liste_check a {color:#0000FF !important;}
hr.liste {color : #cccccc; background-color : #cccccc; height:1px; border : 0px;}

/* ------------
nur Social Bookmarks 
-------------*/

#socialbookmarks	{position:absolute;top:30px;left:50%;margin-left:-30px;width:480px;height:40px;}
.share-cl{overflow:hidden; margin:0; padding:0;list-style:none;}
.share-cl li {display:inline;} /*fuer IE6 */
		  
.share-cl a{
  overflow:hidden;
  width:75px;
  height:30px;
  float:left;
  margin-right:5px;
  text-indent:-200px;
  background:url("assets/images/share-dicon.jpg") no-repeat;}
  
a.sh-su		{background-position:-210px -40px;}
a.sh-tweet1	{background-position:-70px -40px;}
a.sh-tweet2	{background-position:-140px -40px;}
a.sh-face1	{background-position:0 -40px;}
a.sh-digg	{background-position:-280px -40px;}
a.sh-face2	{margin-right:0;background-position:-350px -40px;}

a.sh-face1:hover	{background-position:0 1px;}
a.sh-tweet1:hover	{background-position: -70px 1px;}
a.sh-tweet2:hover	{background-position:-140px 1px;}
a.sh-su:hover		{background-position:-210px 1px;}
.sh-digg:hover		{background-position:-280px 1px;}
a.sh-face2:hover	{background-position:-350px 1px;}

a img 	{border:none;}
a:focus {outline: none;} 

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

.klar {display:none;}
.zitat {position:relative;top:0px;left:130px;z-index:20;}