/*
	Main stylesheet gemeente noordenveld
	Oude vormgeving - nieuwe implementatie
*/

html
{
	height: 100%;
}

body
{
	height: 100%;
	margin:0;
	padding:0em;
	font-family:verdana, "bitstream vera sans", sans;
	background:white url(../images/mainbg.png) no-repeat top right;
/*	background: #CCCCCC!important;*/
	color:black;
	font-size:76%;
}

/*th { text-align: left; }*/

#top
{
	right:1em;
	position:absolute;
}

#top a
{
	width:28px;
	height:22px;
	display:block;
	text-indent:-999em;
}

#content
{
/*	border:10px dotted pink;*/
/*background: #FFFFFF;*/
}

#content h2, #content h3
{
	margin:0;
	font-weight:bold;
}

#content h2
{
	font-size:1.1em;
}
#content h3, #content h4
{
	font-size:1em;
}

.center
{
	text-align:center;
	margin: auto;
}
.left
{
	text-align:left;
}
.right
{
	text-align:right;
}

a:active
{
	color:red;
}

.balk
{
	position:absolute;
	right:0;
	top:0;
	height:23px;
	border-top:1px solid white;
}

#balk0
{
	width:40%;
}

#balk24
{
	width:50%;
}

#balk48
{
	width:35%;
}

#content p, #content table
{
	margin:0;
	padding:0;
	margin-bottom:1em;
	line-height:1.5em;
}

#content ul li, #content ol li
{
	line-height:1.5em;
}

#content ul ul, #content ol ol
{
	margin-bottom:0;
	padding-bottom:0;
}

#content ol
{
	margin:0;
	padding:0;
	margin-left:1.65em;
	margin-bottom:1em;
}

#main
{
	position:relative;
	min-height: 100%;
}

#footer
{
	width:100%;
	margin-top:-1.8em;
	position: relative;
	color:white;
}

#footer ul
{
	height:1.8em;

	width:58em;
	
	margin:0 auto 0 auto;
	padding:0;
	list-style-type:none;
}

#footer li
{
	font-size:.9em;
	float:left;
	margin: .5em 0;
	padding:0 .5em;
	border-right:1px solid white;
}

#footer li.last
{
	border-right:none;
}

#footer li a
{
	color:white;
}

a img
{
	border:none;
}

#content img.left
{
	float:left;
	margin-right:.5em;
}

#content img.right
{
	float:right;
	margin-left:.5em;
}

#content img.right
{
	margin-left:.5em;
	margin-right:.5em;
}
#content
{
	position:relative;
  	margin-left:30em;
	padding-top:8.5em;
	margin-right:4em;
	padding-bottom:3em;
}

#print
{
	position:absolute;
	top:9em;
	right:0px;
}

#back
{
	font-size:.9em;
	text-align:right;
	padding-top: 7pt;
}


#extras
{
	position:absolute;
	z-index:9999;
	top:8.5em;
	left:14.5em;
	
	width:14em;
	margin-left:.5em;
	margin-right:.5em;
}

#extras h2
{
	font-family:arial, helvetica, sans;
	margin:0;
	padding:0;
	font-size:1em ;
}

#extras div
{
	padding-bottom: 1em;
}

#logo
{
	position: absolute;
	top: 10px;
	left: 170px;
	z-index: 9;
}


#stats
{
	margin-top:1em;
}


#stats ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	border-top:1px solid white;
}

#stats ul li
{
	padding-left:.5em;
	border-bottom:1px solid white;
}

#stats ul li a
{
	color:black;
	text-decoration:none;
}

h1
{
	margin:0;
	padding:0;
	font-size:1.5em;
	font-weight:normal;
	padding-top:0.7em;
	padding-bottom:1em;
}

.out
{
	position:absolute;
	top:-999em;
	left:-999em;
	height:0;
}


#quicknavigation
{
	font-family:arial, helvetica;

	width:100%;

	position:absolute;
	top:70px;
	left:0;
	
	font-size:1em;
	color:white;
	border-top:1px solid white;
}

#quicknavigation a
{
	font-size:.9em;
	color:white;
	text-decoration:none;
}

#quicknavigation ul
{
	height:1.9em;

	margin:0;
	padding:0;
	
	margin-left:29.6em;
	list-style-type:none;
}

#quicknavigation li
{
	padding-right:.5em;
	padding-left:.5em;
	margin-top:.4em;
	float:right;
	border-right:1px solid white;
}

#quicknavigation li.last
{
	border-right:1px none;
}

#quicknavigation fieldset
{
	border:none;
	padding:0;
	margin:0;
	margin-top:-1em;
}

#quicknavigation legend
{
	display:none;
}

#quicknavigation form
{
	padding-top:0.1em;
}

