@charset "utf-8";

/***************************************** MainNavi abweichend ************************************/
	#sidebar1 {
		background-image: url(../img/layout/sidebar-bg/konkret.png);
		background-repeat: no-repeat;
	}

	#mainNavi2 li a:link, #mainNavi1 a {
		color:#F5F4F2;
	}

	
		
	
/***************************************** Konkret Liste ******************************************/
	ul.csc-menu-1 {
		list-style-type: none;
		height: 150px;
		width: 330px;
		padding: 35px 10px 10px 10px;
		margin: 0px;
		background-image: url(../img/layout/bg-konkretMc.png);
		background-repeat: no-repeat;
	}

	ul.csc-menu-1 li {
		float: left;
		margin-right: 5px;
		width: 150px;
		height: 25px;
		
	}

	ul.csc-menu-1 li a{
		color: #333333;
		text-decoration: none;
		padding-left: 15px;
		background-image: url(../img/layout/icon_moreKonkretButton.gif);
		background-repeat: no-repeat;
		font-size: 90%;
	}

	#mainContent h5{
		position: relative;
		top: 45px;
		left: 10px;
		color: #d20c29;
	}



	
	
/***************************************** ToolTip ************************************************/
	.tool-tip {
		color: #fff;
		width: 139px;
		z-index: 13000;
	}
 
	.tool-title {
		font-weight: bold;
		font-size: 11px;
		margin: 0;
		color: /*#9FD4FF*/#f5f5f5;
		padding: 8px 8px 4px;
		background: url(../img/layout/bubble.png) top left;
	}
 
	.tool-text {
		font-size: 11px;
		padding: 4px 8px 8px;
		background: url(../img/layout/bubble.png) bottom right;
	}
 
	.custom-tip {
		color: #000;
		width: 130px;
		z-index: 13000;
	}
 
	.custom-title {
		font-weight: bold;
		font-size: 11px;	
		margin: 0;
		color: #3E4F14;
		padding: 8px 8px 4px;
		background: #C3DF7D;
		border-bottom: 1px solid #B5CF74;
	}
 
	.custom-text {
		font-size: 11px;
		padding: 4px 8px 8px;
		background: #CFDFA7;
	}




/***************************************** Navigator **********************************************/

	

	
	/*** Matrixansicht ***/
	h3#varUeschrift {
		float: right;
	}
	
	#navigatorRahmen {
		width: 350px; 		
	}
	
	.navigatorImgPrev {
		margin-right: 8px;
		margin-bottom: 8px;
		/*padding-top: 10px;
		padding-left: 0px;
		padding-right: 10px;
		padding-bottom: 25px;
		border: 1px solid #cccccc;
		background-color: #f5f5f5;
		background-image: url(../img/layout/neueSeite.gif);
		background-repeat: no-repeat;
		background-position: bottom	right;*/
	}
	
	
	
	
	
	

	
	
/***************************************** MooFlow ************************************************/
/*	#MooFlow {
		background-color:#FFFFFF;
		color:#000000;
		visibility:hidden;
		position:relative;
		overflow:hidden;
		
		
	}
	#MooFlow * {
		margin:0;
		padding:0;
	}
	#images {
		position:relative;
		top: -50px;
	}
	#images img {
		position:absolute;
		border:none;
	}
	#captions {
		position:relative;
		text-align:left;
		z-index:10000;
		color: #666666;
		width: 450px;
		border: 1px solid #990000;
	}
	#slider {
		position:relative;
		border:1px solid #b3b3b3;
		z-index:10001;
		
	}
	#knob {
		background:#666666;
		width:100px;
		height:15px;
	}
	#nav{
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		z-index:10002;
		text-align:center;
		top: -40px;
	}
	#nav li{
		display:inline;
	}
	#nav a{
		color:#666666;
	}
	
	#demo{
		text-align: center;
		height: 450px;
	}
	
	#demo a {
		color: #999999;
		text-decoration: none;
	}
	*/
	.tDetail {
		height: 80px;
		overflow: hidden;
		font-size: 90%;
		position: relative;
		top: 8px;
		color:#999999;
	}

	
	.tDetail a {
		color: #999999;
		text-decoration: none;
	}


.mf{visibility: hidden; z-index:1; color:#fff; font-size:1em}
.mf * {
	outline:none;
	border:none;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	width:100%;
	top:45%;
	color:#666666;
	display:block;
	/*background:url(skin/ajax_loader.gif) no-repeat 50% 0;*/
	padding:30px 0;
}
.mf div.caption {
	position:absolute;
	top:-10px;
	text-align:left;
	z-index:98;
	margin:1em auto;
	/*bottom:50px;*/
	width:100%;
}
.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:10px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
/*.mf a.play{
	background:url(http://www.outcut.de/MooFlow/skin/play.gif) no-repeat;
}
.mf a.stop{
	background:url(http://www.outcut.de/MooFlow/skin/stop.gif) no-repeat;
}*/
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:75%;
}
.mf a.sliderNext{
	position:absolute;
	left:225px;
	top:-25px;
	background:url(../img/layout/zurueck.jpg) no-repeat;
}
.mf a.sliderPrev{
	position:absolute;
	left: 249px;
	top:-25px;
	background:url(../img/layout/vor.jpg) no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:20px;
	height:20px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
/*.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url(http://www.outcut.de/MooFlow/skin/resize.gif) no-repeat;
}*/
.mf div.slider{
	/*background:url(http://www.outcut.de/MooFlow/skin/middle.gif) repeat-x;*/
	height:6px;
	position:absolute;
	left: 79px;
	top:7px;
	border:1px solid #bbbbbb;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:6px;
	background:url(../img/layout/bg-knob.jpg) repeat-x right center;
}
.mf div.knobleft{
	background:url() repeat-x center;
	width:8px;
	height:16px;
}


/***************************************** Projekt Navigation *************************************/
	#projNav {
		position:relative;
		top: 0px;
		margin-bottom: -20px;
		background-color: #eeeeee;
		width: 491px;
		text-align:center;
		
	}
	
	#projNaviTop {
		background-image: url(../img/layout/bg-pronaviTop.gif);
		background-repeat: no-repeat;
		background-color: #ffffff;
		height: 14px;
		overflow: hidden;
	}
	
	#projNaviBot {
		background-image: url(../img/layout/bg-pronaviBot.gif);
		background-repeat: no-repeat;
		height: 14px;		
		background-color: #ffffff;
		overflow: hidden;
	}
	
	#projNav h4{
		margin-top: 0;
		border-bottom: 1px dotted #cccccc;
		padding-bottom: 4px;
	}