/*
** project:		Knallrot Relaunch 2009
** date:		2009/11/06
*/

html { 
    margin: 0; 
    font-size: 100.01%; 

}
body { 
    position:absolute;
    left:0;
    top:0;

    width:100%;
    min-height:100%;
	
	float:left;
    
    margin: 0; 
    padding: 0; 
    font: 12px "Arial", "Verdana", sans-serif;
	color: #000000;

}


textarea, 
input, 
select, 
option, 
optgroup, 
button, 
table { 
    font: 1em "Arial", "Verdana", sans-serif; 
    color:#606060;
	margin:0;
	padding:0;
}



form { 
    margin: 0; 
    padding: 0; 
}


img { 
    border: none; 
}

button { 
    overflow: visible; 
    cursor: pointer; 
}

.clear {
    clear:both;
    margin:0;
    padding:0;
}

p {
	margin:0;
	padding:0;
	color: #707173;	
	line-height:1.6em;
	}
	
/************************Resize*******************/
	
#passepartout{
	display: block;
	position: relative;
	width: 960px;
	height: 100%;
}

#photolayer{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;	
	
	width:100%;
	height:100%;
}
	
#photolayer img{
	width: 100%;
	height: 100%;
	display: inline;
	overflow: hidden;
}	


/**************************************************/


/************************Box Layout*******************/
	
div#wrap {	
	position:absolute;
	top:20px;
	left:50%;
	z-index:1;
	width: 937px;
	margin-left:-469px;	
}	
	
	div#wrap div#header_wrap {
		width: 937px;
		height: 160px;		
		background-image:url(images/shadow_header.png);
		background-position: right;
		background-repeat: no-repeat;		
	}
	
		div#wrap div#header_wrap div#header {
			width: 930px;
			height: 160px;			
			background-image:url('images/bgheader.png');
			background-repeat: repeat-y;
			border:0;
		}
	
			div#wrap div#header_wrap div#header h1 {
			margin: 0;	
			margin-top: 25px;
			margin-left: 25px;
			padding:0;				
			width:383px;
			height:91px;				
			float:left;
			display: block;
			overflow:hidden;				
			text-indent:-100000px;
			background-image:url('images/logo.png');
			background-repeat:no-repeat;
			}
			
				div#wrap div#header_wrap div#header h1 a {
					display: block;
					width: 416px;
					height: 91px;					
					overflow: hidden;
					position: absolute;
					text-indent: -1000000px;
					top: 24px;
				}
