* {
	padding:0;
	margin:0;
}


 a:link { color:#505050; text-decoration:none;}
 a:visited { color:#505050; text-decoration:none;}
 a:hover { color: #F0F0F0; text-decoration:bold;}
 a:active { color:#505050; text-decoration:none;}
 a:focus { color:#3F886C; text-decoration:none;}

td {
   border: 0px solid #FFFFFF;
   border-spacing: 0px;
   empty-cells: show;
   color: red; 
   background-color: none; /* blue */
   font-size: 100%;
   font-family: Helvetica, Arial, sans-serif;
   }

body {
    color: black; background-color: #D9D6D1;
    font-size: 100.01%;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0; padding: 0;
	margin-top: 30px;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }


  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 650px;
    padding: 0;
	/* background: white url(img/rand_oben.gif) no-repeat left top; */
	background: #ffffff; 
	border: 0px solid #AAA8A4;
  }
  html>body div#Seite {
    border-color: #AAA8A4;  /* Farbangleichung an den Internet Explorer  */
  }


 
P {
	font-size: 1em;
	text-align: left;
	color: #272727;
	/* color: blue; */
	margin: 0px;
  }


 P.t1 {
	font-size: 0.9em;
	text-align: left;
	color: #272727;
	margin: 0px 10px 8px 0px;
	font-style: normal;
  }
 
/*-----------   Textformatierung fuer die Startseite -----------*/
#startseite1 { 
	width:495px; 
	height:20px; 
	margin-top: 100px;
	margin-left: 95px;
		
	font-style: normal; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	text-align:left;
	color: white;
	}
	
#startseite2 { 
	width:460px; 
	height:20px; 
	margin-top: 10px;
	margin-left: 95px;
		
	font-style: normal; 
	font-family:Helvetica, Arial, sans-serif;
	font-size: 80%;
	text-align:right;
	color: white;
	}
 
 /*-----------   Textformatierung fuer die Person-Startseite -----------*/
#person1 { 
	width:495px; 
	margin-top: 50px; 
	margin-left: 95px;	
	font-style: normal; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 90%;
	line-height:1.5em; 
	text-align:left; 
	color: #101010;
	}
	
#kontakt1 { 
	width:495px; 
	margin-top: 50px;
	margin-left: 95px;	
	font-style: normal; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	line-height:1.4em;
	text-align:left;
	color: #505050;
	}

	
#impressum{ 
	width:495px; 
	margin-top: 50px;
	margin-left: 95px;	
	font-style: normal; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height:1.3em;
	text-align:left;
	color: #505050;
	}
#webdesign{ 
	width:495px; 
	margin-top: 10px;
	margin-left: 95px;
		
	font-style: normal; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 70%;
	line-height:1.5em;
	text-align:left;
	color: #505050;
	}

 /*-----------   Textformatierung fuer die Kunden-Seite -----------*/
#kunden { 
width:495px; 
	margin-top: 50px;
	margin-left: 95px;	
	font-style: normal; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height:1.2em;
	text-align:right;
	color:  #505050;
	}
 
 #beispiele { 
	width:495px; 
	margin-top: 0px;
	margin-left: 95px;
		
	font-style: normal; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	line-height:1.5em;
	text-align:left;
	color: #505050;
	}
 
 
 
/*-----------   Content-DIV Header-----------*/
  div#Header {
  	width: 650px;	
	height:80px;
	margin: 0px;  /*
	padding: 20px 20px 20px 20px; */
	background: white url(img/logo_friedhoff.gif) no-repeat left top; 
/*	background: white url(img/rand_oben.gif) no-repeat left top; */
  }
  * html div#Content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
  
  
  
/*-----------   Content-DIV -----------*/
  div#Content {
  	width: 485px;	
	height:360px;/*
	margin: 20px 0px 20px 34px; */
	margin: 20px 0px 20px 105px; 
  }
  * html div#Content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
 
/*-----------   Content-DIV Startseite-----------*/
  div#Content_start {
  	width: 648px;	
	height: 360px;
	margin: 20px 0px 20px 0 px; 
	background: #5B907B;
	margin-top: 2px;
	border: 1px solid #5B907B;
	/*  border: 1px solid red;*/
  }
  * html div#Content_start {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
 
/*-----------   Content-Person -----------*/
  div#Content_person {
  	width: 648px;	
	height:360px;
	background: #7DA291; /*
	margin: 20px 0px 20px 105px; */
	margin: 20px 0px 20px 0 px; 
	margin-top: 2px;
	border: 1px solid #7DA291;
  }
  * html div#Content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
 
