/*
#9197a8; grau blau 50%
#ebebf0; grau blau 60%
#3C4B64; grau blau 100%
#892337; dake rot 100%
*/

*,*:before,*:after{
	margin: 0;
	padding: 0;
}

body{
	font-family: 'latoregular';
	font-size: 14px;
	line-height: 1.65em;
	color: #3c4b64;
	letter-spacing: 0.4px;
	background-color: #c8c8c8;
	background-image: url(../img/bg_full.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	overflow-x: hidden;
}

#page{
	width: 100%;
	height: 100%;
}
b,strong{
	font-family: 'latobold';
	font-weight: normal;
	font-style: normal;
}
i{
	font-family: 'latoitalic';
	font-weight: normal;
	font-style: normal;
}
i > b,
b > i{
	font-family: 'latobolditalic';
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}

a{
	text-decoration: none;
	color: #3c4b64;
}
a:hover{
	color: #892337;
	font-family: 'latobolditalic';
	font-weight: normal;
	font-style: normal;
}
div.layout p.bodytext a:hover{
	line-height: 0.9em;
}

.Youtube-Link{
	background-color: #9197a8;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon-yt.png);
	font-size: 0.00000001px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.Google-Link{
	background-color: #9197a8;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon-gp.png);
	font-size: 0.00000001px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.Twitter-Link{
	background-color: #9197a8;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon-tw.png);
	font-size: 0.00000001px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.Facebook-Link{
	background-color: #9197a8;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon-fb.png);
	font-size: 0.00000001px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.Xing-Link{
	background-color: #9197a8;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon-xg.png);
	font-size: 0.00000001px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.Facebook-Link:hover,
.Twitter-Link:hover,
.Google-Link:hover,
.Youtube-Link:hover,
.Xing-Link:hover{
		background-color: #892337;
		line-height: unset !important;
}

div.homescreen{
	width: 950px;
	height: 700px;
	margin: auto;
	background-image: url('../img/homescreen_bg.jpg');
	background-repeat: no-repeat;
	margin-top: 50px;
	position: relative;
	transition: all 1s;
}
body.layer div.homescreen{
	background-image: url('../img/blank.png');
}
div.homescreen div.homemenu div[name=ad6],
body.layer.mark div.homescreen div.homemenu div[name=ad3],
body.layer.markdiv.homescreen div.homemenu div[name=ad3]{
	display: none;
}
body.layer.mark.layer div.homescreen div.homemenu div[name=ad6]{
	display: block;
}
div.homescreen div.homemenu div[name=ad6] ul li{
	position: fixed;
	left: 50%;
    top: -90px;
    width: 954px;
}
div.homescreen div.homemenu ul li,
div.respmenu div[name=ad6] ul li{
	position: absolute;
	z-index: 500;
	list-style: none;
	display: inline-block;
	width: auto;
	transition: all 1s;
}
div.homescreen div.homemenu ul li a,
div.respmenu div[name=ad6] ul li a{
	font-family: 'baskerville';
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #3C4B64;
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 16px;
}
div.homescreen div.homemenu ul li a:hover,
div.homescreen div.homemenu ul li.active a,
ul.footmenu li a:hover,
ul.footmenu li.active a,
div.respmenu div[name=ad6] ul li a:hover{
	color: #892337;
	font-family: 'baskerville';
	/*font-weight: 700;*/
	font-style: normal;
	line-height: 16px;
}
div.homescreen div.homemenu ul li:nth-child(2){
	top: -29px;
	left: 0;
	text-align: center;
	width: 100%;
}
div.homescreen div.homemenu div ul li:nth-child(1),
div.homescreen div.homemenu div[name=ad3] ul li:nth-child(3),
div.respmenu div[name=ad6] ul li:nth-child(1){
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}
div.homescreen div.homemenu ul li:nth-child(1){
	top: 45%;
	right: -84px;
}
div.homescreen div.homemenu ul li:nth-child(3){
	top: 45%;
	left: -101px;
}
div.homescreen div.homemenu ul li:hover:nth-child(3){
	left: -101px;
}
div.homescreen div.homemenu ul li:nth-child(n+4){
	bottom: -28px;
}
div.homescreen div.homemenu ul li:nth-child(n+4) a{
	font-size: 10px;
}
body.layer div.homescreen div.homemenu ul li:nth-child(n+4){
	display: none;
}
div.homescreen div.homemenu ul li:nth-child(5){
	left: 130px;
}
div.homescreen div.homemenu ul li:nth-child(6){
	left: 230px;
}

ul.footmenu{
	font-family: baskerville;
    font-size: 0.7em;
    letter-spacing: 3px;
    list-style: outside none none;
    margin: 50px auto 10px;
    position: relative;
    text-transform: uppercase;
    width: 820px;
    z-index: 999;
}
ul.footmenu li{
	display: inline-block;
	margin-right: 30px;
}

#barba-wrapper {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	min-height: 100%;
}

body[class]:not([class=""]):not([class="down"]) div#barba-wrapper{
	display: block;
}
body.layer #barba-wrapper .barba-container:before{
    background-color: rgba(255, 255, 255, 0.7);
    height: 100%;
    width: 100%;
	top: 0;
	z-index: 200;
	position: absolute;
	content: "";
	display: block;
}

body.layer #barba-wrapper div.layer,
body.layer.mark #barba-wrapper div.layer{
	width: 820px;
	margin: auto;
	position: relative;
	z-index: 250;
	margin-top: 200px;
}
body.layer #barba-wrapper div.layer{
	margin-top: 125px;
}

