/* body */
body {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	margin: auto auto auto auto;
	/* background: ;   /* ButtonFace #FFFFda    blauw=#DFFBFF;*/
	margin-top: 2px;
	overflow: scroll;
	overflow-x:hidden;
}

h1{
	font-size: 21px;
	font-weight: normal;
}
h2{
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
}

a:link   { text-decoration: none; color : blue; background : transparent; font-weight: bold }
a:visited {text-decoration: underline;color: Blue;background: transparent; font-weight: bold}
a:hover	{ text-decoration: underline; color : #aa0d3a; background : transparent; font-weight: bold}

hr{
color: #298D2A;
}

form input, form select { 
	padding: 5px 10px;
}

#wrapper{
	width: 960px;
	margin: 0 auto;	
}

/* Navigatie */
#tnav {
display: block;
width: 950px;
padding: 10px;
background-color: #E9F7E9;
border-right: 1px dashed #CCCCCC;
border-left: 1px dashed #CCCCCC;
text-align: left;
}

#navigation{
padding-bottom: 15px;
width: 950px;
}
#navcontainer_logged{
padding-bottom: 15px;
width: 950px;
}
ul#navlist{
font: bold 11px Verdana, Geneva, Helvetica, sans-serif;
list-style-type: none;
border-bottom: 1px solid #6c6;
margin: 0 0 10px 0;
float:right;
width: 100%;
padding:0;
}

ul#navlist li{
float: left;
width: 100px;
background-color: #cfc;
margin: 2px 2px -1px 2px;
border: 1px solid #6c6;
padding: 5px;
font-size: 14px;
}

ul#navlist li.navwide{ 
	width: 120px;
}

ul#navlist li#active{
border-bottom: 1px solid #E9F7E9;
background-color: #E9F7E9;
}

li#active a { 
color: green; 
}

#navlist a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

#navlist a:hover { 
background: #E9F7E9; 
color: #000000;
}

/* banner */
#headline {
display: block;
height: 110px;
background-color: #298D2A; /* #EC9A00 */
font-weight: normal;
font-size: 16pt;
color: #FFFFFF;
}

.headline_wrapper{
	width: 920px;
	margin: 0 auto;
	padding-top: 30px;
}
.headline_wrapper span.title{float: left;width:700px;text-align: left;display:block}
.headline_wrapper span.title_date{float: left;width:220px;text-align: right;font-size: 11px;padding-top: 50px;}


/* banner */
#headline_login {
display: block;
height: 50px;
background-color: #298D2A; /* #EC9A00 */
font-weight: normal;
font-size: 16pt;
color: #FFFFFF;
}
/* midden pagina */
#container {
width: 950px;
padding: 20px 10px;
background-color: #E9F7E9;
border-right: 1px dashed #CCCCCC;
border-left: 1px dashed #CCCCCC;
text-align: left;
height: auto;
}

#container_links{
	width: 710px;
	float: left;
	padding-right: 10px;
}

#container_rechts{
	padding-top: 77px;
	width: 225px;
	float: left;
}

#container_zoek{
width: 950px;
padding-top: 20px;
padding-right: 0px;
padding-left: 5px;
background-color: #E9F7E9;
border-right: 1px dashed #CCCCCC;
border-left: 1px dashed #CCCCCC;
text-align: left;
height: auto;

}
#contenthome {
min-height: 0px;
float: left;
width: 690px;
text-align: left;
padding: 0 0 0 0;
}

.contenttext.first{margin:0 10px 10px 0;}

.contenttext {
min-height: 193px;
float: left;
width: 315px;
text-align: left;
padding: 20px 10px 10px 10px;
margin: 0 0 10px 0;
border:1px dashed #CCCCCC;
}

#contentzoek {
min-height: 300px;
float: left;
width: 662px;
text-align: left;
padding: 20px 10px 10px 10px;
border:1px dashed #CCCCCC;
}

form#klusser{
	width: 75%;
}

#Pagead {
float: left;
border:1px dashed green;
text-align:center;
margin-bottom: 10px;
background-color: #f2f2f2;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}

#navhome {
display: block;
float: left;
text-align: left;
width: 240px;
margin: 0 0 0 0px;
padding-left: 20px;
}

#navhome .border {
border: #C3D9FF 1px solid;
background-color: #FFFFFF;
width: 230px;
padding: 4px;
margin-bottom: 10px;
}

select.select{
width:100%;
}

form[name="Toevoegen"] select,
form[name="wijzigen"] select {
    width: 250px;
}
form[name="Toevoegen"] input[name='Omschrijving'],
form[name="wijzigen"] input[name='Omschrijving'] {
    width: 450px;
}
form[name="Toevoegen"] textarea[name='Info'],
form[name="wijzigen"] textarea[name='Info']  {
    width: 465px;
}

/* Sidebars */
#sidebarhome {
text-align: left;
padding: 10px;
background-color: #e8eefa;
min-height: 195px;
}

#sidebarhome .content {
padding: 3px 8px 4px 8px;
}