/*-----------   Content-Arbeit -----------*/
  div#Content_arbeit {
  	width: 648px;	
	height:360px;
	background: #9EB7A9; /*
	margin: 20px 0px 20px 105px; */
	margin: 20px 0px 20px 0 px; 
	margin-top: 2px;
	border: 1px solid #9EB7A9;
  }
  * html div#Content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }

/*-----------   Content-Kooperation -----------*/
  div#Content_kooperation {
  	width: 648px;	
	height:360px;
	background: #BDCDC3; /*
	margin: 20px 0px 20px 105px; */
	margin: 20px 0px 20px 0 px; 
	margin-top: 2px;
	border: 1px solid #BDCDC3;
  }
  * html div#Content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
  
  /*-----------   Content-Kontakt -----------*/
  div#Content_kontakt {
  	width: 648px;	
	height:360px;
	/* background: #BDCDC3; */
	background: #BDCDC3 url(img/starfoto1.jpg) no-repeat right top; 
	 /*
	margin: 20px 0px 20px 105px; */
	margin: 20px 0px 20px 0 px; 
	margin-top: 1px;
	border: 1px solid #BDCDC3;
  }
  * html div#Content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
  
  
  /*-----------   Content-Kunden -----------*/
  div#Content_kunden{
  	width: 648px;	
	height:360px;
	background: #DEE5E0; /*
	margin: 20px 0px 20px 105px; */
	margin: 20px 0px 20px 0 px; 
	margin-top: 2px;
	border: 1px solid #DEE5E0;
  }
  * html div#Content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
  
  
    /*-----------   Content-Beispiele -----------*/
  div#Content_beispiele{
  	width: 648px;	
	height:360px;
	background: #FFFFFF; /*
	margin: 20px 0px 20px 105px; */
	margin: 0px 0px 0px 0 px; 
	margin-top: 2px;
	border: 1px solid #FFFFFF;
  }
  * html div#Content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }
  
  
    /* ------------------------   MENUE   ------------------------------ */

#jw_ctabs{

/*margin-left: 80px; */
margin-left: 70px;
width: 100%;
width: 550px;

height: 22px;
background: #FFFFFF;
voice-family: "\"}\"";
voice-family: inherit; 
padding-left: 10px; /* Rand Links */
padding-top: 10px; 
border: 1px solid #FFFFFF;
}

#jw_ctabs ul{

font: bold 11px Helvetica, Verdana, Arial, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#jw_ctabs li{

display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#jw_ctabs a{

float:left;
color: #505050; /* Farbe der Menüpunkte */
background: #F1B261 url(img/m_left.gif) no-repeat left top;
background: white url(img/m_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding: 0px 0 4px 10px;  /* Breite, Höhe der Flächen */
text-decoration:none;
letter-spacing: 1px;
}

#jw_ctabs a span{

float:left;
display:block;
background: transparent url(img/m_right.gif) no-repeat right top; 
padding:4px 5px 2px 4px;
}

#jw_ctabs a span{
float:none;
}


#jw_ctabs a:hover{
background-color: #FFFFFF;
color: blue;
}

#jw_ctabs a:hover span{
background-color: #FFFFFF;
color: #5BA589;
}

#jw_ctabs #current a, #jw_ctabs #current span{ /*cur. selected tab*/
background-color: #FFFFFF;
color: #5BA589;
}

#jw_ctabsline{
margin-left: 35px;
clear: both;
padding: 0;
width: 565px;
height: 1px;
line-height: 8px;
background: #5BA589;
/*
border-top: 1px solid #fff; /*Remove */
}

#jw_ctabsline2{
margin-left: 0px;
clear: both;
padding: 0;
width: 100%;
height: 10px;
line-height: 8px;
background: #5BA589; /*
border-bottom: 2px solid #fff; /*Remove */
}

#jw_ctabsline3{
margin-left: 0px;
clear: both;
padding: 0;
width: 100%;
height: 1px;
line-height: 2px;
background: #5BA589;
border-bottom: 10px solid #fff; /*Remove */
border-top: 2px solid #fff;
}

/* ------------------ texte mit rollover-effekt ------------------*/

ul#Navigation {
	font-style: normal; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 100%;
	line-height:1.5em; 
	text-align:left; 
	color: #505050;
}
ul#Navigation li { 
  list-style: none;
  margin: 0;
}
ul#Navigation a { color: #505050; }
ul#Navigation a:link { color: #505050;}
ul#Navigation a:visited { color: #505050;}
ul#Navigation a:hover {  color: #F0F0F0; cursor:text; }
ul#Navigation a:active { color: #505050; }
ul#Navigation a:focus { color: #505050; }