/* Principal component of the page */
body
{
    background-color: #ffffff;
    font-family: 'Trebuchet MS', Arial, sans-serif;
} 

/* THE RED BAR */
#bar
{
	background-color:  #ff0000;
	height:2px;
	width:100%;
	
}

/* THE BANNER: THE PICTURE OF FRANKFURT AND THE LANGUAGE FLAGS FRAME*/
#banner 
{
	
	width: 100%;
	height:300px;
	z-index: 10;
}


.image 
{ 
   position: relative; 
   width: 100%; /* for IE 6 */
}

#company 
{ 
   position: absolute; 
   top: 0.01%;
   color: #ff0000;   
   width: 100%; 
   font-weight: bold;
   font-size: 3em;
   text-align: center;
}

#company11 
{ 
   position: absolute; 
   top: 12%;
   color: #ff0000;   
   width: 100%; 
   font-weight: bold;
   font-size: 1.5em;
   text-align: center;
}


#companyoffer 
{ 
   position: absolute; 
   top: 15%;
   color: #ffff00;   
   width: 100%; 
   font-weight: bold;
   font-size: 1.5em;
   text-align: center;
   
}

.style1 
{
	border-top: 1px solid #ffff00;
	width: 20%;
	color:#ffff00;
}


#flags

{
	
	width: 25%;
	display: inline-block;
	vertical-align: top;
	position: absolute;
	right: 0.1%;
	top:52.5%;
	
}

/* THE MENU PART OF THE WEB SITE */

#menuflags
{

	width: 100%;
	height:30px;
	background: rgb(66, 45, 223);
	
}


	.nav-container{ background-color: rgb(66, 45, 223);}
	.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} /* this make our menu fixed top */
	

	.nav ul { list-style: none;text-align: right; }
	.nav ul li{float: left;  margin:3px; padding: 3px; border-right: 1px solid #ACACAC; color:#ffffff;}
	.nav ul li:first-child{ padding-left: 0;text-align: right; margin:3px 3px 3px -30px;}
	.nav ul li a { color:#ffffff;}
	.nav ul li a:hover{color: rgb(245, 245, 41);}

/* THE LENGUAGES GERMAN & ENGLISH */
#de	
{
    display: inline-block;
	vertical-align: top;
} 

#en	
{
    display: inline-block;
	vertical-align: top;
} 

.deu
{
 margin-left: 600%;
 padding-top:15%;
} 

.eng
{
 padding-top:15%;
  margin-left: 600%;
} 


/* BUILDING UBER US: PAGE 1 OF THE WEB SITE */
#company2 
{ 
  
   color: #0040ff;   
   width: 100%; 
   font-weight: bold;
   text-align: center;
}

#motto 
{ 
  
   color: #0080ff;   
   text-align: center;
}

/* BUILDING UBER US: SLIDE SHOW */

#banner_image
{
    margin-top: 0px;
    display: block;
	height:250px;
	width:60%;
	margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align:center;
 }
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}

.aboutcompany
{
	text-align:center;
	width:60%;
	height:auto;
	margin-left: auto;
    margin-right: auto;
	Line-Height: 1.5;
}

.bolder
{
	font-weight: bold;
}

.unsereleistungen
{
	font-weight: bold;
	text-align: center;
	color:#0040ff; 
	border-bottom:solid 1px #0040ff;
	height:30px;
	font-size:1.5em;
}

.servblock1

{
	
	width:100%;
	height: 280px;
}

.servblock2

{
	
	width:100%;
	height: 280px;
}

.servblock3

{
	
	width:100%;
	height: 280px;
}




#servblock11, #servblock12, #servblock13

{
	
	width:32.94%;
	height: 250px;
	display: inline-block;
	vertical-align: top;
}

#servblock21, #servblock22, #servblock23

{
	
	width:32.94%;
	height: 250px;
	display: inline-block;
	vertical-align: top;
}

#servblock31, #servblock32, #servblock33

{
	
	width:32.94%;
	height: 250px;
	display: inline-block;
	vertical-align: top;
}


#message

{
	height: 25px;
	background-color: #8c7373;
	padding:1px;
	text-align:center;
	color: #ffffff;  
}

.unterhaltreinigung
{
	float:left;
	margin: 10px;
}
.grundreinigung
{
	float:left;
	margin: 10px;
}
.fassadereinigung
{
	float:left;
	margin: 10px;
}
.glassreinigung
{
	float:left;
	margin: 10px;
}
.baureinigung
{
	float:left;
	margin: 10px;
}
.teppishreinigung
{
	float:left;
	margin: 10px;
}
.hausmeisterservice
{
	float:left;
	margin: 10px;
}
.treppenhausreinigung
{
	float:left;
	margin: 10px;
}
.sonderreinigung
{
	float:left;
	margin: 10px;
}

.services ul li {list-style-type: none;
				}

.services ul li:before

{
	content: "\00BB \0020"; /* caractère ISO 10646 */
}

.services ul li

{
	font-size: 0.85em;
	margin:5px;
}

.kontakt
{
	font-weight: bold;
	text-align: center;
	color:#ffffff; 
	border-bottom:solid 1px #0040ff;
	height:30px;
	font-size:1.5em;
	padding:10px;
}

#infokontakt
{
	width: 20%;
	padding:10px;
	text-align:center;
	height:500px;
	margin-left: auto;
    margin-right: auto;
	Line-Height: 1.7;
	color:#ffffff; 
	text-align:center;
	
}


#mapkontakt
{
	width: 77%;
	height:520px;
}


#infokontakt,#mapkontakt
{
	display: inline-block;
	vertical-align: top;
	text-align:center;
}

#footfracility
{
	width:100%;
	font-size: 2em;
	font-weight:bold;
	color: #ff0000;
	
}

.pagekontakt
{
	background-color: #0040ff;
}
.top
{
	background-color:#DCDCDC;
	width:100%;
	color: #ffffff; 
	border-top:solid 2px #ff0000;
}
.top a
{
	color: #0040ff; 
}
#top1
{
	width:10%;
	border-right:solid 1px #ffffff;
}

#top2
{
	width:15%;
	border-right:solid 1px #ffffff;
	border-left:solid 1px #ffffff;
}

#top3
{
	width:10%;
	border-left:solid 1px #ffffff;
}


#top1, #top2, #top3 
{
	display: inline-block;
	vertical-align: top;
	height:20px;
	padding:5px;
	color:#ffffff;
}