@charset "utf-8";
/*
 *
 * description: CSS for quicklinks
 *
 */

/* ***** OVERALL **** */
ul.quicklinks, ul.quicklinks li {
	list-style-type: none;
}

ul.quicklinks, ul.quicklinks li a {
	font-weight: bold;
	text-decoration: none;
/* 	color: white !important; */
	color: #fff;
}

ul.quicklinks {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0 !important;
}

ul.quicklinks li:before {
	content: none !important;
}

ul.quicklinks li a {
	display: block;
	padding: 6px 10px;
	height: 100%;
	font-size: 16px;
	line-height: 1.2em;
	text-align: left;
	letter-spacing: 1px;
}

ul.quicklinks li a:hover {
	background-color: #666666 !important;
}

#CONTENT.FRONTPAGE .tx-dce-pi1, #content .subQuicklinks .tx-dce-pi1 {
	width: 100%;
}

/* ***** FRONTPAGE **** */
.qlLayout_wide ul.quicklinks {}
.qlLayout_wide ul.quicklinks li {
	position: relative;
	width: 20%;
	height: 120px;
	float: left;
}
ul.quicklinks li a span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 160px;
	margin: 0 auto;
	height: auto;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
.qlLayout_wide ul.quicklinks::after {
	content: "";
	display: block;
	clear: left;
}

.qlLayout_wide ul.quicklinks li#quicklink_numb_0 {
	background-color: #000;
}
.qlLayout_wide ul.quicklinks li#quicklink_numb_1 {
/* 	background-color: #3ea2b1; */
	background-color: #7fc1cb;
}
.qlLayout_wide ul.quicklinks li#quicklink_numb_2 {
	background-color: #0185b5;
}
.qlLayout_wide ul.quicklinks li#quicklink_numb_3 {
	background-color: #005d75;
}
.qlLayout_wide ul.quicklinks li#quicklink_numb_4 {
/* 	background-color: #047074; */
	background-color: #ffe700;
}
.qlLayout_wide ul.quicklinks li#quicklink_numb_extra_1 {
	display: none;
}

.qlLayout_wide ul.quicklinks li#quicklink_numb_4 a {
	color: #000;
}


/* ***** SUBPAGES **** */
/* ***** QL - ONE **** */
li#quicklink_numb_extra_0 {
	display: none;
}
ul.quicklinks.qlCount1 li#quicklink_numb_extra_0 {
	display: block;
}
#content ul.quicklinks.qlCount1 {
	/*width: 75%;*/
	padding-left: 25%;
	float: right;
}
#content ul.quicklinks.qlCount1 li#quicklink_numb_extra_0 {
	width: 75%;
	height: 60px;
	margin-left: 25%;
	float: right;
	background-color: #005B8B;
}
/* quicklink - yellow */
#content ul.quicklinks.qlCount1 li#quicklink_numb_0 {
	width: 75%;
	height: 40px;
	float: left;
	background-color: #FFE700;
}
#content ul.quicklinks.qlCount1 li#quicklink_numb_0 a {
	color: #000000 !important;
}
#content ul.quicklinks.qlCount1 li#quicklink_numb_extra_1 {
	width: 25%;
	height: 40px;
	float: right;
	background-color: #005B8B;
}

/* ***** QL - TWO **** */
.qlLayout_normal {
	margin-top: 25px;
}



/* ***** QL - FOUR **** */
/* quicklink - yellow */
#content .qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_0 {
	float: right;
	width: 66.6%;
	margin-right: 33.3%;
	height: 50px;
	background-color: #FFE700;
}
#content .qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_0 a {
	color: black !important;
}
#content .qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_0 a:hover {
	color: white !important;
}
#content .qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_1 {
	float: left;
	width: 66.6%;
	height: 85px;
	background-color: #28A6E0;
}
#content .qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_2 {
	float: left;
	width: 33.3%;
	height: 60px;
	background-color: black;
}
#content .qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_3 {
	float: left;
	width: 66.6%;
	margin-right: 33.3%;
	height: 100px;
	background-color: #005B8B;
}


/* ***** SUBPAGES **** */
.qlLayout_normal ul.quicklinks {
	background-color: #7fc1cb;
}
.qlLayout_normal ul li {
    position: relative;
    width: 20%;
    height: 120px;
    float: right;
}

/* ***** QL - ONE **** */

/* ***** QL - TWO **** */
/* quicklink - yellow */
.qlLayout_normal ul.quicklinks.qlCount2 li#quicklink_numb_0 {
	background-color: #FFE700;
}
.qlLayout_normal ul.quicklinks.qlCount2 li#quicklink_numb_0 a {
	color: #000 !important;
}
.qlLayout_normal ul.quicklinks.qlCount2 li#quicklink_numb_0 a:hover {
	color: #fff !important;
}
/* quicklink - petrol */
.qlLayout_normal ul.quicklinks.qlCount2 li#quicklink_numb_1 {
	background-color: #005D75;
}

