/*************************************************************************************************************************************/
/********************  ag-styles from hell! Handle with care, stranger...  ***********************************************************/
/*************************************************************************************************************************************/


/* für den kmpl. Inhalt horiz. mittig positioniert und innen wieder linksbündig; "border:0px solid #AAAAAA;" auf 0 setzen*/
	.mittigmacher		{width:840px; height:750px; margin:20px auto; text-align:left; border:0px solid #B3B3B3; 
						 background-image:url(img/main_bg.gif); background-repeat:no-repeat;}

/* da bodddy mit "text-align:center;" weil der fuckin IE "margin:69px auto;" nicht schnallt*/
	body				{text-align:center; background-color:#ffffff; margin:20px 0px 0px 0px; overflow-y:auto;}

/* ums Verrecken keine Bilderrahmen  */	
	img					{border-width:0px}
	
/* linien mit 1px höhe über den Trick dass nur ein Rahmenteil angezeigt wird, wg. moz/ie Darstellung */
	hr 					{height:0; border-bottom:1px solid #ababab !important; border-top:0px; border-left:0px; border-right:0px;}


	
/**********************************************************************************************************************************/
/* NAVIGATION *********************************************************************************************************************/

/* positioniert das Menue */
	.pos_menue {position:relative; top:-725px; left:213px; z-index:4; width:500px}

/********************************************************************************************************************************/
/* BEREICHE *********************************************************************************************************************/

/* positioniert vertikale Bildleiste */
	.img_left {position:relative; top:17px; left:17px; z-index:1; width:200px}

/* positioniert horizontale Bildleiste */
	.img_quer {position:relative; top:-521px; left:216px; z-index:2; width:500px}

/* positioniert Logos */
	.img_logos {position:relative; top:-750px; left:214px; z-index:3; width:500px}

/* macht den Inhalt (die Haupspalte) */
 	.inhalt {position:relative; top:-610px; left:216px; width:624px; height:461px; padding:0px 0px 0px 0px; margin:0px 50px 0px 0px; 
				z-index:5; border:0px solid #ff0000; z-index:5; overflow:auto;}

/* macht den Inhalt der Service Seite*/				
         #content {position:relative; top:-610px; left:216px; width:624px; height:461px; padding:0px 0px 0px 0px; margin:0px 50px 0px 0px; 
         			z-index:5; border:0px solid #ff0000; z-index:5; overflow:auto;} 

/**************************************************************************************************************************************/
/* AUSZEICHNUNGEN *********************************************************************************************************************/

/* definiert die Überschriften */
	.headline	{margin:0px 170px 20px 0px; font-family:Verdana, Arial; color:#222222; text-decoration:none; font-size:12px; text-align:left; font-weight:bold;}

/* Inhalts-Text auf allen Seiten  */
	.text	{margin:0px 125px 30px 0px; font-family:Verdana, Arial; color:#222222; text-decoration:none; word-spacing:normal; text-align:left; 
		     letter-spacing:0; line-height:17px; font-size:11px;}

/* Inhalts-Text auf allen Seiten  */
	.textfett	{margin:0px 125px 30px 0px; font-family:Verdana, Arial; color:#222222; text-decoration:none; word-spacing:normal; text-align:left; 
		     letter-spacing:0; line-height:17px; font-size:11px; font-weight: bold;}		     

/* globale link, also alle die keiner anderen klasse zugewiesen sind  */	
	a:link		{font-family:Verdana, Arial; color:#666666; text-decoration:none; word-spacing:normal; letter-spacing:0; font-size:11px;}
	a:visited	{font-family:Verdana, Arial; color:#666666; text-decoration:none; word-spacing:normal; letter-spacing:0; font-size:11px;}
	a:hover		{font-family:Verdana, Arial; color:#666666; text-decoration:underline; word-spacing:normal; letter-spacing:0; font-size:11px;}
	a:active	{font-family:Verdana, Arial; color:#666666; text-decoration:none; word-spacing:normal; letter-spacing:0; font-size:11px;}
	
/**************************************************************************************************************************************/
/* FORMULAR ***************************************************************************************************************************/

/* Tabelle mit Formular */
	.form_table { position:relative; width:450px; margin:0px 0px 0px 0px; font-family:Verdana, Arial; color:#222222; text-decoration:none; 
				  word-spacing:normal; text-align:left; letter-spacing:0; line-height:17px; font-size:13px; } 

/* textboxen */
	.textbox_ez 	  {background-color:#f8f8f8; width:150px; border:1px solid #ABABAB; color:#000000; font-family: Arial; font-size:11px; text-align: left;}
	.textbox_ez:focus {background-color:#FEE9E9; width:150px; border:1px solid #ABABAB; color:#000000; font-family: Arial; font-size:11px; text-align: left;}

	.textbox_mz 	  {background-color:#f8f8f8; width:150px; height:100px; border:1px solid #ABABAB; color: #000000; font-family: Arial; font-size:11px; text-align: left;}
	.textbox_mz:focus {background-color:#FEE9E9; width:150px; height:100px; border:1px solid #ABABAB; color: #000000; font-family: Arial; font-size:11px; text-align: left;}

	.formbutton 	  {background-color:#f8f8f8; border:1px solid #ABABAB; color: #000000; font-family: Arial; font-size:11px; text-align: left;}
	.formbutton:hover {background-color:#ababab; border:1px solid #ABABAB; color: #ffffff; font-family: Arial; font-size:11px; text-align: left; cursor:pointer;}

	.formerror	  {color: #FF0000; font-family:Verdana; font-size:11px; text-align:left;}
	.formsuccess  {color: #222222; font-family:Verdana; font-size:11px; text-align:left;}