#cookie_notification.information-bar {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}


@media only screen and (min-width : 5px) and (max-width : 959px) {

#accessibility-tools .readspeaker {
	float:none;
	position:absolute;
	top:2.5em;
	width:274px;
}
.readspeaker .rsbtn_colorskin .rsbtn_play {
	float:left;
}
.readspeaker .rsbtn_colorskin {
	margin-left:0;
	float:left;
}
	
#footer ul.quicklinks a {
    color: #0062a0;
}
/* Common styles of menus */
#menu_wide {
		background-color: #ff8708;
    border-bottom: 0em solid #4F4F4F;
		height: 3em;
    position: absolute;
	right: 0.5em;
	top: 0.5em;
		width: 3em;
	cursor: pointer;
    left: auto;
}
#menu-icon{	
	height: 3em;
    color: #ff8708;
    display: block;
}
ul.menu-horizontal{
	padding: 0;
	height:auto;
}

ul.menu-horizontal .item-link {
	text-align: left;
}
ul.menu-horizontal li,
ul.menu-vertical li{
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 0;
	list-style: none;
}
ul.menu-horizontal li a,
ul.menu-vertical li a{
	border-top: 1px solid #ff8708;
	border-bottom: 1px solid #ff8708;
}
ul.menu-horizontal li ul.dropdownmenu li a,
ul.menu-vertical li ul.dropdownmenu a{
	border-top: 0px solid #ff8708;
	border-bottom: 0px solid #ff8708;
}

.menu-horizontal li:hover a, 
.menu-horizontal li.active a,
.menu-horizontal li:hover span, 
.menu-horizontal li.active span{	
	width: 100%;
	box-sizing:border-box;
}
.menu-horizontal li ul.dropdownmenu {
	position:absolute;
	top:-999999em;
	left:-999999em;
}

.menu-horizontal li.active ul.dropdownmenu,
.menu-horizontal li.active:hover > ul.dropdownmenu{
	display: block;
	left: 0em;
	position: relative;
	top: 0em;
	visibility: visible;
	opacity: 1;
}
ul.dropdown li:hover ul.dropdownmenu {
	left: -99999em;
	top: 34px;
	z-index: 1;
	display: none;
}
#dl-menu{
	left:auto;
	right: 0px;
	top: 3em;
	display:none;
	z-index: 1;
	width:220px;
    position: absolute;
	height:auto;
}
div#menu_wide .active > ul.nav {
	display: block;
}
#menu_wide:after{
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 9px 0 #FFFFFF, 0 18px 0 #FFFFFF;
    content: "";
    height: 4px;
	left: 15%;
    position: absolute;
	top: 7px;
	width: 70%;
}
.nav li{
    float: none;
    margin-top: 0em;
    position: static;
    width: 220px;
    z-index: 3;
}
.menu-horizontal li {
    clear: both;
    position: relative;
    z-index: 3;
    margin-left: 0em;
}
.menu-horizontal li.active ul.secnav{
	display: block;
    top: -1.5em;
    margin-top: 0em;
}
ul.dropdownmenu{
	min-height:0;
	border-bottom-width:0;
	box-shadow: 0px 0px 0px 0px #999999;
}
.sub a.item-link{
	margin-top: 0em;
}
.moremenu ul.dropdownmenu,
.moremenu a:hover >  ul.dropdownmenu{
	display: block;
    left: 0;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.moremenu a.item-link{
	display: none;
}
.moremenu ul.dropdownmenu a.item-link{
	display: block;
}
.moremenu #dropdownactive{
	margin-top: 0;
}
.moremenu ul.dropdownmenu li a.item-link {
	font-size: 1.1em;
    padding: 9px 17px;
}
ul.secnav{
	display: none;
	position: relative;
	width: 100%;
}
ul.secnav li{
	position: relative;
}
ul.dropdownmenu li{
	display: block;
}
ul.dropdownmenu li.first-child, ul.dropdownmenu li {
	width: 100%;
	float: left;
	min-height:auto;
}
ul.dropdownmenu li a.item-link {
	width: 100%;
}
.menu-horizontal li.active ul li {
    margin-left: 0em;
}
.menu-horizontal li.first-child {
    margin-left: 0em;
}
li.moremenu span.item-link {
    padding-right: 22em;
    top: 0.1em;
    width: 27em;
}
.four .column {
    width: 100%;
}
div#header{
	width: 100%!important;
}
.columns .column.first-column {
    clear: initial;
    margin-top: 0;
}
.columns .column.last-column {
    margin-right: 3%;
    margin-top: 0;
}
.even.column, .odd.column{
	min-height: auto;
}

}


