/**
 * Stylesheet opmaak website
 *
 * Stylesheet: www.vanhoogmoedachitecten.nl
 *
 * LICENSE: 
 *
 * @copyright  2007, De Paraplu Company
 * @license    De Paraplu Company
 * @version    1.0
 * @link       www.deparaplucompany.nl
 * @since      ...
*/














/* ---------------------------------------- OLD ------------------------ */
/* ---------------------------------------- OLD ------------------------ */
/* ---------------------------------------- OLD ------------------------ */

@charset "utf-8";
/* CSS Document */


html 		{ padding: 0em; margin: 0em; height: 100.01%; overflow: auto; }
body 		{ background: #FFFFFF; margin: 0em; padding: 0em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; text-align: left; behavior: url('htc/csshover.htc'); }



/* -------------------------- */
/*      standard elements     */
/* -------------------------- */

p           	{ margin: 0px; font-size: 1.1em; color: #444444; }
a             	{ color: #444444; text-decoration: none;  }
a:hover   		{ color: #FFFFFF; }
img 			{ border: 0; behavior: url('htc/pngbehavior.htc'); }
table         	{ }

li				{ margin-left: 0em;  }
ul				{ padding-left: 1em; list-style: square; }

div.left     	{ float: left; }
div.right     	{ float: right; }




/* main menu */



/* bureau - links */

td.linkpage ul 				{ margin-left: 3px; }
td.linkpage ul li 			{ line-height: 16px; }
td.linkpage ul li:hover a	{ color: #CCCCCC;  }


/* main menu */

a.mainmenu_psv 			{ color: #646464; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 18px; margin: 0px; }
a.mainmenu_psv:hover 	{ color: #FFFFFF; }

.mainmenu_act 			{ color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 18px; margin: 0px; }

a.mainmenu_psv.sub		{ font-size: 10px; }
.mainmenu_act.sub		{ font-size: 10px; }

/* flash image menu */

div.flashImageMenu		{ float: right; /*border: solid 1px red;*/ height: 345px; width: 115px; }


/* image menu */

.imagemenu_psv  		{ border: 0px; text-decoration: none; }
A.imagemenu_psv:hover 	{ border: 0px; text-decoration: none; }


/* algemeen */

img.tumbbutton				{ filter:alpha(opacity=40);  opacity:0.4; border: 0; }
img.tumbbutton:hover		{ filter:alpha(opacity=100);  opacity:1; }
img.tumbbutton.active		{ filter:alpha(opacity=100);  opacity:1; }




/* content rechts */
td.rightContentContainer	{ padding: 0 1em 0 1em;  }

p.omschrijving_rechts		{ font-size: 9px; color: #646464; font-weight: normal; }

h2.title_rechts				{ font-size: 1.3em; color: #646464; margin-bottom: 5em; }
h3.title_rechts 			{ font-size: 10px; color: #646464; font-weight: bold; margin: 1em 0 0.2em 0; }


/* route */
td.routepage h2.title_rechts		{ margin: 0 0 0.8em 0; }
td.routeopenbaarvervoercontainer	{ padding: 0 0 0 8em; }
table.maincontent h2 				{ font-size: 1.3em; /*margin-bottom: 5em;*/ }


/* footer */

div.sitefooter 			{ position:absolute; bottom:0; left:0; width:100%; height: 15px; z-index: 999; padding: 0.3em 0 0 2em; background-color: #CCCCCC; }
div.sitefooter a		{ font-size: 10px; color: #646464; }
div.sitefooter span		{ font-size: 10px; color: #646464; }
div.sitefooter a:hover	{ color: #FFFFFF; }
div.sitefooter p		{ float: right; font-size: 1em; color: #646464; margin-right: 4em; }



/* projecten */

ul.projectlist 					{ color: #444444; }
ul.projectlist li				{ margin-left: 0.3em; }

p.noproject 					{ color: #FFFFFF; font-size: 1em; text-align: right; font-style: italic; }

div.maintopnavigation			{ float: right; margin: 0 0 0.5em 0; }
div.maintopnavigation a			{ clear: both; color: #999999; text-decoration: none; margin: 0 1.6em 0 0; float: right; }
div.maintopnavigation a:hover	{ color: #FFFFFF; }



#actueelAbsolutediv				{ position: absolute; width: 935px; height: 345px; z-index: 100000; }




.discL
{
font-size: 11px;
color: #C3C3C3;

margin: 0px;
padding: 0px;
}

.discR1
{
font-size: 11px;
font-weight: bold;
color: #646464;

margin: 0px;
padding: 0px;
padding-left: 8px;
padding-right: 8px;
}



td.discR2
{
padding-left: 10px;
padding-right: 10px;
}

.contentL
{
font-size: 12px;
color: #555555;

padding-left: 0px;
padding-right: 50px;
padding-bottom: 0px;
bottom: 0px;
}

td.contactTitle
{
font-size: 11px;

width: 100px;

padding: 0px;
padding-right: 10px;

text-align: left;
}

td.submit
{ 
padding-left: 290px; 
}


input
{
color: #555555;
font-size: 11px;

width: 250px;

padding: 2px;
padding-left: 5px;
background: #a4a3a3;
border: 1px solid #FFFFFF;
}

textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #555555;
font-size: 11px;

width: 400px;
height: 150px;

padding: 2px;
padding-left: 5px;
background: #abaaaa;
border: 1px solid #FFFFFF;
}

.onderwerp input
{
width: 400px;
}





body, html
{
background: #808080;

height: 100%;

margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

html{
overflow: scroll;
overflow-x: hidden;
}

div#backgroundRight
{
float: right;

width: 39%;
height: 100%;

background-color: #b7b7b7;
z-index: 9999;
display: block;
}


div#containerDiv
{
margin: auto; 
text-align: left;	
}

div#contentDiv
{
position: absolute;
width: 935px;
margin-left: -468px; 
height: 495px;
margin-top: -248px; 
top: 50%;
left: 50%;
}




div#headerDiv
{
display: inline;

}

div#footerDiv
{
display:inline;
position: absolute;

bottom: 0px;

}



div#containerLDiv
{
display: inline;
float: left;
position: relative;

width: 585px;
height: 495px;

}

div#containerLDivIeprojectenhack
{
display: inline;
float: left;
position: relative;

width: 585px;
height: 495px;
margin-top: 4px;

}

div#containerRDiv
{
display: inline;
float: right;
position: relative;

width: 350px;
height: 495px;
z-index: 1;

}


div#conRtop
{
display: inline;
float: right;
position: relative;

height: 150px;
}

div#conRbottom
{
display: inline;
float: right;
position: relative;

height: 345px;
}

.imenuBut {
border: 0px;
text-decoration: none;
}
A.imenuBut:link {
border: 0px;
text-decoration: none;
}
A.imenuBut:visited {
border: 1px;
text-decoration: none;
}
A.imenuBut:hover {
border: 0px;
text-decoration: none;
}
A.imenuBut:active {
border: 0px;
text-decoration: none;
}

.projecten{
color: #555555;
font-size: 11px;
text-decoration: none;
}
a.projecten:hover{
color: #b7b7b7;
}

A.projecten_cat_button{
color: #555555;
font-size: 11px;
font-weight: bold;
border: 0px;
text-decoration: none;
padding-left: 10px;
}
A.projecten_cat_button:hover {
color: #ffffff;
}

a.maincontent_href_top
{
	color: #cccccc;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.maincontent_href_top:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

#contRSpaceMenuHack{
	width: 300px;
	height: 56px;
}

*html #contRSpaceMenuHack{
	width: 300px;
	height: 51px;
}

.actueelmenu{
	position: absolute;
	width: 200px;
	height: 100px;
	z-index: 100;
	margin-left: 585px;
}

.paginanummering{
	margin-top: 70px;
	color: #a6a6a6;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;

}

.paginanummering a{
	color: #CCCCCC;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.paginanummering a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#menu_top p{
	margin: 0px;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 96%;
}




.listItemActueel{
	float: left;
	position: relative;
	width: 935px;
	height: 115px;
	z-index: 100000;
}

.listItemActueelM{
	float: left;
	position: relative;
	width: 100%;
	height: 115px;
	background-color: #b7b7b7;
	cursor: pointer;
	z-index: 100000;
}

.listItemActueelTxt{
	overflow: hidden;
	float: left;
	position: relative;
	width: 585px;
	height: 115px;
	cursor: pointer;
}


.listItemActueelTxt p{
	margin: 0px;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 96%;
}

.listItemActueelTxt h1{
	color: #444444;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 8px;
	font-weight: bold;
	padding: 0px;
}

.listItemActueelImg{
	float: left;
	position: relative;
	width: 350px;
	height: 115px;
	text-align: right;
	cursor: pointer;
}

.listItemActueelImg img{
	float: right;
	border: 0px;
}




.ZoomActueelTxt{
	border: 1px;
	float: left;
	width: 585px;
	height: 100%;
}

.ZoomActueelTxt p{
	margin: 0px;
	font-weight: normal;
	padding: 0px;
	padding-right: 18px;
}

.ZoomActueelTxt h1{
	color: #444444;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 8px;
	font-weight: bold;
	padding: 0px;
}

.ZoomActueelTxt h2{
	color: #444444;
	margin: 0px;
	font-weight: bold;
	padding: 0px;
}

.ZoomActueelImg{
	float: left;
	width: 350px;
	height: 115px;
}

.ZoomActueelImg p{
	margin: 0px;
	padding: 5px;
	padding-bottom: 0px;
}

.ZoomActueelImg img{
	border: 0px;
	float: right;
}


.hmenu2
{
color: #FFFFFF;
font-size: 12px;
font-weight: bolder;
text-decoration: none;

line-height: 18px;
 
margin: 0px;
}
a.hmenu:link
{
}
a.hmenu:visited
{
}
a.hmenu:hover
{
color: #FFFFFF;
}
a.projecten:active
{
}


 
p
{
  	color: #444444;
	font-size: 11px;
	font-weight: normal;
}
 
h1
{
 	color: #444444;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px;
	margin-bottom: 15px;
 
}
.maincontent
{
	color: #444444;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding-right: 18px;
	_padding-right: 0px;
}

#ieheighthackprojecten{
	width: 585px;
	height: 0px;
	_height: 33px;
}

#ieheighthackprojectenpid{
	width: 585px;
	height: 0px;
	_height: 0px;
}

td.maincontent_top 
{
	color: #444444;
	font-size: 12px;
	vertical-align: bottom;
	padding-bottom: 15px;
}
td.maincontent_projecten_top 
{
	color: #555555;
	font-size: 24px;
	font-weight: bold;
	vertical-align: bottom;
}

a.maincontent_href_top
{
	color: #cccccc;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.maincontent_href_top:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

td.maincontent_bottom 
{
	color: #444444;
	font-size: 11px;
	vertical-align: top;
	padding-right: 8px; 
}
td.maincontent_bottom_form 
{
	color: #444444;
	font-size: 11px;
}
a.maincontent_href_bottom
{
	color: #444444;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	
	padding-left: 10px;
}
a.maincontent_href_bottom:hover
{
	color: #FFFFFF;
}
 




.rightmenu_psv
{
	color: #646464;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.rightmenu_psv:hover
{
	color: #FFFFFF;
}

.input
{
	color: #444444;
	font-size: 11px;

	width: 250px;

	padding: 2px;
	padding-left: 5px;
	background: #a4a3a3;
	border: 1px solid #FFFFFF;
}


textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 11px;

	width: 400px;
	height: 150px;

	padding: 2px;
	padding-left: 5px;
	background: #abaaaa;
	border: 1px solid #FFFFFF;
}

.onderwerp input
{
	width: 400px;
}

.submit input
{
	color: #444444;
	font-size: 11px;
	
	background: #FF0000;
	border: 1px solid #FFFFFF;
}


div.sitemap								{ margin-top: 30px; }
div.sitemap h1							{ color: #444444; font-size: 16px; margin-bottom: 15px; }
div.sitemap	ul							{ color: #444444; list-style-type: square; margin-bottom: 8px; margin-left: 8px; }
div.sitemap	ul li						{  }
div.sitemap	ul li a						{ color: #333333;  }
div.sitemap	ul li a:hover				{ text-decoration: underline; color: #FFFFFF; }

div.sitemap	ul.level0 li a				{ font-size: 13px; font-weight: bold; }
div.sitemap	ul.level1 li a				{ font-size: 13px; font-weight: normal; }
div.sitemap	ul.level2 li a				{ font-size: 12px; font-weight: normal; }
div.sitemap	ul.level3 li a				{ font-size: 11px; font-weight: normal; }
div.sitemap	ul.level4 li a				{ font-size: 10px; font-weight: normal; }
div.sitemap	ul.level5 li a				{ font-size: 9px; font-weight: normal; }






/* ---------------------------------------- OLD ------------------------ */
/* ---------------------------------------- OLD ------------------------ */
/* ---------------------------------------- OLD ------------------------ */

div.wrapper										{ height: 100%; }
div.wrapper div.maincontainerleft 				{ float: left; width: 57%; height: 98%;  }
div.wrapper div.maincontainerright				{ float: right; width: 43%; height: 98%; background: #B7B7B7; }

div.maincontainer								{ height: 495px; border: solid 1px red; }

div.maincontainerleft  div.maincontainer		{ float: right; width: 585px;  }

div.maincontainerright div.maincontainer		{ float: left; width: 350px;  }