@charset "utf-8";
/*	---------------------------------------------------
	Allgemein
	---------------------------------------------------*/

	html, body {}
	html * {padding:0;margin:0;outline:none;}
	
	body { margin:0; padding:0; font-size:12px; color:#000000; line-height:100%;font-family:Verdana, Geneva, sans-serif; background-color:#FFFFFF }
	
	body, input, textarea, select,  td, th, a {font-family:Verdana, Geneva, sans-serif;color:#000000;font-size:11px;line-height:170%}

	/*	IE Transparenz 	*/
	img,
	div,
	a,
	input,
	h1,
	h2,
	h3,
	h4,
	span,
	ul,
	li,
	label { behavior: url(/_elements/styles/iepngfix.htc) }

	/*	:hover-Support für alle Elemente	*/
	body { behavior: url(/_elements/styles/csshover.htc); }

	

/*	-------------------------------------------------------------------------------- */
/*	Seitenaufbau
/*	-------------------------------------------------------------------------------- */

	#wrap {
		margin:0 auto;
		width:932px; /* innere Breite: 892px */
		padding:0;
		background-color:#FFF;
	}

	#bluebox {position:absolute;width:10px;height:157px;right:0;top:409px;background-color:#00addd;z-index:0;}

	#header, #footer, #main, #imagerotation {margin:0 auto;width:892px;position:relative;}

	#header {height:160px;z-index:2;}
	#imagerotation {margin-bottom:25px;}
	#main {z-index:1;}
	
	#footer {margin-top:40px;height:45px;background:transparent url(../images/bg_linie.gif) repeat-x;}

	#content {position:relative;}
	.wrapCols {background:transparent url(../images/bg_linie.gif) repeat-y 248px 0;position:relative;width:892px}
	.lCol {float:left;width:247px;margin-top:-4px;}
	.rCol {float:left;width:620px;padding:0 0 0 25px;float:left;margin-top:-4px;}
	
	.txt {width:440px;}

/*	-------------------------------------------------------------------------------- */
/*		Globale Einstellungen														 */
/*	-------------------------------------------------------------------------------- */
 
	.clearer {clear:both;display:block;height:1px;margin-bottom:-1px;font-size:1px;line-height:1px;}

	.error { color:#B2B2B2!important; }

	table {padding:0;table-layout:fixed;border-collapse:collapse;border-spacing:0px;}
	
	td, tr, th {padding:0;margin:0;border:none;}
	
	sub, sup {line-height:1em;font-size:32%;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

	img, fieldset {border:none;}
	
	.txt-color-01 {color:#00acdd}

/*	----------------------------------------------------------
	HEADER
	---------------------------------------------------------- */

	/* Logo und Kennung */
	#logo {position:absolute;width:178px;height:75px;top:35px;right:0px;}
	#logo h4 {width: 178px;height:75px;background: transparent url(../images/proprojekt_logo.jpg) no-repeat 0 0;}
	#logo h4 span {display:none;}
	#logo h4 a {display:block;width:178px;height:75px;}

	/* Hauptnavigation */
	#mNav {	z-index:5;position:absolute;left:-10px;top:50px;}
	#mNav, 
	#mNav ul{font-size:13px;padding:0;margin:0;list-style:none;}
	
	/* Erste Ebene */
	#mNav li {float:left;position:relative;padding:0;margin:0;line-height:15px;}
	#mNav li a {padding-left:10px;display:block;text-decoration:none;color:#000;line-height:22px;margin:0;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;}
	#mNav li:hover a {color:#28b0ed;}
	
	#n01 a {width:110px}
	#n02 a {width:140px}
	#n03 a {width:110px}
	
	/* Zweite Ebene */
	#mNav li ul {position:absolute;left:-900em;background-color:#FFF;padding-top:6px;}
	#mNav li:hover ul{left:0;}

	#mNav li ul li {float:none;}
	#mNav li ul li a {font-size:13px;color:#000!important;line-height:20px;display:block;}
		* html #mNav li ul li a {width:155px;}
		#n01 ul li a {width:120px;} 
		#n02 ul li a {width:150px;} 
	#mNav li ul li:hover,
	#mNav li ul li:hover a {color:#00acdd!important;}

	/* Linie unter Navigation */
	.mNav-linie {position:absolute;left:0;top:80px;width:670px;height:1px;background:transparent url(../images/bg_linie.gif) repeat-x;}

	/* Verortung der Navigation */
	.verortung {font-family:Georgia, "Times New Roman", Times, serif;z-index:4;position:absolute;top:78px;background:#FFF;line-height:20px;font-size:13px;color:#000;height:20px;padding-left:10px;}

	.verortung.n01 {width:120px;left:-10px;}
	.verortung.n02 {width:150px;left:110px;}
	.verortung.n03 {width:110px;left:260px;}
	
	
/*	----------------------------------------------------------
	CONTENT
	---------------------------------------------------------- */
	
	/*	Überschriften
	/*	----------------- 	*/
	#content h1 		{font-weight:normal;color:#000000;font-size:28px;line-height:114%;background:transparent url(../images/bg_linie.gif) repeat-x left bottom; padding:0 0 12px 0;	margin-bottom:50px;}
	/*#content h1 + p 	{margin-top:8px;}
	#content p + h1 	{margin-top:10px;}*/
	#content h1 span.sign {width:21px;background:transparent url(../images/bg_h1-sign.gif) no-repeat;display:inline-block;height:19px;}
	#content h2 span.sign {width:18px;background:transparent url(../images/bg_h2-sign.gif) no-repeat 0 2px;display:inline-block;height:17px;}
	
	/*#content h1 span	{position:absolute;right:0px;line-height:30px;font-size:13px;color:#949494}
	#content h1 a.link_last	{position:absolute;right:0px;top:10px;}*/
	
	#content h2 {font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;color:#000000;line-height:146%;margin-bottom:3px;}
	
	
	#content h3 {font-size:11px;font-weight:normal;color:#000000;line-height:170%;}
	#content h4 {color:#000; font-size:13px; font-weight:bold; margin-bottom:4px;line-height:140%}

	/*	Besondere Auszeichnungen
	/*	----------------- 	*/
	#content em {}

	/*	Textfluss
	/*	----------------- 	*/
	#content p {padding:0 0 0 0;}
	#content img {margin:0 0 8px 0}
	#content a {color:#28b0ed;text-decoration:none;}
	#content a:hover {text-decoration:underline;}

	div.image {
	position:absolute;right:0px;top:0px;
}

	.colImage, .colText {float:left;}
	
	.colText {width:380px;}
	.colImage {width:180px;margin-left:60px}
	* html .colImage {margin-left:55px}

	/*	Claim auf Startseite
	/*	----------------- 	*/
	DIV.claim {margin:7px 0 36px 0;width:493px;height:221px;background:transparent url(../images/bg_claim.jpg) no-repeat;}
	.claim.en {background:transparent url(../images/bg_claim-en.jpg) no-repeat!important;}
	DIV.claim h1 {display:none;}

	/*	Listen
	/*	----------------- 	*/
	#content ul {}
	#content ul li {
		background:transparent url("../images/bg_content-li.gif") no-repeat scroll 0 7px;
		list-style:none;
		padding-left:10px;
	}


	/*	Linien
	/*	-----------------	*/
	.divLinie {background:transparent url(../images/bg_linie.gif) repeat-x;height:1px;clear:both}


	/*	Projektnavigation
	/*	-----------------	*/
	
	.pageNavi {position:absolute;right:0;top:30px;width:96px;height:30px;}
	.pageNavi a {
		position:absolute;
		top:0;
		display:block;
		width:30px;
		height:30px;
		background-color:transparent;
		background-image:url(../images/bg_projektNavi.gif);
		background-repeat:no-repeat;
		text-indent:-900em;
		overflow:hidden;}
	.pageNaviLAST {left:0px;background-position:0 0}
	.pageNaviBACK {left:33px;background-position:-33px 0}
	.pageNaviNEXT {left:66px;background-position:-66px 0}
	
	.pageNaviLAST:hover {left:0px;background-position:   0px -30px}
	.pageNaviBACK:hover {left:33px;background-position:-33px -30px}
	.pageNaviNEXT:hover {left:66px;background-position:-66px -30px}

/*	----------------------------------------------------------
	Definitionslisten
	---------------------------------------------------------- */
	dl {
	}
	dt {
		width:892px;
		height:auto;
		position:relative;
		background:transparent url(../images/bg_linie.gif) repeat-x;
		display:block;
	}
	.accordion dt {	cursor:pointer; }
	dt:hover {}
	dt.active,
	dt.ui-state-active {
		cursor:pointer;
		height:1px;
	}
	dt.active *, dt.ui-state-active * {display:none;}
	
	dt strong, dt a{
		display:block;
		padding:10px 0 6px 0;
		font-weight:normal;
		text-decoration:none;
		height:auto;}

	dt strong:hover,
	dt strong.active{color:#28b0ed}

	dd {padding:14px 0;}
	
	dd .wrapCols {height:150px;}

	/*	
	/*	Übersichtsliste Referenzen	*/
	SPAN.pList01, SPAN.pList02 {
		position:absolute;
		top:2px;
		height:34px;
		line-height:34px;
		color:#000;
		text-decoration:none;
	}
	SPAN.pList01 {left:435px;width:370px;}
	SPAN.pList02 {right:0px;width:84px;text-align:right;padding-right:6px;}


/*	----------------------------------------------------------
	Startseitenanpassungen
	---------------------------------------------------------- */

	.home #header {height:106px;}
	.home .wrapCols {background:none;}
	.home .lCol {width:270px;}
	.home .rCol {width:489px;padding-left:108px;}
	#content h2.news {font-family:Verdana, Geneva, sans-serif;font-size:20px;line-height:24px;padding-bottom:6px;font-weight:normal;background:transparent url(../images/bg_linie.gif) repeat-x 0 bottom;}


/*	----------------------------------------------------------
	News-Accordion auf Startseite
	---------------------------------------------------------- */
	.newsblock {margin-top:36px;padding-bottom:1px;background:transparent url(../images/bg_linie-bottom.gif) repeat-x 0 bottom;}
	
	.nHead{cursor:pointer;color:#28b0ed;background:transparent url(../images/bg_linie.gif) repeat-x 0 top;}
	.nHead.ui-state-active {}
	.nHead strong {padding:15px 0 2px 0;display:block;color:#28b0ed!important;font-weight:normal!important;line-height:170%!important;}
	.nHead:hover strong {text-decoration:underline;}
	.nText{height:100px;}

/*	----------------------------------------------------------
	Footer
	---------------------------------------------------------- */

	/* Footer-Navigation */
	#tools {z-index:2;position:absolute; top:4px;right:0; }
	#tools li {float:left;list-style:none;}
	#tools li a {display:block;padding:0 0 0 40px;font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;color:#000000;text-decoration:none;}
	#tools li a:hover, #tools li a.active {color:#28b0ed;}


	/*	Social Icons	*/
	#social-icons  {z-index:2;position:absolute; top:8px;left:0; }
	#social-icons li {float:left;list-style:none;margin-right:8px;}
	#social-icons li a {display:block;width:14px;height:14px;background-color:transparent;background-position:0 0;}
	#social-icons li a:hover {background-position:0 -14px;}
	#social-icons li a span {display:none;}
	
	a#linkedIn {background-image:url(../images/social-icons/linkedin_icon.gif)}
	a#XING {background-image:url(../images/social-icons/xing_icon.gif)}