/* CSS Document */

#body {
	background-color:#FFFFFF;
	height:auto;
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
	line-height:18px;
	color:#666666;
	}
		
.noscroll{
	overflow-x:hidden;
	}

.scroll {
	overflow-x:auto;
	}

img { 
	border-style: none; 
	}
	
ul	{
	list-style-image: url('../images/shared/list.gif');
	padding: 4px 0px 12px 10px;
	margin: 0px;
	}

a {
	color:#009EE0;
	text-decoration:none;
	}
	
a:visited a:hover a:active{
	color:#009EE0;
	text-decoration:none;
	} 

.arrow {
	height:16px;
	line-height:17px;/*zum optischen Ausgleich 1 px geschummelt;-)*/
	color:#009EE0;
	background-image:url('../images/shared/arrow_right_blue.gif');
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:10px;
	margin-left:16px;
	margin-top:12px;
	margin-bottom:16px;
	}
	
.arrow a{
	text-decoration:underline;
	}

.h1 {
	font-size:13px;
	font-weight:bold;
	color:#009EE0;
	}
	
/******************Header********************/

.header{
	height:90px;
	background:#ffffff;
	padding:24px 0px 0px 36px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}


/******************Hauptnavigation********************/

.navi_main {
	width:656px;
    height:26px;
	padding: 0px 0px 0px 208px;
	position:absolute;
	top:94px;
	z-index:1;
	}
	
.navi_main > div{
	float:left;
	}
	
.navi_main > div a:hover{
	background-position: 0px -26px;
	}
	
.navi_main > div a#current{
	background-position: 0px -26px;
	font-size:0px;	
	}

/*Deutsch*/

.ueberuns a{
	font-size:0px;
	text-indent:-9000%;
	display:block;
	width:76px;
	height:26px;
	background: transparent url('../images/shared/de/nav_ueberuns.png') 0px 0px no-repeat;
	}

.leistungen a{
	font-size:0px;
	text-indent:-9000%;
	display:block;
	width:86px;
	height:26px;
	background: transparent url('../images/shared/de/nav_leistungen.png') 0px 0px no-repeat;
	}
	
.specials a{
	font-size:0px;
	text-indent:-9000%;
	display:block;
	width:69px;
	height:26px;
	background: transparent url('../images/shared/de/nav_specials.png') 0px 0px no-repeat;
	}

	
.projekte a{
	font-size:0px;
	text-indent:-9000%;
	display:block;
	width:71px;
	height:26px;
	background: transparent url('../images/shared/de/nav_projekte.png') 0px 0px no-repeat;
	}
	
.kontakt a{
	font-size:0px;
	text-indent:-9000%;
	display:block;
	width:65px;
	height:26px;
	background: transparent url('../images/shared/de/nav_kontakt.png') 0px 0px no-repeat;
	}
	
	
/*Englisch*/

.ueberuns_en a{
	font-size:0px;
	text-indent:-9000%;
	display:block;
	width:76px;
	height:26px;
	background: transparent url('../images/shared/en/nav_ueberuns.png') 0px 0px no-repeat;
	}

.leistungen_en a{
	font-size:0px;
	text-indent:-9000%;
	display:block;
	width:70px;
	height:26px;
	background: transparent url('../images/shared/en/nav_leistungen.png') 0px 0px no-repeat;
	}
	
.specials_en a{
	font-size:0px;
	text-indent:-9000%;
	display:block;
	width:69px;
	height:26px;
	background: transparent url('../images/shared/en/nav_specials.png') 0px 0px no-repeat;
	}

	
.projekte_en a{
	font-size:0px;
	text-indent:-9000%;
	display:block;
	width:71px;
	height:26px;
	background: transparent url('../images/shared/en/nav_projekte.png') 0px 0px no-repeat;
	}
	
.kontakt_en a{
	font-size:0px;
	text-indent:-9000%;
	display:block;
	width:65px;
	height:26px;
	background: transparent url('../images/shared/en/nav_kontakt.png') 0px 0px no-repeat;
	}
	
/****************** Textmenu Right ********************/	
	
#right {
	display:inline;
	float:right;
	}

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

#right a:hover, a:active a:visited{
	color: #009ee0;
	text-decoration:none;
	}
	
/****************** Facebook Button ********************/	

.facebook a{
	font-size:0px;
	text-indent:-9000%;
	width:69px;
	height:26px;
	background: transparent url('../images/shared/nav_facebook.png') 0px 0px no-repeat;
	position:absolute;
	top:94px;
	left:877px;
	}
	
.facebook a:hover{
	background-position: 0 -26px;
	}
	
/******************Sprachwahl********************/

.language{
	width:52px;
	height:22px;
	position:absolute;
	top:142px;
	left:896px;
	display:block;
	z-index: 99;
	}
	