@media only screen and (min-width : 5px) and (max-width : 478px) {
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body {
    margin: 0;
    padding: 0;
}
div#wrapper, 
div.wrapper{
    width: 100%;
}
.contentrow,
.content-wrapper,
#positioning{
	width: 100%!important;
}
#product-themes ul li.theme{
	min-height: 0;
}
#sub{
	left: 0;
    display: none;
}
ul.menu-vertical li{
	border-bottom: 1px solid #FFFFFF;
    margin-bottom: 0;
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6,
.grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
.grid-13, .grid-14, .grid-15, .grid-16{
	width: 96%;
    margin-top: 2em;
    margin-left: 2%;
    margin-right: 2%;
}
.push-1,	.pull-1,	.push-2,	.pull-2,
.push-3,	.pull-3,	.push-4,	.pull-4,
.push-5,	.pull-5,	.push-6,	.pull-6,
.push-7,	.pull-7,	.push-8,	.pull-8,
.push-9,	.pull-9,	.push-10,	.pull-10,
.push-11,	.pull-11,	.push-12,	.pull-12,
.push-13,	.pull-13,	.push-14,	.pull-14,
.push-15,	.pull-15 { left:0; position:static;}
.three .column,
.column-one-third.digimeente-news.column-3.odd.first-child.column.first-column,
.columns .column.last-column, .column-one-third {
    width: 100%;
}
.push-4{
	left: 0;
}
form#announcements-filters{
	margin-left: -2em;
    padding: 1em;
}

.briefing .resultfilters .three .column{
	width: 43%;
    float: left;
}
.briefing .resultfilters .three .last-column{
	width: 100%;
}
.briefing form.simpleform .from,
.briefing form.simpleform .till {
	float: left;
    margin-top: -1px;
    width: 50%;
}
.briefing form.simpleform div.datefield label{
	padding: 4px 0 0;
}
.briefing #filter form p{
	margin: 0;
}
.from div.calendar-wrapper{
	margin-left: -8em;
    margin-top: 2.8em;
}
.till div.calendar-wrapper{
	margin-left: -17em;
    margin-top: 2.8em;
}
form.simpleform a.calendar-button{
	margin: 0 0 -3px 4px;
}

.form-row.question.datefield_week.last-child {
    width: 100%;
}
form.simpleform #searchfield{
	width: 100%;
}
.cvdr_content div.calendar-wrapper{
	margin-left: -17em;
    margin-top: 2.8em;
}

#announcements-filters .two .column{
	width: 45.4%;
}

#footer {
    display: inline-block;
    margin-bottom: 0.5em;
}
.submit-buttons.actions > a{
	width: 60%;
}
#contact-information{
	width: 50%;
    position: relative;
    margin-right: 1em;
}
#contact-information p, 
#contact-information .adr, 
#contact-information .phone-numbers span{
	display: block;
}
.content-footer {
    width: auto;
}
.sc_filter .organisation ul{
    margin-top: 0;
}
ul.pagerbar{ 
	width: 89%;
    padding: 0 0 20px;
    margin-left: 0px;	
}
ul.pagerbar li {
    display: inline-flex;
    line-height: 1em;
    margin: 0 1px 8px;
}
div#side-content .container{
	width: 98%;
}
#react-form {
    width: 90%;
}
.row1_breadcrumb p.mypip_row1.breadcrumbs {
	width:100%;
}
#pipadmin, .float-right {
	float: none;
}
#product-themes .two .column {
    width: 98%!important;
}

