@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

/* -------------- STANDARD --------------- */

* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: url(/images/background.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}

h1 {
	font-size: 30px;
	font-weight: 700;
	color: #f00;
}

h2 {
	font-size: 20px;
	font-weight: 700;
	color: #f00;
}

h3 {
	color: #f00;
	font-size: 18px;
	font-weight: 700;
}

h4 {

}

a, a:focus, a:active {
	text-decoration: none;
}

input {
	border-radius: 0px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.fullWidth {
	width: 100%;
}

.action {
	cursor: pointer;
}

.title {
	width: 100%;
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border: 1px solid #000;
	margin: 0px;
	font-size: 25px;
	background: url(/images/gradient.png);
	background-size: 5px 100%;
}

.quickbutton {
	font-size: 17px;
	font-weight: 700;
	color: #000;
	display: block;
	text-align: right;
	padding: 15px;
}

.quickbutton::after {
	content: "\f138";
	font-family: FontAwesome;
	margin-left: 10px;
}

.quickbutton:hover {
	color: #f00;
	text-decoration: none;
}

/* -------------- STANDARD END --------------- */

#main {
	min-height: 100%;
}

/* -------------- SEARCH --------------- */

#searchContainer {
	height: 65px;
	top: -65px;
	position: absolute;
	background: #eee;
	width: 100%;
	z-index: 605;
	-webkit-transition: top .3s;
    -moz-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s;
}

#searchContainer.clicked {
	top: 0px;
}

#searchContainer .container {
	position: relative;
	padding: 0px;
}

#searchContainer input[type=text] {
	width: calc(100% - 65px);
	display: block;
	border: none;
	background: #eee;
	float: right;
	height: 65px;
	padding-left: 10px;
	font-size: 30px;
}

#searchContainer input[type=text]:focus {
	outline: 0px;
}

#searchContainer a {
	width: 65px;
    height: 65px;
    display: block;
    background: #f00;
    font-size: 20px;
    float: left;
    line-height: 65px;
    text-align: center;
    color: #fff;
}

#searchContainer a::after {
	content: "\f002";
	font-family: FontAwesome;
}

#searchContainer a:hover {
	text-decoration: none;
	background: #eee;
	color: #000;
}

/* -------------- BUTTON --------------- */

.searchButton {
	width: 50px;
	height: 50px;
	float: right;
	background: #eee;
	color: #000;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
}

#searchContainer .searchButton {
	width: 65px;
	height: 65px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	line-height: 65px;
}

.searchButton::after {
	content: "\f002";
	font-family: FontAwesome;
}

#searchContainer .searchButton::after {
	content: "\f00d";
}

.searchButton:hover {
	background: #f00;
	color: #fff;
}

/* -------------- BUTTON END --------------- */

/* -------------- SEARCH END --------------- */

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff;
}

/* -------------- HEADER --------------- */

#header {
	
}

.topLinks {
	text-align: center;
	background: url(/images/gradient.png);
	background-size: 5px 100%;
	position: relative;
}

.topLinks .quicklink {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	margin: 12.5px 15px;
	color: #fff;
}

.topLinks span {
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	margin: 12.5px 0px;
	color: #fff;
}

.topLinks .right {
	position: absolute;
	right: 0px;
	top: 0px;
}

.topLinks .right .social {
	font-size: 33px;
	color: #fff;
	margin: 8.5px 15px;
	line-height: 33px;
	float: left;
	display: block;
}

.topPhoto {
	background: url(/images/topPhoto.jpg);
	background-size: cover;
	background-position: center;
	height: 140px;
	position: relative;
}

#logo {
	position: absolute;
	left: 20px;
	top: 20px;
}

/* -------------- NAV --------------- */

#nav {
	border-bottom: 5px solid #ff0000;
	height: 55px;
}

#menu {
	float: left;
}

.mainMenu {
	margin:0; 
	display:block;
}