#en{
	float:left;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#en a{
	display: block;
	width: 24px;
	height: 22px;
	color:#8f8f8f;
	text-decoration:none;
	text-align:center;
	background:transparent url(../images/shared/language.png) 0px -44px no-repeat;
}

#en a:hover{
	background:transparent url(../images/shared/language.png) 0px -66px no-repeat;
}

#en a.current{
	color:#ffffff;
	background:transparent url(../images/shared/language.png) 0px 0px no-repeat;
}

#de{
	float:left;
	overflow: hidden;
	font-size: 11px;
	margin: 0;
}

#de a{
	display: block;
	width: 24px;
	height: 22px;
	padding: 0 4px 0 0;
	color:#8f8f8f;
	text-decoration:none;
	text-align:center;
	background:transparent url(../images/shared/language.png) -24px 0 no-repeat;
}

#de a:hover{
	background:transparent url(../images/shared/language.png) -24px -22px no-repeat;
}

#de a.current{
	color:#ffffff;
	background:transparent url(../images/shared/language.png) -24px -44px no-repeat;
}

/****************** Submenu Tabs Leistungen ********************/
.submenu { 
	z-index:1000;
	position:absolute;
	top:124px;
	left:204px;
}


div#tabPanes_submenu > div { 
	display: none; 
} /* initially all panes are hidden */

div#tabPanes_submenu { 
	padding:0px 4px 4px 0px;
	margin:0px;
	width:468px;
	height:480px;
}

.trenner{ 
	padding: 4px 6px 4px 6px;
}

ul#tabs_submenu { 
	list-style: none; 
	padding: 0; 
	overflow: hidden;
	margin:0px;
}

ul#tabs_submenu li { 
	float: left;
	margin:0px;
}

ul#tabs_submenu li a {
	display: block;
	float: left;
	margin: 6px 12px 0px 0px;
	padding-left:6px;
	text-decoration: none;
	height: 28px;
	color:#6c6c6c;
	font-size:13px;
	overflow:hidden;
}

ul#tabs_submenu li a:hover { 
	color:#6c6c6c;
	font-weight:bold;
	overflow:hidden;
}

ul#tabs_submenu li a.current { 
	color:#6c6c6c;
	font-weight:bold;
	overflow:hidden;
}

ul#tabs_submenu li a:hover,
ul#tabs_submenu li a.current { 
	color:#6c6c6c;
	overflow:hidden;
}


.tabPanes_content{ 
	margin-left:10px;
	margin-top:7px;
	padding-top:8px;
}

.tabPanes_content p{ 
	margin-left: 16px;
}

div.tabPanes_content > ul { 
	list-style: none;
	padding: 0px 0px 12px 16px;
	margin: 0px;
}

div.tabPanes_content > ul li{
	background-image: url('../images/shared/arrow_list.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 16px;
	padding-bottom:2px;
}

.trenner{ 
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
}

#bg_content_submenu{
	position:absolute;
	left:198px;
	top:187px;
	z-index:-2;
	height:400px;
}

#content_shadow_top_submenu{	
	position:absolute;
	left:188px;
	top:177px;
}

#content_shadow_bottom_submenu{	
	position:absolute;
	top:704px;
	margin-bottom:120px;
}



/****************** Submenu Tabs Jobs ********************/

div.tabPanes > div { 
	display: none; 
} /* initially all panes are hidden */

div.tabPanes { 
	padding-left:16px;
	position:relative;
	top:10px;
}

div.tabPanes p{ 
	padding-left:0px;
}

ul.tabs { 
	list-style: none; 
}

ul.tabs li { 
	float: left;
	margin-right:12px;
	margin-left:6px;
	color:#666666;
}

ul.tabs li a {
	display: block;
	float: left;
	margin: 2px 10px 0px 0px;
	padding:0px;
	text-decoration: none;
	height: 30px;
	color:#666666;
}

ul.tabs li a:hover,
ul.tabs li a.current { 
	color:#009EE0;
	text-decoration:none;
	background-image:url('../images/shared/arrow_down_blue.gif');
	background-repeat:no-repeat;
	background-position:12px 24px;   
}


/******************Headlines********************/
.headlines{
	width:504px;
	margin-left:10px;
}

/******************Content********************/

.content_wrapper{
		clear:both;
		width:1400px;
		padding: 64px 0px 0px 198px;  
		position:absolute;
		left:0px;
		top:114px;
		z-index:-2;
}


.bg_content{
		background-image:url('../images/shared/content_shadow.png');
		background-repeat:repeat-y;
		width:516px;
		min-height:480px;
		padding:0px;
}

.content_textwrapper{
		width:482px;
		min-height:480px;
		margin-left:10px;
		padding: 0px 16px 36px 0px;
		background-color:#FFFFFF;
		opacity:0.8;
		filter:alpha(opacity=80);
}

