html , body , div , h2
{ 
	font-family: arial,sans-serif;
	font-size:11px;
	color:#333333; 
	margin: 0px; 
	padding: 0px;
}
body
{
  background-image: url(/image/verlauf.jpg);
  background-repeat:repeat-x;
  background-color:#ededed;
}
img
{
  margin:0;
  padding:0;
	border:0px;
}

.thumb
  {
   border-style:		none;
   background-image: url(/image/thumb_back.gif);
   padding: 1px 8px 9px 1px;
  }

.online
  {
   border-style:		none;
   background-image: url(/image/onlineBack.gif);
   padding: 1px 8px 9px 1px;
  }

#cse	{
width: 630px;
		}

/* contäner zum centrieren*/ 
#spacer, #center
{
  position:absolute;
  margin:0;
  padding:0;
  
}

hr
{
	border-style:		none;
	height:					1px;
	background-color:#ccc;
}


#spacer
{
  width:100%; 
  height:100%; 
  min-width: 960px;   
  min-height:530px; 
  z-index:1;
}


#center 
{
  position:absolute;
  padding:0;
  margin-bottom: -5px;       
  width:990px;    
  min-height:533px;
  height:auto;
  top:0px;                  
  left:50%;
  margin:0 0 0 -495px;
  z-index:5;
	background-image:url(/image/header_hintergrund.jpg);
	background-repeat: no-repeat;
}




/* header --------------------------- */

#flash_head
{
	position:absolute;
  top:14px;
  left:19px;
  width:950px;
	z-index:12;
	height: 200px;
	background-color: #00ff00;
}


div#pepperoni 
{
  position:absolute;                      
  width:auto;    
  height:auto;
  left:20px;
  top:15px;
  z-index:250;
}

div#peperoni_xmas 
{
  position:absolute;                      
  width:auto;    
  height:auto;
  left:20px;
  top:5px;
  z-index:250;
}

div#slogan 
{
  position:absolute;                      
  width:auto;    
  height:auto;
  left:635px;
  top:150px;
  z-index:250;
}

div#logo 
{
  position:absolute;                      
  width:auto;    
  height:auto;
  left:819px;
  top:13px;
  z-index:252;
}

