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

*{margin:0; padding:0;}

body{
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	background-image:url(../layout/bg-footer.jpg);
	background-repeat:repeat;
	font-weight:normal;
}

a img{border:none;}
a:link {text-decoration:none;}
a:visited{text-decoration:none;}
a:hover {text-decoration:none;}

/**************** div styles ****************/

#oben{
	width:100%;
	height: 150px;
	background-image:url(../layout/bg-main.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}

#mitte{
	width:100%;	
	background-image:url(../layout/bg-white.jpg);
	background-repeat:repeat-x;
}

#mitteProjekt{
	width:100%;	
	background-image:url(../layout/bg-white-projekt.jpg);
	background-repeat:repeat-x;
}

#unten{
	width:100%;
	margin-top: 100px;
	border-top: 1px dotted #666666;
}

/********************************************/

#main{
	margin:0 auto;
	width: 1000px;
}

#mainUnten{
	margin:0 auto;
	width: 1000px;
	
}

#tab1px{
	width:445px;
	height:1px;
	background-image:url(../layout/bg-tabs-1px.jpg);
	background-repeat:no-repeat;
}

/**HEADER*********************************/

#header{
	margin:0 auto;
	width: 1000px;
	height:150px;
}


#header-logo{
	width:130px;
	height:150px;
	padding-left:40px;
	float:left;
}

#header-point{
	width:579px;
	height:34px;
	
}

#header-navi{
	width:729px;
	height:150px;
	float:left;
}

#header-navigation{
	width:729px;
	height:25px;
}

#header-sprache{
	width:100px;
	height:150px;
	float:left;
}

#header-showreel{
	width:98px;
	height:150px;
	float:left;
}

#header-subnavigation{	
	width:100%;
	height:50px;
	float:left;
	margin-top:20px;
}

#header-subnavigation-referenzen{	
	width:100%;
	height:50px;
	float:left;
	margin-top:20px;
}


/***CONTENT***********************************/

#content-main{
	width:700px;
	height:470px;
	float:left;
}


/*Test für Projektlayout evtl. wieder löschen*/
#content-main-projekt{ 
	width:995px;
	height:480px;
	float:left;
}

#content-content-projekt{
	width:450px;
	height:390px;
	float:left;
}

#content-content-projekt-medien{
	width:540px;
	height:410px;
	float:left;
}
/*Test Ende*/



/***TEAM**************************************/

#team{
	width:500px;
	height:390px;
	float:left;
}

#teamPerson{
	width:250px;
	height:90px;
	float:left;
}

.contentTeamBilder{
	color:#6B6B6B;
	font-size:9px;
	line-height: 18px;
	padding-left:40px;
	padding-top:20px;
}

.bildPerson{
	float:left;
	padding-right:10px;
}

/*********************************************/

#content-headline{
	width:690px;
	height:60px;
}

#content-headline-projekt{
	width:980px;
	height:60px;
}

#content-headline-ornament{
	width:130px;
	height:60px;
	float:left;
}

#content-headline-headline{
	width:550px;
	height:60px;
	float:left;
}

#content-headline-headline-projekt{
	width:840px;
	height:60px;
	float:left;
}

#content-content{
	width:630px;
	height:380px;
}

#content-impressum{
	width:650px;
	height:380px;
}

#content-tabs{
	width:650px;
	height:360px;
}

#content-schaufenster{
	width:300px;
	height:640px;
	float:right;
	text-align:right;
}

/*** Referenzen ************************************/

#referenzen-main {
	width: 950px;
	height: 380px;
	padding-left:40px;
	padding-top:30px;

}

#referenz-kategorie{
	width:315px;
	height:175px;
	float:left;
}

.referenz-bild-unterseite{
	color:#6B6B6B;
	font-size:10pt;
	line-height: 18px;
	padding-top:20px;
	padding-left:40px;
	}

#content-content-referenzen{
	width:500px;
	height:370px;
	float:left;
}

/***FOOTER*****************************************/

#footer-main{
	margin:0 auto;
	width: 100%;
	height:100%;
	
}

#footer{
	margin:0 auto;
	width: 1000px;
	height:190px;
}

#footer2{
	width: 680px;
	height:210px;

	
}

#footer-news-bubble{
	width: 95px;
	height:190px;
	background-image:url(../layout/bubble-news.png);
	background-repeat:no-repeat;
	float:left;
}

#footer-news{
	width: 580px;
	
	float:left;
}

#footer-navi{
	width:285px;
	height:20px;
}

#clr{
	clear:both
}

#footer-sitemap-bubble{
	width: 95px;
	height:190px;
	float:left;
}

#footer-sitemap{
	width: 1000px;
	height:130px;
	float:left;
}

/***************** Überschriften ***************/
h2{
	font-size:21pt;
	color:#6B6B6B;
}

h1{
	font-size:12pt;
	color:#6B6B6B;
	font-style:italic;
	font-weight:normal;
}

