@charset "utf-8";
/* CSS Document */

body
{
background:url(../img/bg-full.png) no-repeat;
background-position:center  0px;
margin:0;
min-width:988px;
background-color:#00538f;
}

h1
{
color:#FFFFFF;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
padding-left:10px;
font-weight:100;
}

a, img {
	margin:0px;
	padding:0px;
	border: none; text-decoration: none;
}

table, tr, td{
	margin:0px;
	padding:0px;
	border:0px;
}

td{
color: #44494d;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 330px;
}

.clearfix{
	float:clear;
}

.no-display{
	display:none !important;
}

.no-background{
	background:none !important;
}

.white-background{
	background:#fff !important;
}

#message-overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 1716px;
	background:#000;
	opacity:0.8;
	-moz-opacity:.8; 
	filter:alpha(opacity=80);	
}

.message-display{
	position:absolute;
	background:#00538f;
	width:300px;
	height:200px;
	border:1px solid #006da2;
	z-index:100;
	-webkit-box-shadow: 0px 0px 50px #131314;
	-moz-box-shadow: 0px 0px 50px #131314;
	box-shadow: 0px 0px 50px #131314; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

.message-display .close{
	width:22px;
	height:21px;
	background:url(../img/close.png);
	margin-top:5px;
	margin-left:273px;
	display:block;
}

#message-sent-succesfully{
	margin-left:250px;
}

#message-sent-succesfully .check{
	background:url(../img/sent.png);
	width:220px;
	height:60px;
	margin-top:29px;
	padding-top:40px;
	padding-left:80px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:13px;
	text-shadow: 0px 0px 10px #119bf7;
	filter: dropshadow(color=#119bf7, offx=0, offy=0); 
}

.error{	
	color:#ff2d2d;
	padding:10px 0px 0px 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;	
}

.overflow-y-scroll{
	overflow-y:scroll;
}

#wrapper
{
width:800px;
margin:auto;
z-index:1;
margin-top:-421px;
}

#header
{
width:800px;
height:83px;
margin:0px;
padding-top:40px;
display:block;
}

.logo-link
{
width:219px;
height:54px;
display:block;
}

#teaser
{
height:305px;
width:800px;
margin-top:30px;
/*background:url(../img/player-mask-gradient.jpg);*/
}

#teaser-mask
{
height:305px;
width:800px;
/*background:url(../img/teaser-mask.png);*/
}

#teaser-content
{
height:275px;
width:785px;
padding:15px 0 0 15px;
}

#teaser-text{
float:left;
}

#teaser-text p
{
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.8em;
font-size:12px;
width:330px;
}

#teaser-text h2
{
margin:0px;
padding-top:30px;
padding-bottom:10px;
line-height:11px;
font-size:11px;
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:100;
width:300px;
}

#thumbs-wrapper
{
float:left;
width:430px;
height:270px;
margin-left:25px;
padding-top:10px;
}

.item
{
width:101px;
height:101px;
float:left;
margin:9px;
}

#button-left
{
background:url(../img/button-left.png) no-repeat;
background-position:center;
width:30px;
height:250px;
float:left;
}

#button-right
{
width:30px;
height:250px;
float:right;
background:url(../img/button-right.png) no-repeat;
background-position:center;
}

#leistungen-wrapper
{
width:800px;
height:506px;
margin-top:9px;
margin-bottom:10px;
background:url(../img/bg-services.png);
}

.leistungen-code
{
width:380px;
height:506px;
float:left;
margin-left:10px;
}

.leistungen-code h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #00477b;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.0em;
font-weight:200;
}

.leistungen-code p
{
color: #44494d;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 2em;
font-size:11px;
width:330px;
}


.leistungen-code div
{
color: #00477b;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.7em;
font-size:11px;
width:350px;
margin-left:3px;
padding-left:16px;
background:url(../img/bg-services-box.png);
background-position:0 10px;
background-repeat:no-repeat;
}


.leistungen-code div h3
{
margin:0px;
padding-top:10px;
line-height:11px;
font-size:11px;
}

.leistungen-design
{
width:380px;
height:506px;
padding-left:5px;
float:left;
margin-left:20px;
}


.leistungen-design h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #00477b;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 1.0em;
font-weight:200;
}

.leistungen-design p
{
color: #44494d;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 2em;
font-size:11px;
width:330px;
}


.leistungen-design div
{
color: #00477b;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.7em;
font-size:11px;
width:350px;
padding-left:15px;
background:url(../img/bg-services-box.png);
background-position:0 10px;
background-repeat:no-repeat;
}


.leistungen-design div h3
{
margin:0px;
padding-top:10px;
line-height:11px;
font-size:11px;
}

.span
{
float:right;
margin-top:20px;
}

#player-wrapper
{
background:url(../img/player-background.png);
right:50px;
width:416px;
height:276px;
float:right;
margin-top:-6px;
margin-right:-11px;
}

#player-gradient
{
/*background: -330px 0px url(../img/player-mask-gradient.jpg) no-repeat;*/
right:50px;
width:416px;
height:276px;
}

