/* Presentation Stylesheet */

a {	text-decoration: none; color: #444444; border-bottom-color: #d0d0d0; border-bottom-style: solid; border-bottom-width: 1px; }
a:hover { color: #aa4ba5 !important; }

h1 {
	font-size: 24px;
	color: #444444;
	font-weight: normal;
	font-family: 'Times New Roman';
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 12px 0;
}

h2 {
	margin: 5px 0 10px 0;
	padding: 0 0 3px 0;
	color: #aa4ba5;
	font-size: 18px;
	font-weight: normal;

}

h3 {
	padding: 0;
	margin: 2px 0px 4px 0px;
	font-size: 120%;
	line-height: 120%;
	color: #396cac;
	background: transparent;
}

p {	
	margin: 0 0 1em 0; 
}

#header p { 
	margin: 0 0 0 0; 
	padding: 10px; 
	background: #F1F1F1; 
}

ul.list { 
	border: 1px solid #dfe6ec; 
	width: 174px; 
	height: 155px; 
	overflow: visible; 
	float: left; 
	padding: 12px 10px 10px 3px; 
	position: relative; 
	margin: 10px 0 10px 0; 	
	font-size: 12px; 
	list-style: none;
}

ul.list li.legend{
	
	position: absolute; 
	top: -10px; 
	left: 0px; 
	background-image: none;
	padding: 0 0 0 10px;
}


ul.list li { 
	line-height: 160%; 
	background-image: url(../img/plusbullet.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding: 0 0 0 15px;
}

ul.list li a { 
	color: #444444; 
	
}

ul.list li.legend a { 
	background: #fff; 
	padding: 0 6px; 
	font-weight: bold; 
	display: block; 
	color: #444444; 
	text-decoration: none; 
	border-bottom-width: 0px;
	
}


ul.list li.meer { 
	font-size: 11px; 
	list-style: none; 
	padding-top: 5px; 
	margin: 0;
	background-image: none;
}
ul.list li.meer a { 
	color: #aa4ba5; 
}

ul.list li.meer a:hover { 
	color: #444444 !important; 
}

ul.marginleft { 
	margin-left: 11px; 
}


/* mainnav */

#mainnav {
	padding: 0;
	margin: 0px 0 17px 0px;	
	height: 112px;
	border-bottom: 1px solid #EBEBEB;
	* padding-bottom: 17px;
}

.subnav { margin: 33px 0 0 0px; padding: 0 0 0 0; /* border-top: 1px solid #E8E8E7; */ }
	
.subnav ul, .subnav li { list-style: none; } 
	
.subnav li a {
	text-decoration: none; 
	/* font-weight: bold; */
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 20px;
	/*border-bottom: 1px solid #E8E8E7;*/
	background:#fff url(../img/subnavbullet.gif) left center no-repeat !important;
	border-bottom-width: 0px;
}

.subnav li a:link, .subnav li a:visited, .subnav li a:active  { color: #000000; text-decoration: none; }
.subnav li a:hover { color: #444444 !important; text-decoration: none; background:#F6F6F6 url(../img/subnavbullet_over.gif) left center no-repeat !important; }	


	
/* Content */	

#top p { padding: 14px 0 0 0; }
	



/* Breadcrums */

ul#breadcrums{
	
	font-size: 11px;
	color: #000;
	letter-spacing: 1px;
	text-align:justify;
	font-family: "arial", serif;
	list-style-type: disc;
	margin: 0px 0 8px 0;
	padding: 0px 0 0 0;
}

ul#breadcrums li{

	display: inline;
	
	background: transparent url(../img/icons/breadcrum-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #9B9B9B;
	padding: 0 0px 0 10px;
}

ul#breadcrums li a{
	color: #9B9B9B;
	text-decoration: underline;
	border: none;
}

ul#breadcrums li a:hover{
	color: #444;
	text-decoration: underline;
	border: none;
}

ul#breadcrums li.first{
	background: transparent;
	padding: 0 0px 0 0;
}


#cpromo{
	clear: both;
	background: #f1f1f1; 
	text-align: center;
	padding: 5px 0 5px 0;
	margin: 10px 0 15px 0;
}

#cpromotrans{
	clear: both;
	background: #transparent; 
	text-align: center;
	padding: 5px 0 5px 0;
	* padding-top: 2px;
	margin: 0px 0 15px 0;
	border: 1px solid #E7E7E7;
}

/* kaart homepage */

#map{
	overflow: hidden;
	clear: both;
	height: 350px;
	* padding-bottom: 10px;
}