#quicknavigation form input
{
	border:none;
	font-size:.9em;
	position:relative;
	top:.1em;
	padding:.20em
}

#quicknavigation label
{
	font-size:.9em;
	margin-right:.4em;
	position:relative;
	top:.2em;	
}

#quicknavigation form #zoekbtn
{
	position:relative;
	top:.6em;	
}

#highlight p
{
	padding:0;
	margin:0;
	padding-left:0.9em;
	padding-right:1em;
}

#menu p, #extras p, #extras li
{
	font-size:.9em;
	line-height:1.8em;
}

#extras .rounded
{
	background:#A2D588 url(../images/extra_bottom.png) no-repeat bottom left;
}

#extras .rounded h2
{
	background:#A2D588 url(../images/extra_top.png) no-repeat top left;
	padding-left:.8em;
	padding-top:.5em;
	padding-bottom:.2em;
}

.skiplinks
{
	font-size:.8em !important;
	text-transform:uppercase;
	margin:0;
	padding:0;
	background:#73A832;
}

.skiplinks a
{
	padding-left:.5em;
	text-decoration:none;
	color:white !important;
}


.skiplinks a:focus
{
	background:white !important;
	color:black !important;
}

#internal
{
	text-align:right;
	position:absolute;
	z-index:99999;
	width:46.5em;
	top:0;
	padding:.45em;
	right:0;
}

/*********************/
#content ul
{
	margin:0;
	padding:0;
	margin-left:1.3em;
	margin-bottom:1em;
}


#content ul.related li
{
	margin:0.5em;
	list-style-type:none;
	padding-left:2em !important;
}

#content ul.related
{
	font-size:.9em;
	padding:0;
	margin:0;
	margin-left:-.9em;
}
#content h2.related
{
	color:black;
	font-size:.9em;
	margin:1em 0pt 0pt;
}

#content #list
{
	margin-top:1em !important;
	padding:0;
	margin:0;
	list-style-type:none;
}

#list li
{
	padding-top:0 !important;
	padding-bottom:1.5em;
}

#list li img.icon
{
	margin-left: .4em;
	margin-bottom: -.2em;
}


#list li .readmore { border: none; padding: 0px; margin: 0px; color: #364F18; display: inline; font-weight: normal; font-size: 0.8em; }
#list li .readmore:hover { color: #73A832; border: none!important;  }



#list h2, #list li p.date 
{
	float:left;
	clear:none;
}

#list p
{
	margin:0 !important;
}

#content p.date
{
	padding-top:.25em;
/*	margin-left:.5em !important;*/
	font-size:.85em;
}

#list p
{
	clear:both;
}


.readmore
{
	font-size:.85em;
}

.invalid_link
{
	color:black;
	text-decoration:underline;
}

#klikpad
{
/*	position:absolute;
	top:0;
	left:0;
*/
	font-size:.9em;
	color:#666;
	padding:0pt;
}

#klikpad a
{
	color:#666;
}


.files
{
	list-style-type:none;
}

#content ul li label
{
	float:none;
}


/* ------------------------- */

#content fieldset.questiongroup
{
	border:1px solid #A5BCCE;
	margin-bottom: 1em;
	clear:both;
	padding:8pt;
	position:relative;
}

#content .questiongroup legend
{
	display: block;
}
.rood
{
	border: 2px solid red;
}
#content .questiongroup label
{
	display:block;
	float:left;
	width:30%;
	padding-bottom:.6em;
}
#content .questiongroup label.inline
{
	float:none;
	display:inline;
}
#content a.help
{
	position: relative;
	z-index: 1;
	text-decoration:none;
	margin-left: 5pt;
}

#content a.help p
{
	margin: 0em;
}

#content a.help:hover
{
	z-index: 2;
	padding: 0;
}

#content a.help span.helptext
{
	position:absolute;
	left:-999em;
}

#content a.help:hover span.helptext
{
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 15em;
	border: 1px solid black;
	background-color: #FFFFE1;
	padding: 0.5em;
	color:black;
	text-decoration: none;
}

#content a.help img
{
	border:0px;
}

#content .questiongroup .print
{
	display: block;
	background-color:#EBEBE4;
	border:1px solid #7F9DB9;
	width:65%;
	float:left;
	margin:0;
}
#content .questiongroup br
{
	display:block;
	margin:.2em;
	clear:both;
}

#content .questiongroup input, textarea
{
	width:65%;
}

#content .check
{
	width:1em;
}

#content input.checkbox
{
	width:auto;
	border:none;
}

#content input.check
{
	vertical-align:middle;
	float:none;
	width:auto;
	border:none;
}

#content #formulier .questiongroup p br
{
	clear:none;
}

#content #formulier .hidden_legend { position: absolute; left: -9999px; }

#content .questiongroup p br
{
	clear:none;
}

