/* { html-elements */

html { overflow-y: scroll; /* force scrollbar in browser */ }
	
body {
	background-color: #898989;
	color: #222;
	padding: 0 0 72px 0;
}

p {
	word-spacing: 0.1em;
}

/* end : html-elements } */


/* { Layout */
.container {
	width: 990px;
	margin: 0px auto;
}

#header {
	background-color: #fff;
	height: 180px;
	position: relative;
	width: 988px;
}
	#header	h1,
	#header	h1 span {
		background-image: url(../img/qb3_logo.png);
		font-size: 100%;
		height: 180px;
		width: 600px;
	}
	#header h1 { 
		bottom: 0;
		margin-bottom: 0;
		overflow: hidden; 
		top: 0;
	}
		#header	h1 span {
			display: block;
			margin-bottom: 180px;
			position: relative;
			z-index: 1;
		}	
#content {
	background-color: #fff;
	overflow: hidden;
	padding: 72px 72px;
	width: 844px;
}
	#content.expertise-index {
		background-color: #fff;
		padding: 72px 50px;
		width: 888px;
	}
.column { 
	float: left; 
	margin-right: 44px;
}
	.column.last { margin-right: 0; }
	
.one 	{ width:  30px; }
.two 	{ width: 104px; }
.three 	{ width: 178px; }
.four 	{ width: 252px; }
.five 	{ width: 326px; }
.six	{ width: 400px; }
.seven	{ width: 474px; }
.eight	{ width: 548px; }
.nine	{ width: 622px; }
.ten 	{ width: 696px; }
.eleven	{ width: 770px; }
.twelve { width: 844px; }

/* end : layout } */


/* { Page Header */
	
	ul#topheader_elements {
		bottom: 0;
		color: #fff;
		float: right;
		height: 26px;
		list-style-type: none;
		margin: 0;
		padding-top: 10px;
		padding-right: 2px;
		top: 0;
		width: 988px;
	}
		ul#topheader_elements li {
			float: right;
			list-style-type: none;
			margin-left: 18px;
		}
		
		ul#topheader_elements li.lang a:hover { color: #e96224; }
		ul#topheader_elements li.lang a.active { 
			color: #ddd; 
			cursor: default;
		}
		
		li#meetingid {
			background: url(../img/meetingid.png) no-repeat left top;
			padding-left: 34px;
		}
		
			form#meeting_id_insert {
				display: inline;
			}
			input#meetingid_input {
				border: none;
				background-color: #fff;
				vertical-align: 1px;
			}
			input#meeting_submit {
				background-color: #898989;
				border: none;
				color: #fff;
				font-size: 12px;
				margin: 0px;
			}
			input#meeting_submit:hover {
				background-color: #898989;
				border: none;
				color: #e96224;
				font-size: 12px;
				margin: 0px;
			}
			
		li#filetransfer {
			background: url(../img/filetransfer.png) no-repeat left top;
			padding-left: 24px;
		}
			li#filetransfer a:hover {
				color: #e96224;
			}

		ul#topheader_elements a {
			color: #fff;
			text-decoration: none;
		}
	
/* end : page header } */

/* { Navigation */