#menu ul.cssMenu {
	list-style:none;
	list-style-type: none;
	padding: 0px;
	padding-left: 135px;
	margin: 0px;
}

#menu ul.cssMenu li {
	float: left;
	position: relative;
}

#menu ul.cssMenu li a {
	height: 50px;
	line-height: 50px;
	padding: 0px 15px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	display: block;
}

#menu .homeMenu a {
	color: #fff !important;
	position: relative;
}

#menu .homeMenu.selected a, #menu .homeMenu:hover a, #menu .homeMenu.pressed a {
	color: #f00 !important;
}

#menu .homeMenu a::after {
	content: "\f015";
	font-family: FontAwesome;
	display: block;
	width: 100%;
	line-height: 50px;
	text-align: center;
	color: #000;
	font-size: 40px;
	font-weight: 100;
	position: absolute;
	top: 0px;
	left: 0px;
}

#menu .homeMenu.selected a::after {
	color: #fff;
}

#menu .homeMenu.selected a::after, #menu .homeMenu:hover a::after, #menu .homeMenu.pressed a::after {
	color: #fff !important;
}

#menu ul.cssMenu li.noLink > a {
	cursor: default;
}

#menu ul.cssMenu li:hover > a, #menu ul.cssMenu li.selected > a, #menu ul.cssMenu li.pressed > a {
	text-decoration: none;
	background: #f00;
	color: #fff;
}

#menu ul.cssMenu li ul {
	display: none;
	position: absolute;
	top: 50px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 200px;
	z-index: 3;
	background: #f00;
}

#menu ul.cssMenu li ul li a {
	font-size: 15px;
	line-height: 30px;
	color: #fff;
	height: auto;
}

#menu ul.cssMenu li ul li:hover > a, #menu ul.cssMenu li ul li.pressed > a {
	background: #eee;
	color: #000;
}

#menu ul.cssMenu li ul li {
	width: 100%;
}

#menu ul.cssMenu li:hover > ul, #menu ul.cssMenu li.pressed > ul {
	display: block;
}

#menu ul.cssMenu li ul li ul {
	left: 200px;
	top: 0px;
}

/* -------------- BUTTON --------------- */

.navbar-toggle {
	width: 50px;
	height: 50px;
	right: 15px;
	top: 0px;
	cursor: pointer;
	border: none;
	background: url(/images/gradient.png);
	background-size: 5px 100%;
	padding: 1px 0px;
	z-index: 604;
	position: absolute;
	margin-top: 0px;
	border-radius: 0px;
}

.navbar-toggle .icon-bar {
	width: 80%;
	height: 4px;
	background: #fff;
	margin: 6px 10% !important;
	float: left;
	-webkit-transition: margin .3s;
	-moz-transition: margin .3s;
	-o-transition: margin .3s;
	transition: margin .3s;
}

.navbar-toggle .icon-bar:first-of-type {
	margin: 10px 10% 2px 10% !important;
}

.navbar-toggle .icon-bar:last-of-type {
	margin: 2px 10% 10px 10% !important;
}

.navbar-toggle.clicked .icon-bar {
	display: none;
}

.navbar-toggle.clicked .icon-bar:first-of-type {
	display: block;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 11px !important;
}

.navbar-toggle.clicked .icon-bar:last-of-type {
	display: block;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-top: -5px !important;
}

/* -------------- BUTTON END --------------- */

/* -------------- NAV END --------------- */

/* -------------- HEADER END --------------- */

/* -------------- MAIN --------------- */

/* -------------- NEWS SLIDER --------------- */

.newsSlider .inner {
	position: relative;
	width: 100%;
	height: 500px;
	margin-top: 30px;
	border: 1px solid #000;
}

.newsSlider .inner .date, .newsSlider .inner .readMore, .newsSlider .inner .newsBlokTitle, .newsSlider .inner .allNews {
	display: none;
}

