* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box; /* safari 3 needs this */
}
@font-face {
	font-family: 'Roboto-Light';
	src: url('/fileadmin/templates/fonts/Roboto-Light-webfont.eot');
	src: url('/fileadmin/templates/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fileadmin/templates/fonts/Roboto-Light-webfont.woff') format('woff'),
		url('/fileadmin/templates/fonts/Roboto-Light-webfont.ttf') format('truetype'),
		url('/fileadmin/templates/fonts/Roboto-Light-webfont.svg#Roboto-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
        font-family: 'Roboto-Regular';
        src: url('/fileadmin/templates/fonts/Roboto-Regular-webfont.eot');
        src: url('/fileadmin/templates/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
                url('/fileadmin/templates/fonts/Roboto-Regular-webfont.woff') format('woff'),
                url('/fileadmin/templates/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
                url('/fileadmin/templates/fonts/Roboto-Regular-webfont.svg#Roboto-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'Roboto-Bold';
        src: url('/fileadmin/templates/fonts/Roboto-Bold-webfont.eot');
        src: url('/fileadmin/templates/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
                url('/fileadmin/templates/fonts/Roboto-Bold-webfont.woff') format('woff'),
                url('/fileadmin/templates/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
                url('/fileadmin/templates/fonts/Roboto-Bold-webfont.svg#Roboto-Bold') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'RobotoCondensed-Light';
        src: url('/fileadmin/templates/fonts/RobotoCondensed-Light-webfont.eot');
        src: url('/fileadmin/templates/fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
                url('/fileadmin/templates/fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
                url('/fileadmin/templates/fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
                url('/fileadmin/templates/fonts/RobotoCondensed-Light-webfont.svg#RobotoCondensed-Light') format('svg');
        font-weight: normal;
        font-style: normal;
}

body,html {
	color:black;
	font-family:'Roboto-Regular',arial,helvetica,verdana,tahoma;
	font-size:12px;
	margin:0px;
	padding:0px;
	/*background-color:#f6f6f6;*/
	background-color: transparent;
	min-width:1050px;
	text-align:center; /* centers divs in IE */
}

html {
	background-color:#d6d6d6;
	/*background-image:url(../images/hg-bild.jpg);*/

}
a { 
	text-decoration:none;
	color:#32198f;
	color:#335f8d;
}
a:hover {
	color:#ff8400;
}
img {
	border:0px;
}

/************* STRUCTURE ***********************/

div {
	margin:0px;
	padding:0px;
}
div#container {
	width:1050px;
	text-align:left;
	margin:0px auto; /* centers div in FF */
	margin-bottom:30px;
	box-shadow:0px 3px 15px 0px #aaa;
	-ms-box-shadow: 0px 3px 15px 0px #aaa;
  -moz-box-shadow: 0px 3px 15px 0px #aaa;
  -webkit-box-shadow: 0px 3px 15px 0px #aaa;
}
div#container_header_top,
div#container_header_menu,
div#container_header_image,
div#container_breadcrumb,
div#container_content,
div#container_footer {
	
	/*width:100%;
	width:1050px;*/
}

div#container_header_menu {
	width: 100%;
}
div#container_header_top {
	background-color:white;
	/*background-color: #4A6DA7;*/
	background: linear-gradient(90deg,#FFFFFF 22%,#5A86CC 80%);
	background: -ms-linear-gradient(left,#FFFFFF 22%,#5A86CC 80%);
}
div#container_header_menu {
	/*border-bottom:1px solid #353645;*/
	/*border-top:1px solid #353645;*/
	/*border-bottom:1px solid #40404a;*/
	background-color:#373433;
	z-index:10000;
}
div#header_mobile {
	display:none;
}
div#container_header_image {
	background-color:#9ea0b4;
	background-image:url(../images/bgtop.jpg);
	background-position:center center;
	/*background-size:auto;*/
	background-size: cover;
}
div#container_header_bg {
	height:132px;
}
div#container_breadcrumb {
	/*background-color:#b2b3bb;*/
	/*background-color:#fff;*/
	border-top:1px solid #d0d1d7;
	border-bottom:1px solid #d0d1d7;
	background-color:#e0e1e9;
}
div#container_content {
	background-color:white;
}
div#header_top,
div#header_menu,
div#header_image,
div#breadcrumb,
div#content,
div#footer {
	/*width:1028px;*/
	width:100%;
	text-align:left;
	padding:0px 25px;
}
div#header_top {
	height:100px;
	
}
div#header_top_left,
div#header_top_right {
	position: relative;
	float:left;
}
div#header_top_left {
	padding-top:37px;
	width:400px;
}
div#header_top_right {
	width:600px;
	text-align:right;
	/*padding-top:51px;*/
	padding-top: 10px;
	padding-bottom: 5px;
}
div#header_image {
	height:120px;
}
div#header_menu {
	width:100%;
	/*width:1050px;*/
	/*padding:0px;*/
	padding-left:10px;
	height:32px;
	background-color:#373433;
}

div#breadcrumb {
	padding-top:1px;
	height:21px;
}
div#content {
	/*padding-top:20px;
	padding-bottom:20px;*/
}

div#content_mobilemenu {

}

div#content_left,
div#content_menu,
div#content_mobilemenu {
	/*position:relative;*/
	display:block;
	float:left;
	width:220px;
	padding:0px;
	z-index:8000;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #EEEEEE;
	background: linear-gradient(270deg,#CCCCCC,#EEEEEE);
	
}

div#content.no-left-menu div#content_menu {
	display: none;
}
div#content_mobilemenu {
	display: none;
}	


div#content_right {
	float:right;
}
div#content_right,
div#content_main {
	width: 780px;	
	/*width:780px;*/
	/*padding:4px 0px 50px 25px;*/
	padding: 24px 12px 70px 12px;
}
div#content.twocol_main_plus_right {
	padding-top: 24px;
}
div#content.twocol_main_plus_right div#content_main {
	float: left;
	width: 680px;
	padding-top: 0px;
	padding-right: 30px;
	position: relative;
}

div#content.twocol_main_plus_right div#content_right {
	float: left;
	display: block;
        width: 320px;
	border-left: 1px solid #EEEEEE;
	padding-top: 0px;
	padding-left: 5px;
	margin-bottom: 25px;
	position: relative;
}

div#content.onecol_with_menu,
div#content.twocol_50-50_with_menu {
	position: relative;
}
div#content.onecol_with_menu div#content_menu,
div#content.twocol_50-50_with_menu div#content_menu {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 220px;
	overflow: hidden;
}

div#content.onecol_with_menu div#content_main,
div#content.twocol_50-50_with_menu div#content_main {
	margin-left: 220px;
	padding-left: 24px;
	min-height: 400px;
	width: auto;
}

div#content_left,
div#content_right {
	
}
div#footer {
	height:50px;
	padding:15px 25px;
	background-color:#373433;
	position: relative;
}
div#footer_left {
	float:left;
	width:600px;
}
div#footer_right {
	position: absolute;
	right: 25px;
	float:right;
	width:230px;
}

div.clearer {
	clear:both;
}
/*********** TEXT ************/
div#content p,
div#content p.bodytext {
	line-height:21px;
	padding:0px;
	margin:0px;
	padding-bottom:22px;
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); /* make text 100% wide on mobile devices */
}

div#content ol,
div#content ul {
	padding:0px;
	margin:0px;
	padding-bottom:22px;
	padding-left:30px;
}
div#content ol ol,
div#content ol ul,
div#content ul ul,
div#content ul ol {
	padding-bottom:0px;
}

div#content li {
	line-height:21px;
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); /* make text 100% wide on mobile devices */
}
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
	padding:0px;
	margin:0px;
	padding-bottom:16px;
	font-family:'Roboto-Light',arial,helvetica,verdana,tahoma;
	font-weight:normal;
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); /* make text 100% wide on mobile devices */
}

div#content h1 {
	font-size:22px;
}
div#content h2 {
	font-size:18px;
	padding:6px 0px 14px 0px;
}
div#content h3 {
	font-size:16px;
	padding:0px;
	padding-bottom:10px;
}

div#content.twocol_50-50_with_menu h1	{ font-size: 20px; }
div#content.twocol_50-50_with_menu h2	{ font-size: 17px; }
div#content.twocol_50-50_with_menu h3 	{ font-size: 15px; }

div#content .news h1 { font-size:16px; padding:0px; padding-bottom:10px; }
div#content .news h2 { font-size:16px; padding:0px; padding-bottom:10px; }
div#content .news h3 { font-size:16px; padding:0px; padding-bottom:10px; }

div#content .news .header h1 { padding: 0px; }

div#content img {
	margin-right: 6px;
	margin-bottom: 6px;
	/*margin: 0;*/
	box-shadow:         5px 5px 5px -2px #AAAAAA;
	-ms-box-shadow:     5px 5px 5px -2px #AAAAAA;
  	-moz-box-shadow:    5px 5px 5px -2px #AAAAAA;
  	-webkit-box-shadow: 5px 5px 5px -2px #AAAAAA;
	max-width: 100%;
	height: auto;
}


div#content div.indent {
	margin:0px 0px 22px 10px;
	padding:5px 10px;
	/* font-family:"Courier New", Courier, monospace;
	font-size:11px;
	*/
	word-wrap:break-word;
	border-left:1px solid #e6e6e6;
}

div#content div.ce-bodytext div.indent {
	margin:0px 0px 22px 10px;
        padding:5px 10px;
	word-wrap:break-word;
	border: none;
}

div#content div.indent p,
div#content div.indent p.bodytext {
	padding:0px;
	margin:0px;
}
div#content table.contenttable p.bodytext {
	padding:0px;
	margin:0px;
}
div#content table.contenttable td,
div#content table.contenttable th {
	padding:1px;
	padding-right:15px;
}
div#content table.contenttable {
	padding:0px;
	margin:0px;
	padding-bottom:22px;
}

div#content table.contenttable tr > td:last-of-type,
div#content table.contenttable tr > th:last-of-type {
	padding: 1px;	
}


div#content div#content_column_1,
div#content div#content_column_2 {
	float:left;
	width:50%;
}
div#content div#content_column_1 {
	padding-right:15px;
}
div#content div#content_column_2 {
	padding-left:15px;
}

@media all and (max-width: 600px) {
	div#content div#content_column_1,
	div#content div#content_column_2 {
	        float:left;
        	width:100%;
	}
}

div#content div#content_main_top {

}

div#content div#content_main_top_left,
div#content div#content_main_top_right {
	display: inline;
	width: 50%;
}

div#content div#content_main_top_left {
	float: left;
	padding-right: 20px;
}

div#content div#content_main_top_right {
	float:	right;
	padding-left: 20px;
}
	
/******************* MENUS ***********************/
/* menu general */
div.menu_ul ul,
div.menu_header ul,
div#content div.menu_ul ul,
div#content div.menu_header ul {
	display:inline;
	list-style: none;
	list-style-position: outside;
	padding:0px;
	margin:0px;
}

/************** menu breadcrumb ************/
div.menu_breadcrumb li {
	color:white;
	color:black;
	
	float:left;
	font-size:11px;
	padding-top:2px;
	padding-right:5px;
}
div.menu_breadcrumb li,
div.menu_breadcrumb li a {
	/*color:white;
	color:black;*/
}
div.menu_breadcrumb li a {
	color:#9294a6;
	color:#dbdcdf;
	color:black;
	color:#85858a;
	padding:0px;
	margin:0px;
}
/***************** menu left ***************/
div#content_mobilemenu div.menu_left a,
div#content div.menu_left a {
	font-family:'Roboto-Regular',arial,helvetica,verdana,tahoma;
	display:block;
	margin:0px;
	padding:7px 0px;
	line-height:16px;
	color: #363f4e;
	/*background-color:white;*/
	
}
div#content_mobilemenu div.menu_left a:hover,
div#content div.menu_left a:hover {
	color:#5A86CC;
	background-color: #DDDDDD;
	background: linear-gradient(90deg,#CCCCCC,#EEEEEE);
	/*background-color:white;*/
}
div#content_mobilemenu div.menu_left li,
div#content div.menu_left li {
	/*margin:2px 0px;*/
	margin: 0;
	/*border-top:1px solid #e6e7f3;*/
	border-top:  1px #9e9c9b dotted;
 	background: linear-gradient(270deg,#CCCCCC,#EEEEEE);	
}
div#content_mobilemenu div.menu_left div.menu_1 li:first-child,
div#content div.menu_left div.menu_1 li:first-child {
	border-top:  1px #9e9c9b dotted;
}
div#content_mobilemenu div.menu_left li:last-child,
div#content div.menu_left li:last-child {
	/*border-bottom:1px solid #e6e7f3;*/
	border-bottom:  1px #9e9c9b dotted;
}
div#content_mobilemenu div.menu_left div.menu_2 li:last-child,
div#content_mobilemenu div.menu_left div.menu_3 li:last-child,
div#content div.menu_left div.menu_2 li:last-child,
div#content div.menu_left div.menu_3 li:last-child {
        /*border-bottom:1px solid #e6e7f3;*/
        border-bottom:  none;
}
div#content_mobilemenu div.menu_left div.menu_act a,
div#content div.menu_left div.menu_act a {
	color:#5A86CC;
}
div#content_mobilemenu div.menu_left div.menu_act,
div#content div.menu_left div.menu_act {
	background: linear-gradient(270deg,#CCCCCC,#EEEEEE);
	/*background-color:white;*/
}
div#content div.menu_left div.menu_1 {
	
}
div#content_mobilemenu div.menu_left div.menu_1 li a,
div#content div.menu_left div.menu_1 li a {
	padding-left:7px;
}
div#content_mobilemenu div.menu_left div.menu_2,
div#content div.menu_left div.menu_2 {
	padding-left:10px;
	/*margin-top:8px;
	margin-bottom:8px;*/
}
div#content_mobilemenu div.menu_left div.menu_2 li a,
div#content div.menu_left div.menu_2 li a {
	padding-left:17px;
	margin-left: -10px;
}
div#content_mobilemenu div.menu_left div.menu_3,
div#content div.menu_left div.menu_3 {
	padding-left:10px;
	/*margin-top:8px;
	margin-bottom:8px;*/
}
div#content_mobilemenu div.menu_left div.menu_3 li a,
div#content div.menu_left div.menu_3 li a {
	padding-left:24px;
	margin-left: -20px;
}


/************** menu header ***************/
div.menu_header li {
	padding:0px;
	margin:0px;
	float:left;
	margin-right:2px;
}
div.menu_header li a{
	color:white;
	font-family:'Roboto-Regular',arial,helvetica,verdana,tahoma;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	display:block;
	padding:5px 14px 5px 14px;
	line-height:22px;
	background-color:#373433;
}
div.menu_header li div.menu_header_no a,
div.menu_header li div.menu_header_act a {
	cursor:pointer;
}

div.menu_header li div.menu_header_act a,
div.menu_header li div.menu_header_actifsub a,
div.menu_header li:hover div.menu_header_no a {
	color:#5A86CC;
	
}

div.menu_header li:hover div.menu_header_no a,
div.menu_header li:hover div.menu_header_ifsub a,
div.menu_header li:hover div.menu_header_actifsub a {
	/*background-color:white;*/
	background-color: #EEEEEE;
}
div.menu_header li:hover div.menu_header_no a,
div.menu_header li:hover div.menu_header_ifsub a {
	color:#363f4e;
}



