html, body {
	margin: 0; 
	padding: 0;
	background: #FFF;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

/*----------------------------------- Header -----------------------------------*/
h1 {
	margin: 0;
	padding: 0;
	height: 100px;
	width: 815px;
	background-image: url(../images/reco_logo.gif);
	background-repeat: no-repeat;
	background-position: right 65%;
}

h1 span {
	position: absolute;
	width: 50em;
	left: -50em;
}

/*--------  Headerbild ----------------------*/
#headerbild {
	position: absolute;
	top: 0;
	left: 0;
	width: 344px;
	height: 150px;
}

/*----------------------------------- Navigation -----------------------------------*/

#nav {
	margin: 0 0 0 0px;
	padding: 0;
	width: 815px;
	border-top: 1px solid #000;
}
#nav li {
	list-style: none;
	float: right;
	margin-left: 1px;
	padding-left: 16px;
	margin: 0;
	font-size: 11px;
	line-height: 15px;
	white-space: nowrap;
	background: #FFF url(../images/tabs2-big2.gif) 0 100% no-repeat;
}
#nav a {
	display: block;
	float: left;
	padding: 0 16px 3px 0;
	text-decoration: none;
	background: #FFF url(../images/tabs2-big2.gif) 100% 100% no-repeat;
	color: #333;
	width: .1em;
}
html>body #nav a {
	width: auto;
} /*fixes IE6 hack*/

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;} /* End IE5-Mac hack */

#nav a:hover {
	color: #425b14;
}

#nav #current, #nav #current a {
	color: #FFFFFF;
	background-image: url(../images/tabs2-big2_ct.gif);
}




/*----------------------------------- titelleiste -----------------------------------*/

#titelleiste {
	clear: right;
	margin: 0px 0 0 15px;
	padding: 0px 0 0 0;
	width: 800px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #FFF;
}

h2 {
	margin: 37px 0 15px 7px;
	padding: 0;
	height: 88px;
	width: 487px;
	background-repeat: no-repeat;
}

h2 span {
	position: absolute;
	width: 50em;
	left: -50em;
}



/*----------------------------------- Google Suchbox -----------------------------------*/
#suchbox {
	position: absolute;
	top: 205px;
	left: 550px;
}

#suchboxresults {
	position: absolute;
	top: 200px;
	left: 40px;
}

/*---------- Google Searchbutton ---------*/

.searchbutton {


	/*----background: #FFF url(../images/searchbutton_hg8.gif) 50% 50% no-repeat;------*/
	background-color: #618226;
	color:#FFF;
	border: 0;
	padding: 0;
	margin-left: 5px;
	-moz-border-radius: 4px;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #000;
	border-top: 1px solid #A6A6A6;
	border-bottom: 1px solid #000;
}


/*------ searchresults page -------*/
#searchresultsbox {
	margin: 130px 0 0 25px;
	padding: 0 0 20px 0px;
	width: 800px;
}

/*----------------------------------- Ueberschriften -----------------------------------*/
h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font: 600 15px Verdana, Arial, sans-serif;
}

h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font: 600 13px Verdana, Arial, sans-serif;
	color: #425b14;
}

h6 {
	margin: 0 0 0px 0;
	padding: 0;
	font: 600 13px Verdana, Arial, sans-serif;
	
}

h5 {
	margin: 0 0 10px 0;
	padding: 0;
	font: 600 11px Verdana, Arial, sans-serif;
}
h6 {
	margin: 0 0 10px 0;
	padding: 0;
	font: 600 13px Verdana, Arial, sans-serif;
	
}

/*----------------------------------- Links im Content -----------------------------------*/

img {
	border: none;
}

a{
	color: #425b14;
}
h3 a {
	color: #425b14;
	text-decoration: none;
}

h4 a {
	color: #425b14;
	text-decoration: none;
}
h5 a{
	color: #425b14;
	text-decoration: none;
}
h6 a{
	color: #000;
	text-decoration: none;
}

.link a{
	color: #425b14;
	text-decoration: none;
	font: 600 11px Verdana, Arial, sans-serif;
}
a:hover{
	color: #425b14;
	text-decoration: underline;
}

/*----------------------------------- Einleitung -----------------------------------*/