.content_textwrapper p{
		padding: 0px 16px 0px 16px;
}

.dotted_line_single{
		width: 466px;
		border-top: 1px dotted;
		border-color: #009EE0;
		margin-left:16px;
		margin-right:16px;
		clear:both;
}


.content_shadow_top{
		background-image:url('../images/shared/content_shadow_top.png');
		background-repeat:no-repeat;
		width:516px;
		height:9px;		
}

.content_shadow_bottom{
		background-image:url('../images/shared/content_shadow_bottom.png');
		background-repeat:no-repeat;
		width:516px;
		height:9px;		
		position:relative;
}


.zweispaltig{
		width: 200px;
		float:left;
		margin-left:16px;
		margin-top:16px;
}

/******************Marginalspalte********************/

.marginalspalte{
	width:234px;
	min-height:142px;
	position:absolute;
	left:718px;
	top:178px;
	float:right;
	z-index: 99;
	}
	
.bg_marginal{
	background-image:url('../images/shared/marginal_bg_shadow.png');
	background-repeat:repeat-y;
	min-height:142px;
	width:210px;
	padding: 0px 16px 0px 10px;
	}

.marginal_shadow_bottom{
	background-image:url('../images/shared/marginal_shadow_bottom.png');
	background-repeat:no-repeat;
	width:234px;
	height:9px;
	}
	
.marginal_shadow_top{
	background-image:url('../images/shared/marginal_shadow_top.png');
	background-repeat:no-repeat;
	width:234px;
	height:9px;
	}

.content_marginal{
	width:216px;
	min-height:142px;
	background:#FFF;
	opacity: 0.8;
	filter:alpha(opacity=80);
	padding-bottom: 8px;
	}

.border_double_marginal{
	height:4px;
	width: 216px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	border-color: #009EE0;
	position: relative;
	}

.border_single_marginal{
	width: 216px;
	border-top: 1px dotted;
	border-color: #009EE0;
	position: relative;
	top: 30px;
	}
	
/****************** Newsbox Accordion Container ********************/

#newsbox{
	top:54px;
}

/******************Subnavigation und Beschriftungen (über Content Container)********************/

.border_double{
	height:4px;
	width: 498px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	border-color: #009EE0;
	position: relative;
}

.border_single{
	width: 498px;
	border-top: 1px dotted;
	border-color: #009EE0;
	position: relative;
	top: 30px;
	z-index: 100;
	margin:0;
}

.subhead { 
	display: block;
	padding:6px 4px 4px 16px;
	height: 25px;
	color:#009EE0;
	text-decoration:none;
	background-image:url('../images/shared/arrow_down_blue.gif');
	background-repeat:no-repeat;
	background-position:24px 30px;
}

#projekte{ 
	padding-left:0px;
}

.subhead_empty { 
	display: block;
	padding:6px 4px 4px 0px;
	height: 25px;
}



/******************Container BG Image alle********************/

.bg_images{
	clear:both;
	width:1600px;
	min-height:2200px;	
	position:absolute;
	left:0px;
	top:114px;
	z-index:-100;	
}

#bg_home{
	background:url('../images/01_home/bg_home.jpg') no-repeat;
	background-color:#f3f1f2;
}

#bg_ueberuns{
	background:url('../images/02_ueberuns/bg_ueberuns.jpg') no-repeat;
	background-color:#f3f1f2;
}

#bg_leistungen{
	background:url('../images/03_leistungen/bg_leistungen.jpg') no-repeat;
	background-color:#f3f1f2;
}

#bg_specials{
	background:url('../images/04_specials/bg_specials.jpg') no-repeat;
	background-color:#f3f1f2;
}

#bg_projekte{
	background:url('../images/05_projekte/bg_projekte.jpg') no-repeat;
	background-color:#f3f1f2;
}

#bg_kontakt{
	background:url('../images/06_kontakt/bg_kontakt.jpg') no-repeat;
	background-color:#f3f1f2;
}

#bg_impressum{
	background:url('../images/08_impressum/bg_impressum.jpg') no-repeat;
	background-color:#f3f1f2;

}

#bg_jobs{
	background:url('../images/07_jobs/bg_jobs.jpg') no-repeat;
	background-color:#f3f1f2;
}



/******************Kontakt- & Jobformular********************/
#contact{
		margin-left:16px;
}

.formulartext{
		margin-top:4px;
		margin-bottom:4px;
}

.eingabefeld{
		border:1px #999999 solid; 
		padding:4px;
		margin-bottom:4px;
}

.senden{
		cursor:pointer;    
		height:19px;   
		width:67px;
		overflow:hidden;
		margin-top:12px;
}
.senden:hover input{
		margin-top:-19px;
}

/******************Content projekte********************/


.bg_content_projekte{
		background-image:url('../images/05_projekte/content_bg_white.png');
		background-repeat:repeat-y;
		width:766px;
		padding: 0px 0px 12px 26px;  
		position:relative;
		top:-10px;
}

