/*-------------------------------------
2009 - Stylesheet der Homepage FINDAR
-------------------------------------*/


/*------------------------------------
 Standard Elemnte Style 
------------------------------------*/
	
	
	html {
		
		height: 101%;


		}


body 
{
		margin: 0px;
		margin-top: 10px;
		padding: 11px;
		height: 100%;
		background: #63b5ef url("../images/jpg/background2.jpg");
		font: 0.8em/140% verdana, tahoma, arial, sans-serif;
		color: #333;
		line-height: 1.4em;
		text-align: center;
				
}
	
div, table, map, img {
		padding: 0px;
		margin: 0px;
		border: 0px;
		text-align: left;
	}
	
*html img { /*IE6 Hack damit PNG transparent angezeigt werden*/
		padding: 0px;
		margin: 0px;
		border: 0px;
		text-align: left;
		behavior:	url("pngbehavior.htc");
	}	
	

		
	form {
		padding: 0;
		margin: 0;
		border: 0;
		text-align: left;
		vertical-align: top;
	}


a:link  { border-bottom: 0px; text-decoration: none; color: #08449a;  }
a:visited { border-bottom: 0px; text-decoration: none; color: #08449a; }
a:hover { border-bottom: 0px; text-decoration: none; color: #f29400; }
a:active { border-bottom: 0px; text-decoration: none; color: #f29400; }


/*------------------------------------
 Text definitionen
------------------------------------*/

.aufzahelung_orange { 

list-style-position:outside;
list-style-image: url(../images/gif/punktorange.gif);
margin-left: 8px;
padding-left: 8px;

}

.klein {
	
	font: 0.7em/140% verdana, tahoma, arial, sans-serif;
	
}

.warnung {

	background: #f4f5f6 url(../images/png/warnung.png) 2px 7px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	padding: 5px;
	padding-left: 23px;
	
	}

.orange {

	background: #f1900b;
	
	}


/*------------------------------------
 Formular definitionen
------------------------------------*/

.input_kontakt {

		padding-left: 5px;
		width: 180px;
		height: 17px;
		color: #454545;
		border: 1px solid #454545;
	
}

.input_kontakt_area {
	
	background:url(../images/gif/textarea-hintergrund.gif);	
	padding-left: 5px;
	margin-top:0px;
	border: 1px solid #454545;
	margin-left:0px;
	width: 300px;
	height: 90px;
	
}


/*------------------------------------
 Layout definitionen
------------------------------------*/

#site
	{
	
		margin: auto;
		min-height: 100%;
		width: 976px;
		text-align: left;	
	}

#header
	{
		position: relative;
		height: 333px;
		width: 976px;
		text-align:  left;
		margin: 0px 0px 0px 0px;
		
	}


#content
	{
	
		margin: auto;
		min-height: 100%;
		width: 976px;
		text-align: left;
		float:left;
		background-image: url(../images/png/background_content.png);
	}
	
#content_ohne_linie
	{
	
		margin: auto;
		min-height: 100%;
		width: 976px;
		text-align: left;
		float:left;
		background-image: url(../images/gif/background_content_ohne.gif);

	}	
	
#spalte_links
	{
		position: relative;
		padding-left: 20px;
		width: 610px;
		text-align:  left;
		margin: 12px 0px 0px 0px;
		float:left;
		
	}	
	
#spalte_links_gross
	{
		position: relative;
		padding-left: 20px;
		width: 925px;
		text-align:  left;
		margin: 12px 0px 0px 0px;
		float:left;
		
	}	
	
	#spalte_links_gross_rand
	{
		position: relative;
		padding-left: 190px;
		width: 530px;
		text-align:  left;
		margin: 12px 0px 0px 0px;
		float:left;
		
	}
	
	
#spalte_rechts
	{
	position: relative;
	padding-left: 30px;
	width: 300px;
	text-align:  left;
	margin: 12px 0px 0px 0px;
	float:left;
		
	}

* html #animation  /*IE6 Hack für Animation im Header */
	{
	position: absolute;
	height: 267px;
	width: 920px;
	z-index: 5;
	padding-left: 57px;
	top: 69px;
	left:-40px;
		
	}	

*+ html #animation /*IE7 Hack für Animation im Header */
	{
	position: absolute;
	height: 267px;
	width: 920px;
	z-index: 5;
	padding-left: 57px;
	top: 69px;
	left:-40px;
		
	}	
	
#animation
	{
	position: absolute;
	height: 267px;
	width: 920px;
	z-index: 5;
	padding-left: 57px;
	top: 53px;
	left:0px;
		
	}	
	


#footer
	{
		position: relative;
		height: 51px;
		width: 976px;
		float:left;
		margin: 0px 0px 0px 0px;
        background-image: url(../images/png/footer.png);
		
	}
	
.rahmen_googlemaps {
	
	
		border: 1px solid #004985;
		height: 400px;
		width: 600px;
		
	
}


/*------------------------------------
 Design Elemente
------------------------------------*/

.referenz_rahmen {
	
	border: 1px #bfcedd solid;
	padding: 5px;
	margin-bottom: 10px;
	
}


.referenz_rahmen2 {
	
	border: 1px #bfcedd solid;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	
	
	
}

/*------------------------------------
 SLIDER HAUPTSEITE
------------------------------------*/
	
/* PROJECTS */	
		
	.projects { position:relative; }
	.projects #images { position: absolute; list-style: none; width: 870px; height: 255px; overflow: hidden; }
	.projects #images li { position: absolute; overflow: hidden; top: 0; }
	.projects #images li a { display: inline-block; height: 255px; width: 870px; margin: 0; padding: 0; }
	
	* html .projects #images { position: absolute; list-style: none; width: 910px; height: 255px; overflow: hidden; } /*IE6 Hack für Animation im Header */
	*+ html .projects #images { position: absolute; list-style: none; width: 910px; height: 255px; overflow: hidden; } /*IE6 Hack für Animation im Header */



/*----------------------------------
Partner Animation
-----------------------------------*/

.ul-partner {
	
	list-style:none;
	margin-bottom: -10px;
	
	
	
	}