@charset "utf-8";
/* CSS Document */

body
	{
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; 			/* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, 
						um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor 
						die Standardausrichtung left (links) zugewiesen. */
	color: #FFF;
	}

h1	{font-size:0.8em; }
h2	{font-size:0.6em; }
h3	{font-size:0.6em;}

.mark-1{font-size:1.2em;}
.mark-2{font-size:1.3em;}
.mark-3{font-size:1.6em;}
.mark-4{font-size:1.8em;}


img	
	{
	margin:0;
	border:0;
	padding:0;
	}

.global #container 
   {
	width: 56em;  		/* Mit dieser Breite wird ein Container erstellt, 
						der in ein 800 Pixel breites Browserfenster passt, sofern für den Text die Standardschriftgröße des Browsers übernommen wird. */
	margin: 0 auto; 	/* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; 	/* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	background-color:#990000;
	height:32em;
	margin-top:10px;
	}

#navigation
	{
	width:100%;
	height:4em;
	color:#FFF;
	text-align:center;
	}
	
	
#navigation ul
	{
	list-style:none;
	margin:0;
	padding:0;
	
	}	

#navigation li
	{
	float:left;
	text-align:center;
	width:128px;

	}	

#navigation a
	{
	display:block;
	text-decoration:none;
	color:#FFFFFF;	
	outline: none;
	}

	
.global #navigation h1
	{	
	margin:0;
	padding-top:23px;
	}

#header
	{
	width:100%;
	height:4em;
	text-align:right;
	background:#FFF url(../bilder/kgb-location-logo.jpg) right no-repeat;
	color:#940605;
	margin:0;
	padding:0;
	}
	

.global #header h1
	{
	margin:0;
	padding-top:23px;
	padding-right:140px;

	}

#content
	{
	height:24em;
	margin:0;
	padding:0;
	width:56em;
	}

#content a
{
color:#FFFFFF;

}
	
.global #content h1
	{	
	margin:0; 
	padding:0; 
	line-height:1.6em; 
	font-weight:normal;
	}


#language
	{
	text-align:center;
	padding-top:8em;
	}

#deutsch
	{
	float:left; padding-left:250px;
	}

#english
	{
	float:right; padding-right:250px;
	}
	
.global #footer
	{
	width: 56em;
	height:2em;
	background-color:#FFF;
	padding-top:0px;
	margin: 0 auto;
	text-align:left;
	padding-top:8px;
	margin-top:0px;
	}

#footer a
	{
	text-decoration:underline;
	color:#000000;
	}


.global #footer h3
	{color:#000000;
	font-weight:normal;	
	}
	

/*
*********************SEITE - INDEX ******************************
*/
#index-center
	{
	float:left; 
	width:22em;

	padding:1em;
	padding-bottom:0;
	}


/*
*********************SEITE - EXPERIENCE ******************************
*/
#experience-center
	{
	float:left; 
	height:100px; 
	padding:1em;
	padding-left:2em; 
	width:615px;
	}

/*
*********************SEITE - PRODUCTION ******************************
*/
#production-center
	{
	float:left; 
	width:287px; 
	height:352px;  
	padding:1em;
	}

/*
*********************SEITE - REFERENCES ******************************
*/
#references-center
	{
	float:left; 
	width:10em; 
	height:352px; 
	padding:1em;
	}
	
#references-right
	{
	float:right;
	text-align:left;
	width:16em;
	height:24em;
	background:#990000 url(../bilder/kgb-location-bank.jpg) top no-repeat;
	}	


/*
*********************SEITE - CGI ******************************
*/
#corpus-digitalis-center
	{
	float:left; 
	height: 192px 
	padding:1em;
	padding-left:2em; 
	width:430px;
	}

/*
*********************SEITE - CORPUS DIGITALIS ******************************
*/
#cgi-center
	{
	float:left; 
	width:22em; 
	height:352px;  
	padding:1em; 
	background:#990000 url(../bilder/cgi-text.jpg) bottom no-repeat;
	}


/*
*********************SEITE - PRICES ******************************
*/
#prices-left
	{
	float:left; 
	width:22em; 
	padding:1em; 
	height:352px; 
	background:#990000 url(../bilder/kgb-location-aluwerk.jpg) bottom no-repeat;
	}
	
#prices-right
	{
	float:right;
	width:22em;
	text-align:left;
	padding:1em;
	height:352px;
	background:#990000 url(../bilder/kgb-preise.jpg) top no-repeat;
	}	
	

/*
*********************SEITE - CONTACT ******************************
*/
#contact-left
	{
	float:left;
	width:14em;
	padding:1em;
	height:352px;
	}

#contact-right
	{
	float:left;  
	width:14em; 
	text-align:left; 
	padding:1em; 
	height:352px; 
	}
 
/*
*********************SEITE - AGB ******************************
*/
#agb-left
	{
	 float:left; 
	 width:16em; 
	 height:352px;
	}

#agb-right
	{
	float:left;  
	width:38em; 
	text-align:left; 
	padding:1em; 
	height:352px;
	overflow:hidden;
	} 
	
/*
*********************SEITE - PORTFOLIO ******************************
*/
/*
#portfolio-top
	{
	 float:left;  width:56em; height:8em; background:url(../referenceimages/small-location-Daimler.jpg) right no-repeat;
	}	
*/	
/*
*********************SEITE - BINDINGEN ******************************
*/
#bindingen-left
	{
	 float:left; 
	 width:35em; 
	 height:352px;
	 margin:0;
	 padding:0;
	}

#bindingen-right
	{
	float:right;  
	width:14em; 
	text-align:left; 
	padding:1em; 
	height:352px; 
	} 
	
/*
*********************SEITE - CHRISTMAN ******************************
*/
#christman-left
	{
	 float:left; 
	 width:704px; 
	 margin:0;
	 padding:;
	}

#christman-right
	{
	float:left;  
	width:10em; 
	text-align:left; 
	padding:1em; 
	height:350px; 
	} 
	

/*
*********************SEITE - DAIMLER ******************************
*/
#daimler-top
	{
	float:left;
	width:54em;
	height:181px;
	padding:1em;
	}

#daimler-bottom
	{
	float:left;  
	width:56em; 
	text-align:left; 
	height:299px; 
	} 
	
/*
*********************SEITE - PEUGEOT ******************************
*/
#peugeot-top
	{
	float:right;
	width:13em;
	height:189px;
	padding:1em;
	}

#peugeot-bottom
	{
	float:left;  
	width:56em; 
	text-align:left; 
	height:291px; 
	} 
	
/*
*********************SEITE - VAILLANT ******************************
*/
#vaillant-top
	{
	float:right;
	width:11em;
	height:314px;
	padding:1em;
	}

#vaillant-bottom
	{
	float:left;  
	width:56em; 
	text-align:left; 
	height:287px; 
	}