#content_spacer
{
	position:absolute;
  top:230px;
  left:19px;
	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*/
#top_line_2
{
 top:18px;
}


/*suche*/
#kopf_menue
{
  z-index:17;
	width:960px; 
	height:18px;
	background-image:url(/image/kopf_menue_hg.png);
	background-repeat:no-repeat;
}
* html #kopf_menue
{
 margin-top:-2px;
}

#suchlayout
{
	width: 600px;
}


/*da steckt der ganze kontent drin, der relativ ist, damit das mit der Höhe funktioniert*/
#content
{
	z-index:18;
	width:960px; 
	background-image:url(/image/hg_test.png);
}
* html #content
{
 margin-top:-2px;
}


#menue
{
  padding:0;
  width:205px; 
  height:100%;
  margin-top:0px;                  
  margin-left:11px;
  float:left;
  z-index:100;
}


/*headline*/
#headline
{
  padding:0;
  width:660px; 
  height:78px;                
  margin-left:240px;
  z-index:21;
  border:1px solid #FFFFFF;
  /*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;
}
h2
{
 padding:0px;
 margin:0px;
 font-weight:normal;
}

h4
{
 padding:0px;
 margin:0px;
 margin-top:30px;
 color:#00FF00;
 font-size:36px;
 font-weight:bolder;
 float:left;
}
h1
{
 padding:0px;
 margin:0px;
 color:#cccccc;
 margin-top:40px;
 font-size:24px;
 font-weight:bold;
}
/*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:#fff;
	min-height:540px;
	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:540px;
}

.bild_mit_rahmen
{
	border: 1px solid #ccc;
}

/*fuss unten*/
#fuss
{
	top:bottom;
	margin-top:0px;
	margin-left:0px;
	height:85px;
	width:960px;
	z-index:20;
	background-image:url(/image/hg_unten.png);
	background-repeat: no-repeat;
	line-height: 2;
}
#fuss_line
{
	border-bottom:1px solid #00FF00;
	margin-left:15px;
	height:11px;
	width:921px;
	font-size:1px;
	margin-bottom: 5px;
}
.fuss_text
{
 font-size:11px;
}
a.fuss_text 				{color:#333333;}
a.fuss_text:link		{color:#333333;}
a.fuss_text:active	{color:#333333;}
a.fuss_text:visited	{color:#333333;}
a.fuss_text:hover		{color:#00FF00;}
/*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:#00ff00;}



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/pfeil_gruen_klein.gif);
 background-repeat:no-repeat;
 background-position:0 2px;
 padding-left:15px;
}

#text_rechts_neben_bilder
{
 width:180px;
 height:auto;
 margin-top:30px;
}

#text_rechts_neben_bilder_news
{
 margin-top:20px;
 width:190px;
 height:auto;
 background-color:#FFFFFF;
}

*+html #text_rechts_neben_bilder_news
{
 position: relative;
 left: -53px;
}


.news
{
 margin-left:0px;
 width:180px;
 height:auto;
 background-image:url(/image/pfeil_gruen_klein.gif);
 background-repeat:no-repeat;
 background-position:0 2px;
 padding-left:15px;
 padding-bottom:20px;
 border-bottom:3px dotted #666;
 margin-bottom:15px;
}

.bignews
{
 margin:6px 20px 0 20px;
 width: 424px;
 height:auto;
 background-image:url(/image/pfeil_gruen_klein.gif);
 background-repeat:no-repeat;
 background-position:0 2px;
 padding: 0 10px 0 15px;
 border-bottom:3px dotted #666;
}

#galleryFrame
  {
   width: 453px;
   height: 300px;
   position: relative;
   left: -10px;
   top: 10px;
   background-image:url(/image/home_gallery/back.gif);
   background-repeat:no-repeat;
   background-position: 0px 10px;
   padding: 0 0 0 1px;
  }

#kunden li
{
 padding:0px;
 margin:0px;
 list-style-image: url(/image/punkt.gif);		
}

a.content_link			  {color:#00ff00;text-decoration:underline; font-weight:normal; font-size:11px;}
a.content_link:link		{color:#00ff00;text-decoration:underline; font-weight:normal; font-size:11px;}
a.content_link:active	{color:#00ff00;text-decoration:underline; font-weight:normal; font-size:11px;}
a.content_link:visited{color:#00ff00;text-decoration:underline; font-weight:normal; font-size:11px;}
a.content_link:hover	{color:#666666;text-decoration:underline; font-weight:normal; font-size:11px;}

a.content_link_1			{color:#333333;text-decoration:none; font-weight:normal; font-size:11px;}
a.content_link_1:link		{color:#333333;text-decoration:none; font-weight:normal; font-size:11px;}
a.content_link_1:active	{color:#333333;text-decoration:none; font-weight:normal; font-size:11px;}
a.content_link_1:visited{color:#333333;text-decoration:none; font-weight:normal; font-size:11px;}
a.content_link_1:hover	{color:#00ff00;text-decoration:none; font-weight:normal; font-size:11px;}

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;}


a.kopf_menue_link				  {font-size:11px;color:#666666;text-decoration:none; font-weight:normal; }
a.kopf_menue_link:link		{font-size:11px;color:#666666;text-decoration:none; font-weight:normal; }
a.kopf_menue_link:active	{font-size:11px;color:#666666;text-decoration:none; font-weight:normal; }
a.kopf_menue_link:visited	{font-size:11px;color:#666666;text-decoration:none; font-weight:normal; }
a.kopf_menue_link:hover		{font-size:11px;color:#00FF00;text-decoration:none; font-weight:normal; }


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;
}

.x_mas_hg
{
 background-image:url(/image/hintergrund_haus.jpg); 
 background-repeat:no-repeat; 
 background-position: 30px -20px;
}
.x_mas_gruen
{
font-size:13px;
 color:#00FF00;
 font-weight:bold;
}


a.x_mas_weiter 					{color:#333333;}
a.x_mas_weiter:link			{color:#333333;}
a.x_mas_weiter:active		{color:#333333;}
a.x_mas_weiter:visited	{color:#333333;}
a.x_mas_weiter:hover		{color:#00FF00;}



/*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;
}

div.suchbutton
{
	font-weight: bold;
	height: 15px;
	width: 145px;
	text-align: center;
}

div.suchbutton a						{color:#555;}
div.suchbutton a:link				{color:#555;}
div.suchbutton a:active			{color:#555;}
div.suchbutton a:visited		{color:#555;}
div.suchbutton a:hover			{color:#00FF00;}



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

/* Tag Cloud ----------------------------------------------------------------------------------- */

#tagCloud		{
             position:					relative;
             left:							0px;
             width:							929px;
             max-width:					929px;
						 border:						solid 1px #999;
						 background:				#fff;
						 margin:						0px;
						 padding:						10px;
						 margin-top:				8px;
						 line-height:				normal;
						}

#tagCloud a {white-space: nowrap;}

#tagCloud	a.s1:link, #tagCloud	a.s1:visited
						{font-size: 6px;	color: #bbb;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;}
#tagCloud	a.s1:hover {text-decoration:	underline; color:	#333;}

#tagCloud	a.s2:link, #tagCloud	a.s2:visited
						{font-size: 9px;	color: #aaa;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: 12px;	color: #999;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: 15px;	color: #888;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: 18px;	color: #777;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: 21px;	color: #666;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: 24px;	color: #555;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: 27px;	color: #444;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: 30px;	color: #333;font-family: arial,sans-serif; padding:	5px; float:	both;text-decoration:none;}
#tagCloud	a.s9:hover {text-decoration:	underline; color:	#333;}

/* Comments -------------------------------------------------------------------------------------- */

#comments	{
					 position:					relative;
					 top:								-67px;
					}