.cdiv
{
	display: block;
	float:left;
	margin-bottom:1em;
	width:65%;

}
#googlemapsdesc
{
	width: 300px;
	margin-bottom: -4em;
}

#googlemapsdesc br
{
	line-height: 0em;
	margin:0em;
}

.nonvisual, .hidden, .highlighted
{
	display:	none;
	position: absolute;
	left: -9999px;
}

/* Opmaak Formulier */
#formulier{ width: 620px; position: relative;}

#formulier input{}

#formulier #__emailto { width: 240px; }

#formulier .nextbutton { margin-top: 25px; }

#formulier p { margin: 0.5em; }

#formulier label { padding-left: 0px!important; }
#formulier p { margin-left: 0px; }

#formulier .check{ float: right; width: 390px; margin-top: -4px; }

#formulier .checkbox, #formulier .radiobutton { margin-left: 15em; }

#formulier .checklabel, #formulier .radiolabel { width: 15em; margin-bottom: -20px; margin-top: 15px; color: #000; }

#formulier .required
{
display: inline-block;
background: url(../images/ster.gif) no-repeat top left;
padding: 0px;
text-indent: -9999px;

width: 10px;
height: 10px;
line-height: 100%;
}

#results{ border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; width: 500px;}
#results caption {display: none;}
#results td, th, caption 
{
font-size: 8pt;
color: #666666;
padding: 5px;
padding-left: 0px;
border-bottom: 1px solid #EEEEEE;
text-align:left;
}

#results td
{
	margin: 0!important;
	padding: 5px!important;
	padding-left: 0!important;
}

#results input{ font-size: 8pt; background: none; border: none; border-bottom: 1px solid #666666; width: 34px;  color: #666666; height: 14px;}
#results input:hover{ border-bottom: 1px solid #FFFFFF;}

#results th { background: #EEEEEE; color: #666666;}

#results ul { list-style: none; margin: 0px; padding: 0px; }

#results .wijzigen { cursor: pointer; }


#submit{ width: 600px; height: 30px;  }
#submit input{float: right;}


/* Bekendmakingen */
#regeling
{
	width: 630px;
	position: relative;
}

#list
{
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	height: auto;
	margin-bottom: 50px!important;
}

#list li a
{
	display: block;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 1em;
	color: #222222;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

#list li a:hover
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

dt,dd
{
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

dt
{
	width: 250px;
	float: left;
}

dd
{
	width: 250px;
	float: left;
}

dl:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
dl {
	display: inline-block;
}
 
html[xmlns] dl {
	display: block;
}
 
* html dl {
	height: 1%;
}

.version_link
{
	/*position: absolute;
	right: 35px;
	top: 10px;*/
	text-align: right;
	width: 630px;
}

.version_link a
{
	background: url('../images/bullet.png') no-repeat right 3px;
	padding-right: 12px;
	color: #222222;
	font-weight: bold;
	font-size: 0.8em;
}

.version_link a:hover
{
	text-decoration: underline;
}

.version_text
{
	border: 2px dashed red;
	padding: 5px;	
	margin-top: 0;
	font-weight: bold;
	color: red;
	font-size: 1.1em;
}

#inhoud
{
	margin-top: 25px;
	margin-bottom: 25px;
}


#versions
{
	/*width: 620px;*/
	width: 74%;
	border-top: 1px solid #5898E3;
	margin-top: 25px;
	padding-top: 15px;
}



span.required {
color:#979797;
}

#foutmelding {
background:#FAA61A none repeat scroll 0 0;
}

#foutmelding h2 {
background:transparent url(../images/warning.png) no-repeat scroll 15px 13px;
color:black;
font-size:1.4em;
margin:0 !important;
padding:15px 0 0 40px;
}

#foutmelding ul {
background:#FFCA6F none repeat scroll 0 0;
margin:0;
padding:5px 0;
}

#foutmelding ul li {
color:black !important;
list-style-type:none;
padding:5px 0 5px 15px;
}

#foutmelding p {
color:black !important;
margin:0;
padding:15px;
}
#foutmelding ul li a {
font-weight:bold;
}

input.text, input.title {
cursor:text;
padding:0.3em 0.4em 0.15em;
width:240px;
}

input.text:focus, input.title:focus, textarea:focus, select:focus
{
border:2px solid #004D97;
}

input.error, textarea.error, select.error
{
border:1px solid #FF0000 !important;
}


#content p.toelichting
{
	background:#FFF6DF;
	color:black;
	padding:10px !important;
	position:absolute;
	border:1px solid #ccc !important;
	
}

#balloon
{
	position:absolute;
	top:10px;
	left:-24px;
}

.toelichting
{
	max-width:380px;
}

.samenwerkendecatalogi
{
	clear:both;
	font-size: .8em;
}


