/*
 * Copyright (C) GemeenteOplossingen B.V. - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 * Proprietary and confidential.
 */

/* ############################# */
/* #   Basic layout elements   # */
/* ############################# */
/* Containers */


#wrapper {
	padding: 70px 0px;
	position: relative;
	flex: 1 0 auto;
}

@media print {
	#wrapper { padding-top: 10mm; }
}

/* ############## */
/* #   Header   # */
/* ############## */

/* User : login/logout */
#user
{
	position: absolute;
	top: 0px;
	background: #F5F5F5;
	width: 100%;
}

#user .container { height: auto; padding-right: 220px; text-align: right; margin-bottom: 0px; width: 740px; }

#user span,#user a
{
	font-size: 0.8em;
	color: #464B50;
	text-decoration: none;
	margin-left: 10px;
}

#user #profiel_link { font-weight: bold; margin-left: 0px; }
#user a:hover { text-decoration: underline; }

#user .account
{
	border-radius: 3px;
	line-height: 26px;
	background-color: #696E74;
	border: 0px;
	color: #FFFFFF;
	padding: 0px 10px;
	margin: 2px 0px 2px 10px;
}

#user .account:hover { text-decoration: none; background-color: #868C93; }

#user .account.login:before
{
	content: " ";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icons/meeting.png);
	background-repeat:	no-repeat;
	background-position: left -576px;
	margin-right: 10px;
	position: relative;
	top: 5px;
	padding-left: 7px;
}

/* Logo */
.logo, .logo a, .logo a:link
{
	display: block;
	width: 475px;
	height: 91px;
	overflow: hidden;
}

.logo a, .logo a:link { text-indent: -9999px; }

/* ######################## */
/* #   Content elements   # */
/* ######################## */
#content
{
	float: right;
	width: 65%;
	padding-bottom: 50px;
	min-height: 300px;
	position: relative;
}

/* Reset content for full-width pages */
#page.wide #content,
#content.wide,
#page.home #content,
#page.vergaderingen #content,
#page.vergadering #content,
#page.zoeken #content,
#page #content.wide
{
	float: none;
	width: 100%;
}

@media print
{
	#content { float: none; width: 100%; }
}

/* ############## */
/* # Cookie bar # */
/* ############## */
#cookieBar
{
	position: fixed;
	bottom: -1px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	background: #FFFFFF;
	padding: 15px 20px;
	box-sizing: border-box;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
	z-index: 50;
}

#cookieBar h2 { margin-bottom: 0px; }
#cookieBar .text { font-size: 0.8em; margin-bottom: 5px; }
#cookie_accept { }

#cookieBar .more
{
	clear: both;
	float: right;
	margin-top: 5px;
}

@media print
{
	#cookieBar { display: none; }
}

/* Cookie bar */
#warningtop, #cookiepolicy
{
	background: #FEFABC;
	color: #333333;
	padding: 10px;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	border-bottom: 1px solid #cccccc;
	z-index: 20;
	line-height: 200%;
	margin: 0px;
	text-align: center;
}

#cookiepolicy { line-height: 100%; padding: 10px; cursor: pointer; }

#warningtop input
{
	padding: 3px 5px;
	margin: 0;
	margin-left: 5px;
	text-align: center;
	float: none;
}

#warningtop a, #cookiepolicy a { color: blue; text-decoration: underline; }
#mediaplayer_live .fp-elapsed {
	display: none;
}

#warningtop:after, #cookiepolicy:after {
	content: " ";
	clear: both;
	display: block;
}