@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
		General
 ----------------------------------------------------------------------------------------------- */

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	text-align:center;
}

body {
	background:url(../images/background,office.jpg);
	background-color:#f1f1f1;
}

#wrapper {
	position:relative;
	width:760px;
	min-height:100%;
	background:url(../images/background-shadow.png) repeat-y;
	padding:20px 40px;
	margin:0 auto;
}

/* IE6 */
*html #wrapper {
	height:100%;
	background:url(../images/background-shadow-ie6.gif) repeat-y;
}

/* -----------------------------------------------------------------------------------------------
		header
 ----------------------------------------------------------------------------------------------- */

#header {
	position:relative;
}

#header .language {
	position:absolute;
	top:-5px;
	right:-10px;
}

*html #header .language {
	right:30px;
}

/* -----------------------------------------------------------------------------------------------
		header navigation
 ----------------------------------------------------------------------------------------------- */

#header .mod_navigation {
	height:31px; /* height of the background image */
	text-transform:uppercase;
	background:url(../images/background,main,navigation.gif) repeat-x;
	margin:20px 0px 10px 0px;
}

#header .mod_navigation ul {
	margin:7px 0px;
}

#header .mod_navigation li {
	display:inline;
}

#header .mod_navigation li span {
	font-weight:bold;
	color:#413a8c;
	margin-right:10px;
}

#header .mod_navigation li a {
	color:#999999;
	text-decoration:none;
	margin-right:10px;
}

#header .mod_navigation li a:hover {
	color:#413a8c;
	text-decoration:underline;
}

/* -----------------------------------------------------------------------------------------------
		slider
 ----------------------------------------------------------------------------------------------- */

#slider{}	

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}

#slider li { 
	width:760px;
	height:230px;
	overflow:hidden; 
}	
	
#prevBtn, #nextBtn { 
	display:none;
}	

/* -----------------------------------------------------------------------------------------------
		s3Slider - Home
 ----------------------------------------------------------------------------------------------- */

#s3slieder_container {
	position:relative;
}

#s3slider {
   position:relative; 
   width:760px; 
   height:230px; 
   background:#f1f1f1;
   overflow:hidden;
}

#s3sliderContent {
   position:absolute; 
   top:0;
   left:0;
   width:760px; 
   margin:0;
}

.s3sliderImage {
   position: relative;
   float:left;
   display:none;
}

.s3sliderImage span {
   position:absolute;
   left:0;
   bottom:0;
   width:760px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   background-color:#000;
   padding:15px 20px;
   filter: alpha(opacity=70); 
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
   display:none;
}

.s3sliderImage span.empty {
   filter: alpha(opacity=0); 
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0;
	padding:0;
}

.clear {
   clear: both;
} 

/* -----------------------------------------------------------------------------------------------
		container
 ----------------------------------------------------------------------------------------------- */

#container {
	padding-bottom:30px;
	margin:30px 0px 0px 0px;
}

#container #left {
	width:210px;
	margin:30px 0px 0px 10px;
}

#container #left h3 {
	font-size:12px;
	text-transform:uppercase;
	background:url(../images/background,line,dotted.gif) bottom repeat-x;
	padding-bottom:2px;
}

#container #main {
	margin:0px 10px 0px 270px;
}

/* -----------------------------------------------------------------------------------------------
		container left submenu
 ----------------------------------------------------------------------------------------------- */

#left .mod_navigation ul {
	text-transform:uppercase;
	margin-bottom:40px;
}

#left .mod_navigation ul li {
	margin-bottom:3px;
}

#left .mod_navigation ul li a {
	color:#999999;
	text-decoration:none;
}

#left .mod_navigation ul li a:hover {
	color:#413a8c;
	text-decoration:underline;
}


#left .mod_navigation ul .active {
	color:#413a8c;
}

/* -----------------------------------------------------------------------------------------------
		container left recommendations
 ----------------------------------------------------------------------------------------------- */

#recommendation {
	width:200px;
	margin-bottom:40px;
}

/* -----------------------------------------------------------------------------------------------
		container left contact person
 ----------------------------------------------------------------------------------------------- */

#container #left #contact a {
	color:#333333;
	text-decoration:underline;
}

#container #left #contact a:hover {
	text-decoration:none;
}
/*
.contactperson {
	margin-bottom:40px;
}

.contactperson .row {
	padding:2px 0px;
	clear:both;
}

.contactperson .label {
	float:left;
	width:50px;
}

.contactperson .data {
	text-align:left;
	float:left;
} 
*/
/* -----------------------------------------------------------------------------------------------
		container main
 ----------------------------------------------------------------------------------------------- */

.ce_headline {
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	color:#413a8c;
	background:url(../images/headline,background.gif) no-repeat;
	padding:0px 0px 0px 40px;
	margin:0px 0px 20px 0px;
}

.ce_text h2 {
	font-size:14px;
	font-weight:bold;
	color:#413a8c;
	padding:0px;
	margin:0px 0px 10px 0px;
}

.ce_text {
	color:#585858;
	text-align:justify;
}

.ce_list ul, ce_text ul {
	color:#585858;
	margin-left:20px;
}

.ce_list li, .ce_text li {
	list-style:disc;
}

/* -----------------------------------------------------------------------------------------------
		container main case studies
 ----------------------------------------------------------------------------------------------- */

table#overview {
	border-collapse:collapse;
	margin:1px;
}

table#overview td {
	border:1px solid #cccccc;
}

table#casestudies {
	margin-top:30px;
}

table#casestudies td {
	text-align:justify;
	padding:0px 0px 10px 0px;
}

table#casestudies td.label {
	width:130px;
}

table#casestudies td ul {
	margin-left:15px;
}

/* -----------------------------------------------------------------------------------------------
		container main contact 
 ----------------------------------------------------------------------------------------------- */

#table_address, #callback, #contactform {
	margin-top:20px;
}

.formbody {
	position:relative;
}

.formbody table {
	margin-left:10px;
}

.formbody table td {
	padding:0px 20px 2px 0px;
}

.formbody .text, .formbody .textarea {
	width:200px;
	border:1px solid #cccccc;
	background:#F9F9F9;
	padding:3px 5px;
}

.formbody .submit {
	padding:5px 15px;
}

/* -----------------------------------------------------------------------------------------------
		container main contact callback
 ----------------------------------------------------------------------------------------------- */

#callback {
	overflow:visible;
}

#callback label {
	width:80px;
	display:inline-block;
}

#callback .text {
	margin-bottom:2px;
}

#callback .submit_container {
	margin:2px 0px 0px 82px;
}

input.datetime {
	width:100px;
}

#calender_button {
	position:absolute;
	top:75px;
	left:300px;
}

/* IE 6 */
*html #calender_button {
	top:78px;
	padding:3px 5px;
}

#calender_element { 
	position:absolute; 
	top:0px;
	left:300px;
	width:170px;
	display:none;
	z-index:5;
}

/* IE 7 */
*:first-child+html #calender_element {
	top:0px;
}

/* -----------------------------------------------------------------------------------------------
		footer
 ----------------------------------------------------------------------------------------------- */
#footer {
	position:absolute;
	left:40px;
	bottom:20px;
	width:760px;
	height:15px;
	background:url(../images/background,line,dotted.gif) repeat-x;
	padding-top:5px;
}

/* IE6 doesn't work with the footer at the bottom */
*html #footer {
	position:static;
}

#footer span {
	float:right;
}

#footer a {
	color:#333333;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}