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



@font-face {
  	font-family: "Graublau";
	src: url(http://www.fonts.info/info/assets/Graublau.otf) format("opentype");
}

@font-face {
  	font-family: "Graublau";
  	font-weight:bold;
	src: url(http://www.fonts.info/info/assets/GraublauBold.otf) format("opentype");
}


html * { font-size: 100.01% }

html, body {

	padding:0;
	margin:0;
	text-align:center;
	font-family:'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:13px;

}


#header {

	height:55px;
	padding:0;
	margin:0;
	background:url(../assets/top-bg.png);
	background-repeat:repeat-x;
	text-align:center;

}


#logo {
	margin:0 auto;
	padding-left:690px;
	height:55px;
	width:216px;
	background:url(../assets/fdi-logo.png);
	background-position:right;
	background-repeat:no-repeat;

}


#main-navi {

	width:900px;
	margin:0 auto;
	text-align:left;
		
	font-size:13px;
	

}

#subnavi {

	width:900px;
	margin:0 auto;
	text-align:left;
	margin-bottom:10px;
	border-bottom:1px solid;
	border-bottom-color:#666666;
	font-size:13px;
	

}


#footer {

	width:900px;
	margin:0 auto;
	text-align:left;
	margin-top:20px;
	padding-bottom:40px;
	
	border-top:1px solid;
	border-top-color:#666666;
	font-size:12px;
	

}




#content {
	width:900px;
	margin:0 auto;

	text-align:left;

}


#graublau-box {

	background:#738187;
}

#iwan-box {

	background:#000000;
}

#tierra-box {

	background:#efecd5;
}


#logotypia-box {

	background:#496a81;
}

#kaffeesatz-box {

	background:#454135;
}


#kaffeesatz-box2 {
	margin-top:4px;
	background:#e9e6d2;
}

#graublau-content {

	padding:20px;
}


#iwan-box a {

	color:#FF3333;
}

.highlight-iwan {
	
	color:#FF3333;
	
}


#center_column_inner h1,h2,h3,h4,h5,h6 {
	font-size:28px;
	line-height:30px;
	font-weight:normal;
	margin:0;
	padding:0;
	letter-spacing:-1px;
	text-shadow:#cccccc 3px 3px 4px;
	color:#336666;
	margin-bottom:5px;
	}
	
	
.sub-headline {
	font-size:18px;
	letter-spacing:normal;
	text-shadow:none;
	
	}
	
ul {

	list-style:circle;
	padding:0;
	padding-left:17px;
	padding-bottom:10px;
	margin:0;

}
	
.logotypia-headline {

	color:#d1dde5;
	text-shadow:#003333 1px 1px 1px;
}


.iwan-headline {

	color:#FF3333;
	text-shadow:none;
}

.logotypia-text {

	color:#d1dde5;
	
	line-height:23px;
}

.sw-text {

	
	
	line-height:23px;
}

.graublau-headline {

	color:#FFF;
	text-shadow:#003333 1px 1px 1px;
}

.graublau-text {

	color:#FFF;
	
	line-height:23px;
}


.tierra-headline {

	color:#35330f;
	text-shadow:#cfc9a3 2px 2px 2px;
	margin-top:30px;
	margin-bottom:10px;
}

.tierra-text {

	color:#35330f;
	
	line-height:23px;
}

.kaffeesatz-headline {

	color:#e9e6d2;
	text-shadow:#000000 2px 2px 2px;
}

.kaffeesatz-text {

	color:#e9e6d2;
	
	line-height:23px;
}


.kaffeesatz-text a {

	color:#FFFFFF;
}

.kaffeesatz-text a:hover {

	text-decoration:underline;
		color:#FFFFFF;
}
	
	
	
.linie {

	border:1px solid;
	border-color:#666666;

}

a {

	text-decoration:none;
	color:#333333;
}

a:hover {

	color:#000000;
}


p {

	margin:0;
	padding:0;
	margin-top:5px;
	font-size:13px;
	

}

.whitetext {

	color:#FFFFFF;
	

}


.strike {

	text-decoration:line-through;

}

.highlight {

	color:#FFCC00;
}


.linie-weiss {
	border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #FFF;
 border-bottom: transparent;
 margin-bottom:10px;
 margin-top:10px;

}

.linie-red {
	border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #FF3333;
 border-bottom: transparent;
 margin-bottom:10px;
 margin-top:10px;

}

.linie-brown {
	border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #35330f;
 border-bottom: transparent;
 margin-bottom:10px;
 margin-top:10px;

}




.animate {
 /* opacity: 0.3;
   text-shadow: #666 3px 3px 0px; 
  -webkit-text-fill-color:#666; */
  /*
  -webkit-transition-property: opacity, text-shadow, -webkit-text-fill-color;
  -webkit-transition-duration: 2s, 2s, 2s; 
  */
  color:#336666;

}

.animate:hover {
  /* opacity: 1;
    text-shadow: #999 3px 3px 10px !important;
	-webkit-text-fill-color:#336666; */
	color:#336666;
}




.gheadline {

	font-family:Graublau,Verdana,sans-serif; 
	font-weight:bold;
	letter-spacing:0 !important;

}


.gteasertext {

	font-family:Graublau,Verdana,sans-serif;
	line-height:50px;
	font-size:20px;

}

.gbold {

	font-weight:bold;
}

.largeoutline {

	font-family:Graublau,Verdana,sans-serif; 
	font-weight:bold; 
	font-size:100px;
	line-height:110px; 
	margin-top:20px;

}

.quality {
	font-family:Graublau,Verdana,sans-serif; 
	font-weight:bold; 
	font-size:160px;
	letter-spacing:-10px;
	line-height:90px;

}

.numbers {

	font-family:Graublau,Verdana,sans-serif; 
	font-weight:bold; 
	font-size:160px;
	line-height:190px;

}

.deschead {

	font-family:Graublau,Verdana,sans-serif; 
	font-weight:bold; 
	font-size:14px;
	letter-spacing:0.2em;
	text-transform:uppercase;

}

.desctext {

	font-family:Graublau,Verdana,sans-serif; 
	font-size:14px;
	line-height:30px;
	margin-bottom:60px;

}