/*
@import url(layouthelp.css);
*/
/**
* Force vertical scrollbars
**/
html[xmlns^="http"] {
	overflow-y:				scroll;
}

/**
* Disable padding and margin for all elements
**/
* {
	padding:				0px;
	margin:					0px;
}

body {
	font-family:			Verdana, Arial, Helvetica;
	font-size:				small;
	color:					#666;
	padding-top:			40px;
}

a {
	color:					#666;
}

/**
* Set page centered
*/
#center {
	text-align:				center;
}

/**
* Define page width
* Set margin to auto, otherwise non IE Browser will display the page non centered
**/
#page {
	position:				relative;
	margin:					auto;
	text-align:				left;
	width:					910px;
}

#header {
	position:				relative;
	height:					306px;
}

#quote {
	position:				absolute;
	top:					110px;
	left:					715px;
	width:					165px;
	height:					150px;
	padding:				10px;
	color:					#fff;
	font-size:				smaller;
}

#quote p {
	padding-bottom:			5px;
	line-height:			1.5;
}

#newsletter_subscribe{
	position:				absolute;
	border: 				0px solid #000;
	top:					222px;
	left:					698px;
	background:				url(../images/bg_nl_subscribe.jpg) no-repeat;
	width:					212px;
	height:					84px;
	font-family:			Garamond, Georgia, Times;
	font-size:				15px;
}

#newsletter_subscribe p{
	padding:				10px 0 0 25px;
}
#newsletter_subscribe  .nlsmall{
	font-size:				x-small;
	padding:				0px 0 0 25px;
	font-family:			Verdana, Arial;

}

#newsletter_subscribe .nllink{
	float:					right;
	padding-right:			13px;
	padding:				2px 13px 0 25px;
	font-size:				12px;
	font-family:			Verdana, Arial;
	
}

#header_home, #header_home_static, #header_standard, #header_standard_static, #header_Security {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/home.jpg) no-repeat;
}

#header_home_static {
	background:				url(../../assets/kopfbilder/home.jpg) no-repeat;
}

#header_agentur, #header_agentur_static {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/agentur.jpg) no-repeat;
}

#header_agentur_static {
	background:				url(../../assets/kopfbilder/agentur.jpg) no-repeat;
}

#header_leistungen, #header_leistungen_static {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/leistungen.jpg) no-repeat;
}

#header_leistungen_static {
	background:				url(../../assets/kopfbilder/leistungen.jpg) no-repeat;
}

#header_referenzen, #header_referenzen_static {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/referenzen.jpg) no-repeat;
}

#header_referenzen_static {
	background:				url(../../assets/kopfbilder/referenzen.jpg) no-repeat;
}

#header_produkte, #header_produkte_static {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/produkte.jpg) no-repeat;
}

#header_produkte_static {
	background:				url(../../assets/kopfbilder/produkte.jpg) no-repeat;
}

#header_kontakt, #header_kontakt_static {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/kontakt.jpg) no-repeat;
}

#header_kontakt_static {
	background:				url(../../assets/kopfbilder/kontakt.jpg) no-repeat;
}

#header_impressum, #header_impressum_static {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/impressum.jpg) no-repeat;
}

#header_impressum_static {
	background:				url(../../assets/kopfbilder/impressum.jpg) no-repeat;
}

#header_news, #header_news_static {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/news.jpg) no-repeat;
}

#header_news_static {
	background:				url(../../assets/kopfbilder/news.jpg) no-repeat;
}

#header_partner, #header_partner_static {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/jobs.jpg) no-repeat;
}

#header_partner_static {
	background:				url(../../assets/kopfbilder/partner.jpg) no-repeat;
}

#header_jobs, #header_jobs_static {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/jobs.jpg) no-repeat;
}

#header_jobs_static {
	background:				url(../../assets/kopfbilder/jobs.jpg) no-repeat;
}

#header_werbemittel, #header_werbemittel_static {
	position:				relative;
	height:					306px;
	background:				url(../../assets/flash_bg/jobs.jpg) no-repeat;
}

#header_werbemittel_static {
	background:				url(../../assets/kopfbilder/werbemittel.jpg) no-repeat;
}

