/* MASTER-CSS für www.microgadget.at */

body						{ background: url('images/xx_body-bg.gif') repeat-x rgb(255,255,255); 
								margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica; 
								color: rgb(24,24,24); font-size: 12px; line-height: 15px; }
							
body, html, p, form, h1, h2, h3, h4, ul, ol
							{ margin: 0px; padding: 0px; }
	
/*fuer .png-Grafiken */
img, div, li, p				{ behavior: url("iepngfix.htc"); border: 0px; }

/* Links */
a:link, a:active, a:visited
							{ color: rgb(24,24,24); text-decoration: underline; }
a:hover						{ color: rgb(80,80,80); text-decoration: underline; }

a.navi_start:link, a.navi_start:active, a.navi_start:visited
							{ color: rgb(63,63,62); text-decoration: none; padding-top: 7px; display: block; height: 30px; }
a.navi_start:hover			{ color: rgb(114,112,111); font-weight: bold; text-decoration: none; }

a.navi:link, a.navi:active, a.navi:visited
							{ color: rgb(63,63,62); text-decoration: none; padding-top: 4px; padding-left: 1px; display: block; height: 21px; font-size: 12px; }
a.navi:hover				{ color: rgb(114,112,111); font-weight: bold; text-decoration: none; }

a.navi_aktiv:link, a.navi_aktiv:active, a.navi_aktiv:visited
							{ color: rgb(255,255,255); text-decoration: none; padding-top: 3px; padding-left: 1px; display: block; height: 24px; font-weight: bold; font-size: 12px;
								background: url('images/xx_navaktiv-bg.gif') 0px 1px repeat-x; }
a.navi_aktiv:hover			{ color: rgb(255,255,255); text-decoration: none; }

a.subnavi:link, a.subnavi:active, a.subnavi:visited
							{ color: rgb(95,94,94); font-size: 11px; text-decoration: none; display: block; }
a.subnavi:hover				{ color: rgb(114,112,111); font-weight: bold; text-decoration: none; }

a.subnavi_aktiv:link, a.subnavi_aktiv:active, a.subnavi_aktiv:visited, a.subnavi_aktiv:hover
							{ color: rgb(114,112,111); font-size: 11px; font-weight: bold;text-decoration: none; display: block; }

a.pdf:link, a.pdf:active, a.pdf:visited
							{ display: block; padding-left: 22px; height: 16px; margin-top: 3px; background: url('images/xx_pdf-bg.gif') no-repeat; }