#map div#mapdiv{
	float: left;
	width: 270px;
	margin: 8px 0 0 0;
}


#map div#mapinfo{
	float: right;
	width: 305px;
	margin-left: 5px;
}

#mapinfo ul{
	margin: -5px 0 0 0;
	padding: 0 0 0 0px;
	list-style-type: none;
}

#mapinfo ul li{
	float: left;
	width: 140px;
	border: 1px solid #E7E7E7;
	border-width: 0 0 1px 0;
	margin-right: 10px;
}

#mapinfo ul li.odd{
	/*background-color: #FBFBFB;*/
}

#mapinfo ul a{
	margin: 0;
	padding: 0  0 0 8px;
	font-size: 12px;
	line-height: 13px;
	background: url('/templates/hosting-bedrijven/img/plusbullet.gif');
	background-repeat: no-repeat;
	background-position: 0 6px;
	border: 0;
}

#mapinfo ul a.highlight{
	color: #aa4ba5;
	text-decoration: underline;
}

#mapinfo ul a.normal{
	color: #444;
}

#mapinfo p.grootsteplaatsen a{
	color: #aa4ba5;
	border: none;
}

#mapinfo p.grootsteplaatsen a:hover{
	color: #aa4ba5;
	border: none;
	text-decoration: underline;
}

#mapinfo p.grootsteplaatsen em{
	color: #444 !important;
	
}


/* alleplaatsen in provincie */

#alleplaatsen ul{
	list-style-type: none;
	margin: 10px  0 0 15px;
	width: 285px;
	padding: 0;
	float: left;
}

#alleplaatsen ul.first{
	margin-left: 0;
}

#alleplaatsen ul li{
	border: 1px solid #E7E7E7;
	border-width: 0 0 1px 0;
	height: 17px;
	padding: 2px 5px 4px 5px;
	margin: 0;
	overflow: hidden;
}

#alleplaatsen ul li.first{
	border: 1px solid #E7E7E7;
	border-width: 1px 0 1px 0;
	
	
}

#alleplaatsen ul li.odd{
	background-color: #FBFBFB;
}

#alleplaatsen ul li a{
	color: #000;
	text-decoration: none;
	float: left;
	border:0;
}

#alleplaatsen ul li a:hover{
	color: #0693D4;
	text-decoration: underline;
	
}

#alleplaatsen ul li span{
	float: right;
	color: #333;
}

/* indexpages */

div.indexpages{
	/* height: 21px; */
	margin: 0;
	* margin-bottom: -10px;
	
}

div.indexpages span{
	float: left;
	display: block;
	margin-right: 10px;
}

div.indexpages a{
	display: block;
	width: 19px;
	height: 18px; 
	float: left;
	border: 1px solid #ebebeb;
	margin: 0 5px 5px 0;
	text-align: center;
	color: #444444;
	padding: 0 0 1px 0;
}

div.indexpages a.highlight{
	color: #000;
	background-color: #ececec;
	border-color: #c9c9c9;
}


/* bedrijven overzicht */

ul#bedrijvenoverzicht{
	margin: -5px 0 0 0 !important;
	padding: 0 !important;
	list-style-type: none;
}

ul#bedrijvenoverzicht li{
	display: block;
	margin: 0 0 5px 0 !important;
	padding: 10px  !important;

}

ul#bedrijvenoverzicht li a.bedrijfsnaam{
	font-weight: bold;
	border: 0;
}

ul#bedrijvenoverzicht li span{
	font-size: 11px;
}

ul#bedrijvenoverzicht li.odd{
	background: #f1f1f1;
}

ul#bedrijvenoverzicht li span.meerinfo{
	font-size: 11px;
	float: right;
	margin: 10px 10px 0 0;
}

ul#bedrijvenoverzicht li.highlight{
	border: 1px solid #c9c9c9;;
	border-width: 1px 0 1px 0;
}

ul#bedrijvenoverzicht li.highlight a.bedrijfsnaam{
	text-decoration: underline;
}

fieldset#gegevenswijzigen{
	padding: 10px 10px 0 10px;
	border: 1px solid #e7e7e7;
	margin: 0 0 15px 0;
}

fieldset#gegevenswijzigen legend{
	font-weight: bold;
}

fieldset#gegevenswijzigen a{
	font-weight: normal;
	color: #aa4ba5;
	text-decoration: none;

}

fieldset#gegevenswijzigen a:hover{
	font-weight: normal;
	color: #000 !important;
	text-decoration: none !important;
}

span.toevoegen{
	font-size: 10px;
}