#player-mask
{
/*background:url(../img/mask.png);*/
right:50px;
width:395px;
height:253px;
padding-top:23px;
padding-left:21px;
/*overflow:hidden;*/
}

#player-slider{
	/*padding-top:1px;*/
}

#player-controls
{
position:relative;
margin-top:10px;
height:17px;
width:100%;
}


#player-controls ul li a
{
border:none;
}

.player-li-full
{
background:url(../img/bullet-full.jpg) !important;
}

/* Sets configs for selectors containers : absolute positioned in relation to #slider */
	.slider_selector, .slider_selector_dis {
				
		bottom: 27px;
		list-style: none;
		margin: 0 0 0 5px;
		position: absolute;
		right: 135px;
		z-index: 5;
		
	}
	
		/* Sets image of selectors */
		.slider_selector li, .slider_selector_dis li {
			
			display: block;
			background: url(../img/bullet-empty.jpg) no-repeat top left;
			cursor: pointer;
			float: left;
			margin: 0 3px !important;
			height: 17px !important;
			position: relative !important;
			width: 18px !important;
			
		}
		
		/* Sets the current selector */
		.slider_selector li.current, .slider_selector_dis li.current {
			
			background: url(../img/bullet-full.jpg) no-repeat top left;
			
		}
	
	/* Disables the selectors */
	.slider_selector_dis li {
		
		cursor: default !important;
		z-index: 5;
		
	}

#swoosh-background
{
background:url(../img/background-swoosh.png);
height:419px;
width:988px;
margin:auto;
}


#swoosh-gradient
{
background: 100px 100px url(../img/head-mask-gradient.jpg) no-repeat;
height:419px;
width:988px;
}

#swoosh-mask
{
background:url(../img/swooshmaske.png);
height:419px;
width:988px;
}


#contact-wrapper
{
width:100%;
height:200px;
margin-top:7px;

}

#contact-logo
{
width:175px;
height:165px;
background:url(../img/contact-logo.png);
float:left;
}

#contact-data
{
float:right;
padding-top:0px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:245px;
height:355px;
line-height:18px;
margin-left:10px;
margin-top:20px;
background:#000000;
background:url(../img/contact-data-bg.png);
}

#contact-data p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:100;
font-size:16px;
}

#contact-data a
{
color:#FFFFFF;
}

#contact-data table tr td, #contact-data table tr td, #contact-data table tr td, #contact-data table tr td, #contact-data table tr td
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.5em;
color:#fff;
padding:0px 0px 0px 55px !important;
border-spacing:0px;
height:52px;
}

#contact-data table tr td table tr td, #contact-data table tr td table tr td, #contact-data table tr td table tr td, #contact-data table tr td table tr td, #contact-data table tr td table tr td
{
padding:0px !important;
margin:0px !important;
line-height:1.5em;
border-spacing:0px;
height:15px;
}

.address-table-number
{
width:70%;	
}

#contact-form-wrapper label
{
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:-4px;
margin-left:-60px;
font-size:10px;
}

#contact-form-top
{
width:375px;
height:300px;
float:left;
margin-left:70px;
margin-top:10px;
}

.contact-form-field-wrapper{
	padding-top:10px;
	
}

#contact-data-wrapper{
	
}

#contact-form-bottom
{
float:right;
}

#contact-form-bottom label
{
padding-top:30px;
}

#contact-form-submit{
width:145px;
height:43px;
float:right;
padding:5px;
line-height:1.5em;
/*margin-right:110px;
margin-top:50px;*/
margin-right:-85px;
margin-top:14px;
background: url(../img/button-gray.png);
border:none;
font-size:18px;
color:#013d69;
}

#contact-form-submit:hover{
	background: url(../img/button-grayhover.png);
}

#contact-map
{
padding-top:30px;
}

#contact-map iframe
{
margin-top:26px;
margin-left:10px;
border:2px solid #00a6ff;
-webkit-box-shadow: 0px 0px 5px #062a4a;
-moz-box-shadow: 0px 0px 5px #062a4a;
box-shadow: 0px 0px 5px #062a4a;

}

#contact-data-wrapper small a
{
color:#fff;
margin-left:10px;
}

#footer{
	width:100%;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#479cda;
	text-align:center;	
	margin-top:1550px;
	background:url(../img/footer.png);
	padding-top:15px;
}

#footer span{
	width:100%;
}

#footer span a, #footer span a:hover, #footer span a:active, #footer span a:visited{
	color:#479cda;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

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

.full-width{
	padding-left:20px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #44494d;
	font-size:11px;
	background:#fff;
}

.full-width h2{
	font-size:14px;
}

.xing-link{	
	height:49px;
	padding:18px 0px 0px 0px;
	text-decoration:none;
	display:block;
}

.xing-name{
	margin:0px 0px 0px 55px;	
	font-size:15px;
	font-weight:100;
	text-decoration:underline;
}

.xing-position{
	margin:0px 0px 0px 55px;	
	font-size:10px;
}