/**************************************************/

		
	/************* Der container_wrap umschließt div#navi div#content und div#news ********************/
	
	div#wrap div#container_wrap {
		width: 937px;
		float: left;
		background-repeat: repeat-y;
		
		border:0;
		
		}

	.withnews{
		background-image:url('images/bg_container.png');
	}	
	
	.nonews{
		background-image:url('images/bg_container_nonews.png');
	}	
		
		
		/********** Die Haupt Navigation *************/
		div#wrap div#container_wrap div#navi {
			width: 130px;
			float: left;			
			
			border:0;
			margin: 0;
			padding: 0;
			padding-top: 16px;
			text-transform: uppercase;
			font-weight: bold;
			
			overflow:hidden;
			
		}
		
		/** Meta nav ausblenden in der main nav **/
		div#wrap div#container_wrap div#navi ul li.metanav {
			display: none;
		}
		div#wrap div#container_wrap div#navi ul li.metanav_current {
			display: none;
		}
		/********************************************/
		
			div#wrap div#container_wrap div#navi a{
				text-decoration: none;
				color: #707173;			
				margin: 0;
				padding: 0;
			}
			
				div#wrap div#container_wrap div#navi a:hover{
					color: #009ee0;				
				}
				
				div#wrap div#container_wrap div#navi a:active{
					color: #009ee0;				
				}
		
			
			div#wrap div#container_wrap div#navi ul {
				width:130px;
				list-style: none;
				margin: 0;
				padding:0;
				padding-left: 23px;
			}
			
			
			div#wrap div#container_wrap div#navi ul  li {
				padding-left:10px;
				margin-bottom: 3px;
				/*	margin: 0;
				padding: 0;*/
			}
			
			div#wrap div#container_wrap div#navi ul  li a.current {
				color: #009ee0;	
			}
			/************* Sub Navi Formatierung *************/
				
				/** Submenü ausblenden **/
				div#wrap div#container_wrap div#navi ul li ul {					
					display: none;
					/* margin:0;
					padding:0;
					padding-top: 20px;
					padding-bottom: 15px;
					padding-left: 7px;	*/			
				}
				
				/** Submenü einblenden wenn Eltern aktiv**/
				div#wrap div#container_wrap div#navi ul li.current ul {
					
					display: block;
					margin:0;
					padding:0;
					padding-top: 20px;
					padding-bottom: 15px;
					padding-left: 5px;		
				}
				
					div#wrap div#container_wrap div#navi ul li ul li {
						font-size: 0.8em;		
						margin: 0;
						padding: 2px;
						padding-left: 0;
					}
			
		/********* Content Spalte in der Mitte **********/
		div#wrap div#container_wrap div#content {	
			margin: 0;
			min-height: 345px;			
			background-image:url('images/content_bg.jpg');
			background-repeat: no-repeat;			
			float: left;
			font-size: 0.91em;
			line-height: 1.6em;
			
			
			
		}
		
		div#wrap div#container_wrap div#content .oe_module_picture {
			display:none;
		}
		
		.half {
			width: 570px;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 23px;
		}
		
		.full {
			width: 800px;
			/* padding-top: 15px; */
			padding-bottom: 15px;
		}
		
		
			div#wrap div#container_wrap div#content h1{
				color: #606060;
				text-transform: uppercase;
				font-size: 1.01em;
				font-weight: bolder;
				margin: 0;
				margin-bottom:5px;
				padding: 0;
			}

			div#wrap div#container_wrap div#content h3{
				text-transform:none;
				font-size: 1.01em;
				font-weight: normal;
				margin: 0;
				margin-bottom:20px;
				padding: 0;
			}
			
			div#wrap div#container_wrap div#content a {
				color: #606060;
				
			}
			
			div#wrap div#container_wrap div#content a.deco {
				color: #606060;
				
			}
			
			div#wrap div#container_wrap div#content a:hover {
				color: #009ee0;
				text-decoration: none;
			}
			
			/* für den zurück Link in den Arbeitsproben */
			
			div#wrap div#container_wrap div#content a.back_ref {
				display: block;
				margin-top: 75px;
			}
				
				

			
			div#wrap div#container_wrap div#content p.desc_teaser{
				
				width: 350px;
				margin: 0;
				float: right;
				padding: 0;
				padding-top: 15px;
				padding-right: 30px;
				color: #707173;
			}
		
		/************** News Spalte rechts ***********/
		div#wrap div#container_wrap div#news {
			width: 200px;
			float: right;

			padding: 0;
			margin:0;
			margin-right:7px;

			color: #FFFFFF;			
		}
					
		
			div#wrap div#container_wrap div#news h1 {				
				
				font-size: 1em;
				text-transform: uppercase;
				font-weight: bold;
				margin: 0;
				margin-left: 11px;
				margin-right: 11px;
				padding-top: 15px;
				padding-bottom: 7px;
				
				border-bottom: 2px dotted #FFFFFF;			
			}
			
				div#wrap div#container_wrap div#news .newsentry {					
					margin:0;
					margin-left: 11px;
					margin-right: 11px;					
					padding:0;
					padding-top: 7px;
					padding-bottom: 7px;					
					border-bottom: 2px dotted #FFFFFF;
					font-size: 0.83em;	
					color: #FFFFFF;					
				}
				
				div#wrap div#container_wrap div#news .newsentry h1{					
					margin: 0;
					padding: 0;
					border: 0;
					font-weight: bold;				
				}
				
					div#wrap div#container_wrap div#news .newsentry h1.notbold{				
						font-weight: normal;				
					}
								
				
					div#wrap div#container_wrap div#news .newsentry a.no_deco {
						text-decoration: none;
					}
			
				div#wrap div#container_wrap div#news p {
				margin: 0;
				color: #FFFFFF;
				padding: 0;				
				display: inline;
				
				}
						
				div#wrap div#container_wrap div#news  a{
					margin: 0;
						
						padding: 0;
					color: #FFFFFF;						
				}
				
			
			
					div#wrap div#container_wrap div#news  a.mehr{
						
						margin: 0;
						
						padding: 0;
						
						height:10px;
						color: #FFFFFF;		
						
						
										
					}
					
					div#wrap div#container_wrap div#news .link_spacing {
						margin: 0;
						
						padding: 0;
						margin-top: 10px;
						margin-left: 5px;
						display: block;
					}
					
					
	/***************************** für den Schatten am unteren Ende des Container_wraps ************/
	div#wrap div#container_bottom {
		background-image:url('images/shadow_footer.png');
		background-position: left;
		background-repeat: no-repeat;
		width: 937px;
		height: 7px;		
	}
	