/**** level 2 popup ********/
div.menu_header li ul {
	display:none;
	position:absolute;
	padding-bottom:10px;
	width:300px;
	/*background-color:white;*/
	background-color: #EEEEEE;
	background: linear-gradient(270deg,#CCCCCC,#EEEEEE);

	/* box-shadow: h-shadow v-shadow blur spread color inset; */
	box-shadow: 0px 4px 4px -1px #404040;
	-ms-box-shadow: 0px 4px 4px -1px #404040;
	-moz-box-shadow: 0px 4px 4px -1px #404040;
	-webkit-box-shadow: 0px 4px 4px -1px #404040;

	border-bottom-left-radius:6px 6px;
	border-bottom-right-radius:6px 6px;
	z-index:1000;
}
div.menu_header li ul li {
	float:none;
	margin:0px;
	background-color:white;
}

div.menu_header li ul li div.menu_sub_no a,
div.menu_header li ul {
}
div.menu_header li ul li div.menu_sub_no a,
div.menu_header li ul li div.menu_sub_act a {
	background-color: #EEEEEE;
	border-bottom: 	1px #9e9c9b dotted;
}

div.menu_header li ul li div.menu_sub_no {
	background-color: #EEEEEE;
}

div.menu_header li ul li a:hover,
div.menu_header li ul li div.menu_sub_no a:hover {
	background-color: #DDDDDD;
	background: linear-gradient(90deg,#CCCCCC,#E0E0E0);
}

div.menu_header li ul li div.menu_sub_act a:hover {
	background-color: #C6C6C6;
}

div.menu_header li ul li a:hover,
div.menu_header li ul li div.menu_sub_act a {
	color:#5A86CC;
}
div.menu_header li ul li div.menu_sub_act {
	background: #EEEEEE;
	background: linear-gradient(270deg,#CCCCCC,#EEEEEE);
	/*background-color:white;*/
}
div.menu_header li ul li a {
	color:#363f4e;
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	padding:4px 14px;
 	background: linear-gradient(270deg,#CCCCCC,#EEEEEE);
	/*background-color:white;*/
}
div.menu_header li:hover ul {
	display:block;
}
div.menu_header li:hover ul li {
	background-image:none;
}

/************ menu footer ****************/
div.menu_footer li {
	float:left;
	padding-right:10px;
}
div.menu_footer li,
div.menu_footer li a {
	color:white;
}

/*********** FLEXIBLE CONTENT **************/
div.content_2column_container {
	width:730px;
	width:100%;
}
div.content_column_left {
	float:left;
	width:365px;
	padding:0px;
	padding-right:10px;
	width:50%;
}
div.content_column_right {
	float:left;
	width:365px;
	padding:0px;
	padding-left:10px;
	width:50%;
}

/*********** fotoboek ******************/
div#content div.tx-gooffotoboek-pi1 td.gfpb_th {
	padding:10px;
}
div#content div.tx-gooffotoboek-pi1 table {
	margin-bottom:20px;
}
div#content div.tx-gooffotoboek-pi1 img {
	border:0px;
	padding:0px;
	margin:0px;
}
div#content div.tx-gooffotoboek-pi1 td.gfpb_th img {
	border:1px solid #606060;
	margin:0px;
}
div#content div.tx-gooffotoboek-pi1 div.fotonav img {
	width:auto;
	height:auto;
	margin:0px;
	box-shadow:none;
	-ms-box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
/************** re_searchbar *********************/
div.tx-researchbar-pi1 input.searchinput {
	width:120px;
}

/*************** re_socialmedia *********************/
div.re_socialmedia {
	position:relative;
}

/********* social media **********/
div.socialmedia {
	margin-top:3px;
	float:right;
	padding:0px;
}
div.socialmedia div.socialitem {
	float:left;
	text-align:right;
	width:auto;
	padding-left:7px;
}
div#content div.socialmedia div.socialitem img {
	margin:0px;
	box-shadow:none;
	-ms-box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}

/********** donations ***********/
div.tx-t3bdonations-pi1 th,
div.tx-t3bdonations-pi1 td {
	padding:7px;
	border:1px solid white;
}
div.tx-t3bdonations-pi1 th {
	background-color:#d0d0d0;
}
div.tx-t3bdonations-pi1 tr.donation_table_row_odd {
	background-color:#f0f0f0;
}
div.tx-t3bdonations-pi1 tr.donation_table_row_even {
	background-color:#e0e0e0;
}
div.tx-t3bdonations-pi1 span.donation_na {
	color:#c0c0c0;
}


/************ RESPONSIVE CSS ***************/
img#mobile_menu {
	width:30px;
	height:30px;
}
span#mobile_menu {
	width:30px;
        height:30px;
	color: white;
	font-size: 26px;
	line-height: 30px;
	padding: 0px 3px;
}

span#mobile_menu.fa:before {
        font-size: 26px;
}

/* tablets */
@media all and (max-width: 1050px) {
	body,html {
		min-width:300px;
	}
	div#container {
		width:100%;
		margin-bottom:0px;
		box-shadow:none;
		-ms-box-shadow:none;
	  -moz-box-shadow:none;
	  -webkit-box-shadow:none;
	}
	div#header_menu {
		width:100%;
	}
	div#content_left,
	div#content_menu {
		display:block;
		width:22%;
	}
	div#content_main {
		float: left;
		width:78%;
	}
	
	div#content.onecol_with_menu div#content_main {
		float: none;
		width: auto;
	}

	
	div#content.twocol_main_plus_right div#content_main {
        	width: 68%;
	}

	div#content.twocol_main_plus_right div#content_right {
        	display: block;
        	width: 32%;
	}

	/*div#content_main img {
		width:95%;
		height:auto;
	}*/

	div#content_main img.original-size {
		width:auto;
	}
	
	div#content_main div.socialitem img {
		width:auto;
	}
	div#content div.tx-gooffotoboek-pi1 div.fotonav img {
		width:auto;
		height:auto;
	}
	/* div#footer_left {
		width:100%;
	}
	div#footer_right {
		display:none;
	}*/

	div#header_top_left {
		/*width:80%;*/
		width: 40%;
	}
	div#header_top_right {
		/*width:19%;*/
		width: 60%;
		/*display:none;*/
	}
	div#paypal img {
		width:auto;
		height:auto;
	}

	div#content div.news-img-wrap {
                max-width: 45%;
                height: auto;
		display: inline
        }
	div#content div.news-img-wrap img {
		width: 100%;
	}

	/*div#content.onecol_with_menu div#content_main,
	div#content.twocol_50-50_with_menu div#content_main {
		padding-right: 24px;
	}*/

	div#content div.news-list-view-tilepage1 div.article,
	div#content_right div.news-list-view-tilepage1 div.article {
		min-width: 110px;
		width: calc(( 100% - 20px) / 2) ;
		margin-right: 0;
		height: -webkit-fill-available;
		/*height: calc( width + 25px);*/
	}

	
	div#content div.news-list-view-tilepage1 div.article div.news-img-wrap,
	div#content_right div.news-list-view-tilepage1 div.article div.news-img-wrap {
		min-width: 0;
		width: calc(100% - 25px);
		max-width: 90%;
		height: auto;
	}	

	
}
@media all and (max-width: 900px) {
	div#content div.content_main {
		padding-left: 20px;
		padding-right: 15px;
	}

	div#content.twocol_main_plus_right div#content_main {
                width: 65%;
        }

        div#content.twocol_main_plus_right div#content_right {
                display: block;
                width: 35%;
        }
}