.newsSlider .inner .newsItemImage {
	width: 100%;
	position: absolute;
	height: 300px;
	max-width: 100% !important;
	max-height: 100% !important;
	background: url(/images/newsitembg.jpg);
	background-size: cover;
	background-position: center;
	top: 0px;
	left: 0px;
	border: 1px solid #000;
	border-bottom: 2px solid #000;
	overflow: hidden;
	z-index: 1;
}

.newsSlider .inner .newsItemImage.show {
	z-index: 2;
}

.newsSlider .inner .newsItemImage img {
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	position: absolute;
	display: block;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.newsSlider .inner .newsTitle {
	width: 100%;
	height: 50px;
	background: #eee;
	line-height: 50px;
	border: 1px solid #000;
	position: absolute;
	bottom: 0px;
	padding-right: 10px;
    padding-left: 10px;
}

.newsSlider .inner .newsTitle.show {
	background: #f00;
}

.newsSlider .inner .newsTitle:hover {
	background: #ff4f4f;
}

.newsSlider .inner .newsTitle a {
	color: #222;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 21px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.newsSlider .inner .newsTitle.show a {
	color: #fff;
}

.newsSlider .inner .newsTitle a:hover {
	text-decoration: none;
	color: #fff;
}

.newsSlider .inner .newsContentItem:nth-child(1) .newsTitle {
	bottom: 150px;
}

.newsSlider .inner .newsContentItem:nth-child(2) .newsTitle {
	bottom: 100px;
}

.newsSlider .inner .newsContentItem:nth-child(3) .newsTitle {
	bottom: 50px;
}

/* -------------- NEWS SLIDER END --------------- */

/* -------------- HOOFDSPONSOR --------------- */

.hoofdsponsor .inner {
	border: 1px solid #000;
	margin-top: 30px;
}

.hoofdsponsor .inner img {
	width: 100%;
	border: 1px solid #000;
}

/* -------------- HOOFDSPONSOR END --------------- */

/* -------------- AGENDA --------------- */

.agenda .inner {
	border: 2px solid #000;
	margin-top: 30px;
}

.agenda .inner h2 {
	border: none;
	border-bottom: 2px solid #000;
}

.agenda .inner .calendarOSHeader, .agenda .inner .calendarOverview {
	display: none;
}

.agenda .inner .calendarOS {
	padding: 15px;
	padding-bottom: 0px;
}

.agenda .inner .calendarItem::after {
	content: "";
	display: table;
	clear: both;
}

.agenda .inner .calendarItemDate {
	float: left;
	width: 70px;
	height: 50px;
	color: #f00;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
}

.agenda .inner .calendarItemTitle {
	width: calc(100% - 70px);
	float: left;
	height: 50px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	overflow: hidden;
}

/* -------------- AGENDA END --------------- */

/* -------------- NIEUWS --------------- */

.news .inner h2 {
	display: block;
	border-bottom: 2px solid #000;
	font-weight: 700;
	color: #000;
}

.news .inner .newsBlokTitle, .news .inner .allNews {
	display: none;
}

.news .inner .newsContentItem {
	padding: 15px 0px;
	position: relative;
}

.news .inner .newsContentItem:nth-child(1), .news .inner .newsContentItem:nth-child(2), .news .inner .newsContentItem:nth-child(3), .news .inner .newsContentItem:nth-child(4){
	display: none;
}

.news .inner .newsContentItem::after {
	content: "";
	display: table;
	clear: both;
}

.news .inner .newsItemImage {
	width: calc(37.5% - 15px);
	margin-right: 15px;
	max-width: 100% !important;
	max-height: 100% !important;
	background: url(/images/newsitembg.jpg);
	background-size: cover;
	background-position: center;
	height: 180px;
	border: 2px solid #000;
	float: left;
	overflow: hidden;
	position: relative;
}

.news .inner .newsItemImage img {
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	max-width: 200% !important;
	max-height: none;
	position: absolute;
	display: block;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.news .inner .newsTeaser, .news .inner .dateTitle {
	width: calc(62.5% - 15px);
	height: 88px;
	overflow: hidden;
	float: left;
}

.news .inner .dateTitle {
	height: 30px;
}

.news .inner .dateTitle a {
	line-height: 30px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	font-size: 20px;
	font-weight: 700;
	display: block;
}

.news .inner .date {
	width: 50px;
	height: 50px;
	background: #f00;
	position: absolute;
	left: 0px;
	top: 15px;
	padding-top: 3px;
}

.news .inner .date span {
	width: 100%;
	color: #fff;
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	line-height: 25px;
}
.news .inner .dateMonth {
	font-size: 15px !important;
	line-height: 15px !important;
}

.news .inner .newsContentItem > .readMore {
	height: 60px;
	width: calc(62.5% - 15px);
	float: left;
}

.readMore a {
	font-size: 17px;
	font-weight: 700;
	color: #000;
	display: inline-block;
	margin-top: 34px;
}

.readMore a::after {
	content: "\f138";
	font-family: FontAwesome;
	margin-left: 10px;
}

.readMore a:hover {
	color: #f00;
	text-decoration: none;
}

.news .quickbutton {
	text-align: left;
}

/* -------------- NIEUWS END --------------- */

/* -------------- NIEUWS SIDE --------------- */

.newsSide .inner {
	border: 2px solid #000;
	margin-top: 30px;
}

.newsSide .inner h2 {
	border: none;
	border-bottom: 2px solid #000;
}

.newsSide .inner .newsBlokTitle, .newsSide .inner .allNews, .newsSide .inner .date, .newsSide .inner .readMore, .newsSide .inner .newsItemImage, .newsSide .inner .newsTeaser {
	display: none;
}

.newsSide .inner .newsTitle a {
	padding: 5px 15px;
	display: block;
	width: 100%;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	color: #000;
	font-weight: 700;
	text-overflow: ellipsis;
}

/* -------------- NIEUWS SIDE END --------------- */

/*  -------------- SUBCONTENT --------------- */

.subcontent {
	margin-top: 30px;
	padding-bottom: 30px;
}

/*  -------------- SUBCONTENT END --------------- */

/* -------------- INFO --------------- */

.info .inner {
	border: 1px solid #000;
	margin-top: 30px;
}

.info .inner .contentHome {
	border: 1px solid #000;
	padding: 15px;
}

#content {
	padding-top: 15px;
	padding-bottom: 15px;
}

#content img {
	max-width: 100%;
}

