/* Vers. 1.4 */


* {margin:0;padding:0;} 

/* margin auf 0 fuer alle Elemente und immer padding statt margin
fuer vertikale Abstaende (top und bottom) verwenden, anderenfalls werden diese margin-
Werte zur Gesamthoehe addiert und der Footer wird zu weit nach unten geschoben, was
vertikale Scrollbalken im Browser erzeugt. */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 38px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -38px; /* negative value of footer height */
	height: 38px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ------------------------------------------------------------------------------------------*/

html, body 	{font-size: 12px;}

body		{background: #fff url(assets/images/layout/hg-body.gif) repeat-x;overflow-y:scroll;}

.hauptnav, #wrap, #footer p, #main {width:800px;margin:0 auto;clear:both;}


#footer 	{background: url(assets/images/layout/hg-footer.gif) repeat-x;}
#footer a 	{color: #fff;text-decoration: none;border: 0;}
#footer p 	{bottom: 4px;padding-top: 15px;color: #fff;}


/* ------------------------------------------------------------------------------------------*/

.inhalt	{padding-top:155px; padding-left:144px;} /* Verf. Breite 656px */

/* Startseite */ 	.inhalt-start 	{padding-top:155px; padding-left:10px;}


.start	{width:400px;height:289px;background: url(assets/images/adolez2f.jpg);overflow:hidden;white-space:nowrap;}
.statt	{background: url(assets/images/start/statt.gif);}
a img 	{border:none;}

/**** OTHERS ***/
.inhalt,h1,h2,h3 {font-family:'Trebuchet MS',Verdana,Arial,Sans-Serif;color:#333333;}

a 		{color: #FF9900;}
a:hover {color: #000000;}

.inhalt	{font-size:1.2em;}
h1		{font-size:1.3em;}

hr {color : #FF9900; background-color : #FF9900; height:1px; border : 0px; margin-bottom:10px;}
.inhalt ul {list-style-image: url(assets/images/layout/ul.gif) !important;position:relative;left:25px;margin-bottom:15px;}

td		{vertical-align:top;}


/**** eForm ***/
fieldset {width: 335px;margin-bottom: 2px;border: 0px;padding: 0px;margin: 0px;}
fieldset input {width: 150px;}
fieldset textarea, fieldset input {border: 1px solid #666666;padding: 1px;margin-bottom:5px;}
fieldset textarea {width: 300px;}
fieldset input:active, fieldset input:focus, fieldset textarea:active, fieldset textarea:focus {border: 2px solid #000000;padding: 0px;}
fieldset label {width: 150px;display: block;float: left;}
fieldset div.errors {width: 100%;color:#FF0000;margin-bottom:10px;}
fieldset .check {width: 12px;margin-right:10px;}
.button {background-color:#FF9900;cursor:hand;font-size:14px;color:#ffffff;font-weight:bold;line-height:normal;width:200px;}

/**** Referenzen ***/
.referenzen img {float:left; margin-right:15px; margin-bottom:10px;border:1px solid #ccc;padding:10px;}

/**** Accordion ***/
.acc_head p {padding: 0 0 1em;}
.acc_start 	{list-style: none;margin: 0;padding: 0;width: 265px;}
.acc_head 	{padding: 5px 10px;cursor: pointer;position: relative;background-color:#CCCCCC;background: url(images/accord-head.gif);
			margin:1px;border: 1px solid #9C9C9C;}
.acc_body 	{padding: 5px 10px 15px;color:#000000;background-color:#FFFFFF;margin:1px;border: 1px solid #9C9C9C;}
