/*	###########################################################################################################################
	##																														 ##
	##		Stylesheet for movingline																						 ##
	##																														 ##
	##		movingline																										 ##
	##		Agentur für Werbung & Design																					 ##
	##		Am Stachelauer Berg 7																							 ##
	##		57462 Olpe																										 ##
	##																														 ##
	##		Fon: +49 2761 - 83549 9																							 ##
	##		Fax: +49 2761 - 83549 8																							 ##
	##																														 ##
	##		info@movingline.de																								 ##
	##		www.movingline.de																								 ##
	##																														 ##
	##		Copyright © 2003 - 2010 by movingline																			 ##
	##		Authors: Dominik Döppeler																						 ##
	##																														 ##
	########################################################################################################################### */

/*	---------------------------------------------------------------------------------------------------------------------------
	Body
	--------------------------------------------------------------------------------------------------------------------------- */

	body
		{
		margin: 0px;
		padding: 0px;
		font-family: Arial, tahoma, Verdana, Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		background: #F4F4F4;
		color: #666;
		}
	
	html, p, ul, h1, h2, h3
		{
		margin: 0;
		padding: 0;
		list-style: none;
		}
	
	img
		{
		border: none;
		}

/*	---------------------------------------------------------------------------------------------------------------------------
	Main Containers
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_main
		{
		margin: 0 auto;
		width: 960px;
		}
		
	.container_header
		{
		width: 100%;
		}
		
	.container_title
		{
		float: left;
		position: relative;
		width: 890px;
		height: 47px;
		padding: 18px 35px 0 35px;
		margin-bottom: 25px;
		background: #000;
		z-index: 2;
		}

	.container_content
		{
		float: left;
		position: relative;
		overflow: hidden;
		width: 960px;
		padding: 25px 0;
		z-index: 1;
		}

	.shadow
		{
		float: left;
		position: absolute;
		bottom: -25px;
		left: 0;
		height: 25px;
		width: 100%;
		}
		
	.title
		{
		color: #fff;
		font-size: 21px;
		font-weight: normal;
		font-family: tahoma;
		}
										
/*	---------------------------------------------------------------------------------------------------------------------------
	Header
	--------------------------------------------------------------------------------------------------------------------------- */

	.inset_logo
		{
		float: left;
		width: 265px;
		padding: 65px 0 40px 35px;
		}

	.logo, .logo a:link, .logo a:visited , .logo a:active
		{
		display: block;
		width: 165px;
		height: 45px;
		text-indent: -9999px;
		background: url("../images/logo.jpg");
		background-repeat: no-repeat;
		}
	
	.inset_mainnavi
		{
		float: right;
		}

/*	---------------------------------------------------------------------------------------------------------------------------
	Navigation
	--------------------------------------------------------------------------------------------------------------------------- */

	.navi
		{
		list-style: none;
		height: 40px;
		text-align: right;
		padding: 85px 0 0 0;
		}
		
	.navi li
		{
		float: left;
		text-transform: uppercase;
		}
		
	.navi li a
		{
		display: block;
		padding: 10px 0 10px 0;
		margin-right: 35px;
		color: #9D9D9D;
		border-bottom: 2px solid #F4F4F4;
		text-decoration: none;
		}
		
	.navi li a:hover
		{
		color: #000;
		border-bottom: 2px solid #000;
		}

	.navi .activ a
		{
		color: #000;
		border-bottom: 2px solid #000;
		}


