/*

					Extensions & FCE CSS
					
															*/



/* LanguageSwitch */
#languageSwitch{
	float:right;	
	display:inline;
	overflow:hidden;
}

#languageSwitch select{
	float:left;
	width:95px;
	height:19px;
	background:#ededed;
	font-size:10px;
	color:#686767;
	border:1px solid #cccccc;
	padding:1px 0 1px 5px;
	margin:0 5px;
}

#languageSwitch label{
	display:none;	
}







/* Indexed Search */
#suche{
	float:right;
}

#suche label{
	float:left;	
	margin:4px 0 0 0;
	display:inline;
}

#suche #tx-indexedsearch-searchbox-sword-top{
	float:left;
	width:121px;
	height:14px;
	color:#5b696a;
	padding:4px 2px 0px 2px;
	margin:0 5px;
}

#content #tx-indexedsearch-searchbox-sword{
	color:#5B696A;
	float:left;
	height:14px;
	margin:0 5px;
	padding:4px 2px 2px;
	width:151px;	
}

#content .tx-indexedsearch-form label{
	float:left;	
	margin-top:4px;
}

#content .tx-indexedsearch-form .submit{
	position:absolute;
	padding:0;
}

#content #submit{
	float:none;
}

#content .tx-indexedsearch div{
	width:100%;
	float:left;
	margin:0 0 18px 0;
	padding:0;
}

#content .tx-indexedsearch span{
	display:inline;	
}

#content .tx-indexedsearch-sw{
	font-weight:bold;	
}









/* CSS styled Content */
#basic .csc-textpic .csc-textpic-image img{
	margin:4px 0 0 0;	
}

#basic #content .csc-textpic-imagewrap{
	padding-right:8px;	
}

.csc-textpic-intext-left ol, .csc-textpic-intext-left ul{
	padding-left:0;
}

#basic .csc-textpic{
	margin:0 0 8px 0;
	float:left;
}






/* CNC Map Marker > Mod1 */
#cnc_map{
	width:672px;
	height:299px;
	position:relative;
	margin:20px 0;
}

#cnc_map .marker{
	position:absolute;
	width:18px;
	height:23px;
	background:url("/fileadmin/templates/img/fahne.png") no-repeat;
	margin:-20px 0 0 -2px;
}

#cnc_map .marker a{
	float:left;
	width:100%;
	height:100%;
	z-index:1;
	position:absolute;
}

#cnc_map .marker span{
	display:none;	
}

#marker_manager p,#marker_manager form{
	padding-left:20px;	
}






/* CNC Map Marker > pi1 */
.markerinfo{
	position:absolute;
	display:none;
	width:278px;
	z-index:2;
}

.marker_right{
	margin-left:-280px;
}

.marker_left{
	margin-left:15px;
}

.marker_top{
	margin-top:15px;
}

.marker_bottom{
	margin-top:-140px;
}

.bg_center{
	width:248px;
	padding:15px;
	float:left;
	background:url("../img/map_mouseover_bg.gif");	
}

.bg_top,.bg_bottom{
	float:left;
	width:100%;
	height:9px;
	overflow:hidden;
	background:url("../img/map_bg_top.png");
}

.bg_bottom{
	background:url("../img/map_bg_bottom.png");	
}

.standard{
	float:left;
	width:650px;	
}

#select_box{
	float:right;
	width:175px;
	margin-bottom: 20px;
}

#select_box select,.box select{
	float:left;
	width:130px;
	height:19px;
	background:#ededed;
	font-size:10px;
	color:#686767;
	border:1px solid #cccccc;
	padding:1px 0 1px 5px;
	margin:0 0 0 19px;
}

.box{
	width:102%;
	float:left;
	padding:0 0 15px 0;
}

.box form{
	margin:0 0 0 15px;	
}

#content #cnc_map{
	clear:both;
}

#gmap{
	width:470px;
	height:290px;
	border:1px solid #5B9293;
	background:#5B9293;
	float:left;
	margin:0 0 15px 0;
}






/* FCE 2Spaltig */
.zweispaltig{
	width:100%;
	float:left;
	margin:20px 0 15px 0;
	background:url("../img/sprite.gif") repeat-y -1528px 0;
}

.bg_line{
	background:url("../img/sprite.gif") repeat-y -1525px 0;
}

.zweispaltig .left{
	width:225px;
	float:left;
	padding-right: 10px;
}

.zweispaltig .right{
	width:225px;
	float:right;
}

.zweispaltig img{
	margin:0 0 5px 0;	
}


/* FCE 3-Spaltig */
.dreispaltig{
	width:100%;
	float:left;
	margin:20px 0 15px 0;
	/*background:url("../img/sprite.gif") repeat-y -1528px 0;*/
}

.dreispaltig .left, .dreispaltig .center, .dreispaltig .right{
	width: 30%;
	float: left;
	padding-right: 10px;
}

.dreispaltig img{
	margin:0 0 5px 0;	
}

.dreispaltig .csc-textpic-text{
	clear: both;
	float:none;
}