/**************************************************/

	
	/********************** Meta Nav ganz unten ************************/
	

	div#metanav ul{
		line-height: 1.2em;
		list-style:none;
		text-transform: uppercase;
		text-align: center;
		margin: 0;
		margin-top: 8px;
		margin-bottom: 25px;
		padding: 0;
		width: 930px;
		position: relative;	
	}
	
	
	
		div#wrap div#metanav ul li{
			background-color: #FFFFFF;
			color: #707173;	
			font-size: 0.75em;
			padding: 3px;
			margin-left: 3px;
			margin-right: 3px;
		}

		div#wrap div#metanav ul li ul li{
			display:none;
			border:0;
		}
		
			div#wrap div#metanav ul li a{
				color: #707173;				
				text-decoration: none;
			}
			
			
	/** komplettes menu ausblenden **/
	
	div#metanav  .sub1menu  {
		display: none;
		border:0;
	}

	div#metanav  .mainmenu  {
		display: none;
		border:0;
	}

	div#metanav .mainmenu_current {
		display: none;
		border:0;
	}
	
	div#metanav  .sub1menu  {
		display: none;
		border:0;
	}
	
	div#metanav ul li.metanav,	div#metanav ul li.metanav_current  {
		display: inline;
		/* border-left:1px solid; */ 
		padding-left:5px;
		padding-right:5px;
	}
	
	div#metanav ul li.first_element {
		border:0;
		padding:0;
		padding-right:5px;	
	}
	
	div#metanav ul li.last_element {
		border:0;
		padding:0;		
		/* border-left:1px solid; */ 
		padding-left:5px;	
	}	


				
/**************************************************/
/* Arbeitsproben*/
/**************************************************/

.reference_list_wrap {
	margin-top: 15px;
	}


.reference_list {
	
	margin-left:23px;
	margin-right:40px;
	float:left;
	width:750px;
	padding-top:7px;
	padding-bottom:5px;
	border-bottom:2px dotted #000000;
}

.reference_list:hover {
	background-color: #e5e3e3;
}	



	.reference_list p{
		margin:0;
		padding:0;
		line-height:1.6em;
	}	
	
	
	.reference_list .reference_pic {
		width: 170px;
		height: 40px;
		float: left;
		margin-top: 2px;
		margin-right: 10px;
	}	


	.reference_list .reference_pic img a{
		border:0;
		
	}	


	.reference_list .reference_client {
		width:185px;
		float:left;
	}	

	.reference_list .reference_description {
		width:360px;
		line-height:1.6em;
		float:right;
	}	

		.reference_list .reference_description a, .reference_list .reference_description a:link, .reference_list .reference_description a:visited, .reference_list .reference_description a:hover, .reference_list .reference_client a {
			color: #707173;	
			text-decoration:none;	
		}	

/**************************************************/
/* Arbeitsproben details*/
/**************************************************/

#reference_details {
	
	margin-left:23px;
	width:777px;
	float:left;
}

	#reference_details p{
		margin:0;
		padding:0;		
	}
	
	

	#reference_details #leftcol{
		margin:0;
		margin-top: 15px;
		padding:0;
		width:225px;
		float:left;	
	}
	
	

	#reference_details #leftcol h1{
		margin:0;
		padding:0;
	}


	#reference_details #rightcol{
		width:500px;
		float:right;	
	}


/*#########################################
	oeGallery
##########################################*/
#content_bild_gallery_big {
	margin:0;
	padding:0;
	
	float:left;
	
	width:500px;
	height:350px;
	
	overflow:hidden;

}		

	#content_bild_gallery_big #gallery{
		margin:0;
		padding:0;
		
		float:left;
		
		width:500px;
		height:350px;
		
		position:relative;
		top:0px;
		left:0px;

	}	
	
		#content_bild_gallery_big #gallery div{
			margin:0;
			padding:0;
			
			float:left;
			
			width:500px;
			height:350px;
			
			position:absolute;
			top:0px;
			left:0px;
			
			background-color:#FFFFFF;
			
			text-align:center;

		}	

			#content_bild_gallery_big #gallery div img{
				margin:0;
				padding:0;
				
				border:0px;
				float:left;
				
			}	
		
	
