/* CSS Document */

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

.scroll {
	overflow-x:auto;
	}

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

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

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

.h1 {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	color:#009EE0;
	}
	
.h2 {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	color:#009EE0;
	}
	
.auszeichnung {
	font-weight:bold;
	}
	
/******************Header********************/

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


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

.navi_main {
	width:736px;
    height:26px;
	padding: 0px 0px 0px 208px;
	position:absolute;
	top:94px;
	z-index:1;
	}

#right {
	margin-left:592px;
	color:#999999;
	}

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

#right a:hover, a:active {
	color: #009ee0;
	text-decoration:none;
	}

#agentur{
	display:block;
	float:left;
	width:75px;
	height:26px;
	background: transparent url('../images/shared/nav_agentur.gif') 0px -26px no-repeat;
	text-indent:-9000%;
	}

#agentur_current{
	display:block;
	float:left;
	width:75px;
	height:26px;
	background: transparent url('../images/shared/nav_agentur.gif') 0px -26px no-repeat;
	text-indent:-9000%;
	}

a#agentur{
	display:block;
	float:left;
	width:75px;
	height:26px;
	background: transparent url('../images/shared/nav_agentur.gif') 0px 0px no-repeat;
	text-indent:-9000%;
	}
	
a:hover#agentur{
	background: transparent url('../images/shared/nav_agentur.gif') 0px -26px no-repeat;
	}

#projekte{
	display:block;
	float:left;	
	width:75px;
	height:26px;
	background: transparent url('../images/shared/nav_projekte.gif') 0px -26px no-repeat;
	text-indent:-9000%;
	}

#projekte_current{
	display:block;
	float:left;
	width:75px;
	height:26px;
	background: transparent url('../images/shared/nav_projekte.gif') 0px -26px no-repeat;
	text-indent:-9000%;
	}

a#projekte{
	display:block;
	float:left;
	width:75px;
	height:26px;
	background: transparent url('../images/shared/nav_projekte.gif') 0px 0px no-repeat;
	text-indent:-9000%;
	}

a:hover#projekte{
	background: transparent url('../images/shared/nav_projekte.gif') 0px -26px no-repeat;
	}

#kontakt{
	display:block;
	float:left;
	width:75px;
	height:26px;
	background: transparent url('../images/shared/nav_kontakt.gif') 0px -26px no-repeat;
	text-indent:-9000%;
	}

#kontakt_current{
	display:block;
	float:left;
	width:75px;
	height:26px;
	background: transparent url('../images/shared/nav_kontakt.gif ') 0px -26px no-repeat;
	text-indent:-9000%;
	}

a#kontakt {
	display:block;
	float:left;
	width:75px;
	height:26px;
	background: transparent url('../images/shared/nav_kontakt.gif') 0px 0px no-repeat;
	text-indent:-9000%;
	}

a:hover#kontakt{
	background: transparent url('../images/shared/nav_kontakt.gif') 0px -26px no-repeat;
	}

/******************Pfeile Swap BG Images********************/
#image_arrow_left{
	position:absolute;
	left:36px;
	top:62px;
	width:26px;
	height:25px;
	z-index:1;
	background: transparent url('../images/02_agentur/image_arrow_left.png') 0px -25px no-repeat;

}

#image_arrow_left a{
	width:26px;
	height:25px;
	background: transparent url('../images/02_agentur/image_arrow_left.png') 0px -25px no-repeat;
}

#image_arrow_left:hover{
	width:26px;
	height:25px;
	background: transparent url('../images/02_agentur/image_arrow_left.png') 0px 0px no-repeat;
}

#image_arrow_right{
	position:absolute;
	left:918px;
	top:62px;
	width:26px;
	height:25px;
	z-index:1;
	background: transparent url('../images/02_agentur/image_arrow_right.png') 0px -25px no-repeat;
}

#image_arrow_right a{
	width:26px;
	height:25px;
	background: transparent url('../images/02_agentur/image_arrow_right.png') 0px -25px no-repeat;
}

#image_arrow_right:hover {
	width:26px;
	height:25px;
	background: transparent url('../images/02_agentur/image_arrow_right.png') 0px 0px no-repeat;
}

/******************Headlines********************/
.headlines{
	width:504px;
}

/******************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;
	left: -16px;
}

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

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

/****************** Submenu Tabs CSS Using jQuery Tools ********************/
	
.wrapper { 
	width: 472px;
	padding-bottom:36px;
}

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

div.tabPanes { 
	padding:6px 4px 4px 0px;
	margin:0px;
}

ul.tabs { 
	list-style: none; 
	padding: 0; 
	overflow: hidden;
	margin:0px;
}

ul.tabs li { 
	float: left;
	margin:0px;
}

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

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

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:bottom center;   
}

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:bottom center;   
}

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

/****************** Newsbox Scrollable ********************/