div#nav_container {
	position: relative;
	height: 36px;
	width: 990px;
}

	ul#navigation {
		width: 990px;
		height: 36px;
		background-color: #898989;
		float: left;
		position: relative;
		top: 0px;
		left: 0px;
	}
		ul#navigation,
		ul#navigation li {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#navigation li a:link,
		#navigation li a:visited {
			background-image: url(../img/navigation_sprite.png);
			border-bottom: none;
			height: 36px;
			overflow: hidden;
			position: absolute;
			text-indent: -9000px;
			top: 0;
		}
		
		body.en #navigation li a:link,
		body.en #navigation li a:visited {
			background-image: url(../img/navigation_sprite_en.png);
		}
		
		#navigation .leistungen a:link,
		#navigation .leistungen a:visited {
			background-position: 0px 0px;
			left: 0px;
			width: 120px;
		}
	   	#navigation .leistungen a:hover,
		#navigation .leistungen a:focus {
			background-position: 0px -36px;
		}
	    	#navigation .leistungen.active a,
			#navigation .leistungen.active a:hover {
				background-position: 0px -72px;
			}
		#navigation .tpo a:link,
		#navigation .tpo a:visited {
			background-position: -120px 0px;
			left: 120px;
			width: 74px;
		}
		#navigation .tpo a:hover,
		#navigation .tpo a:focus {
			background-position: -120px -36px;
		}
			#navigation .tpo.active a,
			#navigation .tpo.active a:hover {
				background-position: -120px -72px;
			}
		#navigation .expertise a:link,
		#navigation .expertise a:visited {
			background-position: -194px 0px;
			left: 194px;
			width: 109px;
		}
		#navigation .expertise a:hover,
		#navigation .expertise a:focus {
			background-position: -194px -36px;
		}
			#navigation .expertise.active a,
			#navigation .expertise.active a:hover {
				background-position: -194px -72px;
			}
		#navigation .karriere a:link,
		#navigation .karriere a:visited {
			background-position: -303px 0px;
			left: 303px;
			width: 96px;
		}
		#navigation .karriere a:hover,
		#navigation .karriere a:focus {
			background-position: -303px -36px;
		}
			#navigation .karriere.active a,
			#navigation .karriere.active a:hover {
				background-position: -303px -72px;
			}
	#navigation .profil a:link,
	#navigation .profil a:visited {
		background-position: -399px 0px;
		left: 399px;
		width: 82px;
	}
	#navigation .profil a:hover,
	#navigation .profil a:focus {
		background-position: -399px -36px;
	}
		#navigation .profil.active a,
		#navigation .profil.active a:hover {
			background-position: -399px -72px;
		}
	#navigation .cioneers a:link,
	#navigation .cioneers a:visited {
		background-position: -701px 0px;
		left: 701px;
		width: 112px;
	}
	#navigation .cioneers a:hover,
	#navigation .cioneers a:focus {
		background-position: -701px -36px;
	}
		#navigation .cioneers.active a,
		#navigation .cioneers.active a:hover {
			background-position: -701px -72px;
		}
	#navigation .presse a:link,
	#navigation .presse a:visited {
		background-position: -813px 0px;
		left: 813px;
		width: 81px;
	}
	#navigation .presse a:hover,
	#navigation .presse a:focus {
		background-position: -813px -36px;
	}
		#navigation .presse.active a,
		#navigation .presse.active a:hover {
			background-position: -813px -72px;
		}
	#navigation .kontakt a:link,
	#navigation .kontakt a:visited {
		background-position: -893px 0px;
		left: 893px;
		width: 95px;
	}
	#navigation .kontakt a:hover,
	#navigation .kontakt a:focus {
		background-position: -893px -36px;
	}
		#navigation .kontakt.active a,
		#navigation .kontakt.active a:hover {
			background-position: -893px -72px;
		}
		
		
	ul#subnavigation {
		background-color: #616161;
		color: #e1e1e1;
		float: left;
		font-size: 12px;
		height: 18px;
		left: 0px;
		letter-spacing: 0.08em;
		list-style-position: inside;
		margin: 0;
		position: absolute;
		top: 36px;
		width: 990px;
	}
		ul#subnavigation li {
			float: left;
			list-style-type: none;
			list-style-image: url(../img/subnavi_bg_bullet.png);
			margin-left: 21px;
		}
			ul#subnavigation li.active,
			ul#subnavigation li.active:hover {
				list-style-image: url(../img/subnavi_bullet.png);
			}
			ul#subnavigation li:hover {
				list-style-image: url(../img/subnavi_hover_bullet.png);
			}
		ul#subnavigation a:link,
		ul#subnavigation a:visited {
			border: none;
			color: #e1e1e1;
			text-decoration: none;
		}
		ul#subnavigation a:hover,
		ul#subnavigation li.active a {
			color: #fff;
		}

/* } */

/* { Content Styles */
	
	#content h1,
	h2.pagetitle {
		color: #616161;
		font-weight: bold;
		line-height: 1.2em;
		margin-top: 0;
	}
	#content h2 {
		color: #616161;
		font-size: 26px;
		font-weight: bold;
	}
		#content h2.maintitle {
			color: #e96224;
			line-height: 30px;
		}
	#content h3 {
		color: #333;
		font-size: 18px;
		font-weight: bold;
	}
	#content h4 {
		color: #222;
		font-size: 15px;
	}
	h5.subtitle {
		font-weight: normal;
		color: #222;
	}
	h4.leadtext {
		color: #616161;
		font-weight: normal;
		line-height: 1.2em;
	}
	h3 {}/* zwischentitel */
	
	p.author {
		color: #616161;
	}
	.date {
		
	}
	#content a {
		color: #222;
		border-bottom: 1px dashed #e96224;
		font-weight: bold;
		text-decoration: none;
	}
		#content a:hover {
			color: #e96224;
			border-bottom: 1px solid #e96224;
		}
	
	/* { =news teaser */
	    .news_teaser {
	        background-color: #ECECEC;
	        margin-bottom: 18px;
	        padding: 18px 16px;
	    }
	        #content .news_teaser h3 {
	            color: #e96224;
	        }
	/* end : news teaser } */
	
	/* alt-text bilder */
	
	caption { /* img & videos */
		
	}
	div.linklist {
		
	}
	
	/* hinweiskasten */
	
	/* empfehlen */
	
	/* print */
	
	/* social bookmarks */
	
	div.leadtext {
		
	}
	
	/* wygwam styles */
	span.qb3 {
		font-weight: bold;
		color: #e96224;
	}
	img.right {
		float: right;
		margin: 0 0 18px 15px;
	}
	img.left {
		float: left;
		margin: 0 15px 18px 0;
	}
	div.interview_question {
        font-weight: bold;
    }
    div.interview_answer {
        font-weight: normal;
    }
	.portrait {
		background-color: #ececec;
		height: 192px;
		position: relative;
		width: 100%;
	}
	.portrait-text {
		display: block;
/*		padding-top: 100px; */
		position: absolute; 
		left: 166px;
		bottom: 18px;
	}
	.index-letter {
		border-bottom: 1px solid #616161;
		color: #616161;
		display: block;
		font-size: 24px;
		font-weight: bold;
		line-height: 36px;
		margin: 0 0 0px 22px;
		width: 844px;
	}
	.teaserbox {
		float: left;
		margin: 0 22px 36px 22px;
		width: 252px;
	}
	#content .teaserbox span.teasertitle,
	#content .teaserbox a span.teasertitle {
		color: #333;
		display: block;
		font-size: 18px; 
		font-weight: bold;
		line-height: 18px;
		margin-bottom: 9px;
		margin-top: 18px;
		top: 2px;
	}
	#content .teaserbox a {
		font-weight: normal;
		border: none;
	}
	#content .teaserbox a:hover {
		color: #222;
	}
	#content .teaserbox a:hover span.teasertitle {
		color: #e96224;
	}
	.teaserbox span.teaser {
		display: block;
		padding: 0 2px;
	}
	#content .teaserbox a span.more-link {
		border-bottom: 1px solid #999;
		color: #e96224;
		display: block;
		font-weight: bold;
		text-align: right;
	}
	#content .teaserbox a:hover span.more-link {
		color: #222;
		border-bottom: 1px solid #e96224;
	}
	
	/* { slideshow (inpage) */
		
		#slideshow {
		    position:relative;
		    height:300px;
		}
			#slideshow IMG {
			    position:absolute;
			    top:0;
			    left:0;
			    z-index:8;
			    opacity:0.0;
			}
				#slideshow IMG.active {
				    z-index:10;
				    opacity:1.0;
				}
				#slideshow IMG.last-active {
				    z-index:9;
				}

	/* end : slideshow (inpage) } */

	/* { kompetenz grafik */
		
			#kompetenzen-img {
				margin-top: 36px;
				position: relative;
			}
			#kompetenzen-img img { border:none !important; }
			
			#kompetenzen-img #box { 
				position:absolute !important; 
				top:-10px !important; 
				left:680px !important; 
				width:221px !important; 
			}
				#kompetenzen-img #box .top { 
					background:transparent url(../img/kompetenz/box_top.gif) repeat-y top left !important; 
					width:221px !important; 
				}
				#kompetenzen-img #box .bottom { 
					background:transparent url(../img/kompetenz/box_bottom.gif) no-repeat !important; 
					height:18px !important; 
				}
				#kompetenzen-img #box h1 { 
					margin:0 !important; 
					color:#fff !important; 
					padding:5px 5px 0px 69px !important; 
					font-size:1em !important; 
					font-weight:bold !important; 
				}
				#kompetenzen-img #box ul { 
					margin:0 !important; 
					padding:0 !important; 
				}
				#kompetenzen-img #box li { 
					list-style-type:none !important; 
					list-style-image: url(../img/kompetenz/bgLi_2.png) !important;
					margin:0 0 0 82px !important; 
					padding:8px 5px 0 0px !important; 
					color:#fff !important; 
					font-size:.95em !important; 
					line-height:1.3em !important;
				}
	
	/* end : kompetenz grafik } */
	
/* end : content styles } */


/* { Footer */
	
	#bottom_links {
		color: #fff;
		margin-top: 9px;
		padding: 0 10px;
	}
	#bottom_links a {
		color: #fff;
		text-decoration: none;
	}
	#bottom_links a:hover { color: #e96224; }
	
	#copyright { float: left; }
	#imprint { float: right; }
	
/* end : footer } */

/* tools */


.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}