html, body { height: 100%; }
body{
	background: #adbbd6 url(../images/bg.jpg);
	background-repeat:repeat-x;
	top: 0px;
	height:100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:25px;
	text-align: left;
	font-family: Arial;
	font-size : 12px;
	color:#000000;
}

.rotate90
  {
    -webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
  }

@font-face {
font-family: "custom_impact";
src: url("../fonts/impact.eot");
src: url("../fonts/impact.woff") format("woff"),
  	 url("../fonts/impact.otf") format("opentype"),
  	 url("../fonts/impact.svg#filename") format("svg");
}

A:link { text-decoration: none; color: #FF6600; }
A:visited { text-decoration: none; color: #FF6600; }
A:active { text-decoration: none; color: #FF6600; }
A:hover { text-decoration: none; color: #6d6e71; }

A.blacklink:link { color: #FFF; text-decoration: none; font-size:12px;}
A.blacklink:active { color: #FFF; text-decoration: none; font-size:12px; }
A.blacklink:visited { color: #FFF; text-decoration: none; font-size:12px; }
A.blacklink:hover { color: #F48C00; text-decoration: underline; font-size:12px; }

A.whitelink:link { color: #FFF; text-decoration: none; font-size:12px;}
A.whitelink:active { color: #FFF; text-decoration: none; font-size:12px; }
A.whitelink:visited { color: #FFF; text-decoration: none; font-size:12px; }
A.whitelink:hover { color: #000; text-decoration: underline; font-size:12px; }

.footer:link { text-decoration: none; color: #fff;font-size:11px; }
.footer:visited { text-decoration: none; color: #fff;font-size:11px; }
.footer:active { text-decoration: none; color: #fff;font-size:11px; }
.footer:hover { text-decoration: underline; color: #FF6600;font-size:11px; }


/* VANAF HIER BEGINNEN DE DIV LAYERS */


#container{
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:auto;
}

#top{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	min-height: 74px;
	background:#000;
	height: auto !important;
	width:100%;
	height: 74px;
}

#mood{
	width: 879px;
	padding-left: 1px;
	min-height: 340px;
	height: auto !important;
	height: 340px;
}

#top_logo{
	float:left;
	width: 338px;
	height: 74px;
}

#contact_info{
	float:right;
	text-align:right;
	width:300px;
	height:40px;
	margin-top:18px;
	padding-right:5px;
	font-family: sans-serif;
	color:#FFF;
	font-size:20px;
	line-height:1;
}

#top_zoekveld{
	float:left;
	width: 269px;
	height: 72px;
}

#center{
	display: table;
	margin-top: 25px;
	width: 900px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#left{
	float:left;
	margin-right: 5px;
	width: 602px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#right{
	float:left;
	width: 270px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#navigatie_boven{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	width: 600px;
	border: 1px solid #ababab;
	min-height: 32px;
	background:#fff;
	height: auto !important;
	height: 32px;
	margin-bottom: 5px;
}

#navigatie_onder{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	width: 600px;
	background:#000000;
	border: 1px solid #ababab;
	min-height: 32px;
	height: auto !important;
	height: 32px;
	margin-bottom:5px;	
}

#footer{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	background: #000000;
	margin-bottom: 25px;
	margin-bottom: 10px;
	width: 900px;
	background: #000;
	height: 36px;
}

#bread-title-block{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	min-height: 36px;
	background:#000;
	height: auto !important;
	width:194px;
	height:36px;
	text-align:left;
	float:left;
	color:#FFF;
	font-family: sans-serif;
	font-size:16px;
	line-height:1;
	padding-top:6px;
	padding-left:6px;
}

#orange_bttn{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	inset 0 -1px 1px rgba(0,0,0,0.5), /*top internal highlight*/  
  	inset 0 1px 1px rgba(255,255,255,0.8); /*bottom internal shadow*/  
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	min-height:18px;
	background: #F48C00 url(../images/orange_bg.gif) 0% 0% repeat-x;
	height: auto !important;
	width:194px;
	height:18px;
	text-align:left;
	float:left;
	color:#fff;
	font-family: sans-serif;
	font-size:12px;
	line-height:1;
	padding-top:6px;
	padding-left:6px;
}

#dynamic_colom_container{
	width: 600px;
	background:#000000;
	min-height: 715px;
	height: auto !important;
	height: 715px;
}

.dynamic_colom{
	margin-bottom: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	min-height:136px;
	height:auto !important;
	height:136px;
	width: 600px;
	background:#ffffff;
	border: 1px solid #ababab;
}

.afbeelding_colom{
	float:left;
	width:248px;
	height:126px;
	margin:4px;
	border:1px solid #363636;
}

.content_colom{
	float:left;
	width:332px;
	height:126px;
	margin:5px;
	margin-left:2px;
	text-align:left;
	font-size:11px;
	color:#6d6e71;
}

/* VANAF HIER BEGINNEN DE <<--- TUSSEN --->> DIV LAYERS */

#rechts_boven{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	width: 270px;
	background: #000000;
	height: 320px;
	margin-bottom:5px;
}

#rechts_midden{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	width: 270px;
	background: #000000;
	height: 138px;
	margin-bottom:5px;
}

#rechts_onder{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	width: 270px;
	background: #000000;
	height: 320px;
	margin-bottom: 5px;
}

/* NAVIGATIE BALK */

.vorige{
	float:left;
	margin-left:20px;
	width: 88px;
	height: 32px;
}

.aantal_dropdown{
	padding-top:5px;
	float:left;
	width: 180px;
	height: 27px;
	text-align:right;
}

.tussen_dropdown{
	float:left;
	width: 19px;
	height:	32px;
}

.sorteren_dropdown{
	padding-top:5px;
	float:left;
	width: 170px;
	height: 27px;
	text-align:left;
}

.volgende{
	float:right;
	width: ;
	height: 32px;
	text-align:right;
}

/* PROJECT DIVS */

#project_container{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	width: 600px;
	border:1px solid #ababab;
	background:#fff;
	min-height: 747px;
	height: auto !important;
	height: 747px;
	margin-bottom:5px;
}

#overig_container{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 3px 3px 8px;
	-moz-box-shadow: #666 3px 3px 8px;
	box-shadow: #666 3px 3px 8px;
	behavior: url(http://www.studio23.nl/s23/css/PIE.htc);
	width: 600px;
	background:white;
	border:1px solid #ababab;
	min-height: 786px;
	height: auto !important;
	height: 786px;
}

#project_title{
	width:600px;
	margin-top:0px;
	margin-bottom:0px;
}

#hoofd_afb{
	width:600px;
	min-height: 302px;
	height: auto !important;
	height: 302px;
}

.containerdiv { float: left; position: relative; } 
.cornerimage { position: absolute; top: 0; right: 0; } 

