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

*{
	margin:0px;
	padding:0px;
	/*border:0px;*/
}
img {border:0px;}
html
{
    overflow-y: scroll;
}
body
{
    background-image: url(../images/bodybg.jpg);
    background-repeat: repeat-x;
	background-color:#1A181D;
	color:#FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
}

h1
{
    color:#FFFFFF;
    font-weight:normal;
	font-size:18px;
	line-height:14px;
}

h2
{
    color:#A0A0A0;
    font-weight:normal;
	font-size:18px;
	line-height:14px;
}
h3
{
    color:#A0A0A0;
	font-size:14px;
	line-height:14px;
    font-weight: bold;
}
h4
{
    color:#A0A0A0;
    font-size: 12px;
	line-height:14px;
}
a.link
{
    color: #A0A0A0;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
}
a.link:hover
{
    color: #ffffff;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
}

#contenthome a
{
    color: #A0A0A0;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
}
#contenthome a:hover
{
    color: #ffffff;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
}

#content a
{
    color: #A0A0A0;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
}
#content a:hover
{
    color: #ffffff;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none;
}

UL 
{
	margin-left: 15px;
	line-height:18px;
    list-style: square;
    color: #707070;
	font-size:14px;	
	margin-bottom:0px;
}


#sitemap a span{
	color:#000000;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
}

.mailform tr{
	vertical-align:top;
	height:20px;
}

.FormInput
{
     background-color: #FFFFFF;
     border: solid 1px #000000;
}
.FormInputActive
{    
     background-color: #cccccc;
     border: solid 1px #000000;
}
.Floatright{
	float:right;
	width:65px;
}

.Floatleft{
	float:left;
}

.clearboth {
	clear:both;
}

.hiddenTB
{
	visibility:hidden;
}

/* WRAPPER */
#wrapper
{
    width: 957px;
    margin: 0px auto;
}
/* HEADER */
#header
{
    margin: 0px auto;
    text-align: center;
}
/* FLASH */
.flash
{
    float: left;
    border-left: solid 1px #FEFEFD;
}
.flashright
{    
    border-right: solid 1px #FEFEFD;
}
/* MENU */
#menudiv
{
    background-image: url(../images/ColBackground.png);
    background-repeat:no-repeat;
    background-position: left top;
    float:left;
    width: 240px;
    border: solid 0px #A7A9AB;
	padding-top: 13px;
	min-height: 440px;
    height: auto !important;
    height: 440px;
}
#menu
{
	color:#A0A0A0;
	font-family:Verdana, Helvetica, sans-serif;
	float:left;
	list-style:none;
	margin-left: 15px;
	font-size:18px;
	font-weight: normal;
}
#menu a{
	text-decoration:none;
	color:#A0A0A0;	
}
#menu a.Menuselected{
	text-decoration:none;
	color:#FFFFFF;
}
#menu a.Submenuselected{
	text-decoration:none;
	color:#FFFFFF;
} 
#menu a:hover{
	text-decoration:none;
	color:#FFFFFF;
} 
#menu li
{
	margin-bottom:10px;
}
#submenu{
	margin-left:33px;
	margin-top:0px;
	margin-bottom: 7px;
}
#submenu li
{   
	list-style: square;
    color: #707070;
	font-size:14px;	
	margin-bottom:0px;
}

#info
{
    color: #dcdcdc;
	font-size:9px;
    margin-left: 20px;
    margin-top: 320px;
}

/* CONTENTHOME */
#colcontenthome
{
    float: left;
    width: 477px;
}
#contenthome
{
    width: 447;
    float: left;
    padding: 15px;
    min-height: 440px;
    height: auto !important;
    height: 440px;
}
/* CONTENT */
#colcontent
{
    float: left;
    width: 717px;
    background-image: url(../images/background2.jpg);
    background-repeat:no-repeat;
    background-position: right top;
}
#content
{
    width: 600px;
    float: left;
    padding: 15px;
    min-height: 440px;
    height: auto !important;
    height: 440px;
}

/* PROJECTEN */
#colprojecten
{
    background-image: url(../images/ColBackground.png);
    background-repeat:no-repeat;
    background-position: left top;
    width: 240px;
    float: left;
    min-height: 440px;
    height: auto !important;
    height: 440px;
}
#projecten
{
    width: 209px;
    padding: 0px 15px 15px 15px;
    text-align: center;
}
.imageHeightDiv
{
    border:1px solid #A0A0A0;
	background-color: White;
	padding: 4px;
	margin-top: 3px;
	margin-bottom: 3px;
	height: 78px;
	width: 125px;
}
.imageHeight 
{ 
    height: 78px; 
    overflow: hidden;
}

/* PROJECTDETAILS */
#projectdetails
{
    width: 699px;
    min-height: 440px;
    padding: 0 0 0 15px;
    background-color: #1A181D;
}
#projecttext
{
    width: 447px;
    float: left;    
    padding: 15px 15px 0 0;
}
.projectoverzichtfoto
{
    width: 145px;
    float: left;
}
.projectoverzichttext
{
    float: left;
    padding-top: 2px;
    position: relative;
    width: 425px;
}
#projectfotos
{
    background-image: url(../images/ProjColBackground.png);
    background-repeat:no-repeat;
    background-position: left top;
    width: 207px;
    float: left;
    margin: 0px;
    padding: 0px 15px 15px 15px;
    text-align: center;
    min-height: 410px;
    height: auto !important;
    height: 410px;
}
.projectfotoborder
{
    border:1px solid #A0A0A0;
	background-color: White;
	padding: 4px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* PROJECTFOTO'S */
.imagePanel 
{
    /*margin: 0px auto;
    margin-left: -4px; */
}
.imagePanel div.item
{
	border:1px solid #A0A0A0;
	background-color: White;
	padding: 4px;
	margin-bottom:13px;
	width:125px;
	margin: 10px auto;
}
.imagePanel div.inner
{
	height:78px;
	width:125px;
	overflow:hidden;
	position:relative;
	background-color: Black;
}

.imagePanel div.inner img
{
}

.imagePanel div.inner img.top{top:0px;}
.imagePanel div.inner img.bottom{bottom:0px;}



/* Search results for ModCMS_SearchPage */
.searchResult {
	padding-bottom:35px;
	width:581px;
}	
.searchResult a  
{
	font-weight:bold;
	color:#000000;	
	text-decoration:none;
}
.searchResult a:hover  {
	color:#000000;	
	text-decoration:underline;
}
.resultaten{
	padding-top:-10px;	
}
/* end SearchResults */