a.pdf:hover					{ color: #1a171b; }

a.print:link, a.print:active, a.print:visited
							{ color: rgb(114,112,111); text-decoration: none; padding: 1px 0px 2px 18px; font-size: 11px; background: url('images/xx_print-bg.gif') no-repeat; display: inline; }
a.print:hover				{ text-decoration: underline; }

a.ontop:link, a.ontop:active, a.ontop:visited
							{ color: rgb(114,112,111); text-decoration: none; padding: 1px 0px 2px 18px; font-size: 11px; background: url('images/xx_ontop-bg.gif') 0px 1px no-repeat; 
								display: inline; margin-left: 10px; }
a.ontop:hover				{ text-decoration: underline; }

a.more:link, a.more:active, a.more:visited
							{ color: rgb(114,112,111); text-decoration: underline; padding-left: 11px; font-size: 11px; background: url('images/xx_more-bg.gif') 0px 5px no-repeat; }
a.more:hover				{ text-decoration: underline; }

a.more_big:link, a.more_big:active, a.more_big:visited
							{ color: rgb(114,112,111); text-decoration: underline; padding-left: 11px; font-size: 12px; background: url('images/xx_more-bg.gif') 0px 5px no-repeat; }
a.more_big:hover			{ text-decoration: underline; }

a.weiter:link, a.weiter:active, a.weiter:visited
							{ color: rgb(114,112,111); text-decoration: underline; padding-left: 11px; background: url('images/xx_more-bg.gif') 0px 5px no-repeat; }
a.weiter:hover				{ text-decoration: underline; }

a.backlink_bottom:link, a.backlink_bottom:active, a.backlink_bottom:visited
							{ float: left; background: url('images/xx_backlink-bn.png') 1px 4px no-repeat; padding-left: 14px; display: block;
								 color: #626262; font-size: 11px; }
a.backlink_bottom:hover		{ color: #1a171b; background-position: 1px -37px; }

/* Layout-Formatierungen */	
.clear						{ clear: both; height: 1px; overflow: hidden; }		  
#website					{ margin: 4% auto; width: 986px; height: auto; }
	#page					{ width: 986px; height: auto; background: url('images/xx_page-bg.png') repeat-y; }
		#foot				{ width: 968px; height: 18px; margin-left: 9px;
								background: rgb(150,149,148); border-top: 1px solid rgb(255,255,255); }
			#foot_adress	{ position: absolute; z-index: 10; margin-left: 8px; margin-top: -59px;	color: rgb(88,89,91); font-size: 11px; line-height: 13px; }
			#foot_adress a	{ color: rgb(88,89,91); text-decoration: none; }
			#foot_adress a:hover	{ color: rgb(88,89,91); text-decoration: underline; }			
			#foot ul		{ float: right; padding-right: 5px; margin-top: 1px; }
			#foot ul li		{ list-style: none; display: inline; padding-left: 10px; padding-right: 10px; }
			
			#foot ul li a	{ color: rgb(255,255,255); text-decoration: none; }
			#foot ul li a:hover, #foot ul li.aktiv a	{ text-decoration: underline; }
	
/* Folgeseiten */
#folgeseite					{ width: 968px; margin-left: 9px; background: url('images/xx_folgeseite-bg.gif') repeat-y; }	
	#left_folgeseite		{ float: left; width: 177px; padding-left: 5px; padding-top: 4px; background: url('images/xx_left-bg.gif') no-repeat; }
		#left_folgeseite h3	{ padding: 15px 0px 2px 0px; width: 169px; _width: 163px; border-bottom: 1px solid rgb(160,158,157); margin-left: 1px; }
		#left_folgeseite h3 a	{ font-size: 12px; color: rgb(96,95,95); text-decoration: none; }
		#left_folgeseite ul	{  width: 175px; margin-top: 4px; margin-bottom: 200px; }
		#left_folgeseite ul li	{ list-style: none; display: block; padding: 0px 2px 4px 13px; margin-left: 1px; background: url('images/xx_subnavi-bg.gif') 0px 4px no-repeat; }								
		
	#head_folgeseite		{ float: left; width: 786px; _width: 784px; height: 176px; background: url('images/xx_head-bg.gif') repeat-x; }
		#head_bild			{ width: 786px; _width: 784px; height: 151px; }
		#head_abdeckung		{ position: absolute; z-index: 11; margin: 0px; width: 786px; _width: 784px; height: 151px; }
		#head_navi			{ margin-top: 1px; width: 786px; _width: 785px; height: 24px; border-left: 1px dotted rgb(114,112,111); }
			#head_navi ul		{ height: 24px; width: 786px; _width: 785px; }
			#head_navi ul li	{ float: left; list-style: none; display: inline; height: 24px; text-align: center; padding-left: 1px; padding-right: 2px;
									background: url('images/xx_nav-bg.gif') top right no-repeat; }
									
	#content_folgeseite		{ float: left; width: 510px; min-height: 400px; padding: 15px 20px 15px 20px; color: rgb(114,112,111); }
		#content_folgeseite h1	{ font-size: 16px; font-family: Arial, Verdana; line-height: 18px; color: rgb(115,68,52); padding-bottom: 10px; }
		#content_folgeseite h2	{ font-size: 12px; line-height: 14px; }
		#content_folgeseite h2.border	{ border-top: 1px dotted #6d6c6c; padding-top: 10px; margin-top: 5px; }
		#content_folgeseite a	{ color: rgb(114,112,111); }
		#content_folgeseite ul	{ margin-top: 5px; margin-bottom: 5px; }
		#content_folgeseite ul li	{ list-style: none; padding-left: 15px; padding-bottom: 5px; background: url('images/xx_liste-bg.gif') 0px 4px no-repeat; }
		#content_folgeseite ol	{ margin-top: 5px; margin-bottom: 5px; }
		#content_folgeseite ol li	{ margin-left: 25px; padding-bottom: 5px; }
		#content_folgeseite p.link		{ margin-top: 5px; }		
			
		/* CMS Bildformatierungen */				
		#content_folgeseite img.left	{ float: left; margin: 3px 10px 5px 0px; }		
		#content_folgeseite img.right	{ float: right; margin: 3px 0px 5px 10px; }		
		#content_folgeseite img.top	{ display: block; margin: 15px 0px 10px 0px; }
		#content_folgeseite img.bottom	{ display: block; margin: 15px 0px 10px 0px; }	
		#content_folgeseite img.single	{ margin-top: 10px; margin-bottom: 10px; }
		#content_folgeseite img.pic	{ float: left; margin-top: 12px; margin-bottom: 10px; }
		#content_folgeseite img.pic2	{ float: right; margin-top: 12px; margin-bottom: 10px; }	
		#content_folgeseite img.bild_zoom	{ cursor: url('images/zoom.png'), auto; }
		#content_folgeseite img.bild_zoom:hover { opacity: 0.9; cursor: url('images/zoom.png'), auto; }
		
		/* CMS Tabelleformatierungen */
		#content_folgeseite table			{ margin-top: 15px; margin-bottom: 2px; border-collapse: collapse; }
		#content_folgeseite table caption	{ font-weight: bold; color: #77a836; padding: 2px 5px 3px 3px; white-space: nowrap; text-align: left; }
		#content_folgeseite table th		{ font-weight: normal; text-align: left; vertical-align: top; padding: 2px 5px 2px 2px; border: 1px solid #e0e1e2; white-space: nowrap; }
		#content_folgeseite table td		{ text-align: left; vertical-align: top; padding: 2px 10px 2px 2px; border: 1px solid #e0e1e2; }
		
		/* CMS Unterseitenteaser-Formatierungen */
		div.siteteaser			{ width: 508px; margin-bottom: 10px; float: left; border: 1px dotted rgb(114,112,111); margin-bottom: 15px; padding-bottom: 5px; }
			div.siteteaser h2 a			{ width: 498px; font-size: 12px; color: rgb(96,95,95); text-decoration: none; display: block; padding: 1px 5px 4px 5px !important; 
											background: url('images/xx_titel-bg1.gif') left bottom repeat-x; }
			div.siteteaser a.pic_left	{ float: left; width: 160px; margin: 6px 0px 6px 6px; }
			div.siteteaser div.text		{ float: left; width: 335px; margin-top: 2px; }
			div.siteteaser div.text_wide	{ float: left; width: 495px; margin: 6px 0px 6px 6px; }
			div.siteteaser a.more	{ display: block; margin-top: 5px; font-size: 12px; }
	
		/* CMS Artikel-Formatierungen */
		.artikel					{ width: 508px; border: 1px dotted rgb(114,112,111); margin-bottom: 15px; }
			.artikel h2				{ width: 498px; background: url('images/xx_titel-bg1.gif') left bottom repeat-x; font-size: 12px; padding: 1px 5px 4px 5px !important; color: rgb(96,95,95);
										margin-top: 0px !important; border: none !important; }
			.artikel ul				{ margin-left: 5px; width: 500px; }
			.artikel p				{ width: 498px; padding: 5px 5px 10px 5px; }
			.artikel p.zweispaltig	{ float: left; width: 200px; padding: 5px 5px 10px 5px; }
			.artikel p.small		{ width: 498px; padding: 0px 5px 10px 5px; font-size: 11px; line-height: 13px; }
			.artikel div			{ width: 498px; padding: 3px 5px 0px 5px; }			
			.artikel div.text		{  }
			.artikel div.text a.pdf		{ float: left; width: 300px; margin-top: 3px; font-size: 11px; }	
			.artikel div p.link			{ padding: 3px 0px 0px 0px !important; }
			.artikel img.right		{ float: right; margin-left: 6px; }
			.artikel img.left		{ float: left; margin-right: 6px; }
																	
		/* FAQ */
		div.faq						{ background: url('images/xx_liste-bg.gif') 0px 4px no-repeat; padding-left: 15px; margin-top: 10px; }
			div.faq h2 a			{ font-size: 12px; font-weight: normal; text-decoration: none; }
			div.faq h2 a:hover			{ text-decoration: underline; }
			div.faq h2.aktiv a			{ font-weight: bold; }
			div.faq	div.text			{ background: #f5f3f3; margin-top: 2px; padding: 2px 4px 4px 4px; }	
			div.faq	div.text a.pdf			{ display: block; margin-top: 5px; }	
		
		
		/* BOX BI (Bilder) */
		div.box_bildergalerie		{ width: 516px; margin-left: -6px; margin-top: 10px; }
			div.box_bildergalerie h2	{ width: 516px; margin-left: 6px; margin-bottom: 3px; }
			div.box_bildergalerie a.galerie	{ width: 166px; float: left; margin-left: 6px; margin-bottom: 6px; }
			div.box_bildergalerie a.galerie:hover	{ opacity:0.7; filter:alpha(opacity=70); }
			
		/* BOX 2 - Download */
		div.box_02		{ width: 510px; margin-bottom: 10px; float: left; border-top: 1px dotted #6d6c6c; padding: 10px 0px 5px 0px; font-size: 12px; line-height: 14px; }
			div.box_02_left		{ float: left; width: 305px; }
			div.box_02_right	{ float: right; width: 125px; margin-top: 3px; text-align: center; }
			div.box_02_right a	{ text-decoration: none; padding-top: 2px; }
			div.box_02_right p	{ clear: both; margin-top: 7px; font-size: 11px; }
		
		/* CONTENT FOOTER */
		#content_foot		{ width: 100%; border-top: 1px dotted rgb(114,112,111); margin-top: 15px; padding-top: 2px; text-align: right; }
		#content_printadress { display: none; }
		
								
	#news_folgeseite		{ float: left; width: 217px; padding: 17px 8px 10px 10px; font-size: 11px; color: rgb(114,112,111); }
		#news_folgeseite h4		{ font-size: 14px; color: rgb(160,158,157); padding-bottom: 2px; border-bottom: 1px solid rgb(160,158,157); }
		.news_teaser		{ padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted rgb(114,112,111); }
			.news_teaser h2	{ font-size: 11px; color: rgb(114,112,111); }
			.news_teaser img	{ float: left; margin-right: 5px; margin-top: 2px; width: 48px; }
			.news_teaser p		{ float: left; line-height: 13px; width: 160px; }

/* Startseite */
#startseite					{ width: 968px; height: 546px; margin-left: 9px;
								background: url('images/00_startseite-bg.jpg') no-repeat; }
	#left_startseite		{ float: left; width: 182px; text-align: center; padding-top: 4px; }
	#head_startseite		{ float: left; width: 786px; height: 99px;
								background: url('images/00_head-bg.gif') repeat-x; }
		#head_startseite img	{ float: left; }
		#head_startseite ul		{ float: left; margin-top: 66px; }
		#head_startseite ul li	{ float: left; list-style: none; display: inline; height: 32px;	background: url('images/00_nav-bg.gif') top right no-repeat;
									padding-top: 1px; text-align: center; }
	#content_startseite		{ float: left; width: 786px; }
	#product_start			{ position: absolute; z-index: 20; width: 263px; height: 163px;	margin-top: 219px; margin-left: 482px; background: rgb(255,255,255); }
	#content_startseite img.titel	{ margin-left: 30px; margin-top: 178px; }
	#content_startseite ul	{ margin-left: 30px; margin-top: 25px; }
	#content_startseite ul li	{ list-style: none; padding-left: 20px; display: block; height: 30px; background: url('images/00_liste-bg.gif') 0px 3px no-repeat; }
	#content_startseite ul li a { color: rgb(100,100,100); text-decoration: none; font-size: 15px; font-weight: bold; display: block; }
	#content_startseite ul li a:hover { color: rgb(80,80,80); }	