#formulier fieldset legend
{
background:transparent none repeat scroll 0 0 !important;
border-bottom:1px solid #E5E5E5;
/*color:#004D97;*/
font-size:16px;
font-weight:normal;
margin-bottom:0px;
padding:0 0 4px;
display:block !important;
}

#percentage { width: 605px;}
#percentage p { margin-left: 0px;}

#percentage #bar
{
background: #EEEEEE;
border-right: 1px solid #AAAAAA;
height: 15px;
font-size: 0.8em;
}

.digid { padding-left: 2em!important; background: url(../images/lock.gif) no-repeat top left; }
.digid a, .digid a:link { text-decoration: underline!important; }

/* ReadSpeaker */
#readspeaker { position: absolute; top: 9em; right: 75px; z-index: 5; width: 230px; }
#readspeakerwindow { clear: both; width: 230px; }
#readspeakerlink
{
display: block;
width: 16px;
height: 16px;
background: url(../images/readspeaker/sound.png) no-repeat center center;
text-indent: -9999px;
float: right;
}
#readspeakerplayer { width: 200px; height: 20px; }
#readspeakerclose { display: block; float: right; width: 20px; height: 20px; background: url(../images/readspeaker/close.png) no-repeat center center; text-indent: -9999px; }
#readspeakerwindow #rs_playerarea { border: 1px solid #E4E4E4; border-bottom: 0px; padding: 4px; padding-bottom: 0px; }
#readspeakerwindow #bottomlinks {  border: 1px solid #E4E4E4; border-top: 0px; padding: 0px 8px 8px 8px;}
#readspeakerwindow #bottomlinks a, #readspeakerwindow #bottomlinks a:link { font-size: 0.8em;  }
#readspeakerwindow #bottomlinks a:active, #readspeakerwindow #bottomlinks a:hover {  }
#readspeakerwindow #rs_settings, #readspeakerwindow #rs_settings:link {  }
#readspeakerwindow #rsSaveBtn, #readspeakerwindow #rsSaveBtn:link {  }
#readspeakerwindow #controls { position: absolute; right: 0px; margin-top: -1px; }

#readspeakerwindow #controls ul { list-style: none; margin: 0px; }
#readspeakerwindow #controls li {  }

/* Style pop-up bij selecteren van text */
#rs_selimg
{
padding-left: 17px ;
border-style: none ;
background: transparent url(../images/readspeaker/wrench.png) no-repeat 2px 2px ;
position: absolute ;
border: 1px solid #aeaeae ;
z-index: 10000 ;
background: #FFF ;
padding: 5px ;
line-height: 1em ;
}

#rs_popup_link a:hover { background-color: #a4cbff ; }

#rspopup 
{

z-index: 1000 ;
background: #FFFFFF ;
width: 342px ;
border-color: #a4cbff #aeaeae #aeaeae ;
border-right: 1px solid #aeaeae ;
border-style: solid ;
border-width: 1px ;
font-size: 12px ;
font-family: Arial ;
padding: 3px ;
height: 157px;
}

#rspopup legend
{
display: block!important;
font-weight: bold;
color: #000000;
}

#rs_popup_player
{
font-family: Arial ;
font-size: 13px ;
width: 97px ;
height: 22px ;
position: absolute ;
border: 1px solid #aeaeae ;
z-index: 9000 ;
background: #fff ;
line-height: 1em ;
}

#rs_popup_player #controls
{
position: absolute; left: -1px; margin-top: 6px;
}

.rs_block 
{
float: left ;
margin: 0 3px 0 0!important;
padding: 3px!important;
border: 1px solid #ddd!important;
width: 160px ;
background: none ;
clear: none ;
}
.rs_block legend { }
.rs_block ul { margin: 0px; padding: 0px; }
.rs_block li { }
.rs_block li a, .rs_block li a:link { padding: 2px 0px 2px 15px; display: block; color: #000000; text-decoration: none; }
.rs_block li a:hover { background: #eee ; }
.rs_block li.rs_active { background: #A4CBFF url(../images/readspeaker/rsoptionbg.gif) repeat-x top left; }
.rs_block li.rs_active a,  .rs_block li.rs_active a:hover { background: transparent url(http://media.readspeaker.com/images/enterprise/default/rs_arrow.gif) no-repeat scroll 5px center; padding-left: 15px; }

.sync_sent_highlighted
{
background: #E5E5E5;
}

.sync_word_highlighted
{
background: #FFF59B;
}

.sync_user {  }
.sync_user .word { background: #E5E5E5; }
/**/

/* RSS Knop (2011-03-10) */
#rssknop
{
display: block;
width: 16px;
height: 16px;
overflow: hidden;
/*text-indent: -9999px;*/

/*background: url(../images/rss.gif) no-repeat top left;*/
position: absolute;
top: 111px;
right: 55px;
z-index: 20;
}