@font-face {
	font-family: 'Francker W1G Extra Light';
	src:	url('font/FranckerW1G-ExtraLight.woff') format('woff'),
			url('font/FranckerW1G-ExtraLight.otf'),
			url('font/FranckerW1G-ExtraLight.ttf') format('truetype'),
			url('font/FranckerW1G-ExtraLight.svg') format('svg');
}

@font-face {
	font-family: 'Francker Pro';
	src:	url('font/FranckerPro-Regular.woff') format('woff'),
			url('font/FranckerPro-Regular.otf'),
			url('font/FranckerPro-Regular.ttf') format('truetype'),
			url('font/FranckerPro-Regular.svg') format('svg');
}

@viewport {
	width: 1280;
}

html {
    height:100%;
}

body {
    margin: 0;
    font-family:Verdana;
    font-size:14px;
    min-width:1180px;
    background-color: #E2E2E2;
    background-image: url(images/background.jpg);
	-webkit-text-size-adjust:none; 
}

#content {
    width:100%;
    min-width:1180px;
    padding-top:65px;
}

.aside a, .aside a:visited {
    color:#E31B23;
    border: 5px solid transparent;
    margin-left:-5px;
}

.aside a:hover {
    color:white;
    background-color:#E31B23;
}

.eu {
    padding:0;
    width:240px;
    background-color:rgb(241,241,241);
    float:right;
    margin-bottom:1px;
}

img {border:0;}

.gmnoprint {display:none;}

#top {
    left:0;
    width:100%;
    min-width:1180px;
    background-color:rgb(17,17,17);
    position:relative;
    height:40%;
    min-height:310px;
}

#top.heading {
    min-height:410px;
    height:410px;
}

#top.compact {
    min-height: 170px;
    height:170px;
}

#top.compact h2 {
    height:125px;
}

#top.longpage {
    height:310px;
}

#top.longpage div#header {padding-top:0;}

#top2 {
    position:absolute;
    bottom:0;
    right:0;
    width:40%;
    height:40px;
    margin-bottom:-40px;
    background-color:rgb(17,17,17);
    z-index:-1;
}

#centerheader {
    position: absolute;
    bottom:0; 
}

#header {
    width:1160px;
    margin-left:auto;
    margin-right:auto;
    min-height: 310px;
    font-family:'Francker W1G Extra Light';
}

#header h3 {
    color:white;
    margin-left: 300px;
    margin-top:0;
    font-size: 2.4em;
    margin-bottom: 0;
	padding-top:20px;
}

h5 {
    color:#666666;
    margin-left: 300px;
    font-size: 1.5em;
    margin-top:0;
    margin-bottom: 1.3em;
}

#header h4 {
    color:#666666;
    margin-left: 300px;
    font-size: 1.5em;
    margin-top:0;
    margin-bottom: 1.3em;
	font-weight: normal;
}

h2 {
    color:rgb(255,255,255);
    line-height:49px;
    font-family:'Francker W1G Extra Light';
    font-size:2.2em;
	font-weight: normal;
    width:280px;
    height:265px;
    margin-left:20px;
    display:block;
    position:absolute;
    bottom:0;
}

h2 span {
    display:inline-block;
    background-color:rgb(227,27,35);
    margin-bottom:1px;
    padding-left:20px;
    padding-right:20px;
}

h1 {
    display:none;
}

#top.heading h2 {
    height:365px;
}

#cases a, #bodytext a {
	color:rgb(227,27,35);
	font-weight: bold;
	text-decoration: none;
}

#cases a:hover, #bodytext a:hover {text-decoration: underline;}

#cases ul{
	line-height: 1.4em;
}

#footer {
    height:60px;
    width:100%;
    position:fixed;
    background-color:rgb(227,27,35);
    bottom:0;
    left:0;
}

#lhmslogo {
    background-image:url(images/lhms.png);
    background-repeat:no-repeat;
    width:174px;
    height:161px;
    position:relative;
    top:-107px;
    margin-left:42px;
    float:left;
}

#footer-content {
    width:1180px;
    margin-left:auto;
    margin-right:auto;
}

#main {
    width:1120px;
    padding-bottom:100px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    padding-right:15px;
    padding-left:15px;
}

#images, #filtering, #contactmap {
    display:block;
    width:840px;
    height:330px;
    max-height:330px;
    margin-bottom:0;
    overflow:hidden;
    background-color:white;
    margin-top:0;
    padding:0;
    z-index:1000;
}

#images, #img {background-color: #111111;}

#img, #filtering, #contactmap {
    height:330px;
    margin-bottom:-40px;
    width:840px;
    margin-left:300px;
}

#map {
    width:840px;
    height:330px;
    z-index:100;
}

#mapswitch {
    width:99px;
    height:40px;
    background-image: url(images/streetview.png);
    position: relative;
    top:-40px;
    cursor: pointer;
}

#mapcontrols {
    width:39px;
    height:90px;
    position: relative;
    top:-360px;
    left:10px;
}

#mapcontrols div {
    width:39px;
    height:40px;
    margin-bottom: 10px;
    cursor: pointer;
}

#mapcontrols div#plus {background-image: url(images/map_plus.png)}
#mapcontrols div#minus {background-image: url(images/map_minus.png)}

