/*	Aleppo stylesheet -- a CSS layout demo 
 *	original at http://stijlstek.nl/demo/aleppo/
 *	copyleft 2004 Ben de Groot -- http://stijlstek.nl/contact
 *	licensed under the GNU Free Documentation License
 *	which in layman's terms means you are free to use and modify this stylesheet
 *	as long as you keep the license notice and credit to the original author intact
 */


/*	Let's start with zeroing out any browser default margins and paddings
 */

* {
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 11px;
	}

/*	Next we set the page height, to position the footer at the bottom of the window 
 *	when page is short, and at the bottom of the page when page is longer
 */

html, body {
	height: 100%;
	background: #FFF;
	color: #000;
	}
body {
	text-align: center; /* IE auto margins workaround */
	font: 100%/150% serif; /* just some defaults - should be customized */
	} 
html>body { font-size: 12px; } /* for modern browsers that can resize px */

#wrap {
	position: relative; /* to keep the header inside */
	height: 100%; 
	width: 970px; /* you can change this, using %, em or px */
	margin: 0 auto; /* auto centers the div */
	text-align: left; /* after centering #wrap above we return to normal aligning */
	}

#middle {
	position: relative;
	height: auto;
	min-height: 100%; /* for modern browsers, to push the footer down */
	padding-left: 200px; /* width and background of left column */
	margin-bottom: -5em; /* height of footer */
	width: 770px;
	background:	#FFF url(../images/background_line.jpg) repeat-y;	
	}

#middle:after { /* this will keep the floats contained, for modern browsers */
    content: "."; 
    display: block; 
    height: 0; 
    overflow: hidden; 
    clear: both; 
    visibility: hidden; 
    } 

* html #wrap, * html #middle {
	height: 100%; /* for IE because it doesn't do min-height */
	}

/*	Now we set the header, footer and columns...
 */

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3; /* to show it on top */
	font-family:Verdana, sans-serif;
	font-size: 12px;
	height:	94px;
	border-left:	1px solid #FFF;
	background-color: #FFF;
	}
	
.logo_header {
	width: 258px;
	float: left;
	position: absolute;
	top: 0;
	margin-top: 14px;
}

.flash_header {
	float: left;
	position: absolute;
	left: 620px;
	top: 0px;
}

#logo {
	position: absolute;
	top: 94px;
	left: 0;
	width: 100%;
	z-index: 99;
	background-color: #FFF;
	height: 205px;
	border-bottom: 2px solid #FFF;
}
img {
	border: 0;
} 

a {
	border: 0;
}

a:hover {
	border: 0;
}

a:visited {
	border: 0;
}

a.linkje {
	border: 0;
	color: #004595;
}

a.linkje:visited {
	border: 0;
	color: #004595;
}

a.linkje_select {
	border: 0;
	color: #e13e9a;
}

a.linkje_select:visited {
	border: 0;
	color: #e13e9a;
}

  caption.mytable
  {
     background-color:#8080ff;
     color:white;
     border-style:solid;
     border-width:2px;
     border-color:black;
  }

  table.mytable
  { 
     font-family:arial;
     border-collapse:collapse;
     font-size:10pt;
     background-color:#FFF;
     width:500px;
     border-style:solid;
     border-color:#e13e9a;
     border-width:1px;
     margin-left: 20px;
  }

  th.mytable
  {
     font-size:10pt;
     color:white;
  }


  tr.mytable
  { 
     height:0;
  }

  td.mytable
  {  
     font-size:10pt;
     background-color:#DEE7F0;
     border-style:solid;
     border-width:1px;
     border-color:#e13e9a;
     text-align:left;
  }
  
span.roze {
	color: #e13e9a;
}

td.contenttxt {
	color: #004595;
}

#footer {
	clear: both; /* just to make sure it comes below the columns */ 
	position: relative;
	height: 5em;
	color: #004595;
	background-color: #FFF;
	}

#main { /* so that the content will not overlap with the header or footer */
	margin-top: 300px;
	padding-bottom: 5em;
	}

#main {
	position: relative; /* IE float bug workaround */
	float: left;
	width: 769px; /* width of #content +1 */
	}

#content {
	position: relative;
	float: right;
	width: 750px; /* width of #middle -2 */
	margin-top: 10px;
	}

.contenttxt img {
	margin: 20px;
}

#submenu {
	position: relative;
	float: left;
	width: 188px;
	margin-top: 10px;
	margin-left: -204px; /* width -1 */
	padding-right: 20px;
	}

* html #xtra, * html #submenu, * html #content {
	overflow:hidden;
	}

/*	Some block elements that influence div sizes and positioning
 */

h1 { 
	font-size: 14px; 
	margin: 0; 
	color: #e13e9a;
	}


/*	And finally giving block elements inside the columns a default margin.
 *	This prevents the need for a box model hack on all the columns.
 *	If it wasn't for IE, we could do #nav>*,#content>*,#xtra>* { rules }
 */

h2, h3, h4, h5, h6, p, ul, ol, dl, pre, blockquote, form, fieldset, address { 
	margin: 1em 15px; 
	}
	
ul.submenu {
	padding: 0;
	margin: 0;
	width: 208px;
	border-bottom:      1px solid #FFF;
}
.menu_hoofdnormal {
	color: 				#FFF;
	text-align:			left;
	width: 				100%;
	line-height:		2;
}

li {
	text-align:			left;
	list-style-type: 	none;
	border-top:      	1px solid #FFF;
	line-height:		2;
	width: 				194px;
	padding-left:		15px;
}
	li.submenu {
		display:			marker;
		color:				#FFF;
		border:    			0;		
		line-height:		2;
		list-style-image:	url(../images/blokje.jpg);
		list-style-position: inside;
	}
	li.submenu2 {
		display:			marker;
		color:				#FFF;
		border:    			0;		
		line-height:		2;
		list-style-image:	url(../images/blokje.gif);
		list-style-type: 	none;
		list-style-position: inside;
	}
		li.hoofdmenu_home {
		display:			marker;
		color:				#FF0000;
		border:    			0;		
		line-height:		2;
	}
	
.contenttxt li {
		display: marker;
		vertical-align: top;
		color: #004595;
		
		background:   url(../images/blokje_content.jpg) no-repeat;
		margin-left: 20px;
		border: 0;
		width: 100%;
}

.contenttxt table {
		margin-left: 
}

li.content {
		display: marker;
		vertical-align: top;
		color: #004595;
		
		background:   url(../images/blokje_content.jpg) no-repeat;
		margin-left: 20px;
		border: 0;
		width: 100%;
}
.menu_hoofdselected {
	color:				#FFF;
	font-weight:		700;
	text-align:			left;
	line-height:		2;
	width: 100%;
}

a {
	text-decoration:	none;
}

		
.menu_normal {
	color: 				#FFF;
	width: 100%;
}

.menu_selected {
	color:				#FFF;
	font-weight:		700;
	white-space: 		nowrap;
}

table.portfolio_bloktable_drie {
	width: 				180px;
	height:				300px;
	border:				0;
}

table.portfolio_bloktable_twee {
	width: 				150px;
	height:				300px;
	border:				0;
}

div.portfolio_item {
	float:				left;
	height:				50px;
	margin-right:		5px;
	margin-bottom:		5px;
	width:				50px;
}