#barba-wrapper div.layer ul.rommenu{
	left: 50%;
    margin-left: -500px;
    position: fixed;
    top: 50px;
}
#barba-wrapper div.layer ul.rommenu:hover::before{
	background-color: #8a93a2;
	content: "";
	display: block;
	height: 100%;
	left: 49px;
	position: absolute;
	width: 260px;
}

#barba-wrapper div.layer ul.rommenu li{
	width: 49px;
	height: 39px;
	list-style: none;
	text-align: center;
	position: relative;
	margin-bottom: 16px;
}
#barba-wrapper div.layer ul.rommenu li:last-child{
	margin-bottom: 0;
}
#barba-wrapper div.layer ul.rommenu li.active,
#barba-wrapper div.layer ul.rommenu li:hover{
	background-color: #3C4B64;
}
#barba-wrapper div.layer ul.rommenu li.active a,
#barba-wrapper div.layer ul.rommenu li:hover a{
	color: #fff;
}
#barba-wrapper div.layer ul.rommenu:hover span{
	display: block;
	top: 0px;
	left: 49px;
	padding-bottom: 6px;
    padding-left: 17px;
    padding-top: 9px;
	text-align: left;
}

#barba-wrapper div.layer ul.rommenu li:hover a span{
	display: block;
	color: #fff;
	background-color: #3C4B64;
}
#barba-wrapper div.layer ul.rommenu li span{
	display: none;
	position: absolute;
	width: 243px;
	color: #fff;
}
#barba-wrapper div.layer ul.rommenu li a{
	color: #3c4b64;
    display: inline-block;
    font-family: baskerville;
    letter-spacing: 3px;
    padding: 7px 0;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

#barba-wrapper div.layer ul.rommenu i:before{
    content: "I";
    display: block;
    font-family: "baskerville" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 30px;
    text-align: center;
    width: 100%;
}

#barba-wrapper div.layer ul.rommenu i.rom2:before{ content: "II"; }
#barba-wrapper div.layer ul.rommenu i.rom3:before{ content: "III"; }
#barba-wrapper div.layer ul.rommenu i.rom4:before{ content: "IV"; }
#barba-wrapper div.layer ul.rommenu i.rom5:before{ content: "V"; }
#barba-wrapper div.layer ul.rommenu i.rom6:before{ content: "VI"; }
#barba-wrapper div.layer ul.rommenu i.rom7:before{ content: "VII"; }
#barba-wrapper div.layer ul.rommenu i.rom8:before{ content: "VIII"; }
#barba-wrapper div.layer ul.rommenu i.rom9:before{ content: "IX"; }
#barba-wrapper div.layer ul.rommenu i.rom10:before{ content: "X"; }
#barba-wrapper div.layer ul.rommenu i.rom11:before{ content: "XI"; }
#barba-wrapper div.layer ul.rommenu i.rom12:before{ content: "XII"; }
#barba-wrapper div.layer ul.rommenu i.rom13:before{ content: "XIII"; }
#barba-wrapper div.layer ul.rommenu i.rom14:before{ content: "XIV"; }
#barba-wrapper div.layer ul.rommenu i.rom15:before{ content: "XV"; }