#content_bild_gallery_small {
	margin:0;
	padding:0;
	
	float:right;
	
	width:500px;
	height:50px;
	
		
}		
	#content_bild_gallery_small #gallery_link_container {	
		width:100%;
		height:15px;
		line-height:15px;
		
		margin:0;
		padding:0;
		
		float:left;
		
		position:relative;

	}
	
		#content_bild_gallery_small #gallery_link_container #gallery_left_link_container {
			float: left;
			color:#606060;
			font-weight:bold;
			width:80px;
			
			cursor:pointer;

			position:relative;
			top:0px;
			left:10px;

		}
		
		#content_bild_gallery_small #gallery_link_container #gallery_right_link_container {
			float:right;
			color:#606060;
			font-weight:bold;
			width:80px;
			
			cursor:pointer;
			
			position:relative;
			top:0px;
			right:0px;			
		}
		
	#content_bild_gallery_small #gallery_small_container {
		margin:0;
		padding:0;
		
		float:left;
		
		width:100%;
		height:50px;
		
		overflow:hidden;

		position:relative;
		top:10px;
		left:0px;	
		
	}	
		#content_bild_gallery_small #gallery_small_container #gallery_small {
			float:left;
			
			width:10000px;
			height:50px;
			
			position:relative;

		}		

			#content_bild_gallery_small #gallery_small_container #gallery_small div {
				margin:0;
				padding:0;
								
				float:left;
				
				width:60px;
				
				overflow:hidden;
				
			}
			
			#content_bild_gallery_small #gallery_small_container #gallery_small div.oe2edit_contextmenu_div_around_contents {
				width:100%;
			}				
			
			

				#content_bild_gallery_small #gallery_small_container #gallery_small div img {
					margin:0;
					padding:0;
					
					border:0px;
					cursor:pointer;
										
				}	


/*##############################################*/
/* Tabellen */
/*##############################################*/
	
		/** für Seite "Agentur **/
	table.agenturliste {
		margin:0;
		margin-left:23px;
		padding:0;	
		vertical-align: top;
	}

	table.agenturliste ul{
		margin:0;
		padding:0;
		line-height: 1.6em;
		list-style: none;
	}


	table.agenturliste td{
		vertical-align:top;
		margin-bottom:5px;
	}

	table.agenturliste h1{
		text-align:right;
		margin-right:10px;
		line-height:1.6em;
	}
	
	table.agenturliste p{
		margin-left:10px;
	}
	
	/** für Seite "Leistungen" **/	

	table.leistungsliste {
		margin:0;
		margin-left:23px;
		padding: 0;
		vertical-align: top;
	}	
		
	table.leistungsliste ul {
		margin:0;
		padding:0;		
		margin-left: 23px;
		line-height: 1.5em;
		
	}
	
	table.leistungsliste ul li{
		color:#707173;
		list-style: disc;
		
	}
	
	table.leistungsliste td{
		margin:0;
		padding:0;
		vertical-align:top;
		color:#000000;
		line-height:1.6em;
	}
	
		table.leistungsliste h1{
		text-align:right;
		margin-right:10px;
		line-height:1.6em;
		}
		
			/** für Seite "Team" **/	

	table.teamliste {
		margin:0;	
		margin-top: 5px;
		padding: 0;
		vertical-align: top;
	}		
	
	table.teamliste td{
		margin:0;
		padding:0;
		vertical-align:top;
		color:#000000;
		line-height:1.6em;
	}
	
		div#wrap div#container_wrap div#content table.teamliste h1{
		
		color: #009ee0;
		line-height:1.6em;
		}
	
	
	/** für Seite "Kundenübersicht" **/
	
	table.kundenliste {
		margin: 0;
		margin-top: 15px;
		margin-left: 23px;
		padding: 0;
	}

	table.kundenliste ul {
		margin:0;
		padding:0;		
		margin-left:80px;
	}


	table.kundenliste ul li{
		color:#707173;
		list-style:none;
	}


	table.kundenliste td{
		margin:0;
		padding:0;
		vertical-align:top;
		color:#000000;
		line-height:1.6em;
	}

	/** für Seite "Kontakt" **/
	
	div#wrap div#container_wrap div#content h1.kontakt{
		margin-bottom: 25px;
		font-size: 1.4em;
		color: #009ee0;	
	}	

	
	
	table.kontaktliste {
		margin: 0;			
		padding: 0;
		line-height: 1.475em;
	}
	
	table.kontaktliste  td{
		vertical-align: top;
		margin: 0;			
		padding: 0;
		
	}
	
	table.kontaktliste h1 {
		text-transform: none;
	}

	
	div#wrap div#container_wrap div#content table.kontaktliste h2{
		margin: 0;
		padding: 0;
		font-size: 1em;		
		font-weight: bold;
		color: #009ee0;	
	}
	
	div#wrap div#container_wrap div#content table.kontaktliste h2 span.red{
		color: #ff0000;	
	}
	
	div#wrap div#container_wrap div#content table.kontaktliste h3 {
		margin: 0;
		padding: 0;
		font-size: 1em;		
		font-weight: bold;
		color: #000000;	
	}
	
	table.kontaktliste  img{
		margin: 0;
		margin-right: 10px;	
		padding: 0;
		
	}

		/** für Seite "Karriere" **/
	
	div#wrap div#container_wrap div#content h1.karriere{
		margin: 0;
		padding: 0;
		margin-bottom: 7px;
		padding-bottom: 7px;
		border-bottom: 2px dotted #000000;
		font-size: 1.4em;
		color: #009ee0;	
	}	
	
	div#wrap div#container_wrap div#content h2.karriere{
		margin: 0;
		margin-top: 15px;	
		margin-bottom: 5px;		
		padding: 0;
		font-weight: bold;
		font-size: 1.1em;
		color: #009ee0;	
	}	
	
	div#wrap div#container_wrap div#content h3.karriere{
		margin: 0;
		margin-top: 2px;
		padding: 0;
		font-weight: bold;
		font-size: 1em;			
	}	
	
	div#wrap div#container_wrap div#content p.karriere_lastp{
		margin: 0;
		margin-bottom:5px;
		padding: 0;
		padding-bottom: 10px;
		border-bottom: 2px dotted #000000;		
	}	
	
	
	/** für Netzwerk **/
	
	
	div#wrap div#container_wrap div#content h1 a{
		text-decoration: none;
		}
	

	
	
		
