* {
	margin:		0;
	border:		0;
	padding:	0;
	outline:	none;
}

html {
  width:  100%;
  height: auto;
  /* Safari (Mac OS X) bug? */
  background:	url('../img/bg.png') top left repeat;
}

body {
  width:            100%;
  height:           auto;
  font-family:      Verdana, Sans-Serif;
  /*font-size:        0.70em;*/
  font-size:      	11px;
  color:            #d9e0e6;
  /*
  OK -> background:				#3F3D38 url('../img/page_bg.png') top left repeat-x;
  mods
  background-color:	#3F3D38;
  */
  background:				url('../img/page_bg.png') top left repeat-x;
}

table {
	border-collapse:  collapse;
  empty-cells:      show;
}

td {
	width:						50%;
	vertical-align:		middle;
}

td.message {
	padding-top:			7px;
	vertical-align:		top;
}

a {
  color:            #fff;
  text-decoration:  none;
  /*
  font-weight:      normal;
  */
}

a:hover {
  text-decoration:  underline;
}

h1 {
	position:				relative;
  margin-bottom:	10px;
	border-bottom:	1px solid #969286;
	height:       	35px;
  line-height:  	35px;
	color:					#fff;
  font-size:    	17px;
  font-weight:		normal;
}

h1 span {
	position:				absolute;
	top:						0;
	right:					0;
	color:					#969186;
  font-size:    	21px;
  font-weight:		normal;
}

p {
	margin-bottom:	10px;
	/*text-indent: 2em;*/
	text-align:   	justify;
}

span.cite {
	font-style: italic;
}

span.quote {
	display:			block;
	float:				right;
	padding:			10px 0 20px 0;
	font-size:		9px;
}

input {
	/*display:			block;*/
	margin:				2px 0 2px 2px;
	border:				1px solid #969286;
	width:				300px;
	/*line-height:	20px;*/
	padding:			2px;
	background-color:	transparent;
	color:				#fff;
	font-size:		11px;
}

textarea {
  overflow:     auto;
	margin:				2px 0 2px 2px;
	border:				1px solid #969286;
	width:				300px;
	height:				135px;
	padding:			2px;
	background-color:	transparent;
	color:				#fff;
	font-size:		11px;
	font-family:  Verdana, Sans-Serif;
}

span.button {
	display:					inline-block;
	margin:						2px 0;
	border:						1px solid #44433D;
	width:						66px;
	height:						23px;
	line-height:			23px;
	text-align:				center;
	font-size:				10px;
	color:						#fff;
	background-color:	#33322E;
	cursor:						pointer;
}

span#reset {
	float:	left;
}

span#submit {
	float:	right;
}


#app_1_1_desc, #app_1_2_desc,
#app_2_1_desc, #app_2_2_desc, #app_2_3_desc, #app_2_4_desc, #app_2_5_desc,
#app_2_6_desc, #app_2_7_desc, #app_2_8_desc, #app_2_9_desc, #app_2_10_desc,
#app_2_11_desc, #app_2_12_desc, #app_2_13_desc, #app_2_14_desc, #app_2_15_desc,
#app_2_16_desc, #app_2_17_desc, #app_2_18_desc, #app_2_19_desc, #app_2_20_desc,
#app_3_1_desc {
	display: none;
}

/* ----------------------------------------------------------- */


div#centered {
	position:   	relative;
  z-index:    	1;
  margin:     	0 auto;
  width:      	834px;
  height:     	auto;
  padding-top:	313px;
}

ul#main_menu {
	position:			absolute;
	top:					0;
	left:					0;
	/*float:        left;*/
	width:        884px;
  list-style:   none;
}

ul#main_menu li {
	/*display:	inline;*/
	float:  				left;
	padding-right:	50px;
}

ul#main_menu li a {
  display:      block;
  float:        left;
  height:       44px;
  line-height:  44px;
  padding-top:	42px;
  background:   url('../img/main_menu_bg_off.png') top left repeat-x;
}

ul#main_menu li a:hover {
  background:	url('../img/main_menu/arrow.png') center 14px no-repeat;
}

ul#main_menu li a.selected, ul#main_menu li a.selected:hover {
	background:	url('../img/main_menu_bg_on.png') top left repeat-x;
}

ul#main_menu li a:link, ul#main_menu li a:visited, ul#main_menu li a:active {
	text-decoration:	none;
	color:						transparent;
}

div#logo {
	position: 	absolute;
	top:		  	102px;
	left:		  	9px;
	width:			209px;
	height:			121px;
}

div#decoration {
	position: 	absolute;
	top:		  	102px;
	right:		 	-25px;
	width:			530px;
	height:			169px;
	background: url('../img/decoration.jpg') top left no-repeat;
}

div#language {
  position: absolute;
  top:      273px;
  right:    3px;
  z-index:	2;
}

div#language a {
  margin-left:  10px;
}

div#language a.selected {
}


div#contener {
  overflow:				hidden;
  width:    			824px;
  height:   			auto;
	margin:					0 3px 0 7px;
	padding-bottom:	31px;
}