#newsbox{
	width:216px;
	position:absolute;
	left:716px;
	top:54px;
	float:right;
	z-index: 99;
}


.newswrapper { 
	width: 216px;
	min-height:216px;
	padding: 0px 16px 8px 10px;
	background-image:url('../images/shared/marginal_bg_white.png');
	background-repeat:repeat-y;
}

#aktuelles { 
	padding-left:16px;
	margin-top:24px;
}

/* Primary Container */
div.scrollable { 
	position: relative; 
	width: 216px; 
	height: 160px; 
	overflow: hidden; 
}

/* Items Container */
div.scrollable div.items { 
	width: 20000em; 
	position: absolute; 
	clear: both;
	padding:0px;
}

/* Individual Item Containers */
div.scrollable div.items div {
	float: left;
	width: 184px;
	min-height: 160px;
	padding-left: 16px;
	padding-right: 16px;
}

/* Navigation Container */
div.navi { 
padding-left: 16px;
height:14px;
}

/* Navigation Links */
div.navi a {
	float: left;
	margin-top: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background: transparent url('../images/01_home/nav_news.gif') 0px 0px no-repeat;

	
}
div.navi a.active { 
	background: transparent url('../images/01_home/nav_news.gif') 0px -14px no-repeat;
}
div.navi a:hover,
div.navi a.active { 
	background: transparent url('../images/01_home/nav_news.gif') 0px -14px no-repeat;
}


/****************** Logoslider ********************/

.slideshow { 
	position:relative;
	left:0px;
	top:-8px;	
	margin:0px;
	height:90px;
	background:transparent;
	overflow: hidden;
}

.slideshow img { 
	position:relative;	
	height:90px;
	width:185px;
	cursor:pointer;
	background:none !important;
}

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

.marginalspalte{
	width:258px;
	min-height:280px;
	position:absolute;
	left:718px;
	top:169px;
	float:right;
	z-index: 99;
	}
	
#bg_marginal{
	background-image:url('../images/shared/marginal_bg_white.png');
	background-repeat:repeat-y;
	min-height:280px;
	width:216px;
	padding: 0px 16px 0px 26px;  
	}

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

#content_marginal{
	margin-top:24px;
	width:186px;
	}

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

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


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

.bg_images{
		clear:both;
		width:1392px;
		min-height:1086px;
		padding: 64px 0px 0px 208px;  
		position:absolute;
		left:0px;
		top:114px;
		z-index:-2;
}

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

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

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

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

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

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



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

.bg_content{
		background-image:url('../images/shared/content_bg_white.png');
		background-repeat:repeat-y;
		width:498px;
		min-height:600px;
		padding: 0px 16px 0px 26px;  
		position:relative;
		left:-10px;
		top:-10px;
}

.content_shadow_top{
		background-image:url('../images/shared/content_shadow_top.png');
		background-repeat:no-repeat;
		width:518px;
		height:10px;		
		position:relative;
		top: -10px;
}

.content_shadow_bottom{
		background-image:url('../images/shared/content_shadow_bottom.png');
		background-repeat:no-repeat;
		width:528px;
		height:26px;		
		position:relative;
		left:-10px;
		top:-10px;
}

.content_textwrapper{
		width:466px;
		height:auto;
		padding-top:16px;
		padding-bottom:36px;
}

.dotted_line_single{
		width: 100%;
		border-top: 1px dotted;
		border-color: #009EE0;
		clear:both;
}

.zweispaltig{
		width: 200px;
		float:left;
}


/******************Kontakt- & Jobformular********************/
.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;
}
.senden:hover input{
		margin-top:-19px;
}

.arrow_google a{
	height:16px;
	line-height:17px;
	color:#009EE0;
	text-decoration:underline;
	background-image:url('../images/shared/arrow_right_blue.gif');
	background-repeat:no-repeat;
	background-position: center left;
	padding-left:12px;
	margin-top:12px;
}


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


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

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

#projekte_shadow_bottom{
		background-image:url('../images/03_projekte/projekte_shadow_bottom.png');
		background-repeat:no-repeat;
		width:766px;
		height:26px;		
		position:relative;
		left:-10px;
		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:11px;
	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:11px;
	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 von Werner ********************/
.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:352;
	height:352;
}

.clickable {
	cursor:pointer;
}

.clearfloat {
	clear: both;
}

.arrow_image_left{
	float:left;
	margin:144px 0 0 16px;
}
/******************Footer********************/
.footer {
	background:url('../images/shared/bg_footer.png') no-repeat;
	width:756px;
	height:44px;
	margin-top:100px;
	color: #999999;
}
.footer #left {
	float: left;
	padding-top:10px;
	margin-left:16px;
}

.footer #right {
	padding-top:10px;
}

.footer a{
	color: #999999;
}

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

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


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

a:active
{
outline: none;
}

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