.life_productcatalog {
    float: left;
    position: relative;
    width: 98%;
}
.life_productcatalog .container{
	margin-left: 0;
}
#topproducts, #product-themes {
    float: left;
    width: 100%;
}
#topproducts li.column, .one li.column{
	width: 98%;
    margin-bottom: 0;
}
#product-themes ul li.theme {
    margin-bottom: 1em;
    min-height: 0;
}
#scrollto, #get_box, #webmetric{
	width: 100%;
	margin:0 0 1em;
	height:auto;
}
.search-productcatalog .alphabet .inline li {
    margin: 0 auto;
    width: 10px;
}
.life_productcatalog .items > li,
#product-themes ul.three li.theme{
	width: 100%;
}
form.simpleform .two-columns .question,
form.simpleform .three-columns .question,
form.simpleform .four-columns .question{
	width: 98.8%;
}
.tabs.emocracy li{
	padding-right: 1px;
}
ul.tabs.emocracy a, ul.tabs.emocracy span{
	font-size: 10px;
    padding: 0.2em 5px 4px;
}
.emocracy .vote-box strong{
	width: 14px;
}
.emocracy .subjects .item-text .description {
    padding-right: 0px;
}
.emocracy .item-text {
    width: 58.7%;
}
.emocracy .no-photo {
    width: 76%;
}
.emocracy .item-image > img {
    width: 100%;
}
.briefing #filter form .calendar{
	margin-left: 10em;
}
form.simpleform .question{
	width: 100%;
}
.emocracy .subjects .items li{
	width: 98%;
}
.emocracy .item-text {
    width: 100%;
}
.emocracy .item-image {
    max-height: 17em;
}
#digid_popup {
    left: 5%;
    right: 5%;
    top: 5%;
}
	
	#footer_columns.columns.two .column,
	#footer_columns.columns.three .column,
	#footer_columns.columns.four .column,
	#footer_columns.columns.five .column {
		width:100%;
		margin:0 0 1em;
	}
	.basic_information ul.details li {
		float:none;
		width:100% !important;
		text-align:left !important;
	}
	#accessibility-tools {top:35px;}

}


@media only screen and (min-width : 479px) and (max-width : 959px) {
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body {
    margin: 0;
    padding: 0;
}
#footer ul.quicklinks a {
    color: #0062a0;
}
div#wrapper, 
div.wrapper{
    width: 100%;
}
.contentrow,
.content-wrapper,
#positioning{
	width: 100%!important;
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6,
.grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
.grid-13, .grid-14, .grid-15, .grid-16{
	width: 96%;
    margin-top: 1em;
    margin-left: 2%;
    margin-right: 2%;
}
.push-1,	.pull-1,	.push-2,	.pull-2,
.push-3,	.pull-3,	.push-4,	.pull-4,
.push-5,	.pull-5,	.push-6,	.pull-6,
.push-7,	.pull-7,	.push-8,	.pull-8,
.push-9,	.pull-9,	.push-10,	.pull-10,
.push-11,	.pull-11,	.push-12,	.pull-12,
.push-13,	.pull-13,	.push-14,	.pull-14,
.push-15,	.pull-15 { left:0; position:static;}
.column-one-third.digimeente-news.column-3.odd.first-child.column.first-column {
	width: 30%;
}
.columns .column.last-column {
    width: 60%;
}
.three.columns .column,
.four.columns .column {
    width: 100%;
}
.columns .column.first-column {
    clear: none;
}
.columns .column.last-column {
    margin-right: 3%;
}
.home_left.grid-4.pull-12, .home_left #menu {
    position: static;
}

.home_menu {
    display: block;
    position: static;
    z-index: 7;
}
#sub{
	left: 0;
    display: none;
}
.push-4{
	left: 0;
}
.result{
	float: none;
    margin-right: 0;
}
.digimeente-events .three .column {
	width: 100%;
}
.row1_breadcrumb p.mypip_row1.breadcrumbs {
    width: 100%;
}
#pipadmin, .float-right {
	float: none;
}
.submit-buttons.actions > a{
	width: 60%;
}
.briefing form.simpleform .from,
.briefing form.simpleform .till {
	float: left;
    margin-top: -1px;
}
.briefing form.simpleform div.datefield label {
    width: 4em;
}
#contact-information{
	width: 50%;
    position: relative;
    margin-right: 1em;
}
#contact-information p, 
#contact-information .adr, 
#contact-information .phone-numbers span{
	display: block;
}
.content-footer {
    width:auto;
}
form.simpleform .four-columns .question{
	width: 98.8%;
}
.emocracy .subjects .items li{
	width: 48%;
}
.emocracy .subjects .items li:nth-child(3n) {
    margin-right: 2%;
}
.emocracy .items {
    display: inline-table;
}
.emocracy .item-image {
    max-height: 16em;
}
#digid_popup {
    left: 30%;
    right: 30%;
    top: 6%;
}
	#footer_columns.columns.two .column,
	#footer_columns.columns.three .column,
	#footer_columns.columns.four .column,
	#footer_columns.columns.five .column {
		width:48%;
		margin:0 1% 1em;
	}
	#footer_columns.columns .column:nth-child(odd) {clear:left;}
}