/* tx_dwemployees_pi1 */

#management, #partner{
	width:730px;
	float:left;
	display:inline;
	margin-left:-17px;
	background:url("../img/mitarbeiter_bg.gif") 0 0;	
}

#management div, #partner div{
	width:145px;
	display:inline;
	float:left;
	margin:0 18px 30px 17px;
	height:200px;
}

#management div img, #partner div img{
	margin:0px 0 4px 0;	
}

#management div h2, #partner div h2{
	margin:0 0 6px 0;	
	text-decoration:none;
	color: #5B9293;
}

#management div a, #partner div a{
	margin:0 0 6px 0;	
	text-decoration:none;
	color: #5B9293;
}

#switch_employee{
	width:100%;
	float:left;
	margin:0 0 25px 0;
	background:#ececec;
	color:#686767;
	border:1px solid #cfcfcf;
}

#employee p.bodytext{
	line-height: 16px;
}

#employee img{
	margin:0 0 8px 0;	
}








/* tx_dwkontakt_pi1 */
#kontakt div{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

#kontakt label{
	float:left;
	width:140px;
}

#kontakt input,#kontakt textarea{
	width:330px;
	padding:1px;
	border:1px solid #c4c4c4;
	float:left;
}

#kontakt select{
	background:#ECECEC;
	border:1px solid #CFCFCF;
	color:#686767;
	float:left;
}

#kontakt #empfaenger{
	width:334px;
}

#kontakt #strasse,#kontakt #ort{
	width:255px;	
}

#kontakt #plz,#kontakt #hausnr{
	width:65px;	
}

#kontakt #plz{
	margin-right:6px;	
}

#kontakt #hausnr{
	margin-left:6px;	
}

#kontakt #submit{
	background:url("../img/kontakt_submit.gif") no-repeat #93bcc0 center right;
	width:auto;
	padding:3px 40px 3px 10px;
	float:left;
	text-align:center;
	color:#fff;
	border:none;
	font-weight:bold;
	cursor:pointer;
}

#kontakt .error{
	color:#f00;
	padding-left:140px;
	margin:0 0 0 0;
	font-size:11px;
}

/* SysExt > Sitemap */

#content .csc-sitemap ul{
	list-style: disc;
	color: #445455;
	margin:0px 0 0px 3px;
	padding:0;
}

#content .csc-sitemap li a{
	font-weight:bold;
	font-size:14px;
	color:#445455;
	font-family:Verdana;
	line-height:16px;
	text-decoration:none;
}

#content .csc-sitemap li a:hover{
	text-decoration:underline;
}

#content .csc-sitemap ul li ul{
	list-style: circle;
	color: #445455;
	margin: 10px 0 0 0;
}

#content .csc-sitemap li li a{
	font-weight:normal;
	font-size:13px;
	color:#445455;
	font-family:Verdana;
	line-height:16px;
}

#content .csc-sitemap li li a:hover{
	text-decoration:underline;
}



/* FE-Login */
.tx-felogin-pi1 label, .tx-felogin-pi1 input{
	width: 120px;
	margin-bottom: 3px;
	padding: 2px 0;
}
.tx-felogin-pi1 label{
	float:left;	
}
.tx-felogin-pi1 div{
	padding: 2px 0;
}



/* Vakanzen/Berwerungsformular */
.printOnly{
	display:none;
}

#druckenEmpfehlen{
	position:relative;
}
#empfehlen{
	position:absolute;
	left: -17px;
    top: -250px;
	background: url(../img/bg_empfehlen.png) no-repeat scroll left top transparent;
    width: 460px;
    height: 225px;
    padding: 19px 38px 34px 18px;
    display: none;
}
#empfehlen .left{
	float: left;
}
#empfehlen .right{
	float: right;
}
#empfehlen .left input, #empfehlen .right input{
	width: 215px	
}
#empfehlen textarea{
	width: 456px;
}
#empfehlen label{
	display: block;
	padding: 0 0 5px;
}
#empfehlen .submit{
	background: url(../img/submit_pfeil.gif) no-repeat scroll right top transparent;
	border: 0;
	margin: 10px 0 0;
	cursor: pointer;
	text-align: right;
	padding-right: 25px;
	width: auto;
}
#empfehlen .close{
	font-size: 10px;
    position: absolute;
    right: 38px;
    top: 22px;
	cursor: pointer;
}
input.error, textarea.error, p.error{
	border: 1px solid #e65f5f;
}
#empfehlen #error{
	background: url(../img/no.gif) no-repeat scroll left top transparent;
	padding: 0 0 0 20px;
}
#empfehlen #success{
	background: url(../img/yes.gif) no-repeat scroll left top transparent;
	padding: 0 0 0 20px;
}

#druckenEmpfehlen .we{
	display: block;
	float: right;
	text-align: right;
    text-decoration: underline;
    width: 200px;
	cursor: pointer;
}



/* knowledge */
#fwKnowExpSuche .submit{
	border: 0;
}