#mapswitch, #mapcontrols {display:none;z-index:1000;}

#filtering {
    height:190px;
}

#filtering h5 {
    margin-left: 20px;
    margin-top: 0.9em;
    margin-bottom: 0.7em;
}

#filtering ul {
    padding-left: 10px;
    padding-right: 0px;
    margin-top: 0;
    font-family: Verdana;
    font-size: 0.9em;
    width:890px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

#filtering ul li {
    display:inline-block;
    float:left;
    width:212px;
    height:30px;
    line-height: 30px;  
}

#filtering input {
    display: none;
}

#filtering label {
    display: block;
    width:139px;
    height:30px;
    padding-left:30px;
    background-image: url(images/filtering.png);
	background-repeat: no-repeat;
	background-size: contain;
    cursor: pointer;
}

#filtering input:checked + label, #filtering label.input-checked {
    background-image: url(images/filtering_s.png);
}

#filtering input + label:hover, #filtering label.input-hover {
    background-image: url(images/filtering_h.png);
    color:white;
}

#filtering input:checked + label:hover, #filtering label.input-checked:hover {
    background-image: url(images/filtering_hs.png);
}

#references a {
    color: windowtext;
    text-decoration: none;
    display: block;
}

#references a:visited {color:windowtext;}

#references ul {
    padding-left: 0;
    width: 915px;
    list-style-type: none;
    list-style-position: inside;
    overflow: hidden;
}

#references ul li {
    display: block;
    float:left;
    overflow:hidden;
    color:black;
}

#references ul li a {
	padding:15px;
	position: relative;
}

#references ul.big li a {
	height: 160px;
	padding-bottom: 0;
}


#references ul li:hover {
    background-color: white;
}

#references ul.big li {
    width:290px;
    height:254px;
}

#references ul.big li h4 {
    font-size:1.7em;
    margin-top: 0.5em;
    height: 2.6em;
    overflow: hidden;
    display: block;
    font-family:'Francker W1G Extra Light';
	font-weight: normal;
}

#references ul.big li a span {
    display: none;
    font-size: 0.8em;
}

#references ul.big li:hover a span {
    display: block;
	position: absolute;
	bottom: 0;
	left: 15px;
    background-color: white;
    padding-top: 10px;
    padding-right: 15px;
}

#references ul.small {
    padding-bottom: 80px;
    padding-top:20px;
}

#references ul.small li {
    width:217px;
    height:191px;
}

#references ul.small li h4 {
    font-family: Verdana;
    font-size:1.1em;
    font-weight: normal;
    margin-top: 0.6em;
    height: 2.6em;
    overflow: hidden;
}

#references ul.small li a {
    width:187px;
    height:115px;
	padding-bottom: 0;
}

#references ul.small li a span {
    display: none;
    font-size: 0.7em;
    font-family: Verdana;
    font-weight: normal;
    white-space: nowrap;
}

#references ul.small li:hover a span {
    display: block;
    position: absolute;
    bottom:0;
    background-color: white;
    padding-top: 10px;
    padding-right: 15px;
}

#contactform {
    margin-left: 280px;
}

#contactform form#contact, #contactform div.messagesent {
    width:410px;
    float:left;
}

form#contact input[type=text] {
    height:37px;
    padding-left:8px;
    padding-right: 8px;
    padding-top: 0;
    width:392px;
    border:1px solid #CCCCCC;
    font-family: Verdana;
    margin-bottom: 10px;
    color: #666666;
    font-size: 0.9em;
}

form#contact textarea {
    padding-left: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 8px;
    width:392px;
    border:1px solid #CCCCCC;
    font-family: Verdana;
    height:186px;
    color: #666666;
    font-size: 0.9em;
    overflow: hidden;
}

form#contact input[type=submit] {
    background-image: url(images/casedetail_h.png);
    background-position: 66px center;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-left: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size:0.9em;
    width:80px;
    border: none;
    background-color: #E31B23;
    color:white;
    margin-top: 8px;
    cursor:pointer;
}

form#contact input::-webkit-input-placeholder, form#contact textarea::-webkit-input-placeholder, form#contact input:-moz-placeholder, form#contact textarea:-moz-placeholder {
    color: #666666;
    font-size: 0.9em;
}

form#contact input:focus, form#contact textarea:focus, a:focus {
    outline:none;
}

#lhmscontact {
    width:310px;
    background-color:#EEEEEE;
    padding: 30px;
    padding-top: 24px;
    font-size: 0.85em;
    float: right;
    height: 206px;
}

#lhmscontact h4 {
    font-size:1.5em;
    font-family: 'Francker Pro';
	font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

#lhmscontact p {
    margin-bottom: 7px;
    margin-top: 9px;
    margin-left: 2px;
}

#lhmscontact a {color: #E31B23;}

#lhmscontact table {
    margin-top: 22px;
    margin-bottom: 19px;
}

#lhmscontact td {
    padding-left: 0;
    padding-bottom: 2px;
}

#images li {
    display:block;
}

h3 {
    font-family:'Francker W1G Extra Light';
	font-weight: normal;
    color:black;
    font-size:2em;
    margin-top:0.4em;
    margin-bottom:1em;
}