/* all mobile devices */
@media all and (max-width: 800px) {
	div#container {
		margin-bottom:0px;
	}
	div#content_left,
	div#content_menu {
		
		display:none;
		width:250px;
		position:absolute;
		top:115px;
		left:0px;
		background-color:white;
		border-right:1px solid #373433;
		border-bottom:1px solid #373433;
		padding: 0;
	}
	div#content_mobilemenu {
		display:none;
                width:250px;
                position:absolute;
                top:115px;
                left:0px;
                background-color:white;
                border-right:1px solid #373433;
                border-bottom:1px solid #373433;
                padding: 0;
	}
	
	div#content_mobilemenu div.menu_left a,
	div#content div.menu_left a{
        font-size: 16px;
        line-height:24px;
        /*background-color:white;*/

        }

	div#content div#content_main_top_left,
        div#content div#content_main_top_right {
                display: block;
                width: 100%;
                float: none;
		clear: both;
                padding: 0;
        }

	div#content_left{
		padding:10px;
	}
	div#content_main,
	div#content.onecol_with_menu div#content_main {
		width:100%;
		padding: 20px 8px 20px 8px;
	}


	div#content.twocol_main_plus_right div#content_main {
                width: 100%;
		padding-left: 15px;
		padding-right: 15px;
        }

        div#content.twocol_main_plus_right div#content_right {
		width: 100%;
		border-left: 0;
		border-top: 1px solid #EEEEEE;
		padding-top: 24px;
		padding-left: 10px;
		padding-right: 10px;
                /*display: none;*/
        }
	
	div#content.onecol_with_menu div#content_main {
        	margin-left: 0px;
	}

	div#content.twocol_main_plus_right div#content_right div.news {
		width: 100%;
	}

	div#content_main img {
		/*max-width:95%;*/
		max-width: 100%;
		height:auto;
	}

	div#paypal img {
		width:auto;
		height:auto;
	}

	/* remove header menu */
	div#container_header_menu,
	div#header_menu {
		display:none;
	}
	div#header_mobile {
		display:block;
		height:35px;
		background-color:#373433;
		padding:2px 0px 0px 5px;
		cursor:pointer;
	}
	div#header,
	div#header_top,
	div#header_top_left,
	div#header_top_right,
	div#container_header_bg,
	div#container_header_top {
		height:80px;
	}
	div#container_header_bg {
		height:115px;
	}
	div#header_top_left {
		padding-top:20px;
		width: 30%;
	}
	div#header_top_right {
		/*padding-top:25px;*/
		padding-top: 7px;
		padding-bottom: 4px;
		width: 70%;
	}
	
	div#header_image,
	div#container_header_image {
		height:80px;
		display:block;
		background-size: cover;
	}
	div#container_header_image {
		/* background-size:auto 80px; */
		height: 80px;
		background-size: cover;
	}

	div#header_top,
	div#header_menu,
	div#header,
	div#breadcrumb,
	div#content,
	div#footer {
		padding-left:10px;
		padding-right:10px;
	}
	div#footer {
		/*height:35px;*/
		padding-top: 15px;
		padding-bottom: 15px;
	}
	div#footer_left {
                width:100%;
        }
        div#footer_right {
                display:none;
        }


	div#container_breadcrumb {
		/*height:auto;*/
		height:15px;
	}
	div#breadcrumb {
		display:none;
		height:auto;
	}
	div#header_top_left img {
		width:120px;
		height:auto;
	}

	div#container_header_top {
        	background: linear-gradient(90deg,#FFFFFF 25%,#5A86CC 70%);
        	background: -ms-linear-gradient(left,#FFFFFF 25%,#5A86CC 70%);
        }

	div#content div.news-img-wrap {
		max-width: 45%;
		height: auto;
	}
	

}

@media all and (max-width: 400px) {
	

	div#content_main img.original-size {
		float:none;
	}

	div#content_main div.socialmedia {
		float:none;
		height:40px;
	}
	div#content_main div.socialmedia div.socialitem {
		text-align:left;
		width:auto;
		padding:0px;
		padding-right:5px;
	}
	div#header_top_left {
		padding-top:12px;
		width:30%
	}
	div#header_top_right {
		/*padding-top:15px;*/
		padding-top: 5px;
		padding-bottom: 3px;
		width:70%;
	}
	div#header_top_left img {
		width:100px;
		height:auto;
	}
	div#header_top_right img {
		width:20px;
		height:20px;
	}
	div#header,
	div#header_top,
	div#header_top_left,
	div#header_top_right,
	div#container_header_bg,
	div#container_header_top {
		height:50px;
	}
	div#container_header_bg {
		height:85px;
	}
	div#content_menu {
		top:85px;
		padding: 0;
	}
	div#content_mobilemenu {
		top:85px;
                padding: 0;
	}	

	div#content_mobilemenu div.menu_left a,
	div#content div.menu_left a{
	font-size: 16px;
        line-height:22px;
        /*background-color:white;*/

	}

	div#header_image,
	div#container_header_image {
		height:50px;
		display:block;
	}
	div#container_header_image {
		height: 50px;
		/*background-size:auto 50px;*/
		background-size: cover;
	}
	div#container_breadcrumb {
		/*height:auto;*/
		height:5px;
	}
	div#footer {
		/*height:60px;*/
                padding-top: 8px;
                padding-bottom: 8px;
	}

	div#container_header_top {
                background: linear-gradient(90deg,#FFFFFF 30%,#5A86CC 64%);
                background: -ms-linear-gradient(left,#FFFFFF 30%,#5A86CC 64%);
        }

	div#content_main,
	div#content_right {
		padding-left: 0px;
	}

	div#content div#content_main_top_left,
	div#content div#content_main_top_right {
        	display: block;
        	width: 100%;
		float: none;
		clear: both;
		padding: 0;
	}


	div#content.onecol_with_menu div#content_main {
                padding-left: 0px;
        }

	div#content.twocol_main_plus_right div#content_main {
                width: 100%;
                padding-left: 0px;
                padding-right: 0px;
        }

        div#content.twocol_main_plus_right div#content_right {
		width: 100%;
                padding-left: 0px;
                padding-right: 0px;
        }

	div#content .csc-textpic-intext-right img,
	div#content .csc-textpic-intext-left img,
	div#content .ce-textpic.ce-right.ce-intext img,
        div#content .ce-textpic.ce-left.ce-intext img,
	div#content p.bodytext img,
	div#content div.ce-bodytext img {
		/*amax-width: 180px;*/
		/*max-width: 45%;*/
	}


}