#sidebarhome .center {
text-align: center;
}
#sidebarhome input { width: 90%;}
#sidebarhome input[type='submit'] { width: 45%;}

.newsbox {
min-height: 327px;
width: 238px;
text-align: left;
background-color: #f2f2f2;
border: 1px solid #cccccc;
}

.newsitem {
padding: 10px 4px 10px 4px;
border-top: 1px solid #e5e5e5;
}

#container_pagina {
width: 920px;
padding-top: 30px;
padding-right: 0;
padding-left: 0;
text-align: left;
background-color: #E9F7E9;
}


/* Footer */
#footer_container {
display: block;
width: 950px;
padding: 20px 0 20px 0;
clear: both;
}

#footer_container a{
	font-weight: normal;

}

#footer_container .footer {
padding-top: 5px;
border-top: 1px dashed #cccccc;
text-align: center;
color: #666666;
}

/* text colors */
.blue {
color: blue;
}
.green {
color: green;
}

/* fout meldingen */
.div_error {
	margin: auto;
	margin-top: 5px;
	text-align: left;
	width: 700px;
	border: 1px solid red;
	padding: 1px;
	text-align: center;
	color: red;
	font-weight: bold;
}
.div_error_600 {
	margin: auto;
	margin-top: 5px;
	text-align: left;
	width: 95%;
	border: 1px solid red;
	padding: 1px;
	text-align: center;
	color: red;
	font-weight: bold;
}
.div_error_small {
	margin: auto;
	margin-top: 5px;
	text-align: left;
	width: 450px;
	border: 1px solid red;
	padding: 1px;
	text-align: center;
	color: red;
	font-weight: bold;
}
.register_field_error{
	background-color: #FF0000;
	color:white;
}

.div_succes {
	margin:auto;
	margin-top:5px;
	text-align:left;
	width:700px;
	border:1px solid green;
	padding:1px;
	text-align:center;
	color:green;
	font-weight: bold;
}
.div_succes_small {
	margin:auto;
	margin-top:5px;
	text-align:left;
	width:600px;
	border:1px solid green;
	padding:1px;
	text-align:center;
	color:green;
	font-weight: bold;
}
.div_succes_index {
	margin:auto;
	margin-top:5px;
	text-align:left;
	width:350px;
	border:1px solid green;
	padding:1px;
	color:black;
}

.table_last-sought-body{
	BORDER-BOTTOM: 1px solid;
	background-color: #E9F7E9;
	padding:2px;
	border-bottom-color: ActiveBorder;
	font-size: 10px;
}

.style-red{
	color: #FF0000;
	font-weight: bold;
}
.style-green{
	color: Green;
	font-weight: bold;
}
.style-blauw{
	color: Blue;
	font-weight: bold;
}
.style-paars{
	color: purple;
	font-weight: bold;
}

.query_div {
	border:1px solid #DDDDDD;
	position:absolute;
	bottom:0px;
	right:0px;
	height:300px;
	width:30px;
	overflow: hidden;
	background-color:#66FF99;	
}
.query_div_h {
	border:1px solid #DDDDDD;
	position:absolute;
	bottom:0px;
	right:0px;
	height:300px;
	width:98%;
	overflow:auto;
	background-color:#99FFCC;	
}
.query_table {
	margin-left:10px;
	width:100%;
	font-size:11px;
}
.query_td {
	background-color:#FFFFFF;
}

.table_aanbod-head{
	BORDER-BOTTOM: 1px solid black;
	BORDER-TOP: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: lightblue;
	padding:2px;		
}
.table_aanbod-body{
	BORDER-BOTTOM: 1px solid;
	background-color: #fefade;
	padding:2px;
	border-bottom-color: ActiveBorder;
	font-size: 11px;
}
.index_aanbod-bottom{
	border: 1px outset black;
	width:99%;
	background: lightblue;
	text-align: center;
}
.table_vraag-head{
	BORDER-BOTTOM: 1px solid black;
	BORDER-TOP: 1px solid black;
	background-color: lightblue;
	padding:2px;	
		
}
.table_vraag-body{
	BORDER-BOTTOM: 1px solid;
	background-color: #fefade;
	padding:2px;
	border-bottom-color: ActiveBorder;
	font-size: 11px;
}
.index_vraag-bottom{
	border: 1px outset black;
	width:99%;
	background: lightblue;
	text-align: center;
}


/* Labels 
label.header {
	float: left; 
	width: 140px;
	padding-left:20px;
}
*/
.zoekveld{
	text-align: center;
	padding-top: 10px;
}
.zoekresultaat{
	padding-bottom: 100px;
	padding-top: 10px;	
}