.clear{
	clear: both;
	content: "";
	display: block;
}

div.marke{
	margin: 30px 0;
	border-bottom: 5px solid #3C4B64;
	padding-bottom: 60px;
}
div.marke:last-child{
	border-bottom: 0;
}
div.csc-header h1{
	font-family: 'baskerville';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #3C4B64;
	font-size: 49px;
	line-height: 43px;
	margin-bottom: 13px;
	letter-spacing: 2.2px;
}
div.csc-header h3,
div.layout h3{
	font-family: 'latobold';
	font-weight: normal;
	font-style: normal;
	line-height: 0.8;
    margin-bottom: 7px;
}
div.csc-header-n1 + p.bodytext{
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #7d8599;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 25px;
	letter-spacing: 2.2px;
	text-indent: 0 !important;
}
div#barba-wrapper div.layout > div > ul{
	margin-left: 15px;
	list-style: none;
}
div#barba-wrapper div.layout > div > ul li{
	position: relative;
}
div#barba-wrapper div.layout:not([name="ad6"]) > div > ul li::before {
    content: "•";
	font-size: 0.8em;
    display: block;
    height: 10px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 10px;
}

div.marke div.csc-header-n6 ~ p,
div.marke div.csc-header-n6 + p{
	font-style: italic;
	text-indent: 0;
}

div.layout figure{
	line-height: 0;
    margin-bottom: 45px;
    position: relative;
}
div.layout figure > a{
	width: 100%;
	height: 100%;
	display: inline-block;
	overflow: hidden;
	margin-bottom: 8px;
}
div.layout > div.frame30 figure{
	margin-bottom: 10px;
}
div.layout div.frame30 div.csc-textpic-imagewrap{
	position: relative;
}
div.layout div.frame30 div.csc-textpic-imagerow-last{
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.5s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	width: 100%;
	height: auto;
}