.fwKnowBus{
	margin: 5px 0;
	border-bottom: 1px solid #c3dadc;
	padding: 10px;
}

#fwKnowExpSuche select{
	width: 150px;
}


#fwKnowExpSuche .right select{
	float: left;
}


#fwKnowledgeExperte h3{
	color: #5B9293;
}


.fwKnowBusExp img{
	float: left;
	margin-right: 10px;
}

.fwKnowBusExpTextWrapper{
	float: left;
	width: 150px;
}

.fwKnowBusExpBoxes{
	float: right;
	width: 180px;
	padding-top: 28px;
}

.fwKnowBusExpButton{
	display:block;
	width: 100px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background: url(../img/bt_knowledge.gif) scroll no-repeat left top transparent;
	text-decoration: none !important;
	padding-bottom: 5px;
	cursor: pointer;
	margin-left: 80px;
}

.fwKnowBusExpButton:hover{
	color: #5b9293;
}

.fwKnowBusExpBox{
	padding: 10px 0;
	display: none;
}

.fwKnowBusExpBeschr{
	float: none;
	clear: both;
	padding: 10px 0;
}

.fwKnowTermineSmall, .fwKnowTermineBig{
	width: 210px;
	margin: 0 auto;
}

.fwKnowTermineBig{
	margin: 0 auto 20px auto;
	width: 100%;
}

.fwKnowTermineSmall td, .fwKnowTermineSmall th, .fwKnowTermineBig td, .fwKnowTermineBig th{
	height: 30px;
	/*width: 30px;*/
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #c3dadc;
}
.fwKnowTermineSmall th, .fwKnowTermineBig th{
	font-weight: bold;
}

#fwKnowledgeTermine .monthBrowser th{
	width: auto;
}
#fwKnowledgeTermine .monthBrowser .calendarPrev{
	text-align: left;
	width: 20px;
}
#fwKnowledgeTermine .monthBrowser .calendarNext{
	text-align: right;
	width: 20px;
}
#fwKnowledgeTermine .monthBrowser a{
	height: 20px;
	width: 20px;
	display: block;
	text-decoration: none;
}
#fwKnowledgeTermine .calendarPrev a{
	background: url(../img/bt_know_monthbrowser.gif) no-repeat scroll left top transparent;
}
#fwKnowledgeTermine .calendarNext a{
	background: url(../img/bt_know_monthbrowser.gif) no-repeat scroll right top transparent;
}

.fwMarked{
	background: #c3dadc;
}

.fwKnowTerminDetail{
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #c3dadc;
}

.termineHoverContainer{
	height: 0px !important;
	width: 210px;
}

.termineHoverContainer{
	position: relative;
	width: 100%;
	display: none;
}

.termineHoverContainer div{
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: left;
	padding: 20px 10px 10px;
	border: 1px solid #c3dadc;
	background: #fff;
	width: 220px;
	display: none
}

.termineHoverContainer div ul{
	list-style: none;
	background: none !important;
}

.termineHoverContainer div ul li{
	list-style:none;
	background: none !important;
	padding: 5px 0 !important;
}

.termineHoverContainer .close{
	display: inline !important;
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 10px;
	line-height: 10px;
	cursor: pointer;
}


#fwKnowledgePublications ul li{
	background: none;
	padding-left: 0;
}



.fwKnowKontakt{
	clear:both;
}

.fwKnowKontakt img{
	float:right;
}

.clear{
	clear: both;
	float: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*knowledge based on management*/
#employee .imgKnowledgeWrapper{
	width: 475px;
}

#employee .imgKnowledgeWrapper img{
	float: left;
	width: 300px;
	height: 204px;
	margin-bottom: 8px;
}

#employee .imgKnowledgeWrapper .knowledge{
	float: right;
	width: 150px;
	text-align: right;
	overflow: visible;
	color: #445455;
    font-size: 12px;
    font-family: Verdana,Geneva,sans-serif;
    padding-left: 10px;
}


#employee .imgKnowledgeWrapper .knowledge .fwKnowButton{
	background: url(../img/bg_button_125x25.gif) no-repeat scroll left top transparent;
	width: 125px;
	height: 25px;
	margin: 0px 0px 10px 25px; 
	line-height: 23px;
	text-align: center;
	cursor: pointer;
	display: block;
	text-decoration: none;
	clear: both;
	float: right;
}

#employee .imgKnowledgeWrapper .knowledge .fwKnowButton:hover{
	text-decoration: underline;
	color: #5B9293;
}

#employee .imgKnowledgeWrapper .knowledge .fwKnowDetail{
	display: none;
	clear: both;
	text-align:left;
}


/* NL - unsubscribe */
.unsubscribeEmail{
	display: block;
	width: 200px;
	padding: 1px 3px;
}

.unsubscribeMe{
	background: url(../img/submit_pfeil.gif) no-repeat scroll right -1px transparent;
	border: 0;
	margin: 10px 0 0;
	cursor: pointer;
	text-align: left;
	padding-right: 25px;
	width: auto;
	height: 18px;
	display: block;
}