.contentCmsBackground {
	padding: 0px;
}

.contentCmsBackground .contentWrapper {
	margin: 0px;
}

.contentCmsBackground .contentWrapper #contentTextBlock {
	width: 100%;
}

/* -------------- INFO END --------------- */

/* -------------- ALBUM --------------- */

.album .inner {
	border: 2px solid #000;
	margin-top: 30px;
}

.album .inner h2 {
	border: none;
	border-bottom: 2px solid #000;
}

.album .inner .owl-item {
	width: 100%;
}

.album .inner .albumThumb {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.album .inner .albumThumb img { 
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	position: absolute;
	display: block;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.album .inner .albumThumbAlbumName, .album .inner .albumsLink {
	display: none;
}

/* -------------- ALBUM END --------------- */

/* -------------- MAIN END --------------- */

/* -------------- SPONSORSLIDER --------------- */

.sponsorSlide {
	width: 100%;
	padding: 0px 15px;
	height: 130px;
	float: left;
	margin-top: 30px;
	overflow: hidden;
	position: relative;
}

.sponsorSlide::before {
	width: 50px;
	height: 100%;
	left: 15px;
	top: 0px;
	background-image: url(/images/sponsoren.png);
	position: absolute;
	content: "";
	z-index: 2;
}

.sponsorSlide::after {
	width: 10px;
	height: 100%;
	right: 15px;
	z-index: 2;
	top: 0px;
	background-image: url(/images/shadow.png);
	position: absolute;
	content: "";	
}

.sponsorSlide::after {
	content: "";
	clear: both;
	display: table;
}

.sponsorSlideContainer {
	height: 150px;
	width: calc(100% - 42px);
	margin-left: 42px;
	overflow: hidden;
	position: relative;
	border-top: 2px solid #000;
}

.sponsorItem {
	width: 250px;
	height: 130px;
	position: absolute;
	top: 0px;
	background: #222;
}

.sponsorItem a {
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

.sponsorItem a img {
	max-width: 100%;
	max-height: 100%;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	-webkit-transition: filter .5s;
    -moz-transition: filter .5s;
    -o-transition: filter .5s;
    transition: filter .5s;
	background-size: cover;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	box-shadow: 0px 3px 3px 0 rgba(0,0,0,.2);
}

.sponsorItem a img:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}

.sponsorItem:nth-child(odd) {
	background: #444;
}

/* -------------- SPONSORSLIDER END --------------- */

.subcontent .newsItemImage {
	width: 100%;
	max-width: 100% !important;
}

.push {
	height: 210px;
}

/* -------------- FOOTER --------------- */

#footer {
	color: #fff;
	background: #fff;
}

#footer .footerInner {
	background: url(/images/gradient.png);
	background-size: 5px 100%;
}