#einleitung {
	margin: 15px 0 0 15px;
	padding: 0 0px 20px 0px;
	width: 800px;
	border-bottom: 1px solid #000;
	
}


#einleitung #linkespalte{
	display: block;
	float:left;
	width: 244px;
	margin: 3px 0 0 5px;
	padding: 0 0 0 0px;
}

#einleitung #rechtespalte{
	margin: 0 0 0 264px;
	padding:0 5px 0 0;
}

#einleitung #rechtespalte p{
	text-align: left;

}

/* um das float element in den div einzuschliessen: */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*----------------------------------- Startseite Main Gate -----------------------------------*/

#maingate {
	margin: 15px 0 0 15px;
	padding: 0 0 20px 0px;
	width: 800px;
	font-size: 11px;
}



#maingate #spalte1 {
	display: block;
	float:left;
	width: 241px;
	margin: 0 10px 0 10px;
	padding: 0px;

}
#spalte1 p{
	text-align: left;
}

#maingate #spalte2 {
	display: block;
	float:left;
	width: 241px;
	margin: 0 10px 0 10px;
	padding: 0px;

}

#maingate #spalte3 {
	float:left;
	width: 241px;
	margin: 0 10px 0 10px;
	padding: 0px;
}

#maingate #spalte4 {
	display: block;
	width: 2px;
	margin: 0 0 0 795px;
	padding: 0 0 0 0px;
}




/*----------------------------------- Maingate -----------------------------------*/


/*--------  Projekte ----------------------*/

.maingateprojekt {
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
}
.maingateprojektlinks {
	display: block;
	float:left;
	margin: 0 5px 0px 0;
	padding: 7px 0 0 0;
}
.maingateprojektrechts{
    display: block;
	margin: 0;
	padding:0;
	line-height: 15px;
}
.maingateprojektrechts p{
	margin: 0;
	padding:0;
	text-align: left;
}


/*--------  Aktuelles ----------------------*/

.maingatenews {
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
}
.maingatenewslinks {
	display: block;
	float:left;
	margin: 0 5px 0px 0;
	padding: 7px 0 0 0;

}
.maingatenewsrechts{
    display: block;
	margin: 0;
	padding:0;
	line-height: 15px;
}
.maingatenewsrechts p{
	margin: 0;
	padding:0;
	text-align: left;
}

.datum {
	font-size: 10px;
}


/*----------------------------------- Subnavigation -----------------------------------*/


#spalte1 li{
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/nav_punkt.gif) 0 4px no-repeat;
}

#spalte1 li a{
	margin: 0 0 0 15px;
	padding: 0;
	font: 600 11px Verdana, Arial, sans-serif;
	text-decoration: none;
}


#spalte1 li a:hover{
	text-decoration: underline;
}

/*--------  Permanete Links ----------------------*/
#subnavigationperma {
	margin: 0 0 0 0;
	padding: 0;
}

/*--------  Fachgebiete ----------------------*/

#subnavigationfachgeb {
	margin: 0 0 30px 0;
	padding: 0;
}


#subnavigationfachgeb li p{
	margin: 0 0 0 15px;
	padding: 0;
	line-height: 15px;
	text-align: left;
}
#subnavigationfachgeb li p.subn{
	margin: 0 0 0 0px;
	padding: 0;
	line-height: 15px;
	text-align: left;
}


/*--------  ueber uns ----------------------*/

#subnavigationueberuns {
	margin: 0 0 30px 0;
	padding: 0;
}



/*----------------------------------- 2 Spalten -----------------------------------*/

#zweispalten {
	margin: 15px 0 0 15px;
	padding: 0 0 20px 0px;
	width: 800px;

}


#zweispalten #spalte1 {
	display: block;
	float:left;
	width: 249px;
	margin: 0 6px 0 6px;
	padding: 0px;
	font-size: 11px;
}


#zweispalten #spalte2 {
	float:left;
	width: 520px;
	margin: 0 6px 0 6px;
	padding: 0px;
	font-size: 12px;
}

#zweispalten #spalte3 {
	display: block;
	width: 2px;
	margin: 0 0 0 795px;
	padding: 0 0 0 0px;
}


/*--------------- Liste in 2ter spalte-------------*/