@media screen and (max-width : 768px){
	/* home and layout */
	#tnav{width:95%;}
	#headline {width:95%;padding: 0 10px;}
	.headline_wrapper{width:95%;}
	.headline_wrapper span.title {width:95%;font-size:16px;}
	.headline_wrapper span.title_date {width:95%;display:block;float: none;}
	
	#container{width:95%;}
	#navigation {width:100%;padding-bottom:0;border-bottom:2px solid #298D2A;font-size:14px;}
	#navcontainer_logged {width:95%;}
	#contenthome {width:95%;}
	.contenttext{min-height:inherit;margin: 10px 0 0 0;width:98%;}
	.contenttext.first {margin: 10px 0 0 0}
	#contentzoek {width:98%;margin-top: 10px}
	form#klusser {width: 100%;}
	form input {width: 95%}
	form input[name='Tarief'] {width: 35%}
	form select {width: 100%}
	form select[name='tariefplan'] {width: 50%}	
	form input[type='radio'] {width: 10%}
	form input[type='submit'], form input[type='reset'] {width: 45%;margin-right: 2%}
	form textarea {width: 100%}
	
	#navhome {width: 100%;padding: 10px 0 0 0;}
	#navhome .border {width: 97%;padding: 4px;}
	#navhome .newsbox {width: 97%;padding: 4px;min-height:inherit;}
	
	#footer_container {width:95%;}
	
	/* overzichten */
	#container_links{width:100%;}
	#container_rechts {width:100%;padding-top: 20px;}
	
	/* contact */
	#container_pagina {width:95%;}
	
	/* search */
	#cse-search-results iframe {width: 95%}
	
	/* meldingen */
	.div_succes, .div_error {width: 95%}

	form[name="Toevoegen"] select,
	form[name="wijzigen"] select{
		width: 75%;
	}
	
	form[name="Toevoegen"] input[name='Omschrijving'],
	form[name="wijzigen"] input[name='Omschrijving'] {
		width: 95%;
	}
	form[name="Toevoegen"] textarea[name='Info'],
	form[name="wijzigen"] textarea[name='Info']  {
		width: 100%;
	}
	form[name="Toevoegen"] input[name='Tarief'],
	form[name="wijzigen"] input[name='Tarief']  {
		width: 20%;
	}
	form[name="Toevoegen"] select[name='tariefplan'],
	form[name="wijzigen"] select[name='tariefplan']  {
		width: 55%;
	}

	

	
	
	/* MAIN MENU MINIMAL STYLE

	Responsive Mobile Menu v1.1
	Plugin URI: responsivemobilemenu.com

	Author: Sergio Vitov
	Author URI: http://xmacros.com

	License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/

	*/

	.rmm {
		display:block;
		position:relative;
		width:100%;
		padding:0px;
		margin:0 auto !important;
		text-align: center;
		line-height:19px !important;
	}
	.rmm * {
		-webkit-tap-highlight-color:transparent !important;
		font-family:Arial;
	}
	.rmm a {
		color:#0000FF;
		text-decoration:none;
	}
	.rmm .rmm-main-list, .rmm .rmm-main-list li {
		margin:0px;
		padding:0px;
	}
	.rmm ul {
		display:block;
		width:auto !important;
		margin:0 auto !important;
		overflow:hidden;
		list-style:none;
	}


	/* sublevel menu - in construction */
	.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
		display:none !important;
		height:0px !important;
		width:0px !important;
	}
	/* */


	.rmm .rmm-main-list li {
		display:inline;
		padding:padding:0px;
		margin:0px !important;
	}
	.rmm-toggled {
		display:none;
		width:100%;
		position:relative;
		overflow:hidden;
		margin:0 auto !important;
	}
	.rmm-button:hover {
		cursor:pointer;
	}
	.rmm .rmm-toggled ul {
		display:none;
		margin:0px !important;
		padding:0px !important;
	}
	.rmm .rmm-toggled ul li {
		display:block;
		margin:0 auto !important;
	}
	.rmm.minimal a {
		color: #0000FF;
	}
	.rmm.minimal a:hover {
		opacity:0.7;
	}
	.rmm.minimal .rmm-main-list li a {
		display:inline-block;
		padding:8px 30px 8px 30px;
		margin:0px -3px 0px -3px;
		font-size:15px;
	}
	.rmm.minimal .rmm-toggled {
		width:95%;
		min-height:36px;
	}
	.rmm.minimal .rmm-toggled-controls {
		display:block;
		height:36px;
		color:#0000FF;
		text-align:left;
		position:relative;
	}
	.rmm.minimal .rmm-toggled-title {
		position:relative;
		top:9px;
		left:0;
		font-size:16px;
		color:#33333;
		font-weight: bold;
	}
	.rmm.minimal .rmm-button {
		display:block;
		position:absolute;
		right:0;
		top:7px;
	}

	.rmm.minimal .rmm-button span {
		display:block;
		margin:4px 0px 4px 0px;
		height:2px;
		background:#0000FF;
		width:25px;
	}
	.rmm.minimal .rmm-toggled ul li a {
		display:block;
		width:100%;
		text-align:center;
		padding:10px 0px 10px 0px;
		border-bottom:1px solid #dedede;
		color: #0000FF;
	}
	.rmm.minimal .rmm-toggled ul li:first-child a {
		border-top:1px solid #dedede;
	}	
}
@media screen and (min-width : 769px){
	#navigation {
		max-width: none !important;
	}	
}