/* ***** QL - THREE **** */
/* quicklink - yellow */
.qlLayout_normal ul.quicklinks.qlCount3 {
	background: #007c6a66;
}
.qlLayout_normal ul.quicklinks.qlCount3 li#quicklink_numb_0 {
	background-color: #FFE700;
}
.qlLayout_normal ul.quicklinks.qlCount3 li#quicklink_numb_0 a {
	color: #000 !important;
}
.qlLayout_normal ul.quicklinks.qlCount3 li#quicklink_numb_0 a:hover {
	color: #fff !important;
}
/* quicklink - petrol */
.qlLayout_normal ul.quicklinks.qlCount3 li#quicklink_numb_1 {
	background-color: #2b6777; /*#005D75;*/
}
/* quicklink - blue */
.qlLayout_normal ul.quicklinks.qlCount3 li#quicklink_numb_2 {
	background-color: #007c6a99; /*#0185b5;*/
}

/* ***** QL - FOUR **** */
/* quicklink - yellow */
.qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_0 {
	background-color: #FFE700;
}
.qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_0 a {
	color: #000 !important;
}
.qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_0 a:hover {
	color: #fff !important;
}
/* quicklink - petrol */
.qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_1 {
	background-color: #005D75;
}
/* quicklink - black */
.qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_2 {
	background-color: #000;
}
/* quicklink - blue */
.qlLayout_normal ul.quicklinks.qlCount4 li#quicklink_numb_3 {
	background-color: #0185b5;
}

/* ***** QL - FIVE ***** */
/* quicklink - yellow */
.qlLayout_normal ul.quicklinks.qlCount5 li#quicklink_numb_0 {
	background-color: #FFE700;
}
.qlLayout_normal ul.quicklinks.qlCount5 li#quicklink_numb_0 a {
	color: #000 !important;
}
.qlLayout_normal ul.quicklinks.qlCount5 li#quicklink_numb_0 a:hover {
	color: #fff !important;
}
/* quicklink - petrol */
.qlLayout_normal ul.quicklinks.qlCount5 li#quicklink_numb_1 {
	background-color: #005D75;
}
/* quicklink - black */
.qlLayout_normal ul.quicklinks.qlCount5 li#quicklink_numb_2 {
	background-color: #000;
}
/* quicklink - blue */
.qlLayout_normal ul.quicklinks.qlCount5 li#quicklink_numb_3 {
	background-color: #0185b5;
}



/* ***** NARROW ***** */
#content #latestNews div.qlLayout_narrow {
	margin-top: 49px;
}
/* ***** QL - TWO ***** */
#content div.qlLayout_narrow ul.quicklinks.qlCount2 li#quicklink_numb_0 {
	height: 120px;
	background-color: #28A6E0;
}
#content div.qlLayout_narrow ul.quicklinks.qlCount2 li#quicklink_numb_1 {
	height: 60px;
	background-color: #005B8B
}

/* ***** QL - FOUR **** */
#content div.qlLayout_narrow ul.quicklinks.qlCount4 li#quicklink_numb_0 {
	float: right;
	width: 66.6%;
	margin-right: 33.3%;
	height: 50px;
	background-color: #FFF000;
}
#content div.qlLayout_narrow ul.quicklinks.qlCount4 li#quicklink_numb_0 a {
	color: black !important;
}
#content div.qlLayout_narrow ul.quicklinks.qlCount4 li#quicklink_numb_0 a:hover {
	color: white !important;
}
#content div.qlLayout_narrow ul.quicklinks.qlCount4 li#quicklink_numb_1 {
	float: right;
	width: 33.3%;
	height: 60px;
	background-color: black;
}
#content div.qlLayout_narrow ul.quicklinks.qlCount4 li#quicklink_numb_2 {
	float: left;
	width: 66.6%;
	height: 130px;
	background-color: #28A6E0;
}
#content div.qlLayout_narrow ul.quicklinks.qlCount4 li#quicklink_numb_3 {
	float: left;
	width: 66.6%;
	margin-right: 33.3%;
	height: 110px;
	background-color: #005B8B
}
#content div.qlLayout_narrow ul.quicklinks.qlCount4 li#quicklink_numb_0 a {
	color: black;
}


