@charset "UTF-8";
/*	Imports
	------	*/
@import url('fonts.css');
@import url('typography.css');
@import url('structure.css');
@import url('media.css');
@import url('nav.css');
@import url('soundbox.css');
@import url('slideshow.css');
@import url('card-flip.css');


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,hr,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,footer,header,nav,section,summary,time,mark,audio,video {     }

img::-moz-selection {    background: transparent }
img::selection {    background: transparent }

article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video {    display: block }
a img {    border: 0 }
body {    overflow-x: hidden;  }


.dossier-headline-arrow {
    position: relative;
    margin-top: -38px; margin-bottom: -15px; margin-left: 371px;
	z-index: 10
}
.dossier-headline-arrow img {
    width: 30px; height: 30px
}

/* Selection colours (easy to forget) */
::selection {    background: #d3f9f2 }
::-moz-selection {    background: #d3f9f2 }
body {
    margin: auto;
    -webkit-tap-highlight-color: #d3f9f2
}

body{
	background:url(../images/bg.jpg) no-repeat top center fixed;
}
  
.portrait {    display: none }
.browser-only {    display: block }
.ipad-only,
.iphone-only,
.ios-only {    display: none }

.zoom_bg2f{
	background:url(../images/icon/icon_zoom.png) no-repeat;
	width:50px;
	height:50px;
	position:absolute;
	display:none;

}
.vdo_bg2f{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	width:50px;
	height:50px;
	position:absolute;

}
.vdo_hover2f{
	position:absolute;
	z-index:99;
	margin-top:495px;
	margin-left:35px;
}
.vdo_hover2f a{
	background:url(../images/dossier-08/vdo_button.png) no-repeat;
	width:129px;
	height:127px;
	text-indent:-99999px;
	padding:55px 0px 0px 43px;
	color:#6D6E71;
	font-size:10px;
}
.vdo_hover2f a:hover{
	background:url(../../images/icon/icon_vdo.png) no-repeat 0 -130px;
	color:#EA6A13;
}
.vdo_hover92f{
	position:absolute;
	z-index:99;
	top: 790px;
	right: 475px;
}
.vdo_hover92f a{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	width:129px;
	height:127px;
	text-indent:-99999px;
	padding:55px 0px 0px 43px;
	color:#6D6E71;
	font-size:10px;
}
.vdo_hover92f a:hover{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	color:#EA6A13;
}

.vdo_hover132f{
	position: absolute;
	z-index: 99;
	top: 305px;
	right: 725px;
}
.vdo_hover132f a{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	width:129px;
	height:127px;
	text-indent:-99999px;
	padding:55px 0px 0px 43px;
	color:#6D6E71;
	font-size:10px;
}
.vdo_hover132f a:hover{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	color:#EA6A13;
}

.vdo_hover302f{
	position: absolute;
	z-index: 99;
	top: 175px;
	right: 690px;
}
.vdo_hover302f a{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	width:129px;
	height:127px;
	text-indent:-99999px;
	padding:55px 0px 0px 43px;
	color:#6D6E71;
	font-size:10px;
}
.vdo_hover302f a:hover{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	color:#EA6A13;
}

.vdo_hover322f{
	position:absolute;
	z-index:99;
	top:700px;
	right:310px;
}
.vdo_hover322f a{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	width:129px;
	height:127px;
	text-indent:-99999px;
	padding:55px 0px 0px 43px;
	color:#6D6E71;
	font-size:10px;
}
.vdo_hover322f a:hover{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	color:#EA6A13;
}
.vdo_hover442f{
	position:absolute;
	z-index:99;
	top:530px;
	right:60px;
}
.vdo_hover442f a{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	width:129px;
	height:127px;
	text-indent:-99999px;
	padding:55px 0px 0px 43px;
	color:#6D6E71;
	font-size:10px;
}
.vdo_hover442f a:hover{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	color:#EA6A13;
}
.vdo_hover472f{
	position: absolute;
	z-index: 99;
	top: 235px;
	right: 270px;
}
.vdo_hover472f a{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	width:129px;
	height:127px;
	text-indent:-99999px;
	padding:55px 0px 0px 43px;
	color:#6D6E71;
	font-size:10px;
}
.vdo_hover472f a:hover{
	background:url(../images/icon/icon_vdo.png) no-repeat;
	color:#EA6A13;
}

ul.link2f{
	/*position:absolute;
	margin:127px 0 0 10px;
	height:auto;
	list-style:none;*/
	margin: 0;
	top: 175px;
	display: block;
	position:absolute;
	list-style:none;
}

ul.link2f li{
	min-height: 25px;
	margin-bottom: 2px !important;
	/*background: url(../images/icon/bg_white.png) repeat left top;*/
}

ul.link2f li:hover{
	background: url(../images/icon/bg_white.jpg) no-repeat left top;
}

/*----- Link1-Link10 -----*/
ul.link2f li.link1{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link2{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link3{
	display: block;
	height: 50px;
	margin: 0px;
	margin-top: 40px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link4{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link5{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link6{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link7{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link8{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link9{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link10{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}
/*----- End Link1-Link10 -----*/

/*----- Link11-Link20 -----*/
ul.link2f li.link11{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link12{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link13{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link14{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link15{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link16{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link17{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link18{
	display: block;
	height: 25px;
	margin: 0px;
	margin-top: 48px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link19{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link20{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}
/*----- End Link11-Link20 -----*/

/*----- Link21-Link30 -----*/
ul.link2f li.link21{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link22{
	display: block;
	height: 25px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link23{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link24{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link25{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link26{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link27{
	display: block;
	height: 25px;
	margin: 0px;
	margin-top: 45px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link28{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link29{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link30{
	display: block;
	height: 45px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}
/*----- End Link21-Link30 -----*/

/*----- Link31-Link40 -----*/
ul.link2f li.link31{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link32{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link33{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link34{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link35{
	display: block;
	height: 50px;
	margin: 0px;
	margin-top: 41px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link36{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link37{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link38{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link39{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link40{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}
/*----- End Link31-Link40 -----*/

/*----- Link41-Link50 -----*/
ul.link2f li.link41{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link42{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link43{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link44{
	display: block;
	height: 75px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link45{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link46{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link47{
	display: block;
	height: 25px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link48{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link49{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link50{
	display: block;
	height: 25px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}
/*----- End Link41-Link50 -----*/

/*----- Link51-Link60 -----*/
ul.link2f li.link51{
	display: block;
	height: 25px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link52{
	display: block;
	height: 50px;
	margin: 0px;
	margin-top: 42px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link53{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link54{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link55{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link56{
	display: block;
	height: 25px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link57{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link58{
	display: block;
	height: 25px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link59{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}

ul.link2f li.link60{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	
	width: 100%;
}
/*----- End Link51-Link60 -----*/

ul.link2f li img{
	width:auto;
	height:auto;
}

ul.link2f li a {
	display: block;
	width: 100%;
	height: 100%;
}

ul.link2f li a:hover {
}

/*ul.link2f li a.link3{
	display: block;
	height: 50px;
	margin: 0px;
	position: relative;
	top: 90px;
	width: 100%;
}

ul.link2f li a.link6{
	display: block;
    height: 19px;
    margin: 0;
    position: relative;
    top: 154px;
    width: 248px;
}
ul.link2f li a.link7{
	display: block;
    height: 50px;
    margin: 0;
    position: relative;
    top: 90px;
    width: 100%;
}
ul.link2f li a.link10{
	display: block;
    height: 53px;
    margin: 0;
    position: relative;
    top: 90px;
    width: 100%;
}
ul.link2f li a.link14{
	display: block;
    height: 50px;
    margin: 0;
    position: relative;
    top: 90px;
    width: 100%;
}
ul.link2f li a.link18{
	display: block;
    height: 25px;
    margin: 0;
    position: relative;
    top: 130px;
    width: 100%;
}
ul.link2f li a.link22{
	display: block;
    height: 25px;
    margin: 0;
    position: relative;
    top: 135px;
    width: 100%;
}
ul.link2f li a.link27{
	display: block;
    height: 25px;
    margin: 0;
    position: relative;
    top: 180px;
    width: 100%;
}
ul.link2f li a.link30{
	display: block;
    height: 50px;
    margin: 0;
    position: relative;
    top: 180px;
    width: 100%;
}
ul.link2f li a.link44 {
	display: block;
	height: 29px;
	margin: 0;
	position: relative;
	top: 158px;
	width: 370px;
}
ul.link2f li a.link53{
	display: block;
	height: 18px;
	margin: 0;
	position: relative;
	top: 161px;
	width: 301px;
}
ul.link2f li a.link13{
	height: 20px;
	width: 248px;
	display: block;
	top: 212px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link16{
	height: 21px;
	width: 248px;
	display: block;
	top: 217px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link21{
	height: 25px;
	width: 343px;
	display: block;
	top: 222px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link25{
	height: 54px;
	width: 343px;
	display: block;
	top: 268px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link32{
	height: 45px;
	width: 343px;
	display: block;
	top: 271px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link37{
	height: 29px;
	width: 284px;
	display: block;
	top: 318px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link40{
	height: 46px;
	width: 362px;
	display: block;
	top: 320px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link47{
	height: 49px;
	width: 375px;
	display: block;
	top: 325px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link56{
	height: 26px;
	width: 188px;
	display: block;
	top: 330px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link29{
	height: 51px;
	width: 370px;
	display: block;
	top: 371px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link58{
	height: 21px;
	width: 149px;
	display: block;
	top: 377px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}
ul.link2f li a.link59{
	height: 20px;
	width: 149px;
	display: block;
	top: 384px;
	margin: 0;
	display: -ms-flexbox;
	position: relative;
}

ul.link2f  li a:hover {
	background:url(../images/icon/bg_black.jpg) no-repeat top left;
}*/

ul.link2f a li.h1{
	height:35px !important;
	margin-top:5px;
	}
ul.link2f a li.h2{
	height:35px !important;
	margin-top:11px;
	}
ul.link2f a li.h3{
	height:35px !important;
	margin-top:10px;
	margin-left:-9px;
	}
ul.link2f a li.h4{
	height:37px !important;
	margin-top:58px;
	margin-left:-9px;
	}
ul.link2f a li.h5{
	height:40px !important;
	margin-top:9px;
	margin-left:-9px;
	}
ul.link2f a li.h6{
	height:20px !important;
	margin-top:5px;
	margin-left:-9px;
	}
	ul.link2f a li.h7{
	height:60px !important;
	margin-top:6px;
	margin-left:-9px;
	}
	ul.link2f a li.h8{
	height:20px !important;
	margin-top:5px;
	margin-left:-9px;
	}
	ul.link2f a li.h9{
	height:20px !important;
	margin-top:5px;
	margin-left:-9px;
	}
	ul.link2f a li.h10{
	height:40px !important;
	margin-top:5px;
	margin-left:-9px;
	}
	ul.link2f a li.h11{
	height:40px !important;
	margin-top:55px;
	margin-left:-9px;
	}
	ul.link2f a li.h12{
	height:22px !important;
	margin-top:47px;
	margin-left:-9px;
	}
	ul.link2f a li.h13{
	height:22px !important;
	margin-top:0px;
	margin-left:-9px;
	}
	ul.link2f a li.h14{
	height:22px !important;
	margin-top:0px;
	margin-left:-9px;
	}
	ul.link2f a li.h15{
	height:40px !important;
	margin-top:0px;
	margin-left:-9px;
	}
	ul.link2f a li.h16{
	height:36px !important;
	margin-top:41px;
	margin-left:-9px;
	}
	ul.link2f a li.h17{
	height:22px !important;
	margin-top:0px;
	margin-left:-9px;
	}
	ul.link2f a li.h18{
	height:22px !important;
	margin-top:0px;
	margin-left:-9px;
	}
	ul.link2f a li.h19{
	height:22px !important;
	margin-top:0px;
	margin-left:-9px;
	}


/* position */
#ico06_1{
	top:406px;
	right:274px;
}
#ico09_1{
	top:860px;
	right:268px;
}
#ico10_1{
	top:473px;
	left:507px;
}
#ico10_2{
	top:721px;
	left:595px;
}
#ico10_3{
	top:972px;
	left:596px;
}
#ico10_4{
	top:1117px;
	right:389px;
}
#ico11_1{
	top:483px;
	right:506px;
}
#ico12_1{
	top:578px;
	left:575px;
}
#ico13_1{
	top:578px;
	left:589px;
}
#ico13_2{
	top:1077px;
	left:589px;
}
#ico25_1{
	top:572px;
	right:280px;
}
#ico25_2{
	top:1130px;
	right:381px;
}
#ico26_1{
	top:470px;
	right:675px;
}
#ico26_2{
	top:1032px;
	left:568px;
}
#ico27_1{
	top:674px;
	left:677px;
}
#ico29_1{
	top:503px;
	left:605px;
}
#ico32_1{
	top:398px;
	right:350px;
}
#ico33_1{
	top:808px;
	right:279px;
}
#ico39_1{
	top:508px;
	left:547px;
}
#ico39_2{
	top:958px;
	left:548px;
}
#ico39_3{
	top:437px;
	right:279px;
}
#ico49_1{
	top:476px;
	right:766px;
}
#ico50_1{
	top:476px;
	right:766px;
	display:none;
}


/*
##########################################################################
##########################################################################
		Tablet Layout: 768px.
		Content-Element width: 712px.
		Gutters: 24px.
		Outer content margins: 28px.
		Inherits styles from: Default Layout.
##########################################################################
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712
##########################################################################
##########################################################################
*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	body {
	    width: 768px;
	    padding-right: 0px; padding-bottom: 0px; padding-left: 0px !important;
	    margin: auto
	}

	.dossier-headline-arrow {  margin-left: 279px; }

}


/*
##########################################################################
##########################################################################
		iPad Layout Portrait: 768px.
		Content-Element width: 712px.
		Gutters: 24px.
		Outer content margins: 28px.
		Inherits styles from: Default Layout.
##########################################################################
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712
##########################################################################
##########################################################################
 */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	body {
	    width: 100%;
	    margin: 0px; padding: 0px
	}
	.portrait {    display: block }
	.landscape {    display: none }
	.browser-only {    display: none }
	.ipad-only,
	.ios-only {    display: block }

	.vdo_hover312f{
	position:absolute;
	z-index:99;
	margin-top:280px;
	margin-left:555px;
}

.vdo_hover482f{
	position:absolute;
	z-index:99;
	margin-top:410px;
	margin-left:450px;
}
.vdo_hover2f{
	position:absolute;
	z-index:99;
	margin-top:520px;
	margin-left:490px;
}
.vdo_hover2f a{
	background:url(../images/dossier-08/vdo_button.png) no-repeat;
	width:129px;
	height:127px;
	text-indent:9999px;
	padding:55px 60px 63px 61px;
	color:#6D6E71;
	font-size:10px;
}
.vdo_hover2f a:hover{
	background:url(../images/dossier-08/vdo_button.png) no-repeat 0 -130px;
	color:#EA6A13;
}

.vdo_hover052f{
	position:absolute;
	z-index:99;
	margin-top:180px;
	margin-left:500px;
}
.vdo_hover052f a{
	background:url(../images/dossier-08/vdo_button.png) no-repeat;
	width:129px;
	height:127px;
	text-indent:9999px;
	padding:55px 60px 63px 61px;
	color:#6D6E71;
	font-size:10px;
}
.vdo_hover052f a:hover{
	background:url(../images/dossier-08/vdo_button.png) no-repeat 0 -130px;
	color:#EA6A13;
}
}


/*
##########################################################################
##########################################################################
		iPad Layout Landscape: 1024px.
		Content-Element width: 896px.
		Gutters: 24px.
		Outer content margins: 64px.
		Inherits styles from: Default Layout.
##########################################################################
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896
##########################################################################
##########################################################################
*/

@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
	body {
	    width: 100%;
	    margin: auto; padding: 0px
	}
	.portrait {    display: none }
	.landscape {    display: block }
	.browser-only {    display: none }
	.ipad-only,
	.ios-only {    display: block }
	.dossier-headline-arrow {  margin-left: 405px; }
}


/*
##########################################################################
##########################################################################
		Mobile Layout: 320px.
		Content-Element width: 292px.
		Gutters: 24px.
		Outer content margins: 14px.
		Inherits styles from: Default Layout.
##########################################################################
cols    1     2      3
px      68    160    252
##########################################################################
##########################################################################
*/

@media only screen and (max-width: 767px) {
	body {
	    width: 320px;
	    margin: auto; padding: 0px
	}
	.portrait {    display: block }
	.landscape {    display: none }
	.browser-only,
	ipad-only {    display: none }
	.iphone-only,
	.ios-only {    display: block }
	.dossier-headline-arrow {    margin-left: 145px }
}


/*
##########################################################################
##########################################################################
		Wide Mobile Layout: 480px.
		Content-Element width: 436px.
		Gutters: 24px.
		Outer content margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
#########################################################################
cols    1     2      3      4      5
px      68    160    252    344    436
##########################################################################
##########################################################################
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
	    width: 480px;
	    padding: 0px
	}
	.portrait {    display: none }
	.landscape {    display: block }
	.dossier-headline-arrow {    margin-left: 225px }
}


/*
##########################################################################
##########################################################################
	Retina media query.
	Overrides styles for devices with a
	device-pixel-ratio of 2+, such as iPhone 4.
#########################################################################
##########################################################################
*/

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

}