#footer .footerInner::after {
	content: "";
	display: table;
	clear: both;
}

#footer .imgcenter {
	text-align: center;
}

#footer .imgcenter img {
	display: inline-block;
	bottom: -35px;
	position: relative;
	z-index: 1;
}

#footer .naw h2 {
	margin: 0px;
	font-size: 18px;
	font-weight: 700;
}

#footer .naw p {
	margin: 0px;
}

#footer .footercontent {
	margin-top: 15px;
	margin-bottom: 15px;
}

#footer .borderleft {
	border-left: 2px solid #fff;
}

#footer .bottomFooter {
	background: #fff;
	color: #000;
	border-bottom: 5px solid #f00;
	text-align: center;
}

#footer .bottomFooter div {
	display: inline-block;
	margin: 12.5px 15px;
}

#footer a {
	color: #fff;
}

#footer .bottomFooter div a {
	color: #000;
	line-height: 25px;
}

/* -------------- FOOTER END --------------- */

/* -------------- RESPONSIVE --------------- */

@media only screen and (max-width : 1199px) {

	#menu ul.cssMenu li a {
		padding: 0px 12px;
		font-size: 18px;
	}
	
	/* -------------- SLIDER --------------- */

	#slideshow, #slideshow .slide, #slideshow .slide .slideShowItemImage {
		height: 350px !important;
	}

	/* -------------- SLIDER END --------------- */

}

@media only screen and (max-width : 991px) {

	#menu {
		padding-right: 0px;
	}

	#menu ul.cssMenu {
		padding-left: 115px;
	}

	#menu ul.cssMenu li a {
		padding: 0px 5px;
		font-size: 15px;
	}
	
	/* -------------- SLIDER --------------- */

	#slideshow, #slideshow .slide, #slideshow .slide .slideShowItemImage {
		height: 300px !important;
	}

	/* -------------- SLIDER END --------------- */

	.newsSide {
		float: left;
	}

	.hoofdsponsor, .agenda, .info, .album {
		width: calc(50% - 15px);
		float: left;
	}

	.agenda, .album {
		float: right;
	}

	/* -------------- FOOTER --------------- */

	#footer, .push, .wrapper {
		height: auto;
	}

	/* -------------- FOOTER END --------------- */
}