.mainliste {
	margin: 0 0 35px 0;
	padding: 0;
	display: block;
}
.mainlistelinks {
	display: block;
	float:left;
	margin: 0 10px 0px 0;
	padding: 4px 0 0 0;
}
.mainlisterechts{
    display: block;
	margin: 0;
	padding:0;
	line-height: 15px;
}
.mainlisterechts p {
	margin: 0 0 5px 0;
	padding:0;
	text-align: left;
}


/*--------------- Liste in 2ter spalte  nicht umfliessend---- Mitarbeiter -   ------------*/
.mainlisteblock {
	margin: 0 0 35px 0;
	padding: 0;
	display: block;
}
.mainlisteblocklinks {
	display: block;
	float:left;
	width: 160px;
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
}
.mainlisteblockrechts{
	margin: 0 0 0 160px;
	padding:0;
	line-height: 15px;
}
.mainlisteblockrechts p {
	margin: 0 0 5px 0;
	padding:0;
	text-align: left;

}

p.small{
	font-size: 11px;

}

/*--------------- Full 2te Spalte-------------*/

.mainblock {
	margin: 0 0 35px 0;
	padding: 0;
	display: block;
	line-height: 15px;
}





/*--------------- aufzaehlung-------------*/
ul.aufzaehlung {
	font: 600 13px Verdana, Arial, sans-serif;
	border: 1px solid blue;
	margin: 0;
	padding: 0;
}
ul.aufzaehlung li{
	margin: 0;
	padding: 0;
	border: 1px solid red;
}

/*----------------------- Impressum aufzaehlung---------------------*/

 
ul.impressum li{
	list-style: lower-alpha; 
	font-size:11px; 
	margin-left: 0px;

}


/*----------------------- Kundenliste --------------------*/


p.kundenliste{
	border-bottom: 1px solid #000; 
	padding-bottom: 35px;
}

/*----------------------- Linkliste --------------------*/




.linkliste {
	margin: 20px 0 40px 0;
	padding: 0;
	display: block;
}
.linklistelinks {
	display: block;
	float:left;
	margin: 0 5px 5px 0;
	padding: 0px 0 0 0;

}
.linklisterechts{
    display: block;
	margin: 0;
	padding:0;
	line-height: 15px;
}
.linklisterechts p{
	margin: 0;
	padding:0;
	text-align: left;
}


/*----------------------- Projektübersicht --------------------*/

ul.projektuebersicht {
	margin: 0;
	padding:0;
}

ul.projektuebersicht li{
	margin: 0 0 10px 0;
	padding:0;
	list-style: none;
}




/*--------  old linklist ----------------


#linkliste {
	width: 520px;
	border: 0;
	margin: 0;
	padding: 0;
		border: 1px solid red;
}


ul.linkeintrag {
	list-style: none;
	margin: 0 15px 30px 0;
	padding: 0;
	width: 232px;
	float: left;
			border: 1px solid blue;
}
ul.linkeintrag li {
	font-size: 11px;
}
ul.linkeintrag li.linktitel {
	font-weight: bold;
	margin: 0 0 5px 0; 

}

ul.linkeintrag li.linkbild {
	margin: 0 0 5px 0; 
	float: left;
}
ul.linkeintrag li.linklink {
	clear: both;
}------*/

/*----------------------------------- Footer -----------------------------------*/

#footer {
	clear: both;
	margin: 15px 0 0 15px;
	padding: 0 0 20px 0px;
	width: 800px;
	font-size: 11px;
	text-align: center;
}


/*----------------------------------- Sprachumschalter -----------------------------------*/
#sprachumschalter {
	padding: 0px;
	margin: 0px 0 0 0px;
	float: right;
}

#sprachumschalter li {
	float: right;
	list-style: none;
	padding: 0px 5px 0 5px;
	margin: 0;
	white-space: nowrap;
	font-size: 0.7em;
	text-align: center;
}


h2.mituns {
	background-image: url(../images/pi_header_reco.jpg);
}

h2.leistung {
	background-image: url(../images/pi_header_leistung.gif);
}

h2.flexible {
	background-image: url(../images/pi_header_flexible.gif);
}

h2.ueberall {
	background-image: url(../images/pi_header_ueberall.gif);
}