/**
 * @project Wetten.Overheid.nl
 * @author	KOOP-WMRijk-BZK
 * @name	Framework
 * @version	v098
 */

 /* Header */
.header
{
	font-size: 11px;
	height: 52px;
	margin-bottom: 12px;
}	.header h1 a
	{
		top: 33px;
		left: 32px;
		position: absolute;
	}
	.header img
	{
		border: none !important;
	}
	.header p
	{
		padding: 12px 0 0 12px;
		color: #6D7F97;
	}
	.header a span
	{
		display: none;
	}
  .header .skiplinks
	{
		display: block !important;
		position: absolute;
		left: -999em;
	}
  .header .skiplinks li a:focus
  {
    position: absolute;
    left: 1030em;
    top:-10px;
    width:20em;
  }

.infoheader
{
	background-color: #eee;
	margin-top: 100px;
}

.content
{
	clear:both;
	margin-top: 0px;	
}
	.content p
	{
		margin-bottom: 15px;
	}


/* Footer */
.footer
{
	background: #D8DBE0;
	clear: both;
	color: #679;
	height: 37px;
}	.footer p
	{
		padding: 10px 0 0;
		text-align: right;
		float: left;
		clear: none;
		width: 480px;
	}
	.footer p:first-child
	{
		text-align: left;
	}
	.footer a
	{
		color: #679;
		text-decoration: underline;
	}	.footer a:hover, .footer a:focus
		{
			color: #000;
		}
  .footer img
  {
    vertical-align: top;
  }

.disclaimer
{
	color: #679;
	padding: 0;
	marging: 0;
}	.disclaimer p
	{
		margin-top: -20px;
		margin-left: 20px;
	}

/* Intro before double columns. Not in use.
Can be ued for information above search information*/
div.intro
{
	padding: 20px 20px 0 20px;
	width: 925px;
}

/* Columns */
#functie
{
	width: 263px;
	padding: 7px 10px;
	min-height: 40px;
	margin-bottom: 10px;
}

#content, .double-column
{
	padding: 10px 10px;
	float: left;
	overflow-wrap: break-word;
}

#contenttable
{
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
	float: left;
	overflow-wrap: break-word;
}

#contenttitle, #resultsummary, #errortitle
{
	padding: 0px 20px 5px 25px;
	min-height: 45px;
	width: 460px;
	margin-left: 273px;
	margin-top: -58px
}

#errortitle h2 {
    padding-top: 16px;
    padding-left: 24px;
    background: url(images/error_title.png) 0px 15px no-repeat;
}

#contenttable 
{
	width: 263px;
}

#content
{
	padding: 10px 15px 20px 15px;
	width: 500px;
    min-height: 159px;
}

#searchresult
{
	padding: 10px 15px 20px 15px;
	width: 500px;
}

.double-column
{
	width: 448px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.clearme
{
	clear: both;
}

/* Column headers */
#functie legend, #context legend, .double-column legend, .popup legend, #functie h2, #context h2, .double-column h2, .popup h2, .column h3
{
	font-size: 1.05em;
	border-bottom: 3px solid #FF8A00;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 5px;
}

#functie h2 + ul li:first-child a, #content h3 + ul li:first-child, #content p.info + ul li:first-child a, .double-column h3 + ul li:first-child a
{
	border-top: none ;
}	#content h3 + ul
	{
	margin-top: 0px;
	}

.double-column h2, .popup h2, .double-column legend, .popup legend
{
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-size: 1.1em;
}

/* Generic styles */
.hidden
{
	display: none !important;
}

.active > a, strong.active, .active strong
{
    color: #e67c00;
}	p.active a
	{
		font-weight: bold;
	}

/* Pop-up */
.popup
{
	position: absolute;
	padding: 0;
	overflow: auto;
	margin: 0;
	height: 100%;
	width: 100%;
	background: url(images/popup-bg.png);
	z-index: 9999;
	top: 0;
	left: 0;
}	.popup>*
	{
	width: 600px;
	padding: 10px 20px;
	background: #fff;
	margin: 70px 0 0 230px;
	position: relative;
	}
	body#popup
	{
		background: none !important;
		overflow: hidden;
	}

.popup p
{
	margin-bottom: 10px;
}

.popup label
{
	width: 200px;
	display: block;
	float: left;
	clear: both;
	margin-right: 20px;
	border-top: 1px solid #d8dbe0;
}

.popup h2
{
	font-size: 1.05em;
	border-bottom: 3px solid #FF8A00;
	font-family: inherit;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.popup .form-container h3
{
	margin-top: 20px;
	
}

#LoadMessage {
	width:235px;
	border:1px solid #CCC;
	background-color:#EEE;
	background-color: -webkit-linear-gradient(#EEE, #DDD); /* For Safari */
	background-color: -o-linear-gradient(#EEE, #DDD); /* For Opera 11.1 to 12.0 */
	background-color: -moz-linear-gradient(#EEE, #DDD); /* For Firefox 3.6 to 15 */
	background-color: linear-gradient(#EEE, #DDD); /* Standard syntax */
	background-image: url(images/loadingIcon.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	border-radius: 6px 6px 0px 0px;
	text-align:center;
	padding: 10px 0px 0px 7px;
	position:fixed; 
	bottom:50px; 
	left: 450px;
	font-weight: bold;
	display:none; 
}

#LoadMessageCompare {
background-image: url(images/loading-icon.gif);
background-repeat: no-repeat;
background-size: 40px 40px;
height: 40px;
padding: 15px 0 0 80px;
width: 560px;
background-position: 20px 4px;
}

@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),  
        only screen and (   min--moz-device-pixel-ratio: 1.5),  
        only screen and (     -o-min-device-pixel-ratio: 3/2),  
        only screen and (        min-device-pixel-ratio: 1.5),  
        only screen and (min-resolution: 192dpi)
{		
		
		#errortitle h2{
			background-image: url(images/error_title2x.png);
			background-size: 16px 16px;
		}
		
}