/* Formulare */
div.formular_bg				{ color: #1a171b; width: 488px; padding: 5px 10px 5px 10px; margin-bottom: 10px; border: 1px dotted #969594; }
	div.formular_bg h2		{ width: 498px; background: url('images/xx_titel-bg1.gif') left bottom repeat-x; font-size: 12px; padding: 1px 5px 4px 5px !important; color: rgb(96,95,95);
								margin: -2px 0px 8px -10px !important; }
	.label_01				{ width: 100px; float: left; padding-top: 3px; }
	.label_02				{ width: 110px; float: left; padding-top: 3px; }
	div.formular_bg p.hinweis	{ font-size: 11px; line-height: 12px; margin-bottom: 13px; }
	
select, textarea, input		{ outline-color: rgb(115,68,52); } /* Aktivrahmen bei Safari und Chrome */

textarea					{ font-size: 12px; font-family: Verdana,Arial,Helvetica,SansSerif; }
input						{ font-size: 12px; font-family: Verdana,Arial,Helvetica,SansSerif; }

.input_1					{ width: 300px; margin-bottom: 2px; padding-left: 2px; padding-right: 2px; }
.input_2					{ width: 80px; margin-bottom: 2px; padding-left: 2px; padding-right: 2px; }
.input_3					{ width: 210px; margin-left: 4px; padding-left: 2px; padding-right: 2px; }
.input_4					{ width: 280px; margin-bottom: 2px; padding-left: 2px; padding-right: 2px; }
.input_datum				{ float: left; width: 85px; margin-top: 2px; margin-right: 2px; font-size: 12px; padding-left: 2px; }

.select_1					{ width: 100px; margin-bottom: 2px; }
.select_2					{ width: 305px; margin-bottom: 2px; }
.select_3					{ width: 40px; float: left; margin-bottom: 2px; }
.select_4					{ width: 210px; float: left; margin-bottom: 2px; }

.textarea_1					{ float: left; width: 400px; padding: 2px; }

.input_bg					{ background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#eceded), color-stop(100%,#ffffff));
    							background: -moz-linear-gradient(center top, #eceded 40%, #ffffff 100%); border: 1px solid #9f9f9f;
								-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.submit_bg					{ color: #58585a !important; height: 25px; padding: 0px 10px 3px 10px; margin-bottom: 3px; border: 1px solid #ced0d1;
								text-align: center; font-size: 12px; font-weight: bold;
    							background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#ced0d1));
    							background: -moz-linear-gradient(center top, #ffffff 50%, #ced0d1 100%);
    							-webkit-box-shadow: 1px 1px 2px 0px #443223; -moz-box-shadow: 1px 1px 2px 0px #443223; box-shadow: 1px 1px 2px 0px #443223;
    							-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; }
.submit_bg:hover 			{ color: rgb(115,68,52) !important; border: 1px solid rgb(115,68,52);
    							background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#ced0d1));
    							background: -moz-linear-gradient(center top, #ffffff 50%, #ced0d1 100%); }
								
.feld_error					{ border: 1px solid #e30613; padding-left: 2px; }
.fehler_meldung				{ width: 480px; color: #e30613 !important; margin-bottom: 10px; line-height: 15px; }
.fehler_meldung b				{ color: #e30613 !important; }