html , body , div , h2
{ 
	font-family: Arial,sans-serif;
	font-size:12px;
	color: #3f74a8;
	margin: 0px; 
	padding: 0px;
}
body
{
  background-image: url(/image/hintergrund.gif);
  background-repeat:repeat-x;
  background-color:#b6e1e7;
}
img
{
  margin:0;
  padding:0;
	border:0px;
}

/* contäner zum centrieren */ 
#spacer, #center
{
  position:absolute;
  margin:0;
  padding:0;
}
#content_table
{
	line-height: 1.5;
}

#spacer
{
  width:100%; 
  height:100%; 
  min-width: 960px;   
  min-height:530px; 
  z-index:1;
  background-image:url(/image/schatten.jpg);
  background-repeat: no-repeat;
  background-position:50% 79px;
}


#center 
{
  position:absolute;
  padding:0;
  margin-bottom: -5px;       
  width:990px;    
  min-height:533px;
  height:auto;
  top:0px;                  
  left:50%;
  margin:75px 0 0 -495px;
  z-index:5;
}




/* header --------------------------- */

#menue
{
	position:absolute;
  	top:0px;
  	left:17px;
  	width:970px;
	z-index:12;
	height: 40px;
	background-image:url(/image/menue_hintergrund.gif);
	background-repeat: no-repeat;
	color: #6699cc;
	font-weight: bold;
}