span.toevoegen a{
	font-weight: normal;
	color: #aa4ba5;
	text-decoration: none;
	border: 0;
}

span.toevoegen a:hover{
	font-weight: normal;
	color: #aa4ba5;
	text-decoration: underline;
}

/* rightcol */

#rightcol #kaart{

	background: #f1f1f1; 
	text-align: center;
	padding: 10px 0 5px 0;
}

#rightcol #kaart p{
	font-size: 10px;
}

#rightcol #rpromo, #rightcol #rpromo2{

	background: #f1f1f1; 
	text-align: center;
	padding: 10px 0 5px 0;
}

#rightcol #rpromo2{
	margin-top: 0px;
	padding: 22px 0 10px 0;
	* padding-bottom: 31px;
}

#rightcol div.infobox{
	background: #eee;
	padding: 10px;
}

#rightcol div.infobox ul{
	padding-left: 5px; 
	line-height: 22px;
	font-size: 95%;
	list-style: none;
}

#rightcol div.infobox ul li{
	margin-bottom: 10px;
	
	background: url('/templates/marketing-bedrijven/img/plusbullet.gif');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 0 0 0 10px;
	border: 0;
}

/* Footer */

#footer a{
	padding: 0;
	text-decoration: none;
	color: #8D9095;
}

#footer a:hover{
	color: #8D9095;
	text-decoration: underline;
}



/* google maps */

#ggouter{
	border: 1px solid #E7E7E7;
	width: 586px;
	padding: 2px;
	height: 336px;
}

#ggmap{
	color: #000;
	width: 586px;
	height: 336px;
}



#ggmap strong{
	color: #202053;
}

#ggmap a{
	color: #964206;
	text-decoration: underline;
}

#ggmap a:hover{
	color: #000;
	text-decoration: underline;
}

#ggmap input{
	border: 1px solid #303063;
	padding: 2px 2px 2px 2px;
}


#ggmap input.submit{
	border: 1px solid #000;
	background: #484881;
	color: #fff;
	padding: 1px;
}




/* form styling */

form{
	margin: 0;
	padding: 0;
	
}

form fieldset{
	
	border: 1px solid #E7E7E7;
	padding: 10px;
	margin: 5px 0 15px 0;
	position: relative;
	padding: 0px 10px 10px 15px;
	font-size: 14px;	
}

form fieldset legend{
	font-size: 16px;
	color: #4d4d4d;
	font-weight: normal;
}

* html fieldset legend{
	position:relative;
	top:-0.8em; 
	margin-bottom:-0.7em;
}

form fieldset label{
	
	color: #4d4d4d;
	font-weight: normal;
	padding: 0;
	margin: 0;
	width: 150px;
	display: block;
	float: left;
}


form fieldset label.error{
	
	color: red;
	font-weight: normal;
	padding: 0;
	margin: 0;
	border-bottom: 0px solid red;

}



form fieldset span.first{

	display: block;
	height: 15px;
	line-height: 1px;
	font-size: 1px;
	
}

form input.checkbox{
   float: left;
   margin-right: 8px;
}


form input.text{
	color: #565555;
	border: 1px solid #a9a9a9;
	padding: 3px 3px 3px 3px;
	margin: 2px 0 10px 0px;
	background: #fff;
	font-weight: normal;
	font-size: 15px;
	width: 350px;
}

form select{
	padding: 0;
	margin: 2px 0 10px 0px;
	width: 358px;
	border: 1px solid #a9a9a9;
}

form input.submit{
  
	padding: 4px 12px 4px 18px;
	margin: 0px 0 15px 0;
	
	color: #525252;
	font-size: 14px;
	font-weight: bold;
	
	background: #f6f5f2;
	border: 1px solid #e4e1db;

}

form textarea{
	border: 1px solid #a9a9a9;
	padding: 0 3px 0 3px;
	margin: 2px;
	width: 350px;
	height: 100px;
}


div.error {
	border: 1px solid red;
	background-color : #FFCCCC;
	width: auto;
	margin: 5px 0px 15px 0px;
	padding: 15px;  
	color: #000;
}

div.error strong{
	color: #000;
}

div.info {
	border: 1px solid #2fb1e5;
	background-color : #e4f5fb;
	width: auto;
	margin: 5px 0px 15px 0px;
	padding: 15px;  
	color: #000;
}

p.infogrey{
	border: 1px solid #efefef;
	background-color : #fff;
	width: auto;
	margin: 5px 0px 15px 0px;
	padding: 10px;  
	color: #000;
}