html, body, #delius {height:100%; min-height:100%;}
body {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size:12px;}
img {display:block;}

#delius {position:relative; width:100%;}
#delius header {height:38.12%; width:100%; background:#fff; min-height:150px; -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888; position:relative;}
#delius header #brand {height:45.24%; width:auto; margin:auto 0 auto 3.53%; padding-top:4.5%;}
#delius header #brand h1 {height:100%; width:auto;}
#delius header #brand h1 img {height:100%; width:auto;}
#delius header #brand h1 span {display:none;}

#delius header nav {position:absolute; bottom:20px; margin-left:3.52%;}
#delius header nav a {color:#000; font-size:14px; text-decoration:none; opacity:0.4; -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease;  transition: all 1s ease;}
#delius header nav a:hover {opacity:1;}
#delius header nav a:first-child {margin-right:25px;}

#delius #slide {height:61.88%; width:100%; background:#ccc;}
#delius #slide div.abg {height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position: 50% 0;}
#delius #slide div.abg:nth-child(1) {background-image:url('../img/test2.jpg');}
#delius #slide div.abg:nth-child(2) {background-image:url('../img/test4.jpg');}
#delius #slide div.abg:nth-child(3) {background-image:url('../img/test5.jpg');}
#delius #slide div.abg:nth-child(4) {background-image:url('../img/test6.jpg');}
#delius #slide div.abg:nth-child(5) {background-image:url('../img/test7.jpg');}
#delius #slide div.abg:nth-child(6) {background-image:url('../img/test8.jpg');}
#delius #slide div.abg:nth-child(7) {background-image:url('../img/test9.jpg');}

#delius #slide div aside {width:50.13%; height:41%; min-height:160px; background:#000; position:fixed; top:0; right:5%; z-index:;}
#delius #slide div aside img {width:100%;}
#delius #slide div.brand {position:absolute; bottom:5%; right:5%;}
#delius #slide div.brand span {position:absolute; top:0; left:0; width:100%; height:100%; display:block;}
#delius #slide div p {display:none;}

#delius #anfahrtdiv {display:none; position:fixed; z-index:10000; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.8);}
#delius #anfahrtdiv div {position:absolute; left:50%; top:50%; width:600px; height:421px; padding:20px; margin:-230px 0 0 -320px; background:#fff; font-size:12px;}
#delius #anfahrtdiv div .anfahrt-close {width:20px; height:20px; display:block; position:absolute; top:0; right:0; background:#ccc; color:#fff; line-height:20px; text-align:center; cursor:pointer;}

#imprintdiv {position:fixed; z-index:10000; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.8);}
#imprintdiv div {position:absolute; left:50%; top:5%; width:300px; height:auto; padding:20px; margin:0 0 0 -155px; background:#fff; font-size:12px;}
#imprintdiv div h4 {font-size:20px; font-weight:bold; margin:0 0 20px 0; text-transform:uppercase;}
#imprintdiv div b {font-weight:bold;}
#imprintdiv div .imprint-close {width:20px; height:20px; display:block; position:absolute; top:0; right:0; background:#ccc; color:#fff; line-height:20px; text-align:center; cursor:pointer;}

/* MISC */

.arrow {width:23px; height:65px; display:block; background:url("../img/arrows.png"); position:absolute; top:65%; z-index:100;}
#prev {left:15px;} #next {right:15px; background-position:0 -65px;}
#black {width:50.13%; height:41%; min-height:160px; background:#000; position:fixed; top:0; right:5%;}
#cover {width:50.13%; height:41%; min-height:160px; position:fixed; top:0; right:5%; z-index:1337;}
#banner {display:none;}
#load {width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; z-index:13337;}


/* MOBILE*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
aside, #black, #cover {display:none;}
	#banner {display:block; position:absolute; top:0; right:3.53%; z-index:9999; width:130px;}
	#delius #slide div p {display:block; font-size:40px; position:absolute; top:-720px; left:0%;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	nav a {font-size:30px!important;}
	#prev {background-position:0 -130px;} #next {background-position:0 -195px;}
	#delius #slide div.abg:nth-child(1) {background-image:url('../img/portrait_iphone.jpg');}
	#banner {display:block; position:absolute; top:0; right:3.53%; z-index:9999;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	#delius #slide div p {display:block; font-size:25px; position:absolute; top:-240px; left:0%;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ 
	#delius #slide div.abg:nth-child(1) {background-image:url('../img/portrait_iphone.jpg');}
	header {height:25%!important;} 
	#slide {height:75%!important;}
	#slide aside {height:320px!important;}
	#black {height:320px!important;}
}