.aside {
    width:180px;
    background-color:rgb(241,241,241);
    float:right;
    padding-left:30px;
    padding-right:30px;
    padding-top:14px;
    padding-bottom:14px;
    margin-bottom: 1px;
	clear: right;
}

.aside h3 {
    font-size:1.6em;
    margin-bottom:0.8em;
}

.subpage h3 {
    font-size:1.4em;
}

.aside p {
    font-size:0.9em;
    line-height:1.5em;
}

.aside ul {
    padding-left: 0;
}

.aside ul li {
    list-style-image: url(images/casedetail.png);
    font-size: 0.9em;
    line-height: 2em;
}

.aside ul li a {
    color:red;
    text-decoration: underline;
}

#question h3 {
    color:rgb(227,27,35);    
}

#cases, #references, #bodytext {
    margin-left:280px;
    font-size:0.9em;
}

#references {
    margin-left: 265px;
}

#cases, #bodytext {
    width:520px;
    float:left;
    /*padding-bottom: 100px;*/
}
#cases.products {
	width: 700px;
}

#cases p, #bodytext p {
    margin-top:0.7em;
    margin-bottom:0.7em;
    line-height:1.4em;
}

#cases.extended h3, #bodytext.extended h3 {
    color:rgb(227,27,35);
    font-size: 2.2em;
    margin-bottom: 0;
    margin-top: 1em;
}

#bodytext.extended h3 {margin-top:0;}

#cases h4, #bodytext h4 {
    font-family:'Francker W1G Extra Light';
	font-weight: normal;
    font-size: 1.7em;
    margin-top: 10px;
}

#question a, #question a:visited {
    padding:7px;
    display:inline-block;
    background-color:#E31B23;
    color:white;
    text-decoration:none;
    font-size:0.9em;
    background-image:url(images/contuctus.png);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:22px;
    margin-top:10px;
    margin-bottom: 10px;
}

#question a:hover {
    background-color: rgb(0,0,0);
}

#menu {
    width:200%;
    min-width:1180px;
    height:60px;
    margin-left:310px;
    background-color:rgb(0,0,0);
}
#menu ul {
    height:60px;
    margin:0;
    padding-left:48px;
    width:792px;
}

#menu ul li {
    display:block;
    float:left;
    height:60px;
    line-height:60px;
    padding-left:12px;
    padding-right:12px;
    font-size:1.1em;
    font-family:'Francker Pro';
}

#menu ul li a, #menu ul li a:visited {
    color:#E31B23;
    text-decoration: none;
    display:block;
}

#menu ul li a:hover {
    color:white; 
}

#menu ul li.icons {
    padding-right:0;
    padding-left:48px;
    float:right; 
}

#menu ul li.icons + li.icons {
    padding-left:5px;
}

#menu ul li.current-page a {
    color:white;
}

.imgs {
    display:block;
    width:840px;
    height:330px;
}

#cases > a, #bodytext > a, #cases a:visited, #bodytext a:visited {
    color: #E31B23;
    font-weight: bold;
    border:5px solid transparent;
    margin-left:-5px;
}

#cases > a:hover, #bodytext > a.ahover:hover {
    background-color:#E31B23;
    color:white;
    text-decoration:none;
    font-weight:bold;
}

#bodytext a.case-image {margin-left:-10px;}

a.random-case {
    display:inline-block;
    max-width:270px;
}

#bodytext {
    width:560px;
}

.rotate {
    width:117px;
    position:relative;
    top:290px;
}

.rotate a {
    display:block;
    height:40px;
    width:39px;
    text-align:center;
    line-height:40px;
    background-color:white;
    text-decoration:none;
}

.rotate p, #slider-nav {
    display:block;
    width:39px;
    height:40px;
    float:left;
    line-height:40px;
    background-color:white;
    text-align:center;
    margin:0;
    font-size:12px;
    font-family: Verdana;
}

#slider-nav {
    position:relative;
    display:none;
    top:-40px;
    left:39px;
    z-index: 10000;
}

#img {
    background-image: url(images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

span.of {
    color: #999999;
}

.prev {
    float:left;
    display:block;
    width:39px;
    height:40px;
    background-image:url(images/prev.png);
    background-repeat:no-repeat;
    background-position:right center;
}

.next {
    float:right;
    display:block;
    width:39px;
    height:40px;
    background-image:url(images/next.png);
    background-repeat:no-repeat;
    background-position:right center;
}

.prev:hover {background-image:url(images/prev_h.png);}
.next:hover {background-image:url(images/next_h.png);}

.flex-direction-nav {
    list-style-type: none;
    list-style-position: inside;
    display:block;
    width:156px;
    position:relative;
    top: -40px;
    left:-39px;
    padding:0;
    margin:0;
    z-index: 10000;
}

#fcb {
    width:26px;
    height:26px;
    background-image:url(images/fcb.png);
    background-repeat:no-repeat;
    display:block;
    margin-top:15px;
}

#fcb:hover {
    background-image:url(images/fcb_a.png);
}

#twi {
    width:26px;
    height:26px;
    background-image:url(images/twi.png);
    background-repeat:no-repeat;
    display:block;
    margin-top:15px;
}

#bodytext img {
    float:right;
    padding-left:20px;
}

