html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body {background:#fff url('/static/images/bg_body.gif') repeat-x top;}
#container {width:936px;margin:0 auto;border:3px solid #fff;border-width:0 3px;background:url('/static/images/bg_container.jpg') no-repeat top center}
#header {height:300px;position:relative;overflow:hidden;}
#home {width:201px;height:31px;display:block;background:url('/static/images/FSI_logo.jpg') no-repeat;position:absolute;top:9px;left:29px}
#lang {position:absolute;right:25px;top:13px;color:#149edd;font:300 12px/20px arial,helvetica,sans-serif;}
#lang a, #lang p {float:left;}
#lang a {display:block;width:30px;height:22px}
#lang #ger {background:url('/static/images/lang_deutsch.gif') no-repeat}
#lang #eng {background:url('/static/images/lang_english.gif') no-repeat} 

#hnav {background:#149edd;height:50px;position:absolute;top:48px;border-bottom:2px solid #fff}
#hnav.de {padding-left:414px;width:522px}
#hnav.en {padding-left:462px;width:474px;}
#hnav li {height:26px;float:left;margin:13px 0 0 17px;}
#hnav li a {display:block;height:14px;margin:6px 0 0 9px}
#hnav li.active {background:url('/static/images/bg_li_active.gif') no-repeat left center;position:relative;}
#hnav span.active {display:block;width:8px;height:26px;position:absolute;top:0;right:-8px;background:url('/static/images/bg_span_active.gif') no-repeat;}
.de #hnav1 {background:url('/static/images/Unternehmen.png') no-repeat;width:108px}
.de #hnav2 {background:url('/static/images/Leistungen.png') no-repeat;width:88px}
.de #hnav3 {background:url('/static/images/Wissenswertes.png') no-repeat;width:124px}
.de #hnav4 {background:url('/static/images/Kontakt.png') no-repeat;width:66px}
.en #hnav1 {background:url('/static/images/Company.png') no-repeat;width:71px}
.en #hnav2 {background:url('/static/images/Services.png') no-repeat;width:69px}
.en #hnav3 {background:url('/static/images/WorthKnowing.png') no-repeat;width:128px}
.en #hnav4 {background:url('/static/images/Contact.png') no-repeat;width:66px}
#hpic {display:block;height:200px;width:100%;position:absolute;bottom:0;z-index:0}

#main {width:872px;padding:14px 13px 0;margin:-42px 19px 0;background:url('/static/images/bg_main.png') no-repeat center top;position:relative;z-index:1}

#start {margin:36px 60px}
#buttons {background:url('/static/images/bg_buttons.jpg') no-repeat center bottom;width:100%;margin-top:60px;height:100px;margin-bottom:60px}
#buttons a {margin-right:2px}

#clockwork {background:url('/static/images/bg_clockwork.jpg') no-repeat left;height:210px}
#clockwork img {float:left}
#clocks {clear:left;float:left;margin-top:60px;}
.clockholder {width:120px;height:100px;position:relative;text-align:center;float:left;}
.clockholder span {display:block;width:120px;height:15px;margin-top:20px;}
span.clock1 {background:url('/static/images/Berlin.gif') no-repeat center}
span.clock2 {background:url('/static/images/NewYork.gif') no-repeat center}
span.clock3 {background:url('/static/images/Sydney.gif') no-repeat center}

#box {float:right;width:300px;padding:15px;background:#f2f2f2;-moz-border-radius:7px;margin-top:-34px}
#box h3 {color:#778287;font:600 14px/20px arial,helvetica,sans-serif;margin-bottom:10px}
#box .text {font:300 12px/20px arial,helvetica,sans-serif;color:#2b2d2e;}
#box #more {font:600 italic 15px/20px arial,helvetica,sans-serif;color:#149edd;margin-top:10px;display:block;text-decoration:none}

#vnav {width:197px;float:left;}
#vnav li {line-height:29px;height:29px;font:12px/29px arial,helvetica,sans-serif;margin-bottom:1px}
#vnav li a {display:block;padding-left:14px;background:#a1d8f1;color:#fff;text-decoration:none}
#vnav li a:hover {background:#149edd}
#vnav li a.active {background:#149edd;font-weight:600;}
#content {margin-left:250px;margin-right:60px;margin-top:36px;position:relative;z-index:5}
#content h6 {color:#707c81;font:300 14px/20px arial,helvetica,sans-serif}
#content h1 {color:#149edd;font:600 24px/30px arial,helvetica,sans-serif;margin-bottom:10px}
#content .text {font:300 12px/20px arial,helvetica,sans-serif;color:#2b2d2e;margin-bottom:40px}
#content a, .text a {color:#149EDD}
#content ul {margin-left:17px;list-style-position:outside;list-style-image:url('/static/images/ul_bullet.gif');}
#content ul li {margin-bottom:10px}
#content strong {font-weight:600}


#content h3 {margin-right:30px;color:#149EDD;font:300 18px/20px arial,helvetica,sans-serif;margin-bottom:20px}
#content .phone {font:13px/20px arial,helvetica,sans-serif;padding-left:23px;background:url('/static/images/phone.gif') no-repeat left center;margin-bottom:10px;float:left;}

.aphead {border-top:1px solid #ccc;padding-top:10px}
.ap {width:264px;height:130px;float:left;border-bottom:1px solid #ddd;padding:5px 0;margin:0 15px 15px 0}
.ap img {float:left;}
.ap h5, .ap .text {float:left;margin-left:10px;width:187px}
.ap h5 {font:600 13px/20px arial,helvetica,sans-serif}
.ap .text {margin-bottom:10px !important}

.ref {width:180px;float:left;text-align:center;height:140px;margin-bottom:10px;position:relative;}
.ref p {font:11px/20px arial,helvetica,sans-serif;color:#149EDD;position:absolute;left:0;bottom:12px;display:none;width:100%;text-align:center}
.ref a:hover p {display:block}


table {font:12px/20px arial,helvetica,sans-serif;margin-bottom:20px}
tr {line-height:30px}
th {font-weight:600}
.col3 td {border:1px solid #ddd}
p.text {margin-bottom:20px}
.note {font:300 11px/15px arial,helvetica,sans-serif;margin-bottom:20px}
.col3 .spalte1 {text-align:left;width:34px;padding-left:10px}
.col3 .spalte2 {text-align:left;width:400px;padding-left:10px}
.col3 .spalte3 {text-align:right;width:133px;padding-right:10px}
.col2 th {font-weight:300;padding-right:44px}
table.col2 {float:left;margin-right:10px;}

.kontakt span {color:#E32D02;margin-left:3px}
.kontakt th, .kontakt td {vertical-align:top}
.kontakt .left {width:160px}
.kontakt input, .kontakt textarea {width:400px;padding:0;margin:0;position:relative;top:5px;border:1px solid #ddd;font:12px/20px arial,helvetica,sans-serif;background:#fafafa;}
.kontakt input:focus, .kontakt textarea:focus {background:#fff}
.kontakt textarea {margin-bottom:10px;overflow:hidden}
.kontakt .reset, .kontakt .submit {width:100px !important;background:#eee}
.kontakt .reset:hover {background:#E32D02;color:#fff;}
.kontakt .submit:hover {background:#149EDD;color:#fff;}
.kontakt p {font:12px/20px arial,helvetica,sans-serif}
.kontakt p.alert {color:#E32D02;position:relative;top:-20px}

.gallery {margin-bottom:20px}
.thumb {float:left;height:100px;margin:5px;display:inline}
.thumb a {display:block;height:100px;width:100px;border:1px solid #777}
.thumb a:hover {border-color:#149EDD}

.dl {margin-top:-20px} 
.dl1 {padding-left:14px;background:url('/static/images/ul_bullet.gif') no-repeat left center;padding-right:20px}

.lfloat {float:left;}
.spacer {clear:both;height:40px}


html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position:relative;margin-top:-100px;height:100px;clear:both;background:url('/static/images/bg_footer.jpg') no-repeat center;z-index:2}
#f_inner {width:840px;margin:0 auto;padding-top:60px;position:relative;z-index:4}
#f_inner p {float:right}
#fnav {position:absolute;z-index:3}
#fnav a {text-transform:uppercase;padding:0 6px;border-left:1px solid #bbb;}
#fnav a.first {border:0;padding-left:0}
#fnav a, #f_inner p {color:#707c81;font:300 11px/20px arial,helvetica,sans-serif;text-decoration:none}
#fnav a:hover {color:#149EDD} 

/* GMaps Anfahrt */

#map {background:#fff;border:5px solid #707c81;}
#formcontainer {background:#f0f0f0;padding:15px;border:1px solid #ddd;margin-bottom:20px}
#formcontainer, #directions {font:12px/20px arial,helvetica,sans-serif}
#directions {padding:0 !important}
#formcontainer form {float:left}
a#print {float:right;padding-left:24px;background:url('/static/images/print.gif') no-repeat left;margin-top:8px;color:#707c81;font-size:11px}
a#print:hover {text-decoration:underline}
input#fromAddress {margin-left:8px}
input#fromAddress, input#getRoute {border:1px solid #ccc;border-color:#ccc #eee #eee #ccc;padding:3px}
input#getRoute {cursor:pointer;color:#5E777B;background:#f8f8f8;font-weight:600;width:160px}
input#getRoute:hover {color:#fff;background:#707c81}
.googledir div table tr {background:#fff}
.googledir b {font-weight:600}
#fromLabel {color:#999}
*+html #fromLabel {position:relative;top:4px}
* html #fromLabel {position:relative;top:4px}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */