/********* A __ANGELI-CHRISTIN SCHIMMACK__ CSS-FILE FOR WEBSTYLE **********/
/* MASTER PREMIUM SPECIAL DELUXE EDITION */
/****** THIS IS FOR __HUELLER-CAPUTH.DE__ ******/


/* Standards */
*					{margin: 0; padding: 0; outline: none;}
html, body			{min-height: 100%; height: auto; height: 100%;}
body				{font-family: Arial; color:#3f3f3e; line-height:140%; font-size: 76%; background: url(../images/design/bg-body.jpg) top left repeat-x #c0be71; padding: 25px 0 0 0;}
img 				{border: none;}
			 
a, a:visited 		{text-decoration:underline; color: #3f3f3e;}		
a:hover 			{text-decoration:none; color: #3f3f3e;}
a:hover img		{filter:alpha(opacity=75); -moz-opacity: 0.50; opacity: 0.75;}

p 					{font-family: Arial; font-size: 1.0em; line-height:160%; padding:0 0 10px 0;}

.clear				{clear: both; font-size: 0.0001em; line-height: 0.00001em;}
ul 					{list-style:none;}
/* LAYOUT */

#container {	margin: 0 auto;width: 970px;border: 10px solid #a7a556;background: #fff;position: relative;}

/*----------------HEAD---------------------------------------*/
#header {margin:0 0 0 0; width: 970px; height: 496px; padding: 0; float: left; background:url(../images/design/bg-header.jpg) top left no-repeat;}
h1.branding	a {float: left; background:url(../images/design/branding-hueller.png) top left no-repeat; width: 323px; height: 177px; text-indent: -9999px; margin: 35px 0 0 30px;}

#header ul.navi-add { float: right; color:#7c7567; margin: 10px 20px 0 0;}
#header ul.navi-add li  {float: left; padding: 0 0 0 7px;  }
#header ul.navi-add li a, #header ul.navi-add li a:visited {padding: 0 7px 0 0; color: #7c7567; text-decoration: none;font-size: .8em;}
#header ul.navi-add li a:hover, #header ul.navi-add li a.active:visited, #header ul.navi-add li a.active {color: #7c7567; text-decoration: underline;}

/*----------------NAVI---------------------------------------*/

ul.navi {float: right; margin: 65px 0 0 0; width: 549px; height: 26px; display: inline;}
ul.navi li  {float: left; padding:0; margin:0;}
ul.navi li a {float: left; text-indent:-9999px; background:url(../images/design/bg-navi.jpg) left top no-repeat; height: 26px; display: block; padding:0; margin:0;}

ul.navi li.ueber-uns a:visited,
ul.navi li.ueber-uns a			{background-position: 0 0; width: 139px; }
ul.navi li.ueber-uns a:hover,
ul.navi li.ueber-uns a.active, ul.navi li.ueber-uns a.active:visited {background-position: 0 -26px;}

ul.navi li.leistungen a:visited,
ul.navi li.leistungen a			{background-position: -139px 0; width: 109px; }
ul.navi li.leistungen a:hover,
ul.navi li.leistungen a.active, ul.navi li.leistungen a.active:visited {background-position: -139px -26px;}

ul.navi li.bildergalerie a:visited,
ul.navi li.bildergalerie a			{background-position: -248px 0; width: 119px; }
ul.navi li.bildergalerie a:hover,
ul.navi li.bildergalerie a.active, ul.navi li.bildergalerie a.active:visited {background-position: -248px -26px;}

ul.navi li.kontakt a:visited,
ul.navi li.kontakt a			{background-position: -367px 0; width: 90px; }
ul.navi li.kontakt a:hover,
ul.navi li.kontakt a.active, ul.navi li.kontakt a.active:visited {background-position: -367px -26px;}

ul.navi li.standort a:visited,
ul.navi li.standort a			{background-position: -467px 0; width: 92px; }
ul.navi li.standort a:hover,
ul.navi li.standort a.active, ul.navi li.standort a.active:visited {background-position: -467px -26px;}


/*---------------------SIDEBAR-----------------------------*/
#sidebar {float:left; width: 466px; margin: 0; padding: 0 0 0 19px; font-size: .9em;}
#sidebar .box { background: #e4e3c2; padding: 20px 0 12px 20px; width: 404px; margin: 0 0 30px 0;}
#sidebar .box p.left { float: left; margin: 0 30px 0 0; width: auto;}
#sidebar p { line-height: 140%; color: #3f3f3e; width: 400px;}
#sidebar h3 {background:url(../images/design/h3-kontaktdaten.gif) top left no-repeat; width: 392px; height: 15px; text-indent: -9999px; margin: 0 0 12px 0; padding:0;}
#sidebar h3.schnellkontakt {background:url(../images/design/h3-schnellkontakt.gif) top left no-repeat; width: 265px; height: 15px; text-indent: -9999px; margin: 0 0 12px 0; padding:0;}

#Meinung fieldset	{ float: left; width: 208px; margin-right: 10px; _margin-right:4px; border: none;}
#Meinung fieldset.extra	{ width: 180px;  margin:0px;}
form#Meinung		{clear: both; line-height:100%;}
form#Meinung label, fieldset.hidden {display:none; width:0px; margin:0px; padding:0px;}
			#Meinung input.input,
			#Meinung textarea	{background: #dfdebd; border:none; padding: 5px; display: block; margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: .9em; float:left;}
				#Meinung input.input	{width: 198px; padding: 4px 5px;}
				#Meinung textarea	{width: 195px; height: 63px;}
				#Meinung textarea.extra	{width: 170px;}
				#Meinung input:focus.input,
				#Meinung textarea:focus	{ background: #f1f0d4;}
					#Meinung input.error,
					#Meinung textarea.error	{border: 1px solid #760000;}
			#Meinung input.submit	{background: url(../images/design/bg-fsubmit.gif) no-repeat; height: 29px; width: 422px; display: block; font-size: .0000001em; line-height: .0000001em; text-indent: -9999px; border: none; cursor: pointer; clear:both;}
			#Meinung input.submit2	{background: url(../images/design/bg-fsubmit.gif) no-repeat top right; height: 29px; width: 398px; display: block; font-size: .0000001em; line-height: .0000001em; text-indent: -9999px; border: none; cursor: pointer; clear:both;}
			#Meinung br {clear:left;}

			
			
/*----------------CONTENT---------------------------------------*/
#content-repeat { background:url(../images/design/bg-repeat.jpg) top left repeat-x #fff; padding: 40px 0 30px 0; _height:1px;}
*+ html #content-repeat { min-height:1px;}

#content-main	{float: left; width: 460px; padding: 0 15px 0 0; margin: 0; font-size: .9em;}
#content-main p { padding: 0 20px 7px 0;}
#content-main img {float: left; border:1px solid #a9a75b; margin: 10px 10px 0px 0;}
#content-main ul 	{}
#content-main li 	{list-style:none; background:url(../images/design/li.gif) no-repeat top left; padding-left:20px; padding-bottom:5px; line-height:140%;}

#content-main p.infobox { border: 1px solid #e4e3c2; padding: 12px; margin: 10px 0 20px 0;}

#content-main .map {float: none; margin: 0 0 30px 12px; padding: 0 0 20px 0; border-bottom: 1px dotted #518122;}
#content-main .req	 			{float: none; border: none; margin: 0; padding:0; background: none; }

#content-main .column	{width:235px; float:left; padding-bottom:20px;} 

/*----------------FOTTER---------------------------------------*/
#footer {height: 60px; margin: 0 auto;}
/*----------------HEADLINES---------------------------------------*/
h2 {width: 300px; height: 15px; text-indent: -9999px; margin: 0;}

h2.ueber {background: url(../images/h2/ueber-uns.gif) top left no-repeat; padding-bottom:5px;}
h2.sicherheitstechnik {background: url(../images/h2/sicherheit.gif) top left no-repeat; padding-bottom:5px; margin-top:2px;}
h2.ft {background: url(../images/h2/ft.gif) top left no-repeat; padding-bottom:5px; margin-top:20px;}
h2.innen {background: url(../images/h2/innen.gif) top left no-repeat; padding-bottom:5px; margin-top:20px;}
h2.standort {background: url(../images/h2/standort.gif) top left no-repeat; padding-bottom:5px;}
h2.sicherheit {background: url(../images/h2/sicherheit.gif) top left no-repeat; padding-bottom:5px;}

h2.kontakt {background:url(../images/h2/kontakt.gif) top left no-repeat; padding-bottom:5px;}
h2.danke {background:url(../images/h2/danke.gif) top left no-repeat; padding-bottom:5px;}
h2.anfahrt {background:url(../images/h2/anfahrt.gif) top left no-repeat; padding-bottom:5px;}
h2.impressum {background:url(../images/h2/impressum.gif) top left no-repeat; padding-bottom:5px;}
h2.error404 {background:url(../images/h2/error.gif) top left no-repeat; padding-bottom:5px;}
h2.newsletter {background:url(../images/h2/newsletter.gif) top left no-repeat; padding-bottom:5px;}
h2.willkommen {background:url(../images/h2/willkommen.gif) top left no-repeat; padding-bottom:5px;}
h2.denkmal {background: url(../images/h2/denkmal.gif) top left no-repeat; padding-bottom:5px;}
h2.fenster {background: url(../images/h2/fenster.gif) top left no-repeat; padding-bottom:5px;}
h2.innenausbau {background: url(../images/h2/innenausbau.gif) top left no-repeat; padding-bottom:5px;}
h2.sicherheitstechnik {background: url(../images/h2/sicherheitstechnik.gif) top left no-repeat; padding-bottom:5px;}
h2.suz {background: url(../images/h2/suz.gif) top left no-repeat; padding-bottom:5px;}
h2.tueren {background: url(../images/h2/tueren.gif) top left no-repeat; padding-bottom:5px;}
h2.velfac {background: url(../images/h2/velfac.gif) top left no-repeat; padding-bottom:5px;}


h3		{font-size: 1.2em; margin: 15px 0 10px 0; color:#444444;}
h4		{font-weight:normal; margin:0 0 0 0; padding:0; font-size:1.0em; color:#a6161a; text-transform: uppercase;}
h5		{font-weight:bold; margin:15px 0 0 0; padding:0; font-size:1.2em; color:#650702;}

/*----------------STUFF---------------------------------------*/
#webstyle		{float: right; }
#webstyle img	{border:none;}

#imageslider	{ float: left; width: 970px; height: 99px; padding: 0; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0;}
	#example_3		{height: 99px; width: 970px; overflow: hidden;}
		#example_3 li	{float: left;}
		

 /* carousel start css */  
 #example_3	 {  
     position: relative; /* important */  
     overflow: hidden; /* important */  
     background: none;  
 }  
   
 #example_3_frame	 	{position: absolute; top: 400px; left: 0; }  
 #imgback	 {position: absolute; left: 5px; top: 540px; cursor: pointer; z-index: 10;}  
 #imgfrwd		 {position: absolute; right: 5px; top: 540px; cursor: pointer; z-index: 10;}  
 #example_3_content		 {  
     position: absolute;  
     top: 0;  
      
 }  
   

     #example_3_content {  
         width: 12888px;  
    }  
    #example_3 ul li	{  
         display: block;  
         float: left;
		 background: none;
         margin: 0; 
          padding: 0;  
        /* border: 1px solid #666;  
         background-color: #000;  */
     }  
  
 #example_3 ul li img	 {  
     display: block;
	 position:relative;
	 z-index:5; 
}