@media only screen and (min-width : 800px){
	.menu-horizontal li{
		list-style: none;
	}
	.commentfield {
		display: inline;
	}
}
@media only screen and (min-width : 861px) and (max-width : 1184px) {
#digid_popup {
    left: 30%;
    right: 30%;
    top: 6%;
}
}

@media screen and (max-width:959px) { /* (min-width:660px) and */
#responsive-sidebar { display: block; }

	/** 100% width **/
	div#wrapper {
		min-width: 300px;
		width: 100%;
	}

	/** Create horizontal navigation: **/
	.content-wrapper {
		position: relative;
		float: none;
	}
	/** Unfloat side bar **/
	div#side-content .container {
		margin: 0 2% 0 0;
		float: left;
	}

	/** Reduce footer columns to 3: **/
	.fat-footer .items>li {
		width: 33%;
	}
	.fat-footer .items>li:nth-child(3n+1) {
		clear: left;
	}
}
@media only screen and (min-width : 800px) and (max-width : 969px) {
	.subjects {
   		margin-top: 0;
	}
	.emocracy .subjects .items li {
    	width: 31%;
	}
}

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

	.content-area>.two.columns>.column {
		float: none;
		width: auto;
	}

	/** 3 columns are a bit much, reduce to 2 columns **/
	div#side-content .container {
		margin: 0 2% 0 0;
		width: 100%;
	}
	/** Reduce Footer columns to 2 **/
	.fat-footer .items>li {
		width: 50%;
	}
	.fat-footer .items>li.odd {
		clear: left;
	}
	.fat-footer .items>li:nth-child(3n+1) {
		clear: none;
	}
}
@media only screen and (min-width :0px) and (max-width : 600px) {
	div#wrapper {
		padding-top:5em;
	}
	.container-sessions {width:46%}
	div#quicklinks {
		top:2.5em;
		right:0.5em;
	}
	div#quicklinks li {
		margin-right:0;
		margin-left:10px;
	}
	div#quicklinks li a{
		margin-right:0;
	}
	form#quicksearch {
		right:0.5em;
	}
	form#quicksearch input.text {
		width:180px;
	}
	
	/** Make Logo shrinkable **/
	div#header {
		max-height: 20vw;
		background-size:  100% auto;
		background-position:center center;
	}
	a#logo {
		min-height:57px;
		max-width:50%;
	}
	a#logo img {
		max-height:20vw;
		max-width: 100%;
	}
	.content-wrapper,
	.content-wrapper.horizontal {
		padding-top:0;
	}
	.content-area {
		margin-top:4em;
	}
	.readspeaker {
		margin:0;
	}
}
@media only screen and (min-width :601px) and (max-width : 959px) {
	form#quicksearch {
		right:0.5em;
	}
	form#quicksearch input.text {
		width:180px;
	}
	div#quicklinks {right:185px}
	
	/** Make Logo shrinkable **/
	div#header {
		max-height: 20vw;
		background-size:  100% auto;
		background-position:center center;
	}
	a#logo img {
		max-height:20vw;
		max-width: 300px;
	}
	.content-wrapper,
	.content-wrapper.horizontal {
		padding-top:0;
	}
	.content-area {
		margin-top:4em;
	}
	#accessibility-tools {
		left:0.5em;
	}
}

@media (pointer: coarse) {
	/* Dropdownmenu Hover fix for touchscreens */
	.dropdowntrigger li.touchinactive > a{pointer-events: none;}
	.dropdowntrigger li.touchactive > a{pointer-events: auto;}
}