#projekte_shadow_top{
		background-image:url('../images/05_projekte/projekte_shadow_top.png');
		background-repeat:no-repeat;
		width:766px;
		height:9px;		
		position:relative;
		top:-9px;
}

#projekte_shadow_bottom{
		background-image:url('../images/05_projekte/projekte_shadow_bottom.png');
		background-repeat:no-repeat;
		width:766px;
		height:16px;		
		position:relative;
		top:-10px;
}

.border_double_projekte{
		height:4px;
		width: 736px;
		border-top: 1px dotted;
		border-bottom: 1px dotted;
		border-color: #009EE0;
		position: relative;
		left: -16px;
}

.border_single_projekte{
		width: 736px;
		border-top: 1px dotted;
		border-color: #009EE0;
		position: relative;
		left: -16px;
		top: 30px;
		z-index: 100;
}

.imagesrow_content {
		padding-top:2px;
		margin:4px 0px 0px 0px;
		border-top: 1px dotted;
		border-color: #009EE0;
		background-color:#ffffff;
}

.project_title{
	margin:0px 0px 6px 16px;
}

.project_title_grey {
	background-image:url('../images/shared/arrow_right_grey.gif');
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 12px;
	margin:0px 0px 6px 0px;
	overflow: visible;
	float:left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color: #888888;
	text-decoration:none;
}

.project_title_blue {
	background-image:url('../images/shared/arrow_right_blue.gif');
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 12px;
	margin:0px 0px 6px 0px;
	overflow: visible;
	float:left;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color: #009ee0;
	text-decoration:none;
}

.text_projekte {
	width:270px;
	float:right;
	padding:10px 0px 10px 0px;
	margin:0px 8px 0px 0px;
	border-bottom:1px dotted;
	border-bottom-color:#009ee0;
}

#first_text {
	margin:26px 8px 0px 0px;
}

.text_job {
		width: 68px;
		min-height:20px;
		float:left;
		color:#009ee0;
}

/****************** Projekte classes needed by script ********************/
.project {
	margin:0px 4px 0px 0px;
	width:712px;
	background-color:#ffffff;
}

.project_header_open{
	margin:0px 0px 12px 0px;
	width:712px;
	height:80px;
	background-color:#ffffff;
}

.project_header_closed{
	margin:0px 0px 12px 0px;
	width:712px;
	height:80px;
	background-color:#ffffff;
}

.project_navigation {
	float:right;
	width: 150px;
	margin: 0px 48px 6px 0px;
	color: #009ee0;
}


.btn_close{
	float:right;
	width: 72px;
	margin: 0px 10px 6px 0px;
	color: #009ee0;
}

.project_bw {
	color: #009ee0;
	margin:0px 0px 0px 0px;
}

.project_sel {
	color: #009ee0;
	margin:0px 0px 0px 0px;
}

.project_fw {	
	color: #009ee0;
	margin:0px 0px 0px 0px;

}

.project_content {
	width:712px;
	height:auto;
	background-color:#ffffff;
}

.project_footer {
	width:712px;
	background-color:#ffffff;
	border-bottom:dotted 1px;
	border-bottom-color:#009ee0;
	margin-bottom:4px;
	margin-top:12px;
}
	
	

.image{
	margin: 26px 0px 26px 0px;
	float:left;
	width:352px;
	height:352px;
}

.clickable {
	cursor:pointer;
}

.clearfloat {
	clear: both;
}

.arrow_image_left{
	float:left;
	margin:144px 0 0 16px;
}
/******************Copyright********************/
.copyright {
	background:url('../images/shared/bg_copyright.png') no-repeat;
	width:762px;
	height:44px;
	color: #999999;
	position:relative;
	top:120px;
	padding-top:10px;
	text-align:right;
}

#copyright_submenu{
	position:relative;
	top:240px;
}

.copyright div {
	margin-right: 32px;
}

/******************Footer********************/
.footer {
	width:756px;
	height: 60px;
	clear:both;
	position:relative;
	top:160px;
	margin-left:10px;
	color: #555555;
	line-height:20px;
}

#footer_submenu{
	position:relative;
	top:280px;
}

.footer .leftColumn {
	float: left;
	width: 132px;
}

.footer .nextColumn {
	width: 132px;
	float: left;
	margin-left: 16px;
}

.footer .head {
	font-weight:bold;
	border-bottom: 1px dotted #555555;
	margin-bottom:8px;
	padding-bottom:8px;
}

.footer a{
	color: #555555;
}

.footer a:visited{
	color: #555555;
}

.footer a:hover, a:active {
	color: #009ee0;
}




/******************remove dotted lines********************/
a
{
outline: none;
}

a:active
{
outline: none;
}

:focus
{
-moz-outline-style: none;
}