div#left_contener {
  display:  			inline;
  float:    			left;
  width:    			274px;
  height:   			auto;
  padding-right:	45px;
}

div#left_contener p {
	margin-bottom:	20px;
}

div#left_contener ul {
  	list-style:			none;
	margin-bottom:	10px;
}

div#left_contener ul li {
  margin:       0;
  border:       0;
  padding:      2px 0 2px 13px;
	/*color:				#A6A194;*/
	color:				#fff;
	font-size:		11px;
  background:   url('../img/li_arrow.png') 0 6px no-repeat; 
}

ul.positions a {
	cursor:	pointer;
}

#online_shopping_desc, #internet_applications_desc, #informatic_systems_desc, #phone_applications_desc, #search_engine_positioning_desc, #internet_marketing_desc {
	display:	none;
}

#grafik_desc, #web_developer_p_desc, #grafik_p_desc, #java_programmer_desc {
	display:	none;
}


div#right_contener {
  display:  		inline;
  float:    		right;
  width:    		460px;
  height:   		auto;
  padding-left: 45px;
}

div#box {
  overflow:			hidden;
  width:    		460px;
  height:   		329px;
  /*height:   		435px;*/
}

div#box h1 {
	color:				#fff;
	font-size:		11px;
	text-align:		center;
	padding-top:	10px;
	height:				23px;
	line-height:	23px;
	margin:				0;
	border:				0;
}

div#box ul li a {
	cursor:	pointer;
}

div#blue_box {
  display:  			inline;
  float:    			left;
  width:    			149px;
  height:   			278px;
  /*height:   			384px;*/
  padding-bottom: 51px;
  background:			#969286 url('../img/box/blue_shadow.png') bottom left no-repeat;
}

div#green_box {
	display:  			inline;
  float:    			left;
	margin:					0 6px 0 7px;
  width:    			149px;
  height:   			278px;
  /*height:   			384px;*/
  padding-bottom: 51px;
  background:			#969286 url('../img/box/green_shadow.png') bottom left no-repeat;
}

div#orange_box {
  display:  			inline;
  float:    			right;
  width:    			149px;
  height:   			278px;
  /*height:   			384px;*/
  padding-bottom: 51px;
  background:			#969286 url('../img/box/orange_shadow.png') bottom left no-repeat;
}

div#blue_box h1 { background:	url('../img/box/blue_header.png') top left no-repeat; }
div#green_box h1 { background:	url('../img/box/green_header.png') top left no-repeat; }
div#orange_box h1 { background:	url('../img/box/orange_header.png') top left no-repeat; }


div#content {
	overflow:	hidden;
	position:	relative;
	width:    460px;
  height:   auto;
}

/*
div#content a {
  color:            #fff;
  text-decoration:  none;
}

div#content a:hover {
  text-decoration:  underline;
}
*/

/*
div#content p {
	margin-bottom:	10px;
	text-indent: 2em;
	text-align:   	justify;
}
*/

div#content ul {
	list-style: none;
	margin:		10px 0;
  	width:		460px;
}

div#content ul li {
  margin:       0;
  border:       0;
	padding:      2px 0 2px 13px;
	/*color:				#A6A194;*/
	font-size:		11px;
  background:   url('../img/li_square.png') 0 7px no-repeat; 
}


div.pages {
  margin:     0 auto;
  width:      100%;
  text-align: center;
}


div.back {
  margin-top: 15px;
}

div#back a {
  font-weight:      normal;
  text-decoration:  underline;
}


div#footer {
  overflow:     	hidden;
  width:      		834px;
  height:       	82px;
  background:   	url('../img/footer_bg.png') top left repeat-x;
}

div#footer a {
  /*color:  #d1dfd0;*/
  color:	#969286;
}

div#footer a.selected {
  color:	#fff;
}

div#footer_l {
	display:			inline;
	float:				left;
	width:      	346px;
  height:     	37px;
  line-height:	37px;
  padding:			12px 0 33px 25px;
  background:		url('../img/footer_l_bg.png') top left no-repeat;
}

div#footer_r {
	display:			inline;
	float:				right;
	width:      	453px;
  height:     	37px;
  line-height:	37px;
  padding:			12px 10px 33px 0;
  background:		url('../img/footer_r_bg.png') top right no-repeat;
}

ul#footer_menu {
	/*float:        left;*/
  width:        auto;
  list-style:   none;
}

ul#footer_menu li {
	/*display:	inline;*/
	float:  			left;
	border-left:	1px solid #44433D;
	padding:			0 15px;
}

ul#footer_menu li a {
  display:      block;
  float:        left;
  height:       37px;
  line-height:  37px;
}

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

ul#footer_menu li a.selected, ul#main_menu li a.selected:hover {
	
}



table#contact {
	width:	100%;
}

div.loader {
	/*display:	none;*/
	position:	absolute;
	top:			100px;
	right:		140px;
}

div.clear {
  clear:  both;
}