#home_link {
	position:				absolute;
	left:					10px;
	width:					210px;
	height:					140px;
}

#header_nav {
	text-align:				right;
	padding:				50px 13px 0px 0px;
}

#header_nav a {
	text-decoration:		none;
	display:				inline;
	margin-left:			15px;
	float: 					right;
	font-size:				small;
	padding-top:			0px;
}

#header_flash {
	position:				absolute;
	top:					214px;
	left:					58px;
	width:					635px;
	height:					78px;
}

#navigation {
	padding:				30px 16px 30px 16px;
}

#navigation a {
	text-decoration:		none;
	color:					#666666;
}

#navigation ul {
	list-style-type:		none;
}

#navigation ul li {
	border-bottom:			1px solid white;
	padding-bottom:			10px;
}

#navigation ul li a {
	font-family:			Garamond, Georgia, Times;
	font-size:				1.4em;
	text-transform:			lowercase;
	display:				block;
	font-weight:			bold;
	height:					25px;
	padding:				0px 0px 0px 42px;
	/*padding:				3px 0px 0px 42px;*/
	background:				url(../images/bg_a_navigation_top_inactive.gif) no-repeat;
}

#navigation ul li a.current, #navigation ul li a.section, #navigation ul li a:hover {
	background:				url(../images/bg_a_navigation_top_active.gif) no-repeat;
}

#navigation ul li ul {
	margin-bottom:			3px;
}

#navigation ul li ul li {
	margin-left:			13px;
	margin-top:				12px;
	padding-bottom:			0px;
}

#navigation ul li ul li a {
	font-family:			Verdana, Arial, Helvetica;
	text-transform:			none;
	font-size:				1.0em;
	height:					auto;
	background:				url(../images/bg_a_navigation_sub_inactive.gif) 0px 3px no-repeat;
	padding:				0px 0px 0px 29px;
	font-weight:			normal;
	cursor:					pointer;
}

#navigation ul li ul li a.current, #navigation ul li ul li a.section, #navigation ul li ul li a:hover {
	background:				url(../images/bg_a_navigation_sub_active.gif) 0px 3px no-repeat;
}

#navigation ul li ul li ul {
	margin:					10px 0px 0px 12px;
}

#navigation ul li ul li ul li a {
	height:					auto;
	padding:				0px 0px 0px 29px;
	font-weight:			normal;
}


#content_left, #content_main, #content_main_twocol, #content_main_threecol, #content_right {
	float:					left;
}

#content_left {
	width:					240px;
}

#content_main {
	width:					1000px;
}

#content_main_twocol {
	width:					646px;
	padding:				33px 12px 33px 12px;
}

#content_main_twocol.content_left {
	width:					800px;
}

#content_main_twocol.content_right {
	width:					800px;
}

#content_main_twocol_content_left {
	float:					left;
	width:					589px;
	padding:				33px 12px 33px 92px;
}

#content_main_threecol {
	width:					429px;
	padding:				33px 12px 33px 12px;
}

#content_main_search{
	width:					623px;
	float:					left;
	padding:				33px 12px 33px 58px;	
}

#content_main_team, #content_main_projects {
	width:						658px;
	float:						left;
	padding-left:				12px;
	padding-top:				33px;
	background-color:			#fff;
}

#content_right {
	width:					217px;
}

#content_right_image, #content_right_end, #content_right_news_image, #content_right_project_image {
	width:					217px;
	height:					206px;
}

#content_right_news_image, #content_right_project_image {
	position:				relative;
	background:				url(../images/bg_div_content_right_news_image.gif) no-repeat #fff;
}

#content_right_news_image div.image, #content_right_project_image div.image {
	position:				absolute;
	top:					8px;
	/*left:					28px;*/
	left:					25px;
	width:					180px;
	height:					183px;
	overflow:				hidden;
}

#content_right_project_image {
	position:				relative;
	background:				none;
}

#content_right_project_image div.image {
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					217px;
	height:					206px;
	background:				url(../images/bg_div_content_right_news_image.gif) no-repeat;
}

#content_right_end {
	background:				url(../images/bg_div_content_right_end.gif) no-repeat;
}

#footer {
	position:				relative;
}