@media only screen and (max-width : 767px) {

	.wrapper.container {
		padding: 0px;
	}

	.topLinks {
		height: 50px;
	}

	.topLinks .right {
		float: left;
	}
	
	/* -------------- SEARCH --------------- */

	#header .searchButton {
		position: absolute;
		top: 0px;
		right: 80px;
		z-index: 3;
	}


	/* -------------- SEARCH END --------------- */

	/* -------------- MENU --------------- */
	
	#menu {
		position: fixed;
		background: #fff;
		border-bottom: 5px solid #f00;
		top: 0px;
		left: 0px;
		z-index: 603;
		padding: 0px;
		width: 100%;
	}

	#menu #nav {
		padding-top: 80px;
		border-bottom: none;
	}

	#menu ul {
		position: relative !important;
		width: 100% !important;
		top: auto !important;
		left: auto !important;
		padding-left: 0px !important;
	}

	#menu ul li.hasKids > a::after {
		content: "\f054";
		font-family: FontAwesome;
		float: right;
	}

	#menu ul li.hasKids:hover > a::after {
		content: "\f078";
	}

	#menu ul li.selected a {
		background: none;
	}

	#menu ul li a, #menu ul li {
		width: 100%;
		text-align: left;
		color: #000 !important;
	}

	#menu ul li:hover {
		background: rgba(255, 034, 034, .2);
	}

	#menu .homeMenu a {
		color: #000 !important;
		position: relative;
	}

	#menu .homeMenu.selected a {
		color: #fff !important;
	}

	#menu .homeMenu a::after {
		display: none;
	}

	/* -------------- menu END --------------- */

	.topLinks .right {
		position: relative;
	}

	#nav {
		height: auto;
	}

	.mobile-quicklinks a {
		width: 33.33%;
		float: left;
		display: block;
		color: #f00;
		margin-top: 43px;
		line-height: 30px;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}

	/* -------------- SLIDER --------------- */

	#slideshow, #slideshow .slide, #slideshow .slide .slideShowItemImage {
		height: 250px !important;
	}

	/* -------------- SLIDER END --------------- */

	.readMore a {
		margin-top: 10px;
	}

	.newsSide {
		width: 100%;
	}

	.news .inner .newsItemImage {
		height: 130px;
	}

	.hoofdsponsor, .agenda, .info, .album {
		width: 100%;
		float: left;
	}

	.news .quickbutton {
		padding-left: 0px;
	}

	/* -------------- FOOTER --------------- */

	#footer {
		text-align: center;
		padding: 0px;
	}

	#footer .borderleft {
		border: none;
	}

	/* -------------- FOOTER END --------------- */
}

@media only screen and (max-width : 480px) {

	#logo {
		width: 50px;
	}

	#logo img {
		width: 100%;
	}

	.topPhoto {
		height: 65px;
	}

	#nav {
		height: auto;
	}

	.mobile-quicklinks a {
		width: 100%;
		margin-top: 5px;
	}

	.mobile-quicklinks a:first-of-type {
		margin-top: 30px;
	}

	/* -------------- SLIDER --------------- */

	#slideshow, #slideshow .slide, #slideshow .slide .slideShowItemImage {
		height: 200px !important;
	}

	/* -------------- SLIDER END --------------- */

	.newsSlider .inner .newsItemImage {
		height: 200px;
	}

	.newsSlider .inner {
		height: 400px;
	}

	.news .inner .newsItemImage {
		height: 130px;
		width: 100%;
	}

	.news .inner .dateTitle {
		height: 60px;
	}

	.news .inner .dateTitle a {
		margin-top: 15px;
	}

	.news .inner .newsContentItem > .readMore, .news .inner .newsTeaser, .news .inner .dateTitle {
		width: 100%;
	}

	.news .inner .newsTeaser, .news .inner .newsContentItem > .readMore {
		height: auto;
	}

	.news .inner .newsContentItem > .readMore a {
		margin-top: 10px;
	}

	.news .quickbutton {
		padding-left: 15px;
		color: #fff;
		background: #f00;
	}

	#footer .bottomFooter div {
		margin: 0px 15px;
	}
}

@media only screen and (max-width : 320px) {

}