/* ***** PhD Layouts ***** */
.phd-links {
	display: initial;
	margin-bottom: 30px;
}
.phd-links #phd-link_numb_0 {
	float: right;
    width: 35%;
    height: 60px;
    margin-right: 25%;
    /*margin-left: 49%;*/
	background-color: #3EA2B1;
}
.phd-links #phd-link_numb_0 a, .phd-links #phd-link_numb_2 a {
	font-weight: bold;
	font-size: 18px;
    line-height: 1.2em;
    display: block;
    padding: 6px 10px;
    height: 100%;
    text-align: left;
	color: white;
}
.phd-links #phd-link_numb_1 {
	float: right;
    width: 60%;
    height: 140px;
	background-color: #FFF000;
}
.phd-links #phd-link_numb_1 a {
	font-size: 16px;
    line-height: 1.2em;
    display: block;
    padding: 10px;
    height: 100%;
    text-align: left;
	color: black;
}
.phd-links #phd-link_numb_1 a b {
	font-size: 18px;
}
.phd-links #phd-link_numb_0 a:hover, .phd-links #phd-link_numb_1 a:hover,
.phd-links #phd-link_numb_2 a:hover {
	background-color: #666666;
	color: white;
}
.phd-links #phd-link_numb_2 {
	float: right;
	width: 40%;
    height: 80px;
    margin-top: 60px;
	background-color: #005D75;
}



/* ***** RGL Layouts ***** */
#content .qlLayout_RGL {
	padding-top: 30px;
}
/* ***** QL - ONE ***** */
#content .qlLayoutRGL ul.qlCount1 li#quicklink_numb_extra_0 {
	float: right;
	width: 65%;
	height: 60px;
	background-color: #005B8B;
}

#content .qlLayoutRGL ul.qlCount1 li#quicklink_numb_0 {
	clear: both;
	float: left;
	width: 75%;
	height: 40px;
	background-color: #FFF000;
}

#content .qlLayoutRGL ul.qlCount1 li#quicklink_numb_0 a {
	color: #000000 !important;
}

#content .qlLayoutRGL ul.qlCount1 li#quicklink_numb_extra_1 {
	float: right;
	width: 25%;
	height: 40px;
	background-color: #005B8B;
}

/* ***** QL - TWO ***** */
#content .qlLayoutRGL ul.qlCount2 li#quicklink_numb_0 {
	float: right;
	width: 70%;
	height: 40px;
	background-color: #FFF000;
}

#content .qlLayoutRGL ul.qlCount2 li#quicklink_numb_0 a {
	color: #000000 !important;
}

#content .qlLayoutRGL ul.qlCount2 li#quicklink_numb_1 {
	float: right;
	width: 70%;
	height: 60px;
	background-color: #28A6E0;
}

#content .qlLayoutRGL ul.qlCount2 li#quicklink_numb_extra_1 {
	float: right;
	width: 30%;
	height: 60px;
	background-color: #000000;
}

/* ***** QL - THREE ***** */
#content .qlLayout_RGL ul.qlCount3 {
	background-color: #7fc1cb;
}
#content .qlLayout_RGL ul.qlCount3 li{
	position: relative;
    width: 20%;
    height: 120px;
    float: right;
}

#content .qlLayout_RGL ul.qlCount3 li#quicklink_numb_0 {
	background-color: #ffe700;
}

#content .qlLayout_RGL ul.qlCount3 li#quicklink_numb_0 a {
	color: #000;
}

#content .qlLayout_RGL ul.qlCount3 li#quicklink_numb_1 {
	background-color: #005d75;
}

#content .qlLayout_RGL ul.qlCount3 li#quicklink_numb_2 {
	background-color: #0185b5;
}

#content .qlLayout_RGL ul.qlCount3 li a span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 160px;
    margin: 0 auto;
    height: auto;
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

/* ***** QL - FOUR ***** */
#content .qlLayoutRGL ul.qlCount4 li#quicklink_numb_0 {
	float: right;
	width: 45%;
	height: 70px;
	background-color: #000000;
}

#content .qlLayoutRGL ul.qlCount4 li#quicklink_numb_1 {
	background-color: #FFF000;
}

#content .qlLayoutRGL ul.qlCount4 li#quicklink_numb_1 a {
	color: #000000 !important;
}

#content .qlLayoutRGL ul.qlCount4 li#quicklink_numb_2 {
	height: 70px;
	width: 100%;
	background-color: #28A6E0;
}

#content .qlLayoutRGL ul.qlCount4 li#quicklink_numb_3 {
	float: left;
	width: 55%;
	height: 90px;
	background-color: #005B8B;
}


/* RESPONSIVENESS */

/* ************* small devices - Tablets - (min-width:768px) and (max-width:991px) ********************** */
@viewport {
	min-width: 768px;
	max-width: 991px;
	zoom: 1;
}
@media (min-width: 768px) and (max-width: 991px) {

}

/* ************* extra small devices - Phones - (max-width: 767px)  ********************** */
@media screen and (max-width : 768px){
	.qlLayout_normal, .qlLayout_wide, .qlLayoutRGL {
		display: none;
	}
}