/* default styles for extension "tx_cssstyledcontent" */
	/* Headers */
	.csc-header-alignment-center { text-align: center; }
	.csc-header-alignment-right { text-align: right; }
	.csc-header-alignment-left { text-align: left; }

	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	/*div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }*/
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; padding: 0; }

	/* Captions */
	/*figcaption.csc-textpic-caption { display: table-caption; }*/
	figcaption.csc-textpic-caption { display: table-caption; caption-side: bottom; padding-top: 2px; padding-bottom: 12px;}
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }
	div.ce-gallery figure { margin: 0; padding-bottom: 0;}
	div.ce-gallery figure figcaption, figure figcaption.csc-textpic-caption { padding-top: 2px; padding-bottom: 12px; }
	div.ce-gallery figure figcaption, .csc-textpic-caption { color: #888; }


	div.ce-gallery[data-ce-columns="1"] div.ce-column { max-width: 100%; }
	div.ce-gallery[data-ce-columns="2"] div.ce-column { max-width: calc(((100% / 2 ) - (100% * 10 / 1150)) - 1px); }
	div.ce-gallery[data-ce-columns="3"] div.ce-column { max-width: calc(((100% / 3 ) - (100% * 10 / 1150)) - 1px); }
	div.ce-gallery[data-ce-columns="4"] div.ce-column { max-width: calc(((100% / 4 ) - (100% * 10 / 1150)) - 1px); }
	div.ce-gallery[data-ce-columns="5"] div.ce-column { max-width: calc(((100% / 5 ) - (100% * 10 / 1150)) - 1px); }
	div.ce-gallery[data-ce-columns="6"] div.ce-column { max-width: calc(((100% / 6 ) - (100% * 10 / 1150)) - 1px); }
	div.ce-gallery[data-ce-columns="7"] div.ce-column { max-width: calc(((100% / 7 ) - (100% * 10 / 1150)) - 1px); }
	div.ce-gallery[data-ce-columns="8"] div.ce-column { max-width: calc(((100% / 8 ) - (100% * 10 / 1150)) - 1px); }

        div.ce-gallery div.ce-row div.ce-column:last-child { margin-right: 0px; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img {
		border-bottom: 1px solid #888;
		border-right: 1px solid #888;
		border-top: 1px solid #AAA;
		border-left:  1px solid #AAA;
		padding: 0px 0px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text & Images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
	div.ce-textpic.ce-left div.ce-gallery {
		margin-right: 10px;
		margin-bottom: 6px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
	div.ce-textpic.ce-right div.ce-gallery  {
		margin-left: 10px;
		margin-bottom: 6px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }
		
	div.ce-textpic.ce-right div.ce-gallery { float: right; }
	div.ce-textpic.ce-right.ce-above div.ce-bodytext { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	div.ce-textpic.ce-left div.ce-gallery { float: left; }
        div.ce-textpic.ce-left.ce-above div.ce-bodytext { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }
	

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }

	div#content p.csc-frame-frame1,
	div#content p.csc-frame-frame2 {
		padding: 7px 10px ;
		margin-top: 10px;
		margin-bottom: 10px;
        	margin-right: 4px;
		border-bottom: 1px solid #888888;
                border-right: 1px solid #888888;
                border-top: 1px solid #DDDDDD;
                border-left:  1px solid #DDDDDD;
        	box-shadow:         4px 4px 4px -2px #AAAAAA;
	        -ms-box-shadow:     4px 4px 4px -2px #AAAAAA;
	        -moz-box-shadow:    4px 4px 4px -2px #AAAAAA;
        	-webkit-box-shadow: 4px 4px 4px -2px #AAAAAA;
	
	}

	
	p.csc-frame-frame1 {
                background-color: #CCCCCC;
        }

	p.csc-frame-frame2 {
		/*background-color: #5A86CC;*/
		color: #FFFFFF;
		background-color: #5A86CC;
	}
	
	

/**** Soundinfo ****/
	div.Songinfo {
		overflow: hidden;
		height:80px;
	}

	div#songinfo_head {
		position: absolute;
		top: 0px;
		right: 90px;
		border-left: 6px solid #DDDDDD;
		border-right: 6px solid #DDDDDD;
		border-bottom-right-radius: 6px 12px;
		border-bottom-left-radius:  6px 12px;
		background-color: #DDDDDD;
		color: #222222;
		font-size: 10px;
		line-height: 10px;
		padding: 1px 2px;
		z-index: 20000;
	}

	div#actualsong {
		position: absolute;
		right: 90px;
		/*float: right;*/
		text-align:right;
		height: 100%;
		vertical-align: bottom;
		padding-top: 40px;
		font-size: 16px;
	}
	
	div#actualartist, div#actualtitle {
		font-family:'Roboto-Light',arial,helvetica,verdana,tahoma;
	        font-weight:normal;
		line-height: 20px;
        	/*color: #222222;*/
		color: #EEEEEE;
		text-align: right;
		/*text-shadow: 1px 1px 1px #CCCCCC;*/
		text-shadow: 1px 1px 1px #000000;
		height: 20px;
		overflow: hidden;

	}

	div#actualartist {
		font-size: 0.9em;
	}

	div.Songinfo div#artist_image {
		position: absolute;
		right: 0px;
		/*float: right;*/
		margin-left: 10px;
		height: 100%;
	}
	
	div.Songinfo div#artist_image {
		width: 80px;
		height: 80px;
		border-top: 1px solid #777777;
		border-left: 1px solid #888888;
		border-right: 1px solid #666666;
		border-bottom: 1px solid #555555;
		background-color: rgba(170,170,170,0.3);
	}

	div.Songinfo div#artist_image img {
		width: 78px;
                height: 78px;
		border: 0;
	}

	div#songinfo_extend {
		position: absolute;
		right: 0;
		top: 95px;
		min-width: 250px;
		width: 140%;
		max-width: 450px;
		display: none;
		z-index: 25000;
		border-left:  1px solid #EAEAEA;
                border-top: 1px solid #F5F5F5;
                padding: 0px;
		border-radius: 5px;
		background-color: #FFFFFF;
		color: #222222;
		padding: 10px 10px 15px 10px;
		text-align: left;
		box-shadow:         1px 1px 1px 0px #AAAAAA;
	        -ms-box-shadow:     1px 1px 1px 0px #AAAAAA;
        	-moz-box-shadow:    1px 1px 1px 0px #AAAAAA;
	        -webkit-box-shadow: 1px 1px 1px 0px #AAAAAA;

	}

	div#songinfo_extend hr {
        	clear: both;
	        height: 1px;
        	border: 0;
	        border-bottom: 1px solid #EEE;
	}

	div#ext_artist,
	div#ext_title,
	div#ext_album {	
	        padding:0px;
	        margin:0px;
        	font-family:'Roboto-Light',arial,helvetica,verdana,tahoma;
        	font-weight:normal;
		font-size: 16px;
		line-height: 18px;
		padding-bottom: 5px;
		/*width: 63%; /* 150px */
		width: 70%;
	}
	
	div#ext_title, div#ext_album { padding-top: 10px; }
	div#ext_artist, div#ext_title { border-bottom: 1px dotted #DDDDDD; }

	div#ext_title { font-size: 15px; }
	div#ext_album { font-size: 14px; }
	
	div#ext_image {
		float: right;
		width: 120px;
		max-width: 35%;
		margin-left: 10px;
		margin-bottom: 3px;
	}

	div#ext_image img {
		width: 100%;
		height: auto;
		border-bottom: 1px solid #AAA;
                border-right: 1px solid #AAA;
                border-top: 1px solid #CCC;
                border-left:  1px solid #CCC;
                padding: 0px 0px;
	}

	@media all and (max-width: 800px) {

		div.Songinfo {
                	height:65px;
        	}

		div#songinfo_head {
                        right: 75px;
                }		

		div.Songinfo div#artist_image {
			width: 65px;
                        height: 65px;
		}

		div.Songinfo div#artist_image img {
                	width: 63px;
        	        height: 63px;
	        }

		div#actualartist, div#actualtitle {
                        font-family:'RobotoCondensed-Light',arial,helvetica,verdana,tahoma;
                        font-weight:normal;
                }

		div#actualsong {
			right: 75px;
			padding-top: 25px;
		}
		
		div#songinfo_extend {
			top: 75px;
		}

	}

	@media all and (max-width: 400px) {

		 div.Songinfo {
                        height:38px;
                }

		div#songinfo_head {
			right: 45px;
			background-color: #E0E0E0;
			border-left: 4px solid;
                	border-right: 4px solid;		
			border-color: #E0E0E0;
		 	border-bottom-right-radius: 4px 9px;
	                border-bottom-left-radius: 4px 9px;
			font-size: 7px;
			line-height: 7px;
		}
		

		div.Songinfo div#artist_image {
			width: 38px;
                        height: 38px;
		}

		div.Songinfo div#artist_image img {
                        width: 36px;
                        height: 36px;			
                }
				
		div#actualartist, div#actualtitle {
	                font-family: 'RobotoCondensed-Light',arial,helvetica,verdana,tahoma;
        	        font-weight: normal;
			line-height: 16px;
			height: 16px;
		}

		div#actualsong {
			right: 45px;
                        padding-top: 8px;
			font-size: 12px;
                }

		 div#songinfo_extend {
                        top: 52px;
			
                }

		 div#ext_artist,
	        div#ext_title,
        	div#ext_album {
			width: 63%;
		}
        	
	}

/**** Typo3 Override *****/
div.csc-textpic-border img {
/*
        border-top: 1px solid #AAA !important;
        border-left: 1px solid #AAA !important;
        border-right: 1px solid #888 !important;
        border-bottom: 1px solid #888 !important;
*/
}
hr.ce-div,
div.divider hr {
	clear: both;
        height: 1px;
        border: 0;
        border-bottom: 1px solid #EEE;
}

div#content p.bodytext img,
div#content div.ce-bodytext img {
        box-shadow:none;
        -ms-box-shadow:none;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
	margin: 0;
}

div#content div.news-single div.news-img-wrap a {
	border: 0;
	padding: 0px;
}

div#content div.news-single div.outer {
	padding-bottom: 20px;
}
div#content div.news-single div.outer p {
	padding-bottom: 0px;
}

div#content div.news-single div.article div.footer {
	margin-bottom: 0;
}

div#content div.news-single div.article div.footer p {
        padding-bottom: 16px;
}

div#content div.news-list-view-detailpage {
	position: relative;
	width: 100%;
}

div#content div.news-single div.news-author-wrap {
	color: #888;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 6px;
}

div#content div.news-single div.news-author-wrap span.news-single-author {
	font-style: italic;
}