#twi:hover {
    background-image:url(images/twi_a.png);
}

a.casedetail, #bodytext a.casedetail {
    float:left;
    font-weight:normal;
    padding-right:10px;
    margin-right:30px;
    background-image:url(images/casedetail.png);
    background-position:right center;
    background-repeat:no-repeat;
    text-decoration:underline;
}

ul.casedetail:hover, a.casedetail:hover, #bodytext a.casedetail:hover {
    background-image:url(images/casedetail_h.png);
	font-weight: normal;
}

ul.othercases {
    width:540px;
    padding-left: 0;
    margin-top: 3em;
}

ul.othercases li {
    height:39px;
    list-style-type: none;
    margin-bottom:1px;
    padding-left: 20px;
    line-height: 39px;
    background-image: url(images/othercases_bg.png);
    font-size: 0.9em;
}

ul.othercases li a, #cases ul.othercases li a, #bodytext ul.othercases li a {
    border: none;
    margin: 0;
    color:black;
    font-weight: normal;
    display: block;
    text-decoration: none ;
    background-image: url(images/casedetail.png);
    background-repeat: no-repeat;
    background-position: 490px 16px;
}

ul.othercases li a:hover, #cases ul.othercases li a:hover, #bodytext ul.othercases li a:hover {background-color:transparent;}

ul.othercases .header {
    background-color: white;
    background-image: none;
    font-family: 'Francker Pro';
    font-size: 1.3em;
}

ul.othercases .projname {
    font-weight: bold;
}

ul.submenu {
    width:250px;
    position:absolute;
    top:120px;
    padding-left: 20px;
}

ul.submenu li {
    list-style-type: none;
    height:39px;
    line-height: 39px;
    margin-bottom: 1px;
}

ul.submenu li a, ul.submenu li a:visited {
    display: block;
    color:#999999;
    background-color: #000000;
    text-decoration: none;
    padding-left:22px;
    font-size:0.9em;
    background-image:url(images/submenu.png);
    background-repeat: no-repeat;
    background-position: 230px center;
    font-family:Verdana;
}

ul.submenu li a:hover {
    background-color: #E31B23;
    color:white;
}

div#content ul.submenu {display:none;}

a.noeffect:hover {
  background-color: transparent;
}

p.nemamradspam {display:none;}

.slider-link {display:block; width:840px; height:330px; z-index: 9999;}
.html5animation a{position: relative; z-index: 1;}
.html5animation a span { display: inline-block; }
.html5animation a object { position: relative; z-index: -1; }

ul#print-footer, div#print-map {
    display:none;
}

#static-map {
    width:840px;
    height:330px;
    position: relative;
    top:-330px;
}

div.flexslider object {
  width:840px;
  height:330px;
}

div.flash:first-child {display:block}

a.gotomenu, div.mobileslider, div.keypeople, select.mobile, *.onlymobile {display:none;}

div#bodytext.clearpage {
	width: 840px;
}

#cssawards{ position:fixed; top:0px; left:0px; z-index:5555; }
#cssawards a{ width:140px; height:140px; text-indent:-8000px; display:block; background:url(images/cssa-white-nominated.png) no-repeat; }

@media screen and (max-height: 600px) {
    body {
        overflow-x:hidden;
    }

    #footer {
        position:relative;
        top:120px;
        clear:both;
    }
}