#footer_content {
	/*
	position:				absolute;
	top:					-20px;
	left:					0px;
	*/
	color:					#999;
	width:					677px;
	text-align:				right;
}

#layout_wrapper {
	z-index:				-1;
	position:				absolute;
	top:					306px;
	left:					0px;
	width:					910px;
	height:					412px;
	/*background:				url(../images/bg_div_content_right_end.gif) repeat-y top right;*/
}


/**
* Suche 
**/

#search_holder{
	float:					right;
	margin:					0 0 0 28px;
}

#SearchForm_SearchForm_Search {
	width: 				168px;
	height:				13px;
	border:				1px solid #d6d6d6;
	font-size:			x-small;
	padding-left:		4px;
}

#SearchForm_SearchForm_action_SearchResults{
	border: 0px solid #000;
}


#SearchForm_SearchForm input.action {
	margin:				3px 0 0 4px;
	background-image:	url(../images/form_submit.gif);
	cursor:					pointer;
	background-repeat:		no-repeat;
	width:					16px;
	height:					15px;
	margin-top:				3px;
	margin-left: 			4px;
	border:					none;
	display:				none;

}

#Search {
	float:					left;
}

#search_submit{
	background-image:	url(../images/form_submit.gif);
	cursor:					pointer;
	background-repeat:		no-repeat;
	width:					16px;
	height:					15px;
	margin-top:		3px;
	margin-left: 		4px;
	border:					none;
}

/**
* Team-Seite
**/

.employee{
	float:					left;
	margin-bottom:			30px;
	border-bottom:			1px solid #d6d6d6;
	padding-bottom:			20px;

}

.employee_photo{
	width:					188px;
	float:					left;
	padding-top:			5px;

}

.employee_details{
	float:					left;
	width:					463px;
}

div.employee_details h3 {
	margin-bottom:			8px;
}

div.employee_details p {
	margin-bottom:			8px;
}

.employee_contact_left{
	margin-top:				0px;
	float:					left;					
}
.employee_contact_right{
	float:					left;
	margin-left:			15px;
}




/**
* Comments
**/
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 10px 10px 10px 10px;
}
#PageComments li.odd {
	background: #efefef url(../images/bg_li_page_comments_odd.gif) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
}

#PageComments li.even {
	background: #fff url(../images/bg_li_page_comments_even.gif) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
}

.actionLinks li {
	display: inline;
	border-right: 1px solid;
}
.actionLinks li.last {
	border-right: none;
}

.commentrss {
	background: transparent url(../images/bg_a_commentrss.png) no-repeat;
	padding-left: 20px;
}
#PageCommentsPagination p {
	text-align: center;
}

#PageCommentInterface_Form_PageCommentsPostCommentForm {
	margin-bottom:					10px;
}

#PageCommentInterface_Form_PageCommentsPostCommentForm_error {
	margin:							10px 0px;
	padding:						10px;
	border:							1px solid #ff0000;
	background-color:				#ff7676;
	font-weight:					bold;
	color:							#fff;
}

div.project {
	width:						300px;
	float:						left;
	margin-bottom:				30px;
}

div.project h3, div.project p {
	margin:						0px;
	margin-bottom:				2px;
}

div.project p.project_work {
	height:						35px;
}

div.project p.limited_content {
	height:						50px;
}

div.project p.more {
	margin-bottom:				10px;
}

div.project.even {
	margin-left:				46px;
}

div.project img {
	border:						none;
}

img.project_image_right {
	display:				block;
	width:					201px;
	height:					191px;
	position:				absolute;
	top:					0px;
	left:					14px;
	z-index:				-1;
}

a.project_image_right_lightbox {
	display:				block;
	margin-left:			14px;
	width:					201px;
	height:					191px;
}

div.cb {
	clear:					both;
}

div.cl {
	clear:					left;
}

div.cr {
	clear:					right;
}

div.newsEntry {
	margin-bottom:			20px;
}

div.previous_next_back {
	margin-top:				20px;
}

div.previous {
	float:					left;
	width:					120px;
}

div.back {
	float:					left;
	width:					189px;
	text-align:				center;
}

div.next {
	float:					left;
	width:					120px;
	text-align:				right;
}