div#content div.news-img-wrap img,
div#content figure.csc-textpic-image img,
div#content div.csc-textpic-imagewrap img,
div#content div.ce-gallery figure img,
div#content div.ce-gallery .ce-media img {
 	box-shadow:         4px 4px 4px -2px #AAAAAA;
        -ms-box-shadow:     4px 4px 4px -2px #AAAAAA;
        -moz-box-shadow:    4px 4px 4px -2px #AAAAAA;
        -webkit-box-shadow: 4px 4px 4px -2px #AAAAAA;
	margin-right: 2px;
	margin-bottom: 2px;
	border-left: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}

div#content div#content_column_1 img,
div#content div#content_column_2 img {
	max-width: 98%
}

div#content div.csc-textpic-imagewrap {
	padding-bottom: 2px;
}

div#content .csc-textpic-intext-right .csc-textpic-imagewrap,
div#content .csc-textpic-intext-left .csc-textpic-imagewrap,
div#content .ce-textpic.ce-intext.ce-right .ce-gallery,
div#content .ce-textpic.ce-intext.ce-left .ce-gallery,
div#content p.bodytext img,
div#content .ce-bodytext img {
	max-width: 45%;
}

div#content .ce-left .ce-gallery { text-align: left; }
div#content .ce-center .ce-gallery { text-align: center; }
div#content .ce-right .ce-gallery { text-align: right; }

div#content .ce-gallery figure figcaption { text-align: left; }

div#content .ce-gallery .ce-row .ce-column,
div#content .ce-gallery .ce-row .ce-column .ce-media {
	display: inline;
}

div#content .ce-gallery .ce-row .ce-column {
	padding: 0;
	display: inline-table;
}

div#content .ce-gallery .ce-row .ce-column figure {
	display: table;
	/*display: inline;*/
}

div#content .ce-gallery .ce-row .ce-column figure img {
	width: 100%;
}

div#content .ce-gallery .ce-row .ce-column figure figcaption {
	/*display: table-caption;*
	/*display: block;*/
	display: table-caption;
	caption-side: bottom;
}

div#content .ce-textpic.ce-left .ce-gallery { padding-right: 6px; }
div#content .ce-textpic.ce-right .ce-gallery { padding-left: 6px; }

div#content .ce-textpic .ce-gallery .ce-column 	{ margin-right: calc(100% * 10 / 1150); }
div#content .ce-textpic .ce-gallery .ce-row 	{ margin-bottom: 5px; }
div#content .ce-textpic .ce-gallery .ce-row .ce-column:last-child { margin-right: 0px; }
	@media all and (max-width: 800px) {
		div#content .ce-textpic .ce-gallery .ce-row     { margin-bottom: 4px; }
		div#content .ce-textpic .ce-gallery .ce-row .ce-column:last-child { margin-right: 0px; }
		div#content .ce-textpic .ce-gallery .ce-column figure figcaption { font-size: 0.9em; }
		

	}
	@media all and (max-width: 500px) {
                div#content .ce-textpic .ce-gallery .ce-row     { margin-bottom: 3px; }
		div#content .ce-textpic .ce-gallery .ce-row .ce-column:last-child { margin-right: 0px; }
		div#content .ce-textpic .ce-gallery .ce-column figure figcaption { font-size: 0.8em; }

        }
div#content .ce-textpic .ce-gallery[data-ce-columns*="1"] .ce-column  { margin-right: 0px; }
div#content .ce-textpic .ce-gallery[data-ce-columns*="1"] .ce-row  { margin-bottom: 0px; }



div#content .csc-textpic-imagewrap img,
div#content .ce-textpic img {
	height: auto
}


div.news-list-view-startpage,
div.news-list-view-tilepage1  {
	margin-top: 20px;
	margin-bottom: 20px;
}


div.news-list-view-startpage div.article {
	width: 31%;
	/*min-width: 280px; */
	min-width: 300px;
	max-width: 330px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	/*border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;*/
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #F5F5F5;
	box-shadow: 1px 1px 1px 0px #AAAAAA;
	max-height: 300px;
        height: 300px;

}

div.news-list-view-detailpage div.article {
        width: 100%;
        min-width: 240px;
        max-width: 300px;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
        padding-bottom: 0px;
        /*border-right: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;*/
        border-left: 1px solid #EAEAEA;
        border-top: 1px solid #F5F5F5;
        box-shadow: 1px 1px 1px 0px #AAAAAA;
        max-height: 300px;
        height: 300px;

}

div.news-list-view-tilepage1 div.article {
        width: 21%;
        /*min-width: 280px; */
        min-width: 140px;
        max-width: 140px;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
        padding-bottom: 5px;
        /*border-right: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;*/
        border-left: 1px solid #EAEAEA;
        border-top: 1px solid #F5F5F5;
        box-shadow: 1px 1px 1px 0px #AAAAAA;
        max-height: 180px;
        height: 180px;
	height: -webkit-fill-available;
}

div.news-list-view-startpage div.article div.header,
div.news-list-view-tilepage1 div.article div.header,
div.news-list-view-detailpage div.article div.header {
	padding-top: 10px;
}

div.news-list-view-startpage div.article div.header,
div.news-list-view-detailpage div.article div.header {
        padding-left: 10px;
	padding-right: 30px;
}

div.news-list-view-tilepage1 div.article div.header {
	padding-left: 10px;
        padding-right: 15px;
}

div.news-list-view-startpage div.article div.teaser-text,
div.news-list-view-tilepage1 div.article div.teaser-text,
div.news-list-view-detailpage div.article div.teaser-text {
	padding-right: 5px;
	padding-left: 10px;
	/*text-align: justify;*/
	-webkit-hyphens: auto;
 	-moz-hyphens: auto;
 	-ms-hyphens: auto;
 	hyphens: auto;
}

div.news-list-view-startpage div.article div.content_block,
div.news-list-view-tilepage1 div.article div.content_block {
        padding-right: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
        min-height: 260px;
	height: 260px;
	overflow: hidden;
}
div.news-list-view-detailpage div.article div.content_block {
	padding-right: 0px;
        margin-right: 10px;
	margin-bottom: 5px;
	min-height: 260px;
        height: 260px;
	overflow: hidden;
}

div.news-list-view-tilepage1 div.article div.header h1,
div.news-list-view-tilepage1 div.article div.header h2,
div.news-list-view-tilepage1 div.article div.header h3 {
	text-align: center;
}

div.news-list-view-tilepage1 div.article div.header {
        border-bottom: 1px #eeeeee solid;
	margin-bottom: 7px;
}

div.news-list-view-startpage div.article div.news-img-wrap,
div.news-list-view-tilepage1 div.article div.news-img-wrap,
div.news-list-view-detailpage div.article div.news-img-wrap {
	margin-left: 10px;
}

div#content div.news-list-view-startpage div.article div.teaser-text p.bodytext,
div#content div.news-list-view-tilepage1 div.article div.teaser-text p.bodytext,
div#content div.news-list-view-detailpage div.article div.teaser-text p.bodytext,
div#content div.news-list-view-startpage div.article div.teaser-text p,
div#content div.news-list-view-tilepage1 div.article div.teaser-text p,
div#content div.news-list-view-detailpage div.article div.teaser-text p,
div#content div.news-list-view-startpage div.article div.footer p,
div#content div.news-list-view-tilepage1 div.article div.footer p,
div#content div.news-list-view-detailpage div.article div.footer p {
        padding-bottom: 5px;
}

div#content div.news-list-view-listpage div.article div.teaser-text p.bodytext,
div#content div.news-list-view-listpage div.article div.teaser-text p {
	padding-bottom: 5px;
}


div#content div.news-list-view-startpage div.article div.footer p,
div#content div.news-list-view-tilepage1 div.article div.footer p {
	text-align: right;
}

div#content div.news-list-view-startpage div.article div.more-link,
div#content div.news-list-view-tilepage1 div.article div.more-link,
div#content div.news-list-view-detailpage div.article div.more-link {
	padding: 5px 10px;
	text-align: right;
}
div#content div.news-list-view-startpage div.article a.more,
div#content div.news-list-view-tilepage1 div.article a.more,
div#content div.news-list-view-detailpage div.article a.more,
div#content div.news-list-view-listpage div.article a.more {
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	padding: 1px 5px;
}