@media screen and	(max-device-width: 640px),
                    (-webkit-min-device-pixel-ratio: 1.5),  
                    (-o-min-device-pixel-ratio: 3/2) {
	@viewport {
		width: 640px;
	}

	#img, #images, .imgs, #mapswitch, #mapcontrols, #map, .submenu, #top2 {display:none}
    body {background-image: none; background-color: #ECECEC; min-width: 0}
    #cases, #references, #bodytext, #contactmap {margin:0; width: auto; padding-bottom: 15px;}
    #content, #main {margin:0; width: auto; min-width: 0}
    #centerheader, #static-map {position:static;}
    * {
        float:none !important;
        background-color: transparent;
        width:auto;
        height:auto;
        min-height: 0 !important;
        color:black;
        text-decoration: none;
		position: static;
    }
    h1, h2, h3, h4 {font-family: 'Francker W1G Extra Light';}
    #contactmap {text-align: center;}
    #top {min-width: 0; height:auto !important;}
    h4, h3 {margin-left: 0 !important;}
    #top {position: static; background-color:transparent !important;}
	#footer {
		position: static !important;
		top: 0;
		background-color: transparent;
		height: auto;
	}
	
	body {
		background-color: #ECECEC;
		margin-top: 110px;
	}
	
	div#main {
		padding-bottom: 2em;
	}
    
    body.lighthouse h1 {
        display: block;
        top: 0;
        text-align: center;
        z-index: 100;
        margin-top: 0;
        padding-top: 1%;
    }
    
    body.lighthouse h1 span {display: none}
    body.lighthouse h1 img {
        width:40%;
        margin-left: auto;
        margin-right: auto;
    }
	
	#header, #centerheader, #top {
		width: 100%;
	}
    
    #centerheader {
        position:absolute;
		top: 0;
		left: 0;
        height:100px;
        margin-left: 0;
		background-color: #111111;
		display: block;
		margin-top: 0;
		overflow: hidden;
    }
	
	h2, #top.compact h2, #top.heading h2 {
		margin-left: 150px !important;
		margin-right: 155px;
		display: block;
		font-size: 1.8em;
		line-height: 1.4em;
		position: static;
		width: auto;
		margin-left: 0;
		height: auto;
		margin-top: 0.5em;
		text-align: center;
	}
    
    h2 span, #top.compact h2 span {
		padding-left:0;
		color: white;
		background-color: transparent;
		padding: 0;
		line-height: 1.4em;
	}
	
	h2.unwrapped, #top.compact h2.unwrapped, #top.heading h2.unwrapped {font-size: 3em;}
	
	#lhmslogo {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		margin: 0;
		width: 120px;
		height: 100px;
		background-size: 80%;
		background-position: center 8px;
		border-right: 2px solid #292929;
	}
	
	a.gotomenu {
		display: block;
		width: 120px;
		height: 100px;
		background-color: #E31B23;
		color: white;
		line-height: 100px;
		text-align: center;
		font-size: 2em;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
		font-family: 'Francker W1G Extra Light';
		text-transform:uppercase;
	}
	
	.eu {
		text-align: center;
		width: auto;
		background-color: white;
		padding: 10px;
		margin-top: 2em;
		border: 2px solid #CCCCCC;
	}
	
	.eu a {display:block;}
	
	div#bodytext {
		background-color: white;
		padding: 1em;
		padding-top: 2em !important;
		border: 2px solid #CCCCCC;
		font-size: 1.6em;
	}
	
	#footer-content {
		width: auto;
	}
	
	div#bodytext a.othercases {
		display: none;
	}
	
	div#bodytext img {display: none;}
	
	div#bodytext.extended img {
		display:block;
		padding: 0;
		width: 100%;
	}
	
	div#bodytext h3 {
		margin: 0;
	}
	
	div#bodytext p, div#bodytext ul {font-size: 1.2em;}
	div#cases p, div#cases.extended p {font-size: 2.2em;}
	div#cases h3, div#cases h4, div#cases.extended h3, div#bodytext.extended h3 {font-size: 3.2em;}
	
	div#bodytext a.moreinfo {
		display: inline;
		text-decoration: none;
	}
	
	div#bodytext a {
		text-decoration: underline;
	}
	
	div#bodytext.extended {
		background-color: transparent;
		border: none;
		padding: 0;
	}
	
	#question * {display:none;}
	#question a#contactus {
		display: block;
		width: auto;
		height: auto;
		line-height: 92px;
		font-size: 2.7em;
		padding: 0 0 0 20px;
		border: 0;
		font-family: 'Francker W1G Extra Light';
		margin-left: 0;
		margin-top: 1.5em;
		background-image: url(images/mob_contactus.png);
		background-position: 95% center;
	}
	
	a.random-case {
		max-width: 100%;
	}
	
	div.aside.subpage {display:none;}
	
	#menu {
		margin-left: 0;
		height: auto;
		min-width: 0;
		width: auto;
	}
	
	#menu ul {
		height: auto;
	}
    
    h2.noprint {display: none;}
    
    #content {
        padding-top: 0;
    }
	
	#menu ul {
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 35px;
		width: auto;
	}
	
	#menu ul li {
		border-top: 4px groove #292929;
		padding-left:10px;
		font-size: 3.2em;
		height: 120px;
		line-height: 120px;
		font-family: 'Francker W1G Extra Light';
		background-image: url(images/mob_menu.png);
		background-repeat: no-repeat;
		background-position: 95% center;
	}
	
	#menu ul li a {
		font-weight: 200;
	}
	
	#menu ul li.icons {
		padding-left:10px;
	}
	
	#menu a#fcb {
		background-image: none;
		left: 0;
		margin-top: 0;
		width: auto;
		height: auto;
	}
	
	#menu a#fcb:before {
		content: attr(title);
		display:block;
		height: auto;
		width:auto;
		font-size: 1em;
	}
	
	#menu ul li:last-child, #langswitch a  {
		height: 140px;
		background-image: none;
	}
	
	#menu ul li:last-child a, #langswitch a {
		overflow: hidden;
		height: 140px;
	}
	
	#menu ul li:last-child a:before {
		content: attr(title);
		display: block;
		text-align: center;
		text-decoration: underline;
		height: 140px;
		line-height: 140px;
		font-size: 1.2em;
	}
    
    a.random-case {display: block;}
    
    .aside {
        width: auto;
        padding: 0;
    }
    
    .aside a {
        border-right: 0;
    }
    
    ul.services {
        width:auto;
        position: static;
        margin-bottom: 100px;
    }
    
    ul.services li {
        display: inline;
        white-space: nowrap;
    }
    
    ul.services li:before {
        content: "| ";
    }
    
    ul.services li:first-child:before {
        content: "";
    }
    
    #lhmscontact {
        padding-left: 0;
    }
    
    #references {margin:5px !important;}
	
	#references ul {width: auto;overflow: visible;}
    
    #references ul li {
        width: auto !important;
        height: auto !important;
    }
	
	#references ul.big li {margin-bottom: 1.5em;}
	
	#references ul li:hover {background: transparent;}
    
    #big, #small {
        width: auto !important;
    }
    
    #references ul li h4, #references ul.big li h4, #references ul.small li h4 {
        width:auto;
		height: auto;
        margin-bottom: 0;
		margin-top: -3px;
		padding: 20px 2em 20px 20px;
		border-left: 2px solid #CCCCCC;
		border-right: 2px solid #CCCCCC;
		color: #E31B23;
		font-size: 3em;
		background-image: url(images/mob_menu.png);
		background-position: 95% 90%;
		background-repeat: no-repeat;
    }
    
    #references ul li a, #references ul.big li a, #references ul.small li a {
        width: auto;
		height: auto;
		padding: 0;
		margin-bottom: 0;
		background-color: white;
    }
    
    #references ul li a span, #references ul.big li:hover a span {
        display: block !important;
		position: static !important;
		padding: 0 2em 20px 20px !important;
		font-size: 1.8em !important;
		font-family: 'Francker W1G Extra Light';
		border-left: 2px solid #CCCCCC;
		border-right: 2px solid #CCCCCC;
		border-bottom: 2px solid #CCCCCC;
		color: #E31B23;
		background-color: transparent;
    }
	
	#references ul li a img {
		width: 100%;
	}
	
	#references ul.small li, #references ul.small li a, #references ul.small li h4 {
		margin: 0;
	}
	
	#references ul.small li a {padding-top: 0;}
	
	#references ul.small li a h4 {
		font-size: 2em;
		border-top: 2px solid #CCCCCC;
		height: auto;
		padding: 27px 20px;
		background-position: 95% center;
		font-family: 'Francker W1G Extra Light';
	}
    
	#references ul.small li a img, #references ul li span br, #references ul.small li span {display:none !important;}
	
    br {display: none;}
    
    #filtering {
        display: none;
    }
	
	div#contactmap {
		position: absolute;
		top: 100px;
	}
	
	div.keypeople {
		display: block;
		margin-bottom: 2em;
	}
	
	div.keypeople ul, div.keypeople.closed ul  {
		padding: 0;
		margin: 0;
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.5s;
		-moz-transition: height 0.5s;
		-o-transition: height 0.5s;
		-ms-transition: height 0.5s;
		transition: height 0.5s;
	}

	div.keypeople ul li {
		display: block;
		height: 148px;
		background-color: white;
		border: 2px solid #CCCCCC;
		padding-left: 240px;
		border-top: none;
		line-height: 50px;
		background-repeat: no-repeat;
		background-position: top left;
	}

	div.keypeople ul li:first-child {border-top: none;}
	
	div.keypeople ul li h4 {
		font-size: 1.3em !important;
		margin-top: 0 !important;
		padding-top: 1.3em;
		line-height: 1.5em;
	}

	div.keypeople ul li h4, div.keypeople ul li h5 {
		font-weight: normal;
		margin: 0;
		font-family: 'Francker W1G Extra Light';
		color: black;
		font-size: 1em;
		line-height: 1.3em;
	}

	div.keypeople label, div.keypeople.closed label, div.mobile-filter {
		color: #E31B23;
		font-family: 'Francker W1G Extra Light';
		display: block;
		border: 2px solid #CCCCCC;
		margin: 0;
		height: 86px;
		line-height: 86px;
		padding-left: 20px;
		font-size: 1.6em;
		background-color: white;
		background-repeat: no-repeat;
		background-position: 95% center;
		background-image: url(images/mob_people_open.png);
	}

	div.keypeople input[type=checkbox]#expand {display: none;}
	div.keypeople input[type=checkbox]#expand:checked ~ label, div.keypeople.opened label {background-image: url(images/mob_people_close.png);}

	div.keypeople input[type=checkbox]#expand:checked ~ ul, div.keypeople.opened ul {
		-webkit-transition: height 0.5s;
		-moz-transition: height 0.5s;
		-o-transition: height 0.5s;
		-ms-transition: height 0.5s;
		transition: height 0.5s;
	}
	
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_1, div.keypeople.opened ul.people_1 {height: 150px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_2, div.keypeople.opened ul.people_2 {height: 300px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_3, div.keypeople.opened ul.people_3 {height: 450px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_4, div.keypeople.opened ul.people_4 {height: 600px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_5, div.keypeople.opened ul.people_5 {height: 750px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_6, div.keypeople.opened ul.people_6 {height: 900px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_7, div.keypeople.opened ul.people_7 {height: 1050px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_8, div.keypeople.opened ul.people_8 {height: 1200px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_9, div.keypeople.opened ul.people_9 {height: 1350px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_10, div.keypeople.opened ul.people_10{height: 1500px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_11, div.keypeople.opened ul.people_11{height: 1650px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_12, div.keypeople.opened ul.people_12{height: 1800px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_13, div.keypeople.opened ul.people_13{height: 1950px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_14, div.keypeople.opened ul.people_14{height: 2100px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_15, div.keypeople.opened ul.people_15{height: 2250px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_16, div.keypeople.opened ul.people_16{height: 2400px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_17, div.keypeople.opened ul.people_17{height: 2550px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_18, div.keypeople.opened ul.people_18{height: 2700px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_19, div.keypeople.opened ul.people_19{height: 2850px;}
	div.keypeople input[type=checkbox]#expand:checked ~ ul.people_20, div.keypeople.opened ul.people_20{height: 3000px;}

	
	div.mobileslider {display: block;}
	
	div.mobileslider img {
		width:100%;
		border: 0;
	}
	
	div.mobileslider span, div.mobileslider a, #cases div.mobileslider span, #cases div.mobileslider a, #bodytext  div.mobileslider span, #bodytext  div.mobileslider a {
		display: block;
		background-color: white;
		margin-bottom: 1.2em;
		border-left: 2px solid #CCCCCC;
		border-right: 2px solid #CCCCCC;
		border-bottom: 2px solid #CCCCCC;
		border-top: none;
		margin-top: -3px;
		margin-left: 0;
		font-family: 'Francker W1G Extra Light';
		padding: 22px;
		padding-right: 2em;
		color: black;
		font-size: 3em;
	}
	
	div.mobileslider a, #cases div.mobileslider a, #bodytext  div.mobileslider a {
		color: #E31B23;
		background-image: url(images/mob_menu.png);
		background-repeat: no-repeat;
		background-position: 95% center;
	}
	
	div.mobile-filter select.mobile {
		display: block;
		position: absolute;
		height: 87px;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
	}
	
	div.mobile-filter {
		position: relative;
		margin: 135px 20px 1em 20px;
		font-size: 2.5em;
	}
	
	div#top.heading {
		height: auto !important;
	}
	
	div#top.heading div#centerheader {
		overflow: visible;
		margin-bottom: 3em;
	}
	
	div#top.heading h3, div#top.heading h4 {
		color: #E31B23;
		margin-left: 15px !important;
		font-size: 2.5em;
	}
	
	div#top.heading h3 {margin-top: 100px; font-size: 4em;}
	div#top.heading h4 {margin-top: 0.5em; font-size: 3em;}
	
	ul.othercases {
		width: auto;
	}
	
	ul.othercases li {
		margin: 0;
		border-left: 2px solid #CCCCCC;
		border-right: 2px solid #CCCCCC;
		border-top: 2px solid #CCCCCC;
		height: auto;
		background-color: white;
		font-size: 2.5em;
		height: auto;
		font-family: 'Francker W1G Extra Light';
		padding: 0;
	}
	
	ul.othercases li a, #cases ul.othercases li a, #bodytext ul.othercases li a {
		color: #E31B23 !important;
		background-image: url(images/mob_menu.png);
		background-repeat: no-repeat;
		background-position: 95% center;
	}
	
	ul.othercases li.header {
		font-size: 2.5em;
		color: black;
		font-family: 'Francker W1G Extra Light';
		padding: 20px 30px 20px 20px;
	}
	
	ul.othercases li:last-child {border-bottom: 2px solid #CCCCCC;}
	
	ul.mobilelist, div#lhmscontact, div#lhmscontact table, div#content  ul.mobilelist.submenu {
		width: auto;
		list-style-type: none;
		padding-left: 0;
	}
	
	ul.mobilelist li, div#lhmscontact p, div#content  ul.mobilelist.submenu li {
		margin: 0;
		border-left: 2px solid #CCCCCC;
		border-right: 2px solid #CCCCCC;
		border-top: 2px solid #CCCCCC;
		height: auto;
		background-color: white;
		font-size: 1.5em;
		height: auto;
		font-family: 'Francker W1G Extra Light';
		padding: 0 20px 0 20px;
		line-height: 88px;
	}
	
	ul.mobilelist li:last-child,
	div#lhmscontact p:last-child,
	ul li.last_child, 
	div p.last_child,
	div#content  ul.mobilelist.submenu li.last-child, 
	div#lhmscontact table td.last_child
		{border-bottom: 2px solid #CCCCCC;}
	
	ul.mobilelist li a, div#lhmscontact p a, div#content  ul.mobilelist.submenu li a {
		text-decoration: none !important;
		display: block;
		background-image: url(images/mob_menu.png);
		background-repeat: no-repeat;
		background-position: 95% center;
		padding: 0;
		background-color: white;
		font-family: 'Francker W1G Extra Light';
		font-weight: normal;
	}
	
	div#content ul.mobilelist.submenu {
		display:block;
		position:static;
	}
	
	div#contactform {
		margin-left: 0 !important;
	}
	
	div#contactform h3 {
		margin-top: 1em;
		margin-bottom: 0.4em;
	}
	
	#contactform form#contact {
		width: auto;
		position: relative;
	}
	
	#contactform form#contact input[type=text], #contactform form#contact textarea  {
		width: 94%;
		border: 2px solid #CCCCCC;
		background-color: white;
		font-size: 2em;
		height: auto;
		font-family: 'Francker W1G Extra Light';
		padding: 20px 3%;
	}
	
	#contactform form#contact input[type=submit] {
		width: 100%;
		text-align: left;
		padding: 0 0 0 20px;
		font-size: 2.7em;
		font-family: 'Francker W1G Extra Light';
		background-image: url(images/mob_contactus.png);
		background-position: 95% 50%;
		background-repeat: no-repeat;
		margin-top: 1.5em;
		line-height: 92px;
		height: 92px;
	}
	
	#contactform form#contact textarea  {height: 306px;}
	
	div#lhmscontact {
		height: auto;
		padding-right: 0;
		font-size: 1.2em;
	}
	
	div#lhmscontact table {
		margin: 0;
		width: 100%;
	}
	
	div#lhmscontact table tr {
		padding: 0;
		margin: 0;
	}
	
	div#lhmscontact table td {
		margin: 0;
		padding: 0;
		border-top: 2px solid #CCCCCC;
		height: auto;
		background-color: white;
		font-size: 1.5em;
		height: auto;
		font-family: 'Francker W1G Extra Light';
		padding: 0 20px 0 20px;
		line-height: 88px;
		margin: 0;
	}
	
	div#lhmscontact table td:first-child {
		border-left: 2px solid #CCCCCC;
		width: auto;
	}
	
	div#lhmscontact table td:last-child {
		border-right: 2px solid #CCCCCC;
		text-align: right;
	}
	
	div#lhmscontact table td:last-child a {
		background-image: url(images/mob_menu.png);
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 30px;
	}
	
	div#lhmscontact h4 {
		margin-top: 1em;
		margin-bottom: 0.5em;
		font-size: 1.8em;
	}
	
	p.companyinfo, *.nomobile {display: none;}
	*.onlymobile {display:block;}
	h4 span.onlymobile {display: inline; color: #E31B23}
	
	ul.othercases li a, #cases ul.othercases li a, #bodytext ul.othercases li a {
		background-color: white;
		padding: 20px 30px 20px 20px;
	}
	
	#cssawards {display: none;}
	
}