h3{
	font-size:10pt;
	color:#6B6B6B;
	font-weight:bold;
}


/***************** Navi *********************************************/

div.naviLink {
	height:20px;
	width: auto;
	font-size:10pt;
	color:#C70019;
	padding-right:22px;
	padding-top:3px;
	float:left;
	font-weight:normal;
	
}

div.naviLink a  {}
div.naviLink a:link {text-decoration:none; color:#FFFFFF;font-weight:normal;}
div.naviLink a:visited{text-decoration:none; color:#FFFFFF;font-weight:normal;}
div.naviLink a:hover {text-decoration:underline; color: #FFFFFF;font-weight:normal;}

.noNaviLink{font-size:12px; color:#FFFFFF;font-weight:normal;}

div.subnaviLink {
	width:auto;
	height:20px;
	font-size:9pt;
	color: #C70019;
	padding-top:20px;
	padding-right:15px;
	float:left;
	font-weight:normal;
}

.subnaviLink a  {}
.subnaviLink a:link {text-decoration:none; color:#333333;font-weight:normal;}
.subnaviLink a:visited{text-decoration:none; color:#333333;font-weight:normal;}
.subnaviLink a:hover {text-decoration:underline; color: #000000;font-weight:normal;}

div.naviLinkNGO {
	height:20px;
	width: auto;
	font-size:10pt;
	color:#008c00;
	padding-right:5px;
	padding-top:3px;
	float:left;
	font-weight:normal;
	
}

div.naviLinkNGO a  {}
div.naviLinkNGO a:link {text-decoration:none; color:#008c00;font-weight:normal;}
div.naviLinkNGO a:visited{text-decoration:none; color:#008c00;font-weight:normal;}
div.naviLinkNGO a:hover {text-decoration:underline; color: #008c00;font-weight:normal;}

/*********************************************************************/

.content{
	color:#6B6B6B;
	font-size:10pt;
	line-height: 14pt;
	padding-top:30px;
	padding-left:40px;
	font-weight:normal;
}

.content a  {}
.content a:link {text-decoration:none; color:#6B6B6B;font-weight:normal;}
.content a:visited{text-decoration:none; color:#6B6B6B;font-weight:normal;}
.content a:hover {text-decoration:underline; color: #6B6B6B;font-weight:normal;}

.contentTabs{
	color:#6B6B6B;
	font-size:10pt;
	line-height: 14pt;
	padding-top:20px;
	padding-right: 85px;
	font-weight:normal;
	
}

.contentImp{
	color:#6B6B6B;
	font-size:9pt;
	line-height: 14pt;
	font-weight:normal;
}

.contentProjekt2{
	color:#6B6B6B;
	font-size:9pt;
	line-height: 14pt;
	font-weight:normal;
}

.contentProjekt{
	color:#6B6B6B;
	font-size:10pt;
	line-height: 14pt;
	padding-top:20px;
	padding-right:0px;
	font-weight:normal;
}

.contentProjekt a  {text-decoration:none; color:#444444;font-weight:normal;}
.contentProjekt a:link {text-decoration:none; color:#444444;font-weight:normal;}
.contentProjekt a:visited{text-decoration:none; color:#444444;font-weight:normal;}
.contentProjekt a:hover {text-decoration:underline; color: #444444;font-weight:normal;}


/*********************************************************************/

.contentProjektLink{
	font-weight:normal;
	color:#6B6B6B;
	font-size:10pt;
	padding-left:0px;
	font-weight:normal;
}

.contentProjektLink a  {text-decoration:none; color:#6B6B6B;font-weight:normal;}
.contentProjektLink a:link {text-decoration:none; color:#6B6B6B;font-weight:normal;}
.contentProjektLink a:visited{text-decoration:none; color:#6B6B6B;font-weight:normal;}
.contentProjektLink a:hover {text-decoration:underline; color: #000000;font-weight:normal;}


/*********************************************************************/

.contentProjektLinkNGO{
	font-weight:normal;
	color:#008c00;
	font-size:10pt;
	padding-left:0px;
	font-weight:normal;

}

.contentProjektLinkNGO a  {text-decoration:none; color:#008c00;font-weight:normal;}
.contentProjektLinkNGO a:link {text-decoration:none; color:#008c00;font-weight:normal;}
.contentProjektLinkNGO a:visited{text-decoration:none; color:#008c00;font-weight:normal;}
.contentProjektLinkNGO a:hover {text-decoration:underline; color: #008c00;font-weight:normal;}


/*********************************************************************/
#referenzLinks{
	width:160px;
	height:20px;
	float:left;
	font-weight:normal;
	color:#333333;
}


#referenzRechts{
	width:240px;
	float:left;
	font-weight:normal;
}

.contentReferenzLinkPadding{
	font-weight:normal;
	color:#333333;
	font-size:10pt;
	padding-left:15px;
	

}
.contentReferenzLink{
	font-weight:normal;
	color:#333333;
	font-size:9pt;
	padding-left:0px;

}

.contentReferenzLink a  {text-decoration:none; color:#6B6B6B;font-weight:normal;}
.contentReferenzLink a:link {text-decoration:none; color:#6B6B6B;font-weight:normal;}
.contentReferenzLink a:visited{text-decoration:none; color:#6B6B6B;font-weight:normal;}
.contentReferenzLink a:hover {text-decoration:underline; color: #333333;font-weight:normal;}

.contentProjektMedien{
	color:#6B6B6B;
	font-size:10pt;
	line-height: 12pt;
	font-weight:normal;
	}

.bildimtext{
	float:left;
	margin-right:10px;
	margin-top:5px;
}

.bildamtab{
	float:left;
	margin-right:5px;
	margin-top:4px;
	
}

/***************** News/Footer *********************************************/

.news{
	color:#ffffff;
	font-size:8.5pt;
	line-height:14pt;
	padding-top:60px;
	font-weight:normal;
}

.news a  {text-decoration:none; color:#aaaaaa;font-weight:normal;}
.news a:link {text-decoration:none; color:#aaaaaa;font-weight:normal;}
.news a:visited{text-decoration:none; color:#aaaaaa;font-weight:normal;}
.news a:hover {text-decoration:underline; color: #ffffff;font-weight:normal;}

.sitemap{
	color:#666666;
	font-size:11px;
	line-height:18px;
	padding-top:5px;
	font-weight:normal;
}

.sitemap a  {text-decoration:none; color:#666666;font-weight:normal;}
.sitemap a:link {text-decoration:none; color:#666666;font-weight:normal;}
.sitemap a:visited{text-decoration:none; color:#666666;font-weight:normal;}
.sitemap a:hover {text-decoration:underline; color: #cccccc;font-weight:normal;}

.weiterlesen{
	color:#188A0C;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
}

.weiterlesen a  {text-decoration:none; color:#188A0C;font-weight:normal;}
.weiterlesen a:link {text-decoration:none; color:#188A0C;font-weight:normal;}
.weiterlesen a:visited{text-decoration:none; color:#188A0C;font-weight:normal;}
.weiterlesen a:hover {text-decoration:underline; color: #188A0C;font-weight:normal;}

.footer{
	color:#ffffff;
	text-align:left;
	font-size:9px;
	line-height:18px;
	font-weight:normal;
	
}

.footer a  {text-decoration:none; color:#aaaaaa;font-weight:normal;}
.footer a:link {text-decoration:none; color:#aaaaaa;font-weight:normal;}
.footer a:visited{text-decoration:none; color:#aaaaaa;font-weight:normal;}
.footer a:hover {text-decoration:underline; color: #ffffff;font-weight:normal;}




/******************************************************************/

/**************** Kontakt *****************************************/

#kontakt{
	width:540px;
	height:380px;
}

.kontakt{
	color:#CCCCCC;
	font-size:10px;
	line-height: 18px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	font-weight:normal;

}

#formLabel{
	width:60px; 
	float:left; 
	height:30px;
	font-weight:normal;
}

#formContent{
	width:135px; 
	float:left; 
	height:30px;
	font-weight:normal;
}


/******************************************************************/

#bubbleMAbonn{
	background-image:url(../layout/bg-medienarchitekten-bonn.png);
	background-repeat:no-repeat;
	margin-left:40px;
	margin-top:0px;
	float:left;
}

#bubbleMAberlin{
	background-image:url(../layout/bg-medienarchitekten-berlin.png);
	background-repeat:no-repeat;
	margin-left:40px;
	margin-top:0px;
	float:left;
}

.bubbleStudios{
	padding-left:40px;
	padding-top: 20px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;

}

.bubbleStudios2{
	padding-left:10px;
	padding-top:20px;
	font-size:12px;
	color:#008c00;
	font-weight:normal;
}

.bubbleStudios2 a  {}
.bubbleStudios2 a:link {text-decoration:none; color:#008c00;font-weight:normal;}
.bubbleStudios2 a:visited{text-decoration:none; color:#008c00;font-weight:normal;}
.bubbleStudios2 a:hover {text-decoration:underline; color: #ffffff;font-weight:normal;}

#kontaktUebersicht{
	height:150px;
	width:570px;
}

#line{ width:500px; height:1px;}

/*********************************************************************/

#content-news-r{
	width:450px;
	
	float:left;
}

#content-news-l{
	width:900px;
	height:380px;
	float:left;
}

.contentNews{
	color:#6B6B6B;
	font-size:10pt;
	line-height: 14pt;
	padding-top:30px;
	padding-left:40px;
	font-weight:normal;
}

.contentNews a  {}
.contentNews a:link {text-decoration:none; color:#6B6B6B;font-weight:normal;}
.contentNews a:visited{text-decoration:none; color:#6B6B6B;font-weight:normal;}
.contentNews a:hover {text-decoration:underline; color: #6B6B6B;font-weight:normal;}