html {
	height: 100%;
	font-size: 12px;
}

body {
	height: 100%;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background:#e6e6eb url(/visuals/basis/achtergrond.jpg) top left repeat-x;
}

html > body
{
	height:auto;
	min-height:100%;
}

a { color:#313131; text-decoration:none; }
a:hover { color:#eb6511; }

h1, h2, h3, p { margin: 0px 0px 15px 0px; }

table {
	font-family: Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	border-spacing: 0px 0px;
}
td {
	padding: 2px 2px 2px 2px;
}

ol { margin: 0px 0px 15px 25px; list-style-type: decimal; }
ul { margin: 0px 0px 15px 15px; list-style-type: none; }

ul ul {
	list-style-type: none;
}

li {
	margin: 0px 0px 2px 0px;
}

strong { font-weight: bolder; }
em { font-style:italic; }

sup { font-size: 65%; vertical-align: super; }
sub { font-size: 65%; vertical-align: sub; }

input {
	width: 200px;
	border: 1px solid black;
	background: white;
	font-family: Arial, sans-serif;
}

select {
	width: 204px;
	border: 1px solid black;
	background: white;
}

textarea {
	width: 200px;
	height: 80px;
}

.checkbox {
	border: 0px;
	width: 20px;
	background: none;
}

#top_zwart, .news_text, #top_rechts, .kruimel, #bottom, .media_attention td, .media_attention p, .home_text p, .product_info , .download_resume
{
	font-size: 11px;
}

.home_text
{
	margin-top:22px;
	width:50%;
	text-align:left;
	border-left:1px solid #313131;
	padding-left:13px;
	height:76px;
	margin-bottom:28px;
	float:right;
}
.home_text p
{
	color:#959595;
}

.home_text strong
{
	line-height:17px;
	color:#313131;
	font-size:16px;
}
.home_text a
{
	color:#959595;
}

.radiobutton {
	border: 0px;
	width: 20px;
	background: none;
}

.form_button {
	background: white;
	border: 1px solid black;
	width: 204px;
}

#center_hor {
	font-family:arial;
	width:860px;
	margin: 0px auto;
	background:#fff;
	padding-left:42px;
	padding-right:42px;
}

.kruimel a,
.kruimel a:active,
.kruimel a:link
{
	color: #707070;
}
.kruimel a:hover
{
	color: #ea5a00;
}

/* normaal menu */

#mdg_menu ul { margin:0; padding:0; }
#mdg_menu a { display: block; width: 100%; height: 100%; }
#mdg_menu li {
	float: left;
	background:#fff url(/visuals/basis/main_sub_navigation_images.png) top left no-repeat;
/*	background: #F00 url(visuals/basis/main_sub_navigation_images.png) no-repeat scroll 0 0; */
	height: 11px;
	text-indent: -1000em;
	text-align: center;
	position: relative;
	color: #313131;
	list-style-type:none;
	margin:0;
	padding:0;

}
@media screen { #mdg_menu li { text-indent: -1000em; } }
#mdg_menu li:hover { color: #EA5A00; }
#mdg_menu li ul {
	left:0px;
	position:absolute;
	top:11px;
	width: 500px;
}
#mdg_menu li li {
	background-position: 0 -40px;
	height: 20px;
	color: #707070;
}

#mdg_menu .products { width: 79px; }
#mdg_menu li.products:hover, #mdg_menu li.products_current { background-position: 0 -20px; }
#mdg_menu .projects { width: 98px; background-position: -80px 0; }
#mdg_menu li.projects:hover, #mdg_menu li.projects_current { background-position: -80px -20px; }
#mdg_menu .marc_de_groot { width: 137px; background-position: -178px 0; }
#mdg_menu li.marc_de_groot:hover, #mdg_menu li.marc_de_groot_current { background-position: -178px -20px; }
#mdg_menu .references { width: 112px; background-position: -315px 0; }
#mdg_menu li.references:hover, #mdg_menu li.references_current { background-position: -315px -20px; }

#mdg_menu li .iq { width: 21px; background-position: 0 -40px }
#mdg_menu li li.iq:hover, #mdg_menu li li.iq_current { background-position: 0 -60px }
#mdg_menu li .glow { width: 53px; background-position: -22px -40px }
#mdg_menu li li.glow:hover, #mdg_menu li li.glow_current { background-position: -22px -60px }
#mdg_menu li .seat { width: 46px; background-position: -75px -40px }
#mdg_menu li li.seat:hover, #mdg_menu li li.seat_current { background-position: -75px -60px }
#mdg_menu li .buddha { width: 63px; background-position: -121px -40px }
#mdg_menu li li.buddha:hover, #mdg_menu li li.buddha_current { background-position: -121px -60px }
#mdg_menu li .tempter { width: 68px; background-position: -184px -40px }
#mdg_menu li li.tempter:hover, #mdg_menu li li.tempter_current { background-position: -184px -60px }
#mdg_menu li .hilow { width: 57px; background-position: -252px -40px }
#mdg_menu li li.hilow:hover, #mdg_menu li li.hilow_current { background-position: -252px -60px }

#mdg_menu li .green { width: 64px; background-position: 0 -80px }
#mdg_menu li li.green:hover, #mdg_menu li li.green_current { background-position: 0 -100px }
#mdg_menu li .de_clercqstraat { width: 117px; background-position: -65px -80px }
#mdg_menu li li.de_clercqstraat:hover, #mdg_menu li li.de_clercqstraat_current { background-position: -65px -100px }
#mdg_menu li .design_studio { width: 101px; background-position: -182px -80px }
#mdg_menu li li.design_studio:hover, #mdg_menu li li.design_studio_current { background-position: -182px -100px }
#mdg_menu li .high_court_the_hague { width: 152px; background-position: -283px -80px }
#mdg_menu li li.high_court_the_hague:hover, #mdg_menu li li.high_court_the_hague_current { background-position: -283px -100px }

#mdg_menu li .vision { width: 65px; background-position: 0 -120px }
#mdg_menu li li.vision:hover, #mdg_menu li li.vision_current { background-position: 0 -140px }
#mdg_menu li .studio { width: 59px; background-position: -66px -120px }
#mdg_menu li li.studio:hover, #mdg_menu li li.studio_current { background-position: -66px -140px }
#mdg_menu li .media { width: 54px; background-position: -125px -120px }
#mdg_menu li li.media:hover, #mdg_menu li li.media_current { background-position: -125px -140px }
#mdg_menu li .awards_recognition { width: 151px; background-position: -179px -120px }
#mdg_menu li li.awards_recognition:hover, #mdg_menu li li.awards_recognition_current { background-position: -179px -140px }
#mdg_menu li .exhibitions { width: 86px; background-position: -330px -120px }
#mdg_menu li li.exhibitions:hover, #mdg_menu li li.exhibitions_current { background-position: -330px -140px }

#mdg_menu li.references .iq { width: 45px; background-position: 0 -160px }
#mdg_menu li.references li.iq:hover, #mdg_menu li.references li.iq_current { background-position: 0 -180px }

#content {
	padding: 30px 0px 0px 0px;
	color:#313131;
	background:#fff url(/visuals/basis/content_top.jpg) top left no-repeat;
}

#swfBase {
	margin:0px;
	padding:0px;
	width:100%;
}

.login_form {
	width: 120px;
	font-weight: normal;
}
.login_form p {
	margin: 0px;
}
.login_form input {
	width: 116px;
	height: 16px;
}
.login_form .form_button {
	width: 120px;
	height: 20px;
}
.login_form .checkbox {
	width: 40px;
	border: 0px;
}
.login_form .username {
	text-align: center;
}

.navigation {
	margin: 0px auto;
	text-align: center;
	color: #666666;
}

.frame {
	padding: 0px;
	margin: 0px auto;
}
.frame img {
	display: inline;
	float: left;
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
}

#top_zwart
{
	height:20px;
	background-color:#313131;
	color:#e6e6eb;
	text-align:center;
}

#top_zwart .news_text
{
	padding:1px 42px;
	height:20px;
	vertical-align:middle;
	text-align:right;
	width:860px;
	margin: 0 auto;
}

#top_links
{
	float:left;
	width:340px;
	height:80px;
	position:relative;
	background: url(/visuals/basis/logo_top.jpg) top left no-repeat;
}

#top
{
	position:relative;
	height:80px;
	float:left;
	padding-bottom:45px;
}
#top_rechts
{
	margin:0;
	position:relative;
	float:left;
	width:520px;
	height:80px;
	text-align:right;
}

.clear
{
	clear:both;
}
#content p
{
	padding:0;
	margin:0;
}
#nav_menu
{
	height:55px;
	clear:left;
}
.bottom_menu
{
	float:right;
	padding-top:43px;
}
#bottom
{
	clear:both;
	margin-top:30px;
	padding-top:7px;
	position:relative;
	border-top:1px dotted #C6c6c6;
	height:25px;
	color:#959595;
	background:#fff;
}

#bottom a
{
	color:#959595;
}
#bottom a:active,
#bottom a:hover
{
	color:#eb6511;
}

#bottom .bottom_menu
{
	float:left;
	margin-left:0;
	padding:0;
}

.bottom_menu ul
{
	margin:0;
	padding:0;
}
.bottom_menu ul li
{
	margin-left:10px;
	float:left;
	list-style-type: none;
}
.bottom_menu ul li.active a
{
	list-style-type: none;
	text-decoration:underline;
	color:#eb6511;
}

#content_links p
{
	margin-bottom:30px;
}

#content_links_mdg
{
	float:left;
	width:260px;
}

#content_links
{
	float:left;
	width:600px;
}

#content_rechts
{
	float:left;
	width:260px;
}

#content_rechts_mdg
{
	float:left;
	width:600px;
	position: relative;
}

#content_onder_mdg th
{
	border-bottom:1px solid #cfcfcf;
	vertical-align:bottom;
	padding-bottom:9px;
}

#content_onder_mdg h1,
#content_rechts_mdg h1
{
	font-size:22px;
	line-height:18px;
	margin:0;
	padding:0;
	padding-bottom:6px;
}

#content_onder_mdg
{
	clear:left;

}

#table_highlights
{
	width:600px;
}

#table_highlights tr td
{
	margin:0;
	padding:0;
	padding-top:22px;
	vertical-align:top;
	border:none;
}

.tr_gradient
{
	background:#fff url(/visuals/basis/background_tabel.jpg) top left repeat;
	border-top: 1px solid #959595;
	height:100%;
	border-bottom: 1px solid #959595;
}

.tr_gradient td
{
	border-top:1px dotted #c6c6c6;
	border-bottom: 1px dotted #c6c6c6;
	border-top:1px dotted #c6c6c6;
}

.mail
{
	background:#fff url(/media/cms/images/mail_icoon.jpg) top left no-repeat;
	height:20px;
	width:150px;
	float:right;
	text-align:right;
	padding-left: 14px;
	padding-right:109px;
}

.mail a{
	padding-top:2px;
	display:block;
	width:100%;
	height:100%;
	text-align:left;
	padding-left:5px;

}

#content_rechts_mdg img
{
	margin-top:10px;
	margin-bottom:10px;
}
#content_rechts_mdg img
{
	padding:30px 0px;
}
#content_links_mdg p,
#content_onder_mdg p,
#content_rechts_mdg p,
#content_rechts p
{
	padding:0;
	margin:0;
	font-family:arial;
	line-height:21px;
}
#content_onder_mdg strong,
#content_rechts_mdg strong,
#content_rechts strong
{
	font-weight:bold;
	font-size:16px;
}
#content_onder_mdg hr,
#content_rechts_mdg hr,
#content_rechts hr
{
	margin:0;
	padding:0;
	background: #cfcfcf;
	height:1px;
	border:none;
	padding:0;
	margin: 10px 0px 10px 0px;
}
#content_onder_mdg h2,
#content_rechts_mdg h2,
#content_rechts h2
{
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:21px;
	font-size:16px;
}

#content_links_mdg h3,
#content_rechts_mdg h3,
#content_rechts h3,
#content_onder_mdg h3
{
	padding:0;
	margin:0;
	margin-top:27px;
	font-weight:bold;
}
#content_onder_mdg h3
{
	margin:0;
}

.groot
{
	font-size:30px;
	line-height:100%;
	padding-top:6px;
	font-weight:bold;
}

.oranje
{
	color:#ea5a00;
	color:#ea5a00;
	text-decoration:underline;
}

#tbl_media_at { margin-left: 260px; }
#tbl_media_at th
{
	padding:8px 0 0 0;
	width:75px;
	border:0;
}
#tbl_media_at th.active
{
	font-weight:bold;
}
#content_onder_mdg .media_attention h1
{
	margin:50px 0 20px 0;
	border-bottom: 1px solid #cfcfcf;
}
#media_attention_header
{
	border-bottom:1px solid #cfcfcf;
}
.media_attention
{
	padding-top:10px;
	margin-left: 260px;
}
.media_eh
{
	background:#e6e6eb url(/visuals/basis/30.04_2008_EH&I.jpg) top left repeat-x;
}
.media_2000_idyb
{
	background:#e6e6eb url(/visuals/basis/30.04_2000_IDYB.jpg) top left repeat-x;
}
.media_2004_idyb
{
	background:#e6e6eb url(/visuals/basis/30.04_2004_IDYB.jpg) top left repeat-x;
}
.media_interni
{
	background:#e6e6eb url(/visuals/basis/30.04_2005_Interni.jpg) top left repeat-x;
}
.media_elle
{
	background:#e6e6eb url(/visuals/basis/30.04_2000_Elle.jpg) top left repeat-x;
}
.media_architect
{
	background:#e6e6eb url(/visuals/basis/30.04_2007_Architect.jpg) top left repeat-x;
}
.media_frame
{
	background:#e6e6eb url(/visuals/basis/30.04_2006_Frame.jpg) top left repeat-x;
}
.media_insideinfo
{
	background:#e6e6eb url(/visuals/basis/30.04_2007_Insideinfo.jpg) top left repeat-x;
}
.media_telegraaf
{
	background:#e6e6eb url(/visuals/basis/30.04_2007_Telegraaf.jpg) top left repeat-x;
}

#download_table a, .product_info a
{
	background:#fff url(/visuals/basis/driehoek.jpg) center left no-repeat;
	padding-left:10px;
}
#download_table td
{
	padding:0;
}
#download_table th
{
	font-weight:bold;
	width:150px;
	border-bottom: 1px dotted #CFCFCF;
}
#download_table .download_all td
{
	padding: 16px 0;
	border-bottom: 1px dotted #CFCFCF;
}

.awards td
{
	padding-top:20px;
	margin:0;
	padding-bottom:14px;
	border-bottom:1px dotted #c9c9c9;
	vertical-align:top;
}

.refiq
{
	position:absolute;
	width:860px;
	height:256px;
	background:#fff url(/visuals/basis/40.02_ref_IQ.jpg) top left repeat-x;
	left:-260px;
	top:260px;
}

.vision_plaatje
{
	position:absolute;
	width:860px;
	height:256px;
	background:#fff url(/visuals/basis/30.02_vision.jpg) top left repeat-x;
	left:-260px;
	top:290px;
}

#content_rechts  p .product_info
{
	line-height:20px;
}

.products_index a, .project_index a
{
	width: 284px;
	height: 179px;
	text-indent: -700em;
	margin:0px 4px 4px 0px;
	float:left;
}

.project_index a.a1 { background-image: url(/media/cms/20.01_Green.jpg); }
.project_index a.a1:hover { background-image: url(/media/cms/20.01_Green_mo.jpg); }

.project_index a.a3 { background-image: url(/media/cms/20.01_Clercqstraat.jpg); }
.project_index a.a3:hover { background-image: url(/media/cms/20.01_Clercqstraat_mo.jpg); }

.project_index a.a2 { background-image: url(/media/cms/20.01_Designstudio.jpg); }
.project_index a.a2:hover { background-image: url(/media/cms/20.01_Designstudio_mo.jpg); }

.project_index a.a4 { background-image: url(/media/cms/20.01_Highcourt.jpg); }
.project_index a.a4:hover { background-image: url(/media/cms/20.01_Highcourt_mo.jpg); }

.project_index a.a2,
.project_index a.a6
{
	margin-right: 0;
}

.products_index a.a1 { background-image: url(/media/cms/10.01_IQ.jpg); }
.products_index a.a1:hover { background-image: url(/media/cms/10.01_IQ_mo.jpg); }

.products_index a.a2 { background-image: url(/media/cms/10.01_Glow.jpg); }
.products_index a.a2:hover { background-image: url(/media/cms/10.01_Glow_mo.jpg); }

.products_index a.a3 { background-image: url(/media/cms/10.01_Seat.jpg); }
.products_index a.a3:hover { background-image: url(/media/cms/10.01_Seat_mo.jpg); }

.products_index a.a4 { background-image: url(/media/cms/10.01_Buddha.jpg); }
.products_index a.a4:hover { background-image: url(/media/cms/10.01_Buddha_mo.jpg); }

.products_index a.a5 { background-image: url(/media/cms/10.01_Tempter.jpg); }
.products_index a.a5:hover { background-image: url(/media/cms/10.01_Tempter_mo.jpg); }

.products_index a.a6 { background-image: url(/media/cms/10.01_HiLow.jpg); }
.products_index a.a6:hover { background-image: url(/media/cms/10.01_HiLow_mo.jpg); }

.products_index a.a3,
.products_index a.a6
{
	margin-right: 0;
}

.item
{
	border-bottom: 1px dotted #CCC;
	padding: 15px 0px;
}
.item_odd
{
	background:#e6e6eb url(/visuals/basis/background_tabel.jpg) top left repeat-y;
}
div.item div.clear
{
	line-height: 0;
	height: 0;
	width: 0;
}
.item .year
{
	float: left;
	font-weight:bolder;
	width: 85px;
}
.item .content
{
	float: left;
	width: 335px;
}

#content_onder_mdg .item
{
	padding-left:260px;
}

#top_links a
{
	display:block;
	height:100%;
	width:100%;
}
.item a
{
	background-image: url(/visuals/basis/link_icoon.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	height:13px;
	padding-right:18px;

	
}

.icon_mail, .icon_tel, .icon_fax, .icon_url 
{
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height:21px;
}
.icon_mail { background-image: url(/visuals/basis/icoon_mail.jpg); }
.icon_tel  { background-image: url(/visuals/basis/icoon_tel.jpg); }
.icon_fax  { background-image: url(/visuals/basis/icoon_fax.jpg); }
.icon_url  { background-image: url(/visuals/basis/icoon_website.jpg); }


#subscribe_form label, #subscribe_form input { float: left; }
#subscribe_form label { width: 100px; clear: left; }
#subscribe_form input { width: 200px; }

.highlight_header
{
	width:420px;
	border-bottom:1px solid  #cfcfcf;
	height:25px;
	text-align:right;
}
.highlight_header h1
{
	float:left;
}

.download_resume a
{
	background:#fff url(/media/cms/images/mail_icoon.jpg) center left no-repeat;
	padding-left:15px;
	text-align:right;
	height:30px;
}

.sitemap table
{
	width:100%;
	border-top:1px dotted #cfcfcf;
	padding-bottom:30px;
	padding-top:5px;
}
.sitemap td
{
	width:100px;
}

table#mdg * {
	line-height: auto;
	vertical-align: top;
	border: 0;
	border-collapse: collapse;
	padding:0;
}