@media print {
	#footer, #img, #images, .imgs, #question, .eu, #mapswitch, #mapcontrols, #map, .submenu, #filtering {display:none !important}
    body {background-image: none; background-color: white; min-width: 0 !important; width:100%;}
    #cases, #references, #bodytext, #contactmap {margin:0; width: auto; padding-bottom: 15px;}
    #content, #main {margin:0; width: auto; min-width: 0 !important;}
    #centerheader, #static-map {position:static;}
    * {
        float:none !important;
        background-color: transparent !important;
        width:auto;
        height:auto !important;
        min-height: 0 !important;
        color:black !important;
        text-decoration: none !important;
    }
    h1, h2, h3, h4 {font-family: 'Francker W1G Extra Light', Verdana !important;}
    #contactmap {text-align: center;}
    #header {width:auto !important;}
    #top {min-width: 0; height:auto !important;}
    h4, h3 {margin-left: 0 !important;}
    #top {padding-left: 15px;}
    
    h1 {
        display: block;
        top:0;
        text-align: center;
        background-color: white !important;
        z-index: 100;
        margin-top: 0;
        padding-top: 1%;
    }
    
    h1 span {display: none}
    h1 img {
        width:15%;
        margin-left: auto;
        margin-right: auto;
    }
    
    h2 {
        position:static;
        width:auto;
        height:auto;
        color:black;
        margin-left: 0;
    }
    
    h2 span {padding-left:0;}
    
    h2.noprint, div.longpage h2 {display: none;}
    
    body {
        display: table;
        overflow: visible;
        text-align: left;
        width: auto;
        height: auto;
    }
    
    #content {
        padding-top: 0;
    }
    
    a.random-case {display: block;}
    
    div#contactform {display:none;}
    
    .aside {
        width: auto;
        padding: 0;
    }
    
    .aside a {
        border-right: 0;
    }
    
    ul.services {
        width:auto;
        position: static;
        margin-bottom: 100px;
    }
    
    ul.services li {
        display: inline;
        white-space: nowrap;
    }
    
    ul.services li:before {
        content: "| ";
    }
    
    ul.services li:first-child:before {
        content: "";
    }
    
    ul#print-footer {
        overflow: hidden;
        width:100%;
        padding-left: 0;
        background-color: white !important;
        margin-top: 20px;
        margin-bottom: 0;
        padding-bottom: 20px;
        display:block;
        bottom:0;
        left:0;
        margin-left:5%;
    }
    
    ul#print-footer li {
        font-family: 'Francker W1G Extra Light';
        font-size: 0.75em;
        list-style-type: none;
        margin-left: 2%;
        width:36%;
        float:left !important;
        padding-left: 0;
        overflow: hidden;
    }
    
    ul#print-footer li ul li {
        white-space: nowrap;
    }
    
    ul#print-footer > li + li {width:23%;margin-left: 4%;}
    ul#print-footer > li + li + li {width:22%;margin-left: 4%;}
    
    ul#print-footer li ul, ul#print-footer li ul li {width:auto;float:none !important;margin-left: 0;padding-left: 0;}
    
    img.print-map {
        display: block;
        width:100%;
    }
    
    #lhmscontact {
        padding-left: 0;
    }
    
    #references {margin:0 !important;}
    
    #references ul li {
        width: auto !important;
        height: auto !important;
    }
    
    #big, #small {
        width: auto !important;
    }
    
    #references ul li h4 {
        width:50%;
        margin-bottom: 0;
    }
	
	#references img {display: none;}
    
    #references ul li a div {
        background-image: none !important;
        float:right;
        width:50%;
    }
    
    #references ul li a span {
        display:inline !important;
        position:static;
    }
    
    br {display: none;}
	
	#cssawards {display: none;}
}