div.layout div.frame30 div.csc-textpic-imagewrap:hover div.csc-textpic-imagerow-last{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
figure figcaption{
	display: inline;
    font-size: 10px;
    line-height: 10px;
}
ul.footmenu li.markown{
	display: none;
}
body.layer.mark li.markown{
	display: inline-block;
}

div.marks a{
	position: relative;
	display: inline-block;
}
div.marks a span{
	transition: all 0.5s;
}
div.marks a span:not(:first-child){
	position: absolute;
	top: 0;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
div.marks a:hover span:not(:first-child){
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.marks a:hover span:first-child{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
  
}

/** home **/

body.layer div.marks a{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

/* div.content div.dake.f, */
body div.dake.w{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
div.content div.dake{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -11%;
	margin-left: -10%;
	transition: all 1s;
	cursor: pointer;
}
body.layer div.content div.dake{

	margin-left: -96px;
	margin-top: -40px;
}
div.dake img{
	width: 100%;
}

body.layer div.content div.dake{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all 1s;
}

body.layer.mark div.content div.dake,
body.layer.mark div.content div.dake{
	z-index: 210;
	top: 5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
body.layer.mark div.dake.f{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

div.content,
div.content div.marks{
	height: 100%;
}

div.content div.marks{
	position: relative;
}

div.content div.marks a:before{
	content: "";
	display: block;
	/*
	background-image: url(../img/stripes.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	*/
	background: -moz-linear-gradient(left, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	width: 100%;
	height: 2px;
	border-radius: 50%;
	position: absolute;
}

div.content div.marks a{
	position: absolute;
	transition: all 1s;
	display: block;
}

div.content div.marks.t7 a.m4{ left: 10%; top: 1.428%; }
div.content div.marks.t7 a.m1{ left: 40%; top: 8.571%; }
div.content div.marks.t7 a.m3{ left: 68.421%; top: 4.285%; }
div.content div.marks.t7 a.m5{ left: 11.578%; top: 34.285%; }
div.content div.marks.t7 a.m6{ left: 3.684%; top: 65.714%; }
div.content div.marks.t7 a.m2{ left: 32.631%; top: 59.285%; }
div.content div.marks.t7 a.m7{ left: 73.684%; top: 77.142%; }

div.content div.marks.t7 a.m4:before{ left: 76%; top: 111%; transform: rotate(52deg); -webkit-transform:rotate(52deg); width: 120%; }
div.content div.marks.t7 a.m1:before{ left: 31.257%; top: 119.827%; transform: rotate(89deg); -webkit-transform:rotate(89deg); width: 40%; }
div.content div.marks.t7 a.m3:before{ left: -40.128%; top: 128.62%; transform: rotate(-212deg); -webkit-transform:rotate(-212deg); }
div.content div.marks.t7 a.m5:before{ left: 98.718%; top: 52%; transform: rotate(0deg); -webkit-transform:rotate(0deg); width: 50%; }
div.content div.marks.t7 a.m6:before{ left: 56%; top: -33%; transform: rotate(-24deg); -webkit-transform:rotate(-24deg); width: 120%; }
div.content div.marks.t7 a.m2:before{ left: 47%; top: -18%; transform: rotate(-54deg); -webkit-transform:rotate(-54deg); width: 35%; }
div.content div.marks.t7 a.m7:before{ left: -128%; top: -29%; transform: rotate(232deg); -webkit-transform:rotate(232deg); width: 158%; }



div.content div.marks.t8 a.m5{ left: 10%; top: 1.428%; }
div.content div.marks.t8 a.m1{ left: 40%; top: 8.571%; }
div.content div.marks.t8 a.m4{ left: 68.421%; top: 4.285%; }
div.content div.marks.t8 a.m6{ left: 11.578%; top: 34.285%; }
div.content div.marks.t8 a.m3{ left: 74.210%; top: 34.285%; }
div.content div.marks.t8 a.m7{ left: 3.684%; top: 65.714%; }
div.content div.marks.t8 a.m2{ left: 32.631%; top: 59.285%; }
div.content div.marks.t8 a.m8{ left: 73.684%; top: 77.142%; }

div.content div.marks.t8 a.m5:before{ left: 76%; top: 111%; transform: rotate(52deg); -webkit-transform:rotate(52deg); width: 120%; }
div.content div.marks.t8 a.m1:before{ left: 31.257%; top: 119.827%; transform: rotate(89deg); -webkit-transform:rotate(89deg); width: 40%; }
div.content div.marks.t8 a.m4:before{ left: -40.128%; top: 128.62%; transform: rotate(-212deg); -webkit-transform:rotate(-212deg); }
div.content div.marks.t8 a.m6:before{ left: 98.718%; top: 52%; transform: rotate(0deg); -webkit-transform:rotate(0deg); width: 50%; }
div.content div.marks.t8 a.m3:before{ left: -79.077%; top: 52%; transform: rotate(-180deg); -webkit-transform:rotate(-180deg); width: 80%; }
div.content div.marks.t8 a.m7:before{ left: 56%; top: -33%; transform: rotate(-24deg); -webkit-transform:rotate(-24deg); width: 120%; }
div.content div.marks.t8 a.m2:before{ left: 47%; top: -18%; transform: rotate(-54deg); -webkit-transform:rotate(-54deg); width: 35%; }
div.content div.marks.t8 a.m8:before{ left: -128%; top: -29%; transform: rotate(232deg); -webkit-transform:rotate(232deg); width: 158%; }


/** layouts **/

div.layout{
	box-sizing: border-box;
}
div.layout p.bodytext{
    text-indent: 25px;
}
body#dake-13 p,
div.layout p:first-child,
div.layout p.bodytext:nth-child(1),
div.layout h3 + p.bodytext,
div.csc-header + p.bodytext,
div.layout ul + p.bodytext{
    text-indent: 0;
}

div.layout img:not(.org){
	width: 100%;
	height: auto;
}
div.layout div.csc-textpic-intext-left div.csc-textpic-imagewrap{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
div.layout div.csc-textpic-intext-right div.csc-textpic-imagewrap{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
div.layout div.csc-textpic-intext-left div.csc-textpic-text,
div.layout div.csc-textpic-intext-right div.csc-textpic-text{
	float: none;
}


div.lay11,
div.lay33,
div.lay0{
	width: 100%;
}

div.lay12{
	width: 50.1%;
	float: left;
	padding-right: 10px;
}
div.lay13{
	width: 49.9%;
	float: right;
	padding-left: 10px;
}
div.lay14{
	width: 32%;
	float: left;
	padding-right: 2%;
}
div.lay15{
	width: 32%;
	float: right;
	padding-left: 2%;
}
div.lay16{
	width: 66%;
	float: left;
	padding-right: 10px;
}
div.lay17{
	width: 66%;
	flat: right;
}
div.lay19{
	width: 25%;
	float: right;
}

div.lay99,div.lay11,div.lay0,
div.lay99:before,div.lay11:before,div.lay0:before,
div.lay99:after,div.lay11:after,div.lay0:after{
	clear: both;
	content: "";
	display: block;
}
div.lay99{
	height: 0;
	overflow: hidden;
}
div.lay0 div.divider hr{
	margin-top: 45px;
	display: inline-block;
	clear: both;
	content: "";
	height: 0;
	border: 0;
}

div.layout div[data-csc-cols="3"] div.csc-textpic-imagecolumn{
	width: 31%;
	float: left;
}
div.layout div[data-csc-cols="3"] div.csc-textpic-imagecolumn.csc-textpic-firstcol{
	margin-right: 3.5%;
}
div.layout div[data-csc-cols="3"] div.csc-textpic-imagecolumn.csc-textpic-lastcol{
	margin-left: 3.5%;
}

div.layout div[data-csc-cols="2"] div.csc-textpic-imagecolumn{
	width: 49%;
	float: left;
}
div.layout div[data-csc-cols="2"] div.csc-textpic-imagecolumn.csc-textpic-firstcol{
	margin-right: 1%;
}
div.layout div[data-csc-cols="2"] div.csc-textpic-imagecolumn.csc-textpic-lastcol{
	margin-left: 1%;
}
div.layout div.csc-textpic-imagerow{
    clear: both;
    content: "";
}
div.layout div[data-csc-cols="1"] figure.scaleHeight {
    height: auto;
    overflow: visible;
}
div.layout div[data-csc-cols="1"] figure.scaleHeight img{
    top: 0 !important;
}
div.layout div[data-csc-cols="2"] figure.scaleHeight {
    height: 131px;
    overflow: hidden;
}
div.layout div[data-csc-cols="3"] figure.scaleHeight {
    height: 82px;
    overflow: hidden;
}


div.frame50,
div.frame51{
	display: inline-block;
}
div.frame50{
	margin-top: 30px;
}
div.frame50 figure,
div.frame51 figure{
	border: 1px solid #ddd;
}
div.layout figure img{
    height: auto;
    width: 100%;
	transition: all 2s;
	display: block;
}
div.layout figure:hover img{
	transform: scale(1.1);
}
div.layout.lay0 figure:hover img,
div.layout.lay110 figure:hover img{
	transform: scale(1.05);
}
div.frame50 div.csc-textpic-imagewrap figure,
div.frame51 div.csc-textpic-imagewrap figure{
	width: 158px;
	height: auto;
}
div.frame50 p.bodytext > b,
div.frame50 p.bodytext > strong,
div.frame51 p.bodytext > b,
div.frame51 p.bodytext > strong{
	color: #892337;
    font-family: "latobolditalic";
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.9px;
	margin-bottom: 0px;
    text-transform: none;
	font-size: 14px;
}
div.layout div.frame50 p.bodytext,
div.layout div.frame51 p.bodytext {
	text-indent: 0;
	font-family: 'latoitalic';
	font-style: normal;
    font-weight: normal;
	text-transform: none;
	line-height: 1.9em;
	font-size: 14px;
	letter-spacing: 0.9px;
}
div.layout div.frame50 figure,
div.layout div.frame51 figure{
	margin-bottom: 5px;
}
div.layout.lay33 p.bodytext{
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
}

.mBf45{
	margin-top: 45px;
}
.mAf45{
	margin-bottom: 45px;
}
.mAf10{
	margin-bottom: 10px;
}
.mAf20{
	margin-bottom: 10px;
}
.mAf30{
	margin-bottom: 10px;
}
.ytembed {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
.ytembed iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.responly{
	display: none;
}

/** general **/

.w100{ width: 100px; }
.w90{ width: 90px; }
.w80{ width: 80px; }
.w70{ width: 70px; }
.dpib{ display: inline-block; }

/** fonts **/


@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobolditalic';
    src: url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'baskerville';
    src: url('../fonts/baskvl-webfont.woff2') format('woff2'),
         url('../fonts/baskvl-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}