/*	---------------------------------------------------------------------------------------------------------------------------
	Content
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_left
		{
		float: left;
		position: relative;
		margin-right: 28px;
		margin-bottom: 25px;
		background: #000;
		}
		
	.container_right
		{
		float: left;
		position: relative;
		margin-bottom: 25px;
		background: #000;
		}

	.l20{width: 186px;}
	.l25{width: 232px;}
	.l30{width: 279px;}
	.l40{width: 372px;}	
	.l50{width: 466px;}
	.l60{width: 560px;}
	.l70{width: 653px;}
	.l75{width: 700px;}
	.l80{width: 746px;}
	.l100{width: 960px;}
	
	.r20{width: 186px;}
	.r25{width: 232px;}
	.r30{width: 279px;}
	.r40{width: 372px;}	
	.r50{width: 466px;}
	.r60{width: 560px;}
	.r70{width: 653px;}
	.r75{width: 700px;}
	.r80{width: 746px;}

	.subtitle
		{
		float: left;
		padding: 40px 0 0 40px;
		font-size: 15px;
		font-weight: normal;
		width: 130px;
		color: #F4F4F4;
		text-transform: uppercase;
		}

	.content_img
		{
		float: left;
		width: 700px;
		height: 226px;
		background: #000;
		border-bottom: 0px solid #f4f4f4;
		}
		
	/* Setzt Abstand in die Box */
	.content
		{
		float: left;
		padding: 40px;
		max-width: 450px;
		}

	/* Normale Schrift */
	.norm
		{
		font-size: 12px;
		line-height: 16px;
		color: #999;
		padding-bottom: 0px;
		}

	.norm a
		{
		color: #999;
		}
	
	/* Kleine Schrift */		
	.small
		{
		font-size: 11px;
		line-height: 16px;
		color: #666;
		padding-bottom: 0px;
		}
	
	/* Alternativ Titel */
	.title2
		{
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		padding-bottom: 30px;
		}

	/* Kleine Schrift */
	.title3
		{
		font-size: 12px;
		color: #fff;
		padding-bottom: 10px;
		}

	.title4
		{
		font-size: 18px;
		color: #fff;
		padding-bottom: 10px;
		}
		
	.impressum
		{
		border-bottom: 1px solid #222;
		padding-bottom: 20px;
		margin-bottom: 20px;
		}
					
/*	---------------------------------------------------------------------------------------------------------------------------
	Submenue
	--------------------------------------------------------------------------------------------------------------------------- */

	.submenue ul
		{
		width: 100%;
		}

	.submenue a
		{
		display: block;
		padding: 20px 40px;
		color: #fff;
		text-decoration: none;
		background: #000;
		border-bottom: 1px solid #222;
		}

	.submenue a:hover
		{
		background: #222;
		}

	.submenue .aktiv a
		{
		background: #000 url("../images/icon_arrow3.gif") no-repeat center right;
		}

	.submenue .aktiv a:hover
		{
		background: #222 url("../images/icon_arrow3.gif") no-repeat center right;
		}

/*	---------------------------------------------------------------------------------------------------------------------------
	Jobs
	--------------------------------------------------------------------------------------------------------------------------- */

	.job
		{
		background: url("../images/job_01.jpg") no-repeat;
		width: 470px;
		height: 38px;
		margin-top: 5px;
		}
		
	.job h3
		{
		position: relative;
		top: 12px;
		left: 50px;
		font-size: 13px;
		font-weight: normal;
		color: #4C4C4C;
		}
		
	.job_content
		{
		background: #151515;
		position: relative;
		top: 0px;
		left: 20px;
		padding: 20px;
		width: 390px;
		}
		
	.job_content li
		{
		margin-left: 30px;
		padding: 5px;
		color: #999;
		list-style: square;
		}

/*	---------------------------------------------------------------------------------------------------------------------------
	Leistung Übersicht
	--------------------------------------------------------------------------------------------------------------------------- */

	.ov_l, .ov_r
		{
		float: left;
		position: relative;
		margin-right: 30px;
		margin-bottom: 25px;
		background: #000;
		}
		
	.ov_r
		{
		margin: 0;
		}
			
	.ov_l, .ov_r
		{
		width: 300px;
		height: 280px;
		color: #999;
		text-decoration: none;
		}
		
	.ov_l h2, .ov_r h2
		{
		padding: 20px 30px 10px 30px;
		}
		
	.ov_l p, .ov_r p
		{
		padding: 5px 30px 20px 30px;
		font-size: 11px;
		line-height: 16px;
		}

	.link a
		{
		float: right;
		color: #fff;
		text-align: right;
		}
				
	.pic_over
		{
		position: absolute;
		top: 70px;
		left: 0px;
		padding: 10px;
		color: #999;
		font-size: 11px;
		}

	.ov_l a .pic_over, .ov_r a .pic_over
		{
		text-decoration: none;
		}
				
/*	---------------------------------------------------------------------------------------------------------------------------
	Arbeiten
	--------------------------------------------------------------------------------------------------------------------------- */

	.titlesmall
		{
		float: left;
		position: relative;
		top: 25px;
		margin-bottom: -25px;
		font-size: 11px;
		color: #666;
		z-index: 100;
		}
		
	.container_slidebox
		{
		float: left;
		position: relative;
		margin-bottom: 25px;
		width: 790px;
		height: 477px;
		margin-right: 28px;
		background: #000;
		z-index: 1;
		}

	.detailtitle
		{
		width: 100%;
		height: 40px;
		background: #000 url("../images/icon_open_closed.gif") no-repeat 30px 1px;
		cursor: pointer;
		}
		
	.detailtitle_aktiv
		{
		display: none;
		width: 100%;
		height: 40px;
		background: #000 url("../images/icon_open_closed.gif") no-repeat 30px -58px;
		cursor: pointer;
		}
				
	.container_details
		{
		z-index: 3;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 40px;
		width: 790px;
		border-bottom: 1px solid #F4F4F4;
		background: #000;
		}

	.container_details_aktiv
		{
		z-index: 3;
		position: absolute;
		width: 790px;
		background: #000;
		border: none;
		}

	.details
		{
		display: none;
		z-index: 5;
		position: absolute;
		top: 41px;
		left: 0px;
		height: 437px;
		width: 790px;
		}

	.details_left
		{
		float: left;
		height: 330px;
		width: 219px;
		padding: 35px;
		border-right: 1px solid #232323;
		}
		
	.details_right
		{
		float: left;
		overflow: auto;
		height: 330px;
		width: 430px;
		padding: 35px;
		scrollbar-3dlight-color : #333; 
		scrollbar-highlight-color : #000; 
		scrollbar-face-color : #000; 
		scrollbar-arrow-color : #FFF; 
		scrollbar-shadow-color : #222; 
		scrollbar-darkshadow-color : #111; 
		scrollbar-track-color : #000; 
		}

	.smalltitle
		{
		font-size: 11px;
		padding-bottom: 10px;
		}

	.detailcontent
		{
		color: #B2B2B2;
		padding-bottom: 50px;
		line-height: 17px;
		}
		
	.detailcontent a
		{
		color: #B2B2B2;
		}
							
	.picframe
		{
		overflow: hidden; 
		position: relative;
		top: 49px;
		margin: 0 8px;
		width: 774px;
		height: 420px;
		}

	.slidepic
		{ 
		z-index: 1;
		position: relative; 
		top: 0;
		}

	.slidepic div 
		{ 
		z-index: 1;
		position:relative; 
		top: 0px; 
		width: 774px;
		display:none; 
		}

	.button_pre, .button_next
		{
		z-index: 2;
		position: relative;
		top: 200px;
		left: 20px;
		width: 44px;
		height: 44px;
		margin-bottom: -44px;
		cursor: pointer;
		}

	.button_pre
		{
		left: 20px;
		background: url("../images/button_pre.png");
		}
		
	.button_next
		{
		left: 722px;
		background: url("../images/button_next.png");
		}

	.loadframe
		{
	
		position: absolute; 
		top: 0;
		left: 0px;
		z-index: 9999; 
		background: #000 url("../images/load.gif") no-repeat center center;
		width: 100%;
		height: 426px; 
		}

	.loadframe2
		{
		width: 140px;
		height: 470px;
		}
	

	.screenurl a
		{
		position: relative;
		display: block;
		top: 80px;
		left: 710px; 
		width: 60px;
		height: 60px;
		margin-bottom: -60px;
		background: #f06;
		z-index: 99;
		background: url("../images/button_online.png") no-repeat center center;
		}
		
			
	/* Picnavigation */
	.container_picnavi
		{
		float: left;
		position: relative;
		width: 132px;
		height: 467px;
		padding: 5px;
		margin-bottom: 25px;
		background: #000;
		}

	.picnavi_space
		{
		float: left;
		position: relative;
		padding: 8px;
		}
	
	.picnavi ul
		{
		position: relative;
		}
		
	.container_picnavi li
		{
		float: left;
		padding: 1px;
		margin: 2px;
		margin-bottom: 5px;
		border: 1px solid #666;
		}

	.container_picnavi .active
		{
		float: left;
		padding: 1px;
		margin: 2px;
		margin-bottom: 5px;
		border: 1px solid #fff;
		}

	.preview_refpic
		{
		margin-bottom: -3px;
		}
				
	/* Footernavi */			
	.container_footernavi
		{
		float: left;
		position: relative;
		width: 300px;
		height: 52px;
		margin-bottom: 25px;
		margin-right: 30px;
		background: #000;
		}

	.inset_pre a, .inset_overview a, .inset_next a
		{
		display: block;
		width: 300px;
		height: 52px;
		text-decoration: none;
		color: #fff;
		font-size: 12px;
		}

	.inset_pre a{ background: #000 url("../images/icon_arrow1.gif") no-repeat 20px 15px;}
	.inset_pre a:hover{ background: #222 url("../images/icon_arrow1.gif") no-repeat 20px 15px;}	
	.inset_pre h3
		{
		padding: 18px 0 0 50px;
		font-size: 12px;
		font-weight: normal;
		}

	.inset_overview a{ background: #000 url("../images/icon_overview.gif") no-repeat 70px 15px;}
	.inset_overview a:hover{ background: #222 url("../images/icon_overview.gif") no-repeat 70px 15px;}
	.inset_overview h3
		{
		position: relative;
		top: 19px;
		left: 120px;
		font-size: 12px;
		font-weight: normal;
		}

	.inset_next a{ background: #000 url("../images/icon_arrow2.gif") no-repeat 260px 15px;}
	.inset_next a:hover{ background: #222 url("../images/icon_arrow2.gif") no-repeat 260px 15px;}
	.inset_next h3
		{
		padding: 18px 50px 0 0;
		text-align: right;
		font-size: 12px;
		font-weight: normal;
		}
	/* Diverses */
	
	.container_title p a
		{
		position: relative;
		top: -23px;
		left: 760px;
		color: #666;
		padding: 5px 0 5px 30px;
		font-size: 11px;
		text-decoration: none;
		background: url("../images/icon_overview_back.gif") no-repeat 0px 7px;
		}

	.container_title p a:hover
		{
		color: #fff;
		background: url("../images/icon_overview_back.gif") no-repeat 0px -49px;
		}

/*	---------------------------------------------------------------------------------------------------------------------------
	Übersicht
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_overview
		{
		float: left;
		position: relative;
		width: 288px;
		height: 168px;
		padding: 6px;
		margin-bottom: 25px;
		margin-right: 30px;
		background: #000;
		z-index: 1;
		}

	.container_overview a
		{
		color: #fff;
		text-decoration: none;
		}

	.overview_content
		{
		display: none;
		position: relative;
		height: 1px;
		width: 288px;
		top: -171px;
		text-align: center;
		background: #000;
		z-index: 1;
		cursor: pointer;
		}
	
	.overview_content p
		{
		font-size: 14px;
		color: #666;
		padding-top: 70px;
		}
		
	.overview_content span
		{
		position: relative;
		top: 10px;
		color: #f06;
		}
			
	.overview_hover
		{
		position: relative;
		top: -171px;
		width: 288px;
		height: 88px;
		text-align: center;
		font-size: 12px;
		padding-top: 80px;
		background: #000;
		z-index: 2;
		cursor: pointer;
		}
		
	/* Seitennavigation */
	.sitenavi
		{
		float: left;
		width: 50%;
		margin-top: 20px;
		}
		
	.sitenavi p
		{
		float: left;
		position: relative;
		top: 15px;
		margin-right: 10px;
		}
		
	.refinfo
		{
		float: right;
		margin-top: 20px;
		padding: 4px;
		font-size: 11px;
		}
		
	.sitenavi ul
		{
		float: left;
		list-style: none;
		height: 36px;
		}
		
	.sitenavi li
		{
		position: relative;
		top: 11px;
		float: left;
		background: #000;
		margin-right: 5px;
		text-align: center;
		font-size: 11px;
		}
		
	.sitenavi li a
		{
		display: block;
		color: #fff;
		padding: 5px 0px;
		width: 50px;
		text-decoration: none;
		}

	.sitenavi .on
		{
		position: relative;
		top: 0px;
		font-size: 12px;
		font-weight: bold;
		}
		
	.sitenavi .on a
		{
		display: block;
		color: #fff;
		padding: 10px 0px;
		width: 60px;
		text-decoration: none;
		}

	/*	---------------------------------------------------------------------------------------------------------------------------
		Cat Menü
		--------------------------------------------------------------------------------------------------------------------------- */

	.cat_navi
		{
		position: absolute;
		top: 15px;
		right: 30px;
		width: 170px;
		z-index: 9999;
		}

	.cat
		{
		width: 170px;
		}

	.cat_on
		{
		display: block;
		padding: 10px;
		background: #000;
		font-size: 11px;
		border: 1px solid #222;
		text-align: center;
		cursor: pointer;
		}

	.cat_off
		{
		display: none;
		}

	.cat_off a
		{
		color: #666;
		font-size: 11px;
		text-decoration: none;
		display: block;
		padding: 20px 0px 20px 30px;
		background: #111 url("../images/icon_arrow4.gif") no-repeat 10px 24px;
		border-bottom: 1px solid #222;
		}
		
	.cat_off a:hover
		{
		background: #222 url("../images/icon_arrow4.gif") no-repeat 10px 24px;
		}
		
/*	---------------------------------------------------------------------------------------------------------------------------
	Kontakt
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_kontakt
		{
		float: left;
		position: relative;
		width: 960px;
		height: 404px;
		margin-bottom: 25px;
		background: #000;
		z-index: 2;
		}	
			
/*	---------------------------------------------------------------------------------------------------------------------------
	Startseite
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_start
		{
		position: relative;
		float: left;
		width: 960px;
		height: 380px;
		margin-bottom: 25px;
		background: #000;
		z-index: 2;
		}
		
	.container_start h1
		{
		position: relative;
		top: -140px;
		left: 470px;
		width: 430px;
		font-size: 12px;
		line-height: 20px;
		font-weight: normal;
		color: #888;
		margin-bottom: -140px;
		text-align: justify;
		}

	.container_start_ref
		{
		float: left;
		position: relative;
		margin-bottom: 0px;
		width: 100%;
		}
		
	.container_start_adr
		{
		float: left;
		position: relative;
		margin-bottom: 25px;
		width: 300px;
		height: 385px;
		background: #000 url("../images/back_adr.jpg") no-repeat;
		color: #fff;
		}		
		
	.button_job a
		{
		text-indent: -9999px;
		display: block;
		width: 86px;
		height: 86px;
		position: relative;
		top: 120px;
		left: 915px;
		margin-bottom: -86px;
		background: url("../images/button_job.png") no-repeat;
		z-index: 999;
		}

	.new
		{
		text-indent: -9999px;
		display: block;
		width: 61px;
		height: 61px;
		position: relative;
		top: -6px;
		left: -6px;
		margin-bottom: -61px;
		background: url("../images/icon_neu.png") no-repeat;
		z-index: 999;
		}							
/*	---------------------------------------------------------------------------------------------------------------------------
	Skills
	--------------------------------------------------------------------------------------------------------------------------- */

	.container_skills
		{
		float: left;
		position: relative;
		width: 960px;
		margin-bottom: 25px;
		background: #000;
		}
		
	.container_skills ul
		{
		float: left;
		width: 25%;
		margin: 0px;
		list-style: none;
		padding: 10px 0;
		}
		
	.container_skills li
		{
		display: block;
		font-size: 11px;
		margin: 3px 25px;
		padding: 2px 10px;
		}
		
	.container_skills li a
		{
		display: block;
		color: #555;
		text-decoration: none;
		padding-left: 20px;
		background: url("../images/icon_arrow4.gif") no-repeat 0 3px;
		}
		
/*	---------------------------------------------------------------------------------------------------------------------------
	Kontaktform
	--------------------------------------------------------------------------------------------------------------------------- */

	.cell1
		{
		width: 30%;
		border: none;
		}

	.cell2
		{
		padding-bottom: 5px;
		width: 70%;
		border: none;
		}

	.code
		{
		position: relative;
		top: 6px;
		}
		
	.errorinfo
		{
		background: #D6464E;
		color: #FFF;
		margin-bottom: 20px;
		padding: 20px;
		}

	.okinfo
		{
		background: #8BB63C;
		color: #FFF;
		margin-bottom: 20px;
		padding: 20px;
		}

	.normal
		{
		font: 12px arial, tahoma, Verdana, Georgia, "Times New Roman", Times, serif;
		padding: 6px;
		color: #666;
		background: #f1f1f1;
		border: 1px solid #222;
		font-weight: bold;
		}

	.error
		{
		font: 12px arial, tahoma, Verdana, Georgia, "Times New Roman", Times, serif;
		padding: 4px;
		color: #fff;
		background: #D6464E;
		}
			
/*	---------------------------------------------------------------------------------------------------------------------------
	Footer
	--------------------------------------------------------------------------------------------------------------------------- */
		
	.container_footer
		{
		float: left;
		position: relative;
		overflow: hidden;
		width: 940px;
		padding: 0 10px 50px 10px;
		margin-bottom: 50px;
		}
	
	.container_footer p
		{		
		color: #777;
		font-size: 12px;
		}
		
	.container_footer .small
		{		
		color: #777;
		font-size: 11px;
		}
		
	.container_footer p a
		{		
		color: #777;
		}
		
	.container_footer p a:hover
		{		
		text-decoration: none;
		}
		
	.ml
		{
		position: relative;
		top: 4px;
		}
	
	.foot_left
		{
		float: left;
		width: 50%;
		font-size: 12px;
		}
		
	.foot_right
		{
		float: left;
		width: 50%;
		text-align: right;
		}