.menue_ul, .menue_li
{
	position:relative;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.mini
{
	font-size: 10px;
	padding: 8px 0 0 0;
}

.menue_table
{
  	margin-top: 1px;
		margin-left: 15px;
}

.menue_li
{
	margin-left: 0px;
	margin-right: 0px;
}

#header
{
	position:absolute;
  	top:40px;
  	left:17px;
  	width:970px;
	z-index:12;
	height: 175px;
	background-image:url(/image/header.jpg);
	background-repeat: no-repeat;
}

#content_spacer
{
	position:absolute;
  top:215px;
  left:17px;
	z-index:15;
	width:960px;
}

#top_line , #top_line_2
{
padding:0;
margin:0;
width:951px;
border-top:1px solid #999999;
height:0px;
font-size:0px;
}

/* ---------------------------------- */
/*da steckt der ganze kontent drin, der absolut positioniert ist*/


/*da steckt der ganze kontent drin, der relativ ist, damit das mit der Höhe funktioniert*/
#content
{
	z-index:18;
	width:968px;
	background-color: #b6e1e7;
	border-left: 1px solid #729dcb;
	border-right: 1px solid #729dcb;
}
* html #content
{
 margin-top:0px;
}

.kasten
{
	width: 170px;
	border: 1px solid #7aa4ce;
}

.kasten_head
{
	width: 130px;
	background-color: #7aa4ce;
	color: #fff;
	padding: 5px 20px 3px 20px;
	font-weight: bold;
}

.kasten_body
{
	width: 130px; background-color: #e9f6f8; padding: 7px 20px 20px 20px;
	line-height: 1.2;
}

#whoam
{
	color: #fff;
	font-size: 20px;
	float: right;
	margin-right: 15px;
	font-family: Arial,sans-serif;
	letter-spacing: 0.2em;
}

* html #whoam
{
	margin-right: 10px;
}


/*headline*/
#headline
{
  padding:0;
  width:auto; 
  height:78px;                
  margin-left:195px;
	margin-top: 20px;
  z-index:21;
  border:1px solid #b6e1e7;
  /*der border muss für den "margin-top"(der in "h1 und h2" steht) stehen bleiben, ansonsten wird der im FireFox nicht richtig ausgeführt*/
  vertical-align:bottom;
}

img.mit_rahmen
{
	border: 1px solid #6699cc;
	border-top: 4px solid #6699cc;
}

img.ohne_rahmen
{
	border: 0px solid #6699cc;
}

td
{
	vertical-align: top;
}

ul, il
{
	margin: 0px;
	padding: 0px;
}

ul
{
	padding-left: 15px;
}

h2
{
 padding:0px;
 margin:0px;
 font-weight:bold;
 width: auto;
 text-decoration: underline;
}

h3
{
	border-bottom: 4px solid #3f74a8;
	margin-left: 15px;
}

h4
{
 font-weight:bold;
 margin: 0px;
 padding: 0px;
 font-size:12px;
}
h1
{
 padding:0px;
 margin:0px;
 font-size:20px;
 font-weight:normal;
}
/*headline ende*/

/*ist nur der bereich für den inhalt rechts*/
#content_inhalt
{               
  margin-left:240px;
  margin-top:0px;
  z-index:19;
	width:694px; 
	background-image:url(/image/content_top.gif);
	background-repeat:no-repeat; 
	background-color:#FFFFFF;
	min-height:340px;
	border:1px solid #FFFFFF;
	/*der border muss für den "margin-top"(der in "trenn_linie_vertical" steht) stehen bleiben, ansonsten wird der im FireFox nicht richtig ausgeführt*/
}
* html #content_inhalt
{
 height:340px;
}

/*fuss unten*/
#fuss
{
	top:bottom;
	margin-top:0px;
	margin-left:0px;
	height:auto;
	width:970px;
	z-index:20;
	background-image:url(/image/footer.jpg);
	background-repeat: no-repeat;
	line-height: 2;
}
.fuss_text_td
{
 font-size:11px;
}
a.fuss_text 				{color:#3f74a8;}
a.fuss_text:link		{color:#3f74a8;}
a.fuss_text:active	{color:#3f74a8;}
a.fuss_text:visited	{color:#3f74a8;}
a.fuss_text:hover		{color:#6699cc;}
/*fuss ende*/


/*menue aufbau*/
#hauptmenue
{
 padding:0px;
 margin:0px;
 margin-top:110px;  
 color:#666666;
 font-size:2px;
}
.hauptmenue_tr
{
 height:30px;
}
.hauptmenue_tr_ohne
{
 height:20px;
}

.hp_td
{
 font-size:6px;
 height:18px;
}
.gruen
{
 color:#00FF00;
 font-size:16px;
 font-weight:bold;
}
.rahmen
{
 padding:0px;
 margin:0px;
 border-bottom:1px solid #cccccc;
 border-left:1px solid #cccccc;
 font-size:10px;
 width:190px;
 height:17px;
 padding-bottom:2px;
 padding-left:3px;
}


.l_none
{
display:none;
font-size:10px;
}
.l_inline
{
font-size:10px;
display:table-columns-group;
}
.table_untermenue
{
 margin-left:35px;
}
/*menue ende*/


a {color:#6699cc;}



a.hp_menue					  {font-size:13px;color:#666666;text-decoration:none; font-weight:normal;}
a.hp_menue:link				{font-size:13px;color:#666666;text-decoration:none; font-weight:bold;}
a.hp_menue:active			{font-size:13px;color:#666666;text-decoration:none; font-weight:bold;}
a.hp_menue:visited	  {font-size:13px;color:#666666;text-decoration:none; font-weight:bold;}
a.hp_menue:hover		  {font-size:13px;color:#00FF00;text-decoration:underline; font-weight:bold;}


a.un_menue					  {font-size:11px; color:#666666;text-decoration:none;}
a.un_menue:link				{font-size:11px; color:#666666;text-decoration:none;}
a.un_menue:active			{font-size:11px; color:#666666;text-decoration:none;}
a.un_menue:visited	  {font-size:11px; color:#666666;text-decoration:none;}
a.un_menue:hover		  {font-size:11px; color:#00FF00;text-decoration:underline;}

a.un_menue_aktiv					  {font-size:11px; color:#00FF00;text-decoration:underline;}
a.un_menue_aktiv:link				{font-size:11px; color:#00FF00;text-decoration:underline;}
a.un_menue_aktiv:active			{font-size:11px; color:#00FF00;text-decoration:underline;}
a.un_menue_aktiv:visited	  {font-size:11px; color:#00FF00;text-decoration:underline;}
a.un_menue_aktiv:hover		  {font-size:11px; color:#666666;text-decoration:none;}


/*conntent inhalt positionierung*/
#bilder_weiter_blaettern , #fliess_text
{
margin-top:25px;
margin-left:2px;
height:auto;
width:694px; 
}
#fliess_text
{
 margin-top:40px;
 margin-left:20px;
 width:675px;
 min-height: 400px;
}

#trenn_linie_vertical
{
margin-top:30px;
height:240px;
width:1px;
background-color:#cccccc;
}

.strich, #strich, #text_rechts_neben_bilder
{
 background-image:url(/image/stern_kl.jpg);
 background-repeat:no-repeat;
 background-position:0 2px;
 padding-left:20px;
 margin-left: 200px;
 padding-top:2px;
}

#text_rechts_neben_bilder
{
 width:180px;
 height:auto;
 margin-top:30px;
}
#text_rechts_neben_bilder_news
{
 margin-top:20px;
 width:175px;
 height:auto;
}

#news
{
	float: right;
	margin-right: 20px;
	margin-top: 25px;
}

* html #news
{
	float: right;
	margin-right: 10px;
	margin-top: 25px;
}


.news
{
 margin-left:0px;
 width:155px;
 height:auto;
 background-image:url(/image/pfeil_gruen_klein.gif);
 background-repeat:no-repeat;
 background-position:0 2px;
 padding-left:15px;
 padding-bottom:10px;
 margin-bottom:5px;
}



#kunden li
{
 padding:0px;
 margin:0px;
 list-style-image: url(/image/punkt.gif);		
}

a.content_link			  {color:#3f74a8;text-decoration:underline; font-weight:bold;}
a.content_link:link		{color:#3f74a8;text-decoration:underline; font-weight:bold;}
a.content_link:active	{color:#3f74a8;text-decoration:underline; font-weight:bold;}
a.content_link:visited{color:#3f74a8;text-decoration:underline; font-weight:bold;}
a.content_link:hover	{color:#6699cc;text-decoration:none; font-weight:bold;}

a.content_link_1			  {color:#3f74a8;text-decoration:underline; }
a.content_link_1:link		{color:#3f74a8;text-decoration:underline; }
a.content_link_1:active	{color:#3f74a8;text-decoration:underline; }
a.content_link_1:visited{color:#3f74a8;text-decoration:underline; }
a.content_link_1:hover	{color:#6699cc;text-decoration:none; }

a.content_link_2			{color:#00ff00;text-decoration:none; font-weight:normal; font-size:11px;}
a.content_link_2:link		{color:#00ff00;text-decoration:none; font-weight:normal; font-size:11px;}
a.content_link_2:active	{color:#00ff00;text-decoration:none; font-weight:normal; font-size:11px;}
a.content_link_2:visited{color:#00ff00;text-decoration:none; font-weight:normal; font-size:11px;}
a.content_link_2:hover	{color:#00ff00;text-decoration:none; font-weight:normal; font-size:11px;}

a.headline_link				  {color:#666666;text-decoration:underline; font-weight:bold; font-size:11px;}
a.headline_link:link		{color:#666666;text-decoration:underline; font-weight:bold; font-size:11px;}
a.headline_link:active	{color:#666666;text-decoration:underline; font-weight:bold; font-size:11px;}
a.headline_link:visited	{color:#666666;text-decoration:underline; font-weight:bold; font-size:11px;}
a.headline_link:hover		{color:#666666;text-decoration:underline; font-weight:bold; font-size:11px;}


#menue a				 				{ color:#6699cc;text-decoration:none; }
#menue a:link						{ color:#6699cc;text-decoration:none; }
#menue a:active					{ color:#6699cc;text-decoration:none; }
#menue a:visited				{ color:#6699cc;text-decoration:none; }
#menue a:hover					{ color:#3f74a8;text-decoration:underline; }

#menue a.aktiv				  { color:#3f74a8;text-decoration:underline; }
#menue a.aktiv:link			{ color:#3f74a8;text-decoration:underline; }
#menue a.aktiv:active		{ color:#3f74a8;text-decoration:underline; }
#menue a.aktiv:visited	{ color:#3f74a8;text-decoration:underline; }
#menue a.aktiv:hover		{ color:#6699cc;text-decoration:none; }


a.link_gruen 					{color:#00FF00;}
a.link_gruen:link			{color:#00FF00;}
a.link_gruen:active		{color:#00FF00;}
a.link_gruen:visited	{color:#00FF00;}
a.link_gruen:hover		{color:#333333;}

.headline_klein
{ 
	font-family: arial,sans-serif;
	font-size:11px;
	color:#cccccc; 
	margin: 0px; 
	padding: 0px;
}


.layer_aus
{
 visibility:hidden;
}

.layer_ein
{
 visibility:visible;
}


/*ein und ausblenden des Glossar mit Javascript*/
.einblenden
{
 display:block;
}

.ausblenden
{
 display:none;
}

/* -------------------------- */

/*glossar formular*/
input.texte 
{
 background-color:#deadbf;
 color:#3e3d40;
 font-family: Arial, sans-serif;
 font-size:11px;
 border:1px solid #8d8d8d;
 background-image:url( /image/input_hintergrund.jpg );
 background-repeat: repeat-x;
 background-color:#d8d8d8;
}

.subm
{
 cursor: pointer;
}

.info_glossar
{
 font-size:10px;
}

.fehler
{
 color:#FF0000;
 font-size:10px;
}

div.button a						{color:#333333;}
div.button a:link				{color:#333333;}
div.button a:active			{color:#333333;}
div.button a:visited		{color:#333333;}
div.button a:hover			{color:#00FF00;}

div.button
{
	background-image: url(/image/bg_button.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	height: 15px;
	width: 145px;
	text-align: center;
}
/* -------------------------- */

/* Tag Cloud ----------------------------------------------------------------------------------- */

#tagCloud		{
             position:					relative;
             left:							0px;
             width:							900px;
             max-width:					900px;
						 margin:						0px;
						 padding:						10px;
						 margin-top: 15px;
						 line-height: 200%;
						 text-align: justify;
						}



#tagCloud a {white-space: nowrap;}

#tagCloud	a.s1:link, #tagCloud	a.s1:visited
						{font-size: 5px;	color: #729dcb;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;font-size:30px;}
#tagCloud	a.s1:hover {text-decoration:	underline; color:	#333;}

#tagCloud	a.s2:link, #tagCloud	a.s2:visited
						{font-size: 10px;	color: #729dcb;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;}
#tagCloud	a.s2:hover {text-decoration:	underline; color:	#333;}

#tagCloud	a.s3:link, #tagCloud	a.s3:visited
						{font-size: 15px;	color: #729dcb;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;}
#tagCloud	a.s3:hover {text-decoration:	underline; color:	#333;}

#tagCloud	a.s4:link, #tagCloud	a.s4:visited
						{font-size: 20px;	color: #729dcb;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;}
#tagCloud	a.s4:hover {text-decoration:	underline; color:	#333;}

#tagCloud	a.s5:link, #tagCloud	a.s5:visited
						{font-size: 25px;	color: #729dcb;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;}
#tagCloud	a.s5:hover {text-decoration:	underline; color:	#333;}

#tagCloud	a.s6:link, #tagCloud	a.s6:visited
						{font-size: 30px;	color: #729dcb;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;}
#tagCloud	a.s6:hover {text-decoration:	underline; color:	#333;}

#tagCloud	a.s7:link, #tagCloud	a.s7:visited
						{font-size: 35px;	color: #729dcb;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;}
#tagCloud	a.s7:hover {text-decoration:	underline; color:	#333;}

#tagCloud	a.s8:link, #tagCloud	a.s8:visited
						{font-size: 40px;	color: #729dcb;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;}
#tagCloud	a.s8:hover {text-decoration:	underline; color:	#333;}

#tagCloud	a.s9:link, #tagCloud	a.s9:visited
						{font-size: 45px;	color: #729dcb;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;}
#tagCloud	a.s9:hover {text-decoration:	underline; color:	#333;}