/*##############################################*/
/* Sitemap */
/*##############################################*/

div#wrap div#container_wrap div#content  ul.oe_sitemap{	
	
	margin: 0;
	padding: 0;
	list-style: none;	
	text-decoration: none;
}

div#wrap div#container_wrap div#content  ul.oe_sitemap a{	
	margin: 0;
	padding: 0;
	text-decoration: none;
}

div#wrap div#container_wrap div#content  ul.oe_sitemap li{	
	margin: 0;
	padding: 0;
	
}

div#wrap div#container_wrap div#content ul.oe_sitemap a.first_element {
	line-height: 1em;
	margin: 0;
	padding: 0;
}
	
	div#wrap div#container_wrap div#content ul li ul.oe_sitemap{	
		
		color: #707173;
		margin-left: 25px;
		list-style: disc;	
	}
	
	


/*##############################################*/
/* Preisbox*/
/*##############################################*/

.soc_news_button {z-index:999;padding-left:20px;margin-top:320px;padding-bottom:20px;cursor:pointer;}

#soc_news {position:absolute;top:150px;left:130px;padding:0;margin:0;width:230px;height:440px;background-image:url('images/bg.jpg');background-repeat:repeat-x;background-color:#d9001b;font-family:'Arial', 'Helvetica', sans-serif; color:#ffffff; font-size:12px;-moz-box-shadow:5px 5px 40px #555555;-webkit-box-shadow:5px 5px 30px #000000;}
	#soc_news .box_header { padding-top:5px;margin-left:14px;}
		#soc_news .box_header h1 { font-size: 16px;height:25px; width:180px;margin:0;padding:0;margin-top:5px;padding-bottom:0;margin-bottom:0;}
		
		
	#soc_news .news{ width:180px; margin-left:14px;}

		#soc_news .news h1 { width:180px; font-size:13px; font-weight:bold;margin:0;padding:0;padding-top:4px;}
		#soc_news .news p { color:#ffffff; font-size:12px; font-weight:normal; }
		#soc_news .news .newsentry .oe_internal_link .mehr{ color:#ffffff; font-size:12px; font-weight:bold; }
		#soc_news .news .newsentry {display:block;height:60px;padding-top:1px;margin-bottom:0px;background-image:url('images/points.gif'); background-repeat:repeat-x; background-position: 10px 0px;}
		
			
.clear{float:none;clear:both;}
#soc_news_container {position:absolute; width:100%; height:100%;display:none;background-image:url('images/preis_bg.gif');background-repeat:repeat; }