div#content div.news-list-view-startpage div.article div.ribbon,
div#content div.news-list-view-detailpage div.article div.ribbon,
div#content div.news-single div.article div.ribbon {
	float: right;
	position: relative;
	right: 10px;
	top: -1px;
}

div#content div.news-list-view-listpage div.article {
	padding: 10px 15px 10px 15px;
	margin: 0;
	border-top: 1px solid #EEEEEE;
}

div#content div.news-list-view-listpage div.article div.header h1 { padding: 0; }
div#content div.news-list-view-listpage div.article div.header h2 { padding: 0; }
div#content div.news-list-view-listpage div.article div.header h3 { padding: 0; }

div#content div.news-list-view-listpage div.article:nth-child(odd) {

}

div#content div.news-list-view-listpage div.article:nth-child(2n+1) {
	background-color: #F8F8F8;
}

div#content div.news-list-view-listpage div.article:nth-child(2n+1) div.news-img-wrap {
        float: right;
	margin: 3px 0px 5px 12px;
}

div#content div.news-list-view-listpage div.page-navigation {
	border-bottom: 1px solid #EEEEEE;
	padding: 0px 15px 0px 15px;	
}

div#content div.news-list-view-listpage div.page-navigation p,
div#content div.news-list-view-listpage div.page-navigation ul {
        padding-top: 6px;
	padding-bottom: 6px;
}

div#content div.news-list-view-listpage div.news-pagination-open {
	height: 0;
}

div#content div.news-list-view-listpage div.news-pagination-close {
	height: 0;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 20px;
}

div#content div.news div.news-list-view-listpage div.page-navigation ul li.f3-widget-paginator,
.news .page-navigation ul li {
	text-align: center;
	min-width: 15px;
}

div#content div.news div.news-list-view-listpage div.page-navigation ul li.f3-widget-paginator a,
.news .page-navigation ul li a {
	display: block;
	min-width: 15px;
}

div#content p.align-left { text-align: left; }
div#content p.align-right { text-align: right; }
div#content p.align-center { text-align: center; }

div#content div.news div.news-list-view div.article audio,
div#content div.news div.news-list-view div.article video,
div#content div.news div.news-list-view div.article iframe,
div#content div.news div.news-list-view div.article p.audioplayer-caption,
div#content div.news div.news-list-view div.article p.videoplayer-caption,
div#content div.news div.news-list-view div.article p.video-caption,
div#content div.news div.news-list-view div.article div.audio_controls {
	display: none;
}


div#content div.news-single div.article div.ribbon { top: -11px; }

span#news-detail-categories {
	width: 16px;
}

/********************* Ribbons for Categories ************************/
/*
d0d105 yellowgreen
00a4a4 bluegreen
327531 darkgreen
1a4089 darkblue
61af30 lightgreen
00a0cb lightblue
d70261 violet
e54027 darkorange
f08d08 orange
c0c0c0 silver
*/


.ribbon {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0;
  height: 25px;
  border: 8px solid #1abc9c;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
}

.Literatur .ribbon,
.Literatur_und_Film .ribbon {
  border: 8px solid #f08d08;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #f09d18;
}

.Interviews .ribbon {
  border: 8px solid #c0c0c0;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #d0d0d0;
}

.Interviews.Veranstaltungen .ribbon {
  border: 8px solid #d27774;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #e28784;
}

.Interviews.Veranstaltungen.Konzerte .ribbon {
  border: 8px solid #b16663;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #c17673;
}

.Allgemein .ribbon,
.Aktuelles .ribbon {
  border: 8px solid #00a4a4;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #10b4b4;
}

.Musikrezensionen .ribbon,
.Musik .ribbon {
  border: 8px solid #e96846;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #f97846;
}

.CDderWoche .ribbon {
  border: 8px solid #d70261;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #e71271;
}

.Berichte.Veranstaltungen.Konzerte .ribbon,
.Veranstaltungen.Konzerte .ribbbon,
.Berichte.Konzerte .ribbon {
  border: 8px solid #2a5099;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #4a70a9;
}

.Berichte.Veranstaltungen .ribbon,
.Veranstaltungen .ribbon {
  border: 8px solid #5a90c9;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #6aa0d9;
}

.Berichte .ribbon {
  border: 8px solid #00a0cb;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #10b0db;
}

.Kommentar .ribbon {
  border: 8px solid #7b008b;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #9b40ab;
}

.Politik_und_Zeitgeschehen .ribbon {
  border: 8px solid #5f55e3;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #7f75f8;
}

.Berichte.sg875 .ribbon,
.Aktuelles.sg875 .ribbon,
.sg875 .ribbon {
  border: 8px solid #03b894;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #9967c7;
}

.Sendereihe .ribbon {
  border: 8px solid #2baf4b;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #3bbf5b;
}

.Sendereihe.NeuesStuRa .ribbon,
.NeuesStuRa .ribbon {
  border: 8px solid #d3001b;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #eaeaea;
}

.Sendereihe.AusdemHoersaal .ribbon,
.AusdemHoersaal .ribbon {
  border: 8px solid #207f70;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #409f90;
}

.Sendereihe.GedankenumMitternacht .ribbon,
.GedankenumMitternacht .ribbon {
  border: 8px solid #E8E870;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #F2F290;
}

.Sendereihe.Crunchtime .ribbon,
.Crunchtime .ribbon {
	  border: 8px solid #9C60C6;
	    border-top: 0 solid;
	      border-bottom: 8px solid rgba(0,0,0,0);
	        border-right-color: #DD8189;
	}

.Sendereihe.SaschaundMedwedi .ribbon,
.SaschaundMedwedi .ribbon {
  border: 8px solid #E87070;
  border-top: 0 solid;
  border-bottom: 8px solid rgba(0,0,0,0);
  border-right-color: #9090F2;
}

.Sendereihe.LassMachen .ribbon,
.LassMachen .ribbon {
          border: 8px solid #45b0d0;
            border-top: 0 solid;
              border-bottom: 8px solid rgba(0,0,0,0);
                border-right-color: #a845d0;
        }

span#news-detail-categories.Allgemein {
  background-color: #00a0cb;
}




a.audioplayer, a.videoplayer, a.youtubevideo, a.vimeovideo {
  display: none;
}

iframe.videoframe,
video.videoframe { 
	max-width: 100%; 
	margin-right: 2px;
        margin-bottom: 2px;
	border-bottom: 1px solid #888;
        border-right: 1px solid #888;
        border-top: 1px solid #AAA;
        border-left:  1px solid #AAA;
        padding: 0px 0px;
        /*margin: 0;*/
        box-shadow:         5px 5px 5px -2px #AAAAAA;
        -ms-box-shadow:     5px 5px 5px -2px #AAAAAA;
        -moz-box-shadow:    5px 5px 5px -2px #AAAAAA;
        -webkit-box-shadow: 5px 5px 5px -2px #AAAAAA;
}

div#content p.audioplayer-caption,
div#content p.videoplayer-caption,
div#content p.video-caption {
  color: #888;
  padding-bottom: 10px;
}

audio, video {
	background-color: #EEEEEE;
	color: #EEEEEE;
}



div#content div.shariff {
                margin-top: 15px;
        }

div#footer div.footer_symbols,
div.footer_symbols {
	float: right;
}

div#footer div.footer_symbols ul,
div.footer_symbols ul {
	margin: 0;
	padding-left: 0;
}

div#footer div.footer_symbols li,
div.footer_symbols li {
	text-align: center;
	width: 30px;
	display: inline;
	list-style-type: none;
}

div#footer div.footer_symbols a,
div.footer_symbols a {
	color: white;
	display: inline-block;
	text-align: center;
	font: 14px normal normal;
	padding-left: 5px;
	padding-right: 5px;
	width: 30px;
}

div#footer div.footer_symbols a span.img img,
div.footer_symbols a span.img img {
	margin-top: 2px;
	height: 14px;
}


div#content div.news-list-view-tilepage1 div.article,
div#content_right div.news-list-view-tilepage1 div.article {
	min-width: 110px;
	width: calc(( 100% - 20px) / 2) ;
	height: calc( width + 25px);
}

div#content_right div.news-list-view-tilepage1 div.article {
	margin-right: 0 !important;
}
div#content div.news-list-view-tilepage1 div.article {
	margin-right: calc(( 100% * 8) / 1050) ;
}

div#content div.news-list-view-tilepage1 div.article div.news-img-wrap,
div#content_right div.news-list-view-tilepage1 div.article div.news-img-wrap {
	min-width: 0;
	width: calc(100% - 25px);
	max-width: 90%;
	height: auto;
}

div#content div.news-list-view-tilepage1 div.article div.teaser-text,
div#content_right div.news-list-view-tilepage1 div.article div.teaser-text {
	visibility: hidden;
	display: none;
}



@media all and (max-width: 800px) {
	div#content div.shariff ul {
                padding-left: 15px;
                padding-right: 20px;
        }

	div.news-list-view-detailpage div.article {
		max-width: 330px;
		min-width: 280px;
	}

	div#content_right div.news-list-view-tilepage1 div.article,
	div#content div.news-list-view-tilepage1 div.article {
        	max-width: 140px;
		min-width: 120px;
        	width: 21%;
		/*height: calc( width + 25px);*/
	}

	div.news-list-view-detailpage div.article div.content_block {
        	padding-right: 0px;
	        margin-right: 10px;
		margin-bottom: 5px;
        	overflow: hidden;
		min-height: 260px;
		height: 260px;
	}

	div#content .ce-textpic .ce-gallery .ce-column  { margin-right: calc(100% * 8 / 1150); }

}

@media all and (max-width: 500px) {
	div#content .ce-textpic .ce-gallery .ce-column  { margin-right: calc(100% * 5 / 1150); }


	div#content div.news-list-view-tilepage1 {
                margin-left: 0;
                margin-right: 0;
        }

	div#content div.news-list-view-tilepage1 div.article {
                margin-left: calc(100% * 20 / 1150);
                margin-right: calc(100% * 20 / 1150);
                width: 45%;
		min-width: 0;
        }


}

@media all and (max-width: 400px) {
	div#content div.news-list-view-startpage div.article,
	div#content div.news-list-view-detailpage div.article {
		margin-left: 0;
		margin-right:0;
		width: 100%;
	}

	div#content div.news-list-view-tilepage1 div.article {
	 	margin-left: calc(100% * 20 / 1150);
                margin-right:  calc(100% * 20 / 1150);
		width: 45%;
	}

	div#content div.shariff ul {
		padding-left: 0px;
		padding-right: 20px;
	}
	
	div#content .ce-textpic .ce-gallery .ce-column  { margin-right: calc(100% * 4 / 1150); }

}



#content p.news-img-caption {
	clear: both;
}

#content .shariff .fa{
	font-size: 14px;
}

#overlay { z-index: 10000; }

#lightbox {
	max-width: 100%;
	max-height: 90%;
	z-index: 11000;
}
#lightbox #outerImageContainer {
	max-width: 90%;
        max-height: 90%;
	height: auto !important;
}



#lightbox #outerImageContainer #imageContainer img,
#lightbox #outerImageContainer #imageContainer #hoverNav {
	max-width: 100%;
        max-height: 100%;
}

#lightbox #imageDataContainer {
	max-width: 90%;
}

#webcam #webcam-image {
	min-width: 330px; /* 320+6 Imagewidth plus margin */
	min-height: 250px; /* 240+6 Imageheight plus margin */
}

#webcam #webcam-image img {
	width: 320px;
	height: 240px;
	max-width: 320px;
	background-color: #AAAAAA;
	
}

.audio_player {
}

.audio_player .audio_controls {
	max-width: 300px;
	background: #FCFCFC;
	border-left: 1px solid #EAEAEA;
	border-top: 1px solid #F5F5F5;
	border-right: 1px solid #DADADA;	
	border-bottom: 1px solid #E5E5E5;
        border-radius: 4px;
	margin-right: 6px;
        margin-bottom: 6px;
        /*margin: 0;*/
        box-shadow:         5px 5px 5px -2px #AAAAAA;
        -ms-box-shadow:     5px 5px 5px -2px #AAAAAA;
        -moz-box-shadow:    5px 5px 5px -2px #AAAAAA;
        -webkit-box-shadow: 5px 5px 5px -2px #AAAAAA;
	padding: 3px 6px 3px 4px;
}

.audio_player .audio_controls button {
	min-height: 25px;
	min-width: 30px;
	border: 1px solid #AAAAAA;
        border-radius: 4px;
	cursor: pointer;
}

.audio_player .audio_controls div {
	display: inline-block;
	color: #888888;
	vertical-align: middle;
}

.audio_player .audio_controls .audio_controls_time {
	font-family:'RobotoCondensed-Light',arial,helvetica,verdana,tahoma;
	font-size: 0.92em;
	max-width: 64px;
	width: 64px;
	overflow: hidden;
}

.audio_player .audio_controls .audio_range {
	width: 115px;
	margin: 0px 4px;
	height: 25px;
	cursor: pointer;
}

.audio_player .audio_controls .audio_volume {
        width: 30px;
        margin: 0px; margin-right: 2px;
        height: 25px;
	cursor: pointer;
}

.audio_player .audio_controls .audio_range .audio_range_in {
        width: 115px;
        margin: 10px 0px 10px 0px;
        height: 6px;
	border: 1px solid #AAA;
	border-radius: 3px;
	display: inline-flex;
}

.audio_player .audio_controls .audio_volume .audio_volume_in {
	width: 30px;
        margin: 10px 0px 10px 0px;
        height: 6px;
        border: 1px solid #AAA;
        border-radius: 3px;
        display: inline-flex;
}

.audio_player .audio_controls .audio_range .audio_track_progress,
.audio_player .audio_controls .audio_volume .audio_volume_bar {
	height: 4px;
	background-color: #5A86CC;
}

.audio_player .audio_controls .audio_volume_icon {
	color: #555555;
	font-size: 20px;
	width: 22px;
	margin: 0px; margin-left: 4px;
	cursor: pointer;	
}

.radiowebsites .rp-item img { 
	max-height: 250px;
	float: left:
}

.radiowebsites .rp-item.no-shadow img {
	border: 0;
	box-shadow: 0px 0px !important;
}

div#content div.ce-gallery .ce-media .no-shadow img,
div#content .no-shadow img,
img.no-shadow {
	border: 0;
        box-shadow: 0px 0px !important;
}

div#footer_right .footer_symbols .radiode {

}

div#footer_right .footer_symbols .gooding {
	vertical-align: middle;
}

/* Bilder in Single-News */

div#content div.news-single div.news-img-wrap div.outer {
	display: none;
}

div#content div.news-single div.news-img-wrap div.outer:first-child {
        display: inline;
}

div#content div.news-single div.news-img-wrap div.outer:first-child  img {
	/* box-shadow: 4px 4px 4px -2px #AAAAAA; */
	/*box-shadow: 
    		5px 5px 0px 0px hsl(0, 0%, 88%),
		6px 6px 0px 0px hsl(0, 0%, 70%),
    		10px 10px 0px 0px hsl(0, 0%, 92%),
		11px 11px 0px 0px hsl(0, 0%, 70%);*/
	box-shadow:
                5px 4.5px 0px 0px #efefef,
                5px 5px 1px 0px #777777,
                10px 9.5px 0px 0px #f4f4f4,
                10px 10px 1px 0px #777777;
	margin-right: 10px;
	margin-bottom: 10px;

}

div#content div.news-single div.news-img-wrap div.outer:only-child  img {
        box-shadow: 4px 4px 4px -2px #AAAAAA;
	margin-bottom: auto;
}

/*
div#content div.news-single div.news-img-wrap div.outer:first-child  img:after {
	content: '';
        position: absolute;
	top: 15px;
	left: 15px;
	right: -15px;
	bottom: -15px;
	background: red;
	border: 1px solid red;
	z-index: -1;
}
*/

.italic { font-style: italic; }
.bold { font-weight: bold; }