html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}





/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>BODY<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
body {
   color:               #000000;
   font-family:         "Verdana", "Arial", "Sans-Serif";
   margin:              0px 0px 0px 0px;
   background: 			#adb1b7 url(images/aracom_imgs/body_bg2.png) repeat-x;
   
}

body, html {
	margin:				0;
	padding:			0;
	height: 				100%;
}
/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>HEADER<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
#header {
   background-repeat:   no-repeat;
   text-align:          left;
   height:              140px;
}

#logo {
	float:				left;
	margin:				21px 0px 24px 0px;	
}

#header span {
	font-size:			11px;
	font-weight:		bold;
	color:				#a4aaaf;				
	
}

#header span a {
	color: 				#e3e4e6;	
}

#header span a:hover {
	color:				#fff;	
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>MENU<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
#menu {
   /*background-image:    url(images/menu.png)*/;
   background-repeat:   no-repeat;
   line-height:         1.9em;
   height:              30px;
   padding-right:       0px;
   padding-top:			8px;
   padding-left:		0px;
   margin-left:			0px;
   float:				left;
   width:				853px;

  
}

#menu ul {
	background: 		url(images/aracom_imgs/menu_ul_bg_new.png);
	margin: 			0px; 
	margin-top:			2px;
	padding:            0px;
	-moz-box-shadow: 	6px 6px 6px #616367;
    -webkit-box-shadow: 6px 6px 6px #616367;
    box-shadow: 		6px 6px 6px #616367;
	
}



#menu ul li { 
	list-style: 		   none;
	float: 				   left;
	font-weight:           bold;
	position: 			   relative;
	margin: 			   0px 10px 0px 20px;
	font-size: 			   11px;
	letter-spacing:		   1px;
}

#menu ul li span {
	padding-bottom:			3px;
	font-size: 				16px;
	font-weight: 			normal;
}

#menu ul li ul {
    position: 			    absolute;
    top: 				    27px;
    left: 				    0;
    display: 			    none;
    border:				    0px solid #dcdcdc;
    line-height:		    1.0em;
    width: 				    222px;
    padding-top:			12px;
}
#menu ul li ul li ul {
	position: 			    absolute;
    top: 				    0px;
    left: 				    222px;
    display: 			    none;
    border:				    0px solid #dcdcdc;
    line-height:		    1.0em;
    width: 				    222px;
    padding-top:			12px;
}

#menu ul li:hover ul {
    display: block;
}
  
#menu ul li ul li {
  
   margin: 			      2px;
   float:				   none;
   display: 			   block;   
   font-weight:     	   bold;
}

#menu ul li ul li.selected {
	background:			url(images/aracom_imgs/menu_ul_li_hv_bg_sel.png) repeat-x;
}

#menu ul li a {
   color:               #e3e4e6;
   text-decoration:     none;
   display: 			block;
   /*width:               100%;
*/}

#menu ul li a:hover {
   color:               #fff;   
   text-decoration:     none;
}

#menu ul li.selected a {
   color:               #fff;
}

#menu ul li ul li a {
   padding: 			5px 15px 5px 15px;
   color: 				#fff;
   
   
}

#menu ul li ul li span {
	color: transparent;
}

#menu ul li ul li:hover {
	background:			url(images/aracom_imgs/menu_ul_li_hv_bg.png) repeat-x;	
}

#menu ul li.selected ul li a {
   color:               #ffffff;
}

#menu ul li.selected ul li a:hover {
   color:               #fff;
}
/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>FOOTER<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
#footer {     
   position:			relative;
   background-repeat:   no-repeat;
   font-size:           11px;
   height:              120px;
   line-height:         1.2em;
   padding:             0px 20px 0px 20px;
   background: 			url(images/aracom_imgs/footer_bg.png) repeat-x;
   clear:				both;

}

#footer a {  
   text-decoration:     none;
   font-weight:			bold;
   color:				#221e1f;
}

#footer a:hover {
   color:               #17479e;
   text-decoration:     none;
}

#footer_content {
	padding-top:		 20px;
	margin:              auto; 
 	width:               960px;
}
#footer_box {
	background:			url(images/aracom_imgs/footer_box.png) no-repeat;
	width: 960px;
	height: 40px;
	margin-top:		25px;
	margin-left: 	auto;
	text-align:		right;
}

.social_icon {
	margin: 		5px;	
}


/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>CONTENT PLACEHOLDERS<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
#container {
   margin:              auto; 
   width:               960px; 
   height: 				auto !important; 
   min-height: 			100%;     
   margin-bottom:		-120px !important; 
}
.push{
	height:				120px;
	clear:				both;
}
#content {     
   background-color:    transparent;
   border:              0px solid #dcdcdc;     
   font-size:           11px;
   line-height:         1.6em;   
   padding:             24px 0px;;
}

#main_content {
	background:			url(images/aracom_imgs/main_cont_bg.png) repeat-y;
	padding:			20px;
	color:				#3b3b3a;
	width: 				920px;
	min-height:			200px;
	margin:				16px 0 0 0;
}

.left_cont {
	margin-top:			15px;
	width: 				585px;
	float:				left;
}
.right_cont {
	margin-top:			15px;
	float:				left;
	margin-left:		19px;
	width: 				313px;
}
.left_cont_about {
	margin-top:			15px;
	margin-bottom:		15px;
	width: 				485px;
	float:				left;	
}
.right_cont_about {
	margin-top:			15px;
	margin-bottom:		15px;
	float:				left;
	margin-left:		19px;
	width: 				413px;	
}
.left_cont_team {
	margin-top:			15px;
	margin-bottom:		15px;
	width: 				413px;
	float:				left;	
}
.right_cont_team {
	margin-top:			15px;
	margin-bottom:		15px;
	float:				left;
	margin-left:		19px;
	width: 				461px;	
	min-height:			300px;
}

.left_jobs {
	margin-top:			15px;
	width:				313px;
	float:				left;	
}

.right_jobs {
	margin-top:			15px;
	float:				left;
	margin-left:		19px;
	width: 				585px;
}

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

#map_canvas, #map_canvas2 {
	width:570px; 
	height: 495px;	
}
/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>HTML-ELEMENTS<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
a {
   color:               #000;
   text-decoration:     none;
}

a:hover {
   color:               #17479e;
   text-decoration:     none;
}

hr {
   border:              solid #dcdcdc 1px;
   height:              1px;
   margin-top:          10px;
   margin-bottom:       15px;
}

img {
   border:              0px;
}

h1 {
   color:               #3f3f3e;
   font-size:           24px;
   font-weight:         bold;
   margin:              0px 0px 20px 0px;
   padding:             0px;
}

h2 {
   color:               #000000;
   font-size:           1.1em;
   font-weight:         bold;
   margin:              0px 0px 15px 0px;
   padding:             0px;
}

textarea, input {
   background-color:    #ffffff;
   border:              1px solid  #dcdcdc;  
   font-family:         "Verdana", "Arial", "Sans-Serif";
   font-size:           0.9em;   
}
table {
	empty-cells:show;	
}
.table_listings tr {
	height:				35px;
	
}

.table_listings a, .table_customer a {
	color:				#3b3b3a;	
}

.table_listings a:hover, .table_customer a:hover {
	color:				#fff;
}

.table_listings td, .table_customer td {
	padding: 			15px 0px;
	vertical-align:		bottom;	
}

.table_customer tr {
	height:				35px;
}

.lasttr { 
	border-bottom:		1px solid #9a9da1;	
}

table, tr {
   padding:             0px;
   color:				#3b3b3a;
   border-collapse:     collapse;   
}

th, td {
   background-color:    transparent;
   border:              0px solid  #dcdcdc; 
   padding:             3px 10px 3px 10px;
   margin:              0px;
}

td {
   background-color:    transparent;

}

ol {
   font-weight: bold;
}
 .table_listings {
 	border-collapse: collapse;
 }

.customer_ref {
	margin-bottom:			30px;
}

.freelancer_job {
	margin-bottom:			30px;
}

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>CUSTOM-ELEMENTS<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
 
#banner {
	width:				100%;	
	margin:				0px;
	height:				380px;
}
#main_content_divs {
	width: 				960px;	
}
#main_content_divs div{
	float:				left;
	margin:				8px;
}


#main_content_divs a {

}
#start_video {
	width:				300px;
	height:				160px;
	background: url(images/aracom_imgs/default_video_background.jpg) no-repeat;
}

#start_video #fadeInVideo {
	width: 300px;
	height: 160px;
	margin: 0 0 0 0 !important;
	background: url(images/aracom_imgs/default_video_fadeIn.png) no-repeat;
	display: none;
}
#start_news {
	width: 				300px;
	height:				160px;
	background: url(images/aracom_imgs/default_news_background.jpg) no-repeat;	
}


#start_news div {
		width:			200px;
		height: 		160px;
		float:			left;	
		
}
#start_news div table{
		width:			200px;
		height: 		160px;
}
#start_jobs {
	width:				300px;
	height:				160px;
	background:	url(images/aracom_imgs/default_jobs_background.jpg) no-repeat;	

}
.sitemappath {
	margin: 			-20px 0px 10px 10px;
	font-size:			  0.7em;
	color:              #b0b2b5;
	font-weight:		bold;
}

.sitemappath a {
	color:              #b0b2b5;
}

.sitemappath a:hover {
   color:               #fff;
}

#sitemappathFooter a {
	color: 				#221e1f;
	font-size:			10px;
}

#sitemappathFooter a:hover {
	color: 				#17479e;
		
}

.question {
   color:               #449c52;
   margin-bottom:       8px;
}

.answer {
   font-weight:         normal;
   margin-bottom:       12px;
   margin-left:         10px;
}

.answer li {
   margin-bottom: 5px;
}

.slideshow_container {
   padding: 			5px; 
   margin: 				10px 0px 10px 20px; 
   float: 				right; 
   border: 				1px solid #dcdcdc;
}

.left {
	float: 				left;	
}

.right {  
   float:               right;
   color:				#2a2c2d;
}

.right a {
	margin:				5px 10px 5px 10px;
}

.bold {
   font-weight:         bold;
}

.error {
   color:               #cc0000;
}

#search {
	float:			right;
	margin-top:		35px;
	color:			#fff;
	font-size:		10px;
	font-weight:	bold;
	width: 			230px;
}

.search_field {	
	background:			url(images/aracom_imgs/search_bg.png) no-repeat;
	height:				20px;
	width:				182px;
	border:				none;
	margin-top:			11px;
	padding-left:		25px;
	float: 				right;
	color: 				#E3E4E6;
	font-size:		9px;
	font-weight:	bold;
}

.search_button {
	height: 19px;
	width: 45px;
	border: none;
	float: right; 
	background-color: #fff;
	visibility: hidden;
		
}             

/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>CSS Rollover for JS-Slider<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
#mycarousel a {
	display: block;
	width:	105px;
	height: 35px;
	text-align: center;
}
#mycarousel a:hover {
	background-position: 0px -35px;	
}


#Infineon a {
	background: url("images/customers/slider-imgs/infineon.png") 0px 0px no-repeat;
}
#Sgl a {
	background: url("images/customers/slider-imgs/sgl.png") 0px 0px no-repeat;
}
#Bartec a {
	background: url("images/customers/slider-imgs/bartec.png") 0px 0px no-repeat;
}
#Buecher a {
	background: url("images/customers/slider-imgs/buecher.png") 0px 0px no-repeat;
}
#Cashlife a {
	background: url("images/customers/slider-imgs/cashlife.png") 0px 0px no-repeat;
}
#Servicexperts a {
	background: url("images/customers/slider-imgs/servicexperts.png") 0px 0px no-repeat;
}
#Kreissparkasse a {
	background: url("images/customers/slider-imgs/kreissparkasse.png") 0px 0px no-repeat;
}
#Flughafenmuenchen a {
	background: url("images/customers/slider-imgs/flughafenmuenchen.png") 0px 0px no-repeat;
}
#Fischerzoth a {
	background: url("images/customers/slider-imgs/fischerzoth.png") 0px 0px no-repeat;
}
#Prosieben a {
	background: url("images/customers/slider-imgs/prosieben.png") 0px 0px no-repeat;
}
#Manroland a {
	background: url("images/customers/slider-imgs/manroland.png") 0px 0px no-repeat;
}
#Goethe a {
	background: url("images/customers/slider-imgs/goethe.png") 0px 0px no-repeat;
}
#Bosch a {
	background: url("images/customers/slider-imgs/bosch.png") 0px 0px no-repeat;
}
#Hypo a {
	background: url("images/customers/slider-imgs/hypo.png") 0px 0px no-repeat;
}
#Milon a {
	background: url("images/customers/slider-imgs/milon.png") 0px 0px no-repeat;
}
#Sbk a {
	background: url("images/customers/slider-imgs/sbk.png") 0px 0px no-repeat;
}
#Weltbild a {
	background: url("images/customers/slider-imgs/weltbild.png") 0px 0px no-repeat;
}
#Upm a {
	background: url("images/customers/slider-imgs/upm.png") 0px 0px no-repeat;
}
#N24 a {
	background: url("images/customers/slider-imgs/n24.png") 0px 0px no-repeat;
}
#Hp a {
	background: url("images/customers/slider-imgs/hp.png") 0px 0px no-repeat;
}
#Eads a {
	background: url("images/customers/slider-imgs/eads.png") 0px 0px no-repeat;
}
#Aktienbank a {
	background: url("images/customers/slider-imgs/aktienbank.png") 0px 0px no-repeat;
}
#Aktienbank a:hover {
		background-position: 0px -35px;	
}
#Wbg a {
	background: url("images/customers/slider-imgs/wbg.png") 0px 0px no-repeat;
}
#Arbeitsagentur a {
	background: url("images/customers/slider-imgs/arbeitsagentur.png") 0px 0px no-repeat;
}
#Siemens a {
	background: url("images/customers/slider-imgs/siemens.png") 0px 0px no-repeat;
}
/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>Technologien 2 Referenzen<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */



.techRef span a {
	display: block;
	width: 105px;
	height: 35px;
	text-align: center;
}


.techRef span {
	padding: 5px;
	width: 150px;
	float: left;
	margin: 10px;
}

 /* -------------------------------------------------------------------------
  * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>Social Icons CSS Rollover<<<<<<<<<<<<<<<<<
  * -------------------------------------------------------------------------
 */
 
 
 #footer_box a:hover {
 	background-position: 0px 0px;
 }
 #footer_box a {
 	display: block;
	width:	32px;
	height: 32px;
	float: right;
	margin: 4px;
 }
 #rss:hover, #linkedin:hover, #myspace:hover, #twitter:hover, #facebook:hover, #skype:hover, #xing:hover, #kununu:hover{
  	background-position: 0px 0px;
 }
 
#kununu {
	background: url("images/social_icons/kununu_neu.png") 0px -32px no-repeat;
}
 
#xing {
 	background: url("images/social_icons/xing_neu.png") 0px -32px no-repeat;
 }
#rss {
	background: url("images/social_icons/rss_neu.png") 0px -32px no-repeat;
 }

#linkedin {
	background: url("images/social_icons/linkedin_neu.png") 0px -32px no-repeat;
}
#myspace {
	background: url("images/social_icons/myspace_neu.png") 0px -32px no-repeat;
}
#twitter {
	background: url("images/social_icons/twitter_neu.png") 0px -32px no-repeat;
}
#skype {
	background: url("images/social_icons/skype_neu.png") 0px -32px no-repeat;
}
#facebook {
	background: url("images/social_icons/facebook_neu.png") 0px -32px no-repeat;
}


/*
 * -------------------------------------------------------------------------
 * >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>Bewerbungsformular<<<<<<<<<<<<<<<<<<<<<<<<
 * -------------------------------------------------------------------------
 */
.button {
	background: url(images/aracom_imgs/submit_bew_bg.png) repeat-x;	
	border-left:	1px solid #c3c3c3;
	border-top:		1px solid #c3c3c3;
	border-bottom:	1px solid #616262;
	border-right:	1px solid #616262;
	margin:			1px 4px 1px	1px; 
	-moz-border-radius:		2px;
	border-radius: 			2px;
	cursor: pointer;
	height: 25px;
	color: #fff;
	font-weight: bold;	
}
.button a {
	color: #fff;
	font-size: 0.9em;	
}
.button:hover {
	background: url(images/aracom_imgs/submit_bew_bg_hover.png) repeat-x;	
		
}

.horizontalLine {
	background: url(images/aracom_imgs/horizontalLine.jpg) repeat-x;
	height: 1px;
	width: 100%;
	margin: 10px 0px;

}
.horizontalLine span {
	display:none;	
}

.contactForm .headline {
	margin: 0px 0px 10px 0px;	
}

.contactForm .radio {
	background-color: #919292;	
}

.input, #beschaeftVerh, #jobart_input{
		background: 	#919292;
		height: 		25px;
		color: 			#efefef;
		font-weight:	bold;
		margin-right:	4px;
		border-left:	1px solid #616262;
		border-top:		1px solid #616262;
		border-bottom:	1px solid #c3c3c3;
		border-right:	1px solid #c3c3c3;
		margin:			1px 1px 1px	1px; 
		-moz-border-radius:		2px;
		border-radius: 			2px;

}


.right_jobs form textarea {
		background: 	#919292;
		border-left:	1px solid #616262;
		border-top:		1px solid #616262;
		border-bottom:	1px solid #c3c3c3;
		border-right:	1px solid #c3c3c3;
		color: 			#efefef;
		font-weight:	bold;
		margin-right:	4px;
		-moz-border-radius:		2px;
		border-radius: 			2px;

}
.contactForm textarea {
		background: 	#919292;
		border-left:	1px solid #616262;
		border-top:		1px solid #616262;
		border-bottom:	1px solid #c3c3c3;
		border-right:	1px solid #c3c3c3;
		color: 			#efefef;
		font-weight:	bold;
		margin-right:	4px;
		-moz-border-radius:		2px;
		border-radius: 			2px;
}
.textarea_admin {
		font-weight: 	normal;
		font-size: 		11px;
		background-color: #C4C4C4;
		color:			#221E1F;
		width:			500px;
		display:		block;
	
}
#beschaeftVerh {
	width: 235px;
	height: 25px;
	padding: 0px 10px;
	margin: 10px 0px;
}

#beschaeftVerh input {
		margin: 5px 10px 0px 40px;	
		height: 15px;
}

.small {
	font-size: 11px;	
}

.hidden {
	visibility:hidden;
}