/* @group undoHTML */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lowe  r halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

/* @end */

/* @group main */

body {
	text-align: center;
	height: 100%;
	/*background: #ebebeb url(../img/deco_bg_klassiek.jpg) repeat-y 50%;*/
}


#inhoudLink {
	position: absolute;
	left: -9999px;
}

#klassiekeInfo {
	font-family: "Times New Roman", Times, Georgia, serif;
}

#klassiekeProjecten {
	font-family: "Times New Roman", Times, Georgia, serif;
}

#keuzePagina {
	font-family: "Times New Roman", Times, Georgia, serif;
	background: #ebebeb;
}

#keuzePagina #hoofdInhoud {
	background: url(../img/deco_bg_keuzeAchtergrondBottom.jpg) no-repeat 0 bottom;
	padding-bottom: 220px;
	position: relative;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek {
	float: none;
	overflow: auto;
	padding: 0;
	margin: 0;
	width: 729px;
	background: transparent url(../img/deco_bg_keuzeAchtergrond.jpg) repeat-y;
}

#keuzePagina h1 {
	
	float: left;
	display: inline;
	padding-top: 131px;
	padding-left: 27px;
	width: 702px;
	color: #fff;
	font-size: 130%;
	font-weight: normal;
	background:transparent url(../img/deco_bg_keuzeAchtergrond.jpg) repeat-y scroll 0%;
}

#keuzePagina h2 {
	clear: left;
	float: left;
	display: inline;
	padding-top: 5px;
	padding-left: 27px;
	width: 702px;
	color: #b8da6f;
	font-size: 90%;
	background:transparent url(../img/deco_bg_keuzeAchtergrond.jpg) repeat-y scroll 0%;
	font-style: italic;
}

#hoofdInhoud #menuModernKlassiek a {
	color: #fff;
	text-decoration: underline;
}

#hoofdInhoud #menuModernKlassiek a:hover {
	color: #b8de85;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek ul {
	background-color: transparent;
	float: left;
	display: inline;
	width: 340px;
	margin: 0;
	padding: 0;
	margin-left: 3px;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek ul {
	background-color: transparent;
	float: left;
	display: inline;
	width: 310px;
	margin: 0;
	padding: 0;
	margin-left: 3px;
}

#hoofdInhoud #menuModernKlassiek li {
	margin: 0;
	background-image: none;
	float: left;
	display: inline;
	width: 320px;
	padding: 0;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek #keuzeKlassiek {
	margin: 0;
	margin-right: 19px;
	float: right;
	background: url(../img/deco_frontKlassiek.jpg) no-repeat right;
	padding-top: 115px;
	width: 345px;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek #keuzeModern {
	background: url(../img/deco_frontModern.jpg) no-repeat 27px;
	padding-top: 115px;
	width: 360px;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek #keuzeModern ul {
	margin-left: 27px;
	width: 333px;
}


#keuzePagina #hoofdInhoud #menuModernKlassiek #keuzeKlassiek ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 333px;
}




#keuzePagina #hoofdInhoud #menuModernKlassiek #keuzeKlassiek li {
	float: right;
	margin: 0;
	text-align: right;
}


#keuzePagina #hoofdInhoud #menuModernKlassiek ul li {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	width: 165px;
	text-align: left;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek #keuzeModerneProjecten {
	margin-left: 15px;
	width: 145px;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek #keuzeKlassiekeProjecten {
	padding-right: 15px;
	width: 145px;
}

#klassiekContact {
	font-family: "Times New Roman", Times, Georgia, serif;
}

#klassiekeInfo h1, #klassiekeProjecten h1, #klassiekContact h1 {
	float: left;
	display: inline;
	margin-top: 131px;
	margin-left: 27px;
	color: #8c8c8c;
	font-size: 130%;
	font-weight: normal;
}

#klassiekeInfo h1 .huidigeSelectie, #klassiekeProjecten h1 .huidigeSelectie, #klassiekContact h1 .huidigeSelectie {
	color: #fff;
}



#klassiekeInfo h2, #klassiekeProjecten h2, #klassiekContact h2 {
	clear: left;
	float: left;
	display: inline;
	margin-top: 5px;
	margin-left: 27px;
	color: #8c8c8c;
	font-size: 90%;
	font-weight: normal;
}

#klassiekeInfo #veranderProjectType, #klassiekeProjecten #veranderProjectType, #klassiekeContact #veranderProjectType {
	float: right;
	margin-top: 131px;
	margin-right: 27px;
	color: #8c8c8c;
	font-size: 100%;
	font-weight: normal;
}

#klassiekeInfo #veranderProjectType:hover, #klassiekeProjecten #veranderProjectType:hover, #klassiekeContact #veranderProjectType:hover {
	color: #fff;
}

#moderneInfo, #moderneProjecten, #modernContact {
	font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#moderneInfo h1, #moderneProjecten h1, #modernContact h1 {
	float: left;
	display: inline;
	margin-top: 131px;
	margin-left: 27px;
	color: #fff;
	font-size: 130%;
	font-weight: normal;
	background-color: transparent;
}

#moderneInfo h1 .huidigeSelectie, #moderneProjecten h1 .huidigeSelectie, #modernContact h1 .huidigeSelectie {
	color: #b8de85;
}

#moderneInfo h2, #moderneProjecten h2, #modernContact h2 {
	clear: left;
	float: left;
	display: inline;
	margin-top: 5px;
	margin-left: 27px;
	color: #b8da6f;
	font: italic 90% "Times New Roman", Times, Georgia, serif;
}

#moderneInfo #veranderProjectType, #moderneProjecten #veranderProjectType, #modernContact #veranderProjectType {
	float: right;
	margin-top: 131px;
	margin-right: 27px;
	color: #b8de85;
	font-size: 90%;
	font-weight: normal;
}

#moderneInfo #veranderProjectType:hover, #moderneProjecten #veranderProjectType:hover, #modernContact #veranderProjectType:hover {
	color: #fff;
}


#hoofdInhoud {
	margin-left: auto;
	margin-right: auto;
	width: 729px;
	text-align: left;
	position:  relative;
	overflow: auto;
	
	background: #ebebeb url(../img/deco_bg_klassiek.jpg) repeat-y;
}

#moderneInfo #hoofdInhoud {
	margin-left: auto;
	margin-right: auto;
	width: 729px;
	text-align: left;
	position:  relative;
	overflow: auto;
	
	background: #ebebeb url(../img/deco_bg_modern.jpg) repeat-y;
}

#hoofdInhoud p {
	clear: left;
	float: left;
	width: 673px;
	margin-left: 1px;
	padding-left: 27px;
	padding-right: 27px;
	color: #343434;
	background-color: #cdcdcd;	
	line-height: 150%;
	padding-top: 10px;
	padding-bottom: 12px;
	font-family: "Times New Roman", Times, Georgia, serif;
}

#moderneInfo #hoofdInhoud p, #moderneProjecten #hoofdInhoud p {
	clear: left;
	float: left;
	width: 673px;
	margin-left: 1px;
	padding-left: 27px;
	padding-right: 27px;
	color: #343434;
	background-color: #fff;	
	line-height: 150%;
	padding-top: 10px;
	padding-bottom: 12px;
	font-family: "Times New Roman", Times, Georgia, serif;
}

#modernContact #hoofdInhoud {
	background: #ebebeb url(../img/deco_bg_modern.jpg) repeat-y;
}

#moderneProjecten #hoofdInhoud {
	background: #ebebeb url(../img/deco_bg_modern.jpg) repeat-y;
}

#modernContact #hoofdInhoud p {
	clear: left;
	float: left;
	width: 673px;
	margin-left: 1px;
	padding-left: 27px;
	padding-right: 27px;
	color: #343434;
	background-color: transparent;	
	line-height: 150%;
	padding-bottom: 22px;
	font-family: "Times New Roman", Times, Georgia, serif;
}

#hoofdInhoud .introTekst {
	margin: 0;
	margin-top: 20px;
	width: 674px;
	padding-left: 27px;
	padding-right: 27px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #000;
	color:#8C8C8C;
	line-height: 120%;
}

#moderneInfo #hoofdInhoud .introTekst, #moderneProjecten #hoofdInhoud .introTekst, #modernContact #hoofdInhoud .introTekst {
	margin: 0;
	margin-top: 20px;
	width: 674px;
	padding-left: 27px;
	padding-right: 27px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: transparent;
	color:#fff;
	line-height: 120%;
}

#hoofdInhoud .introTekstB {
	margin: 0;
	margin-top: 20px;
	width: 673px;
	margin-left: 1px;
	padding-left: 27px;
	padding-right: 27px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #cdcdcd;
	color: #343434;
	line-height: 120%;
}

#hoofdInhoud ul {
	clear: left;
	float: left;
	margin-left: 1px;
	width: 700px;
	padding-right: 27px;
	padding-top: 15px;
	color: #343434;
	background-color: #cdcdcd;
	padding-bottom: 65px;
}


#moderneInfo #hoofdInhoud ul, #moderneProjecten #hoofdInhoud ul, #modernContact #hoofdInhoud ul {
	clear: left;
	float: left;
	width: 700px;
	margin-left: 1px;
	padding-right: 27px;
	color: #343434;
	background-color: #fff;
	padding-bottom: 65px;
	font-family: "Times New Roman", Times, Georgia, serif;
}

#hoofdInhoud ul ul {
	clear: left;
	float: left;
	width: auto;
	padding-right: 27px;
	color: #343434;
	background-color: #cdcdcd;
	padding-bottom: 65px;
}

#moderneInfo #hoofdInhoud ul ul, #moderneProjecten #hoofdInhoud ul ul, #modernContact #hoofdInhoud ul ul {
	clear: left;
	float: left;
	width: auto;
	padding-right: 27px;
	color: #343434;
	background-color: #cdcdcd;
	padding-bottom: 65px;
}

#hoofdInhoud li {
	padding-left: 27px;
	padding-bottom: 25px;
	background: url(../img/deco_normalBullet.gif) no-repeat 16px 3px;
	line-height: 150%;
}

#moderneInfo li, #moderneProjecten li, #modernContact li {
	padding-left: 27px;
	padding-bottom: 25px;
	background: url(../img/deco_normalBullet_modern.gif) no-repeat 16px 3px;
	line-height: 150%;
}

#hoofdInhoud ol {
	clear: left;
	float: left;
	width: 673px;
	margin-left: 1px;
	padding-right: 27px;
	padding-left: 27px;
	color: #343434;
	background-color: #cdcdcd;
	list-style: decimal;
}

#moderneInfo #hoofdInhoud ol, #moderneProjecten #hoofdInhoud ol, #modernContact #hoofdInhoud ol {
	clear: left;
	float: left;
	width: 673px;
	margin-left: 1px;
	padding-right: 27px;
	padding-left: 27px;
	color: #343434;
	background-color: #fff;
	list-style: decimal;
	font-family: "Times New Roman", Times, Georgia, serif;
}

#hoofdInhoud ol li {
	padding-left: 0px;
	margin-left: 18px;
	padding-bottom: 25px;
	background: transparent none no-repeat 16px 3px;
	line-height: 150%;
	list-style: decimal;
}

#hoofdInhoud #voorwaarden {
	background-color: #9a9a9a;
	padding-bottom: 0px;
	padding-top: 14px;
	border-bottom: 54px solid #cdcdcd;
}

#hoofdInhoud #voorwaarden li {
	padding-left: 8px;
	background: url(../img/deco_star.gif) no-repeat 0px 3px;
	font-size: 87%;
	line-height: 100%;
}

#moderneInfo #hoofdInhoud #voorwaarden, #moderneProjecten #hoofdInhoud #voorwaarden, #modernContact #hoofdInhoud #voorwaarden {
	background-color: #ecffd4;
	padding-bottom: 0px;
	padding-top: 14px;
	margin-bottom: 54px;
	border: 0;
}

#moderneInfo #hoofdInhoud #voorwaarden li, #moderneProjecten #hoofdInhoud #voorwaarden li, #modernContact #hoofdInhoud #voorwaarden li {
	padding-left: 8px;
	background: url(../img/deco_star_modern.gif) no-repeat 0px 3px;
	font-size: 87%;
	line-height: 100%;
}

#hoofdInhoud h3 {
	clear: left;
	float: left;
	padding-left: 27px;
	padding-right: 27px;
	margin-left: 1px;
	width: 673px;
	color: #fff;
	padding-top: 74px;
	padding-bottom: 20px;
	border-bottom: 22px solid #cdcdcd;
	background: url(../img/deco_bg_h3.jpg) no-repeat;
	font-size: 110%;
}



#klassiekContact #hoofdInhoud h3 {
	clear: left;
	float: left;
	padding-left: 27px;
	padding-right: 27px;
	width: 673px;
	margin-left: 1px;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 20px;
	border-bottom: 22px solid #cdcdcd;
	background: none no-repeat;
	font-size: 110%;
}

#moderneInfo #hoofdInhoud h3, #moderneProjecten #hoofdInhoud h3, #modernContact #hoofdInhoud h3 {
	clear: left;
	float: left;
	padding-left: 27px;
	padding-right: 27px;
	width: 674px;
	color: #fff;
	padding-top: 14px;
	padding-bottom: 20px;
	border-bottom: 22px solid #cdcdcd;
	background: #165829 none no-repeat;
	font-size: 110%;
	border-bottom: 3px solid #000;
}

#hoofdInhoud h4 {
	clear: left;
	float: left;
	padding-left: 27px;
	padding-right: 27px;
	padding-bottom: 5px;
	margin-left: 1px;
	width: 673px;
	color: #fff;
	font-size: 110%;
	color: #343434;
	background-color: #cdcdcd;
	font-weight: normal;
	text-decoration: underline;
	padding-top: 10px;
}

#moderneInfo #hoofdInhoud h4, #moderneProjecten #hoofdInhoud h4, #modernContact #hoofdInhoud h4 {
	clear: left;
	float: left;
	margin-left: 1px;
	padding-left: 27px;
	padding-right: 27px;
	padding-bottom: 5px;
	width: 673px;
	color: #fff;
	font-size: 110%;
	color: #343434;
	background-color: #fff;
	font-weight: normal;
	text-decoration: underline;
	font-family: "Times New Roman", Times, Georgia, serif;
}

#veranderProjectType {
	float: right;
	margin-top: 131px;
	margin-right: 27px;
	color: #8c8c8c;
	font-size: 100%;
	font-weight: normal;
}

#veranderProjectType:hover {
	color: #fff;
}

#hoofdInhoud #menuModernKlassiek  ul {
	float: right;
	margin: 0;
	padding: 0;
}

#hoofdInhoud ol li em {
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}

.hidden {
	display: none;
}

/* @end */

/* @group menus */

#klassiekeInfo #hoofdInhoud #subMenu, #klassiekeProjecten #hoofdInhoud #subMenu, #klassiekContact #hoofdInhoud #subMenu {
	margin: 0;
	width: 674px;
	padding-left: 27px;
	padding-right: 27px;
	padding-bottom: 52px;
	padding-top: 0;
	background-color: #000;
}

#klassiekeInfo #hoofdInhoud #subMenu li, #klassiekeProjecten #hoofdInhoud #subMenu li, #klassiekContact #hoofdInhoud #subMenu li {
	padding: 0;
	margin-bottom: 10px;
	background-image: none;
}

#klassiekeInfo #hoofdInhoud #subMenu a, #klassiekeProjecten #hoofdInhoud #subMenu a, #klassiekContact #hoofdInhoud #subMenu a {
	color: #8c8c8c;
	text-decoration: underline;
}

#moderneInfo #hoofdInhoud #subMenu, #moderneProjecten #hoofdInhoud #subMenu, #modernContact #hoofdInhoud #subMenu {
	margin: 0;
	width: 674px;
	padding-left: 27px;
	padding-right: 27px;
	padding-bottom: 52px;
	padding-top: 0;
	background-color:transparent;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 87%;
}

#moderneInfo #hoofdInhoud #subMenu li, #moderneProjecten #hoofdInhoud #subMenu li, #modernContact #hoofdInhoud #subMenu li {
	padding: 0;
	margin-bottom: 10px;
	background-image: none;
}

#moderneInfo #hoofdInhoud #subMenu a, #moderneProjecten #hoofdInhoud #subMenu a, #modernContact #hoofdInhoud #subMenu a {
	color: #fff;
	text-decoration: underline;
}

#klassiekeInfo #menus, #klassiekeProjecten #menus, #klassiekContact #menus {
	position: absolute;
	top: 0;
	left: 0;
	width: 728px;
	background-color: #000;
}

#moderneInfo #menus, #moderneProjecten #menus, #modernContact #menus {
	position: absolute;
	top: 0;
	left: 0;
	width: 728px;
	background-color: #17592a;
}

#keuzePagina #menus {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 728px;
	background-color: #000;
	z-index: 20;
	clear: none;
	float: none;
}

#keuzePagina ul {
	border: 0;
}

#keuzePagina li {
	border: 0;
}

#keuzePagina #menus li {
	font-family: "Times New Roman", Times, Georgia, serif;
}

#keuzePagina #menus a {
	color: #8c8c8c;
	font-family: "Times New Roman", Times, Georgia, serif;
}

#keuzePagina #menus a:hover {
	color: #d4d4d4;
}

#menus p {
	margin: 0;
	padding: 0;
	width: 728px;
	height: 52px;
}

#moderneInfo #menus p, #moderneProjecten #menus p, #modernContact #menus p {
	margin: 0;
	padding: 0;
	width: 728px;
	height: 52px;
}

#menus img {
	float: left;
	margin: 0;
}

#menus li {
	float: left;
	display: inline;
	padding: 0;
	background-color: transparent;
	background-image: none;
}

#klassiekeInfo #menus li, #klassiekeProjecten #menus li, #klassiekContact #menus li {
	font-family: "Times New Roman", Times, Georgia, serif;
}

#klassiekeInfo #menus a, #klassiekeProjecten #menus a, #klassiekContact #menus a {
	color: #8c8c8c;
	font-family: "Times New Roman", Times, Georgia, serif;
}

#klassiekeInfo #menus a:hover, #klassiekeProjecten #menus a:hover, #klassiekContact #menus a:hover {
	color: #d4d4d4;
}

#moderneInfo #menus a, #moderneProjecten #menus a, #modernContact #menus a {
	color: #b8da6f;
	font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#moderneInfo #menus a:hover, #moderneProjecten #menus a:hover, #modernContact #menus a:hover {
	color: #fff;
}

#hoofdInhoud #hoofdMenu {
	float: left;
	display: inline;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 27px;
	margin-right: 0;
	padding: 0;
	background-color: transparent;
	width:  450px;
}

#moderneInfo #hoofdInhoud #hoofdMenu, #moderneProjecten #hoofdInhoud #hoofdMenu, #modernContact #hoofdInhoud #hoofdMenu {
	float: left;
	display: inline;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 27px;
	margin-right: 0;
	padding: 0;
	background-color: transparent;
	width:  450px;
}

#hoofdMenu li {
	margin-right: 44px;
	color: #fff;
	font-family: Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#hoofdInhoud #taalMenu {
	clear: none;
	float: right;
	display: inline;
	padding: 0 !important;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 27px;
	margin-left: 0;
	background-color: transparent;
	width: auto;
}

#moderneInfo #hoofdInhoud #taalMenu, #moderneProjecten #hoofdInhoud #taalMenu, #modernContact #hoofdInhoud #taalMenu {
	clear: none;
	float: right;
	display: inline;
	padding: 0 !important;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 27px;
	margin-left: 0;
	background-color: transparent;
	width: auto;
}

#taalMenu li {
	margin-left: 44px;
	margin-right: 0;
	padding: 0;
}

#keuzePagina #hoofdInhoud #hoofdMenu {
	float: left;
	display: inline;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 27px;
	margin-right: 0;
	padding: 0;
	background-color: transparent;
	width:  450px;
}

/* @end */

/* @group diashow */

#diashow_modern {
	clear: left;
	float: left;
	display: inline;
	margin-left: 27px;
	margin-top: 24px;
}

#hoofdInhoud #diashow_modern p {
	clear: left;
	float: left;
	width: 650px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #17592a;
	padding: 10px;
}

#hoofdInhoud #diashow_modern_fr p {
	clear: left;
	float: left;
	width: 650px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #17592a;
	padding: 10px;
}


#hoofdInhoud #diashow_modern ol, #hoofdInhoud #diashow_modern ul {
	clear: left;
	float: left;
	width: auto;
	width: 650px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #fff;
	padding: 10px;
}

#hoofdInhoud #diashow_modern_fr ol, #hoofdInhoud #diashow_modern_fr ul {
	clear: left;
	float: left;
	width: auto;
	width: 650px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #fff;
	padding: 10px;
}

#hoofdInhoud #diashow_modern li {
	margin: 0;
	padding: 0;
	background-image: none;
	list-style-position: inside;
}

#hoofdInhoud #diashow_modern_fr li {
	margin: 0;
	padding: 0;
	background-image: none;
	list-style-position: inside;
}

#hoofdInhoud #diashow_modern ul li {
	float: left;
	margin-right: 10px;
}

#hoofdInhoud #diashow_modern_fr ul li {
	float: left;
	margin-right: 10px;
}

#diashow_klassiek {
	clear: left;
	float: left;
	display: inline;
	margin-left: 27px;
	margin-top: 24px;
}

#hoofdInhoud #diashow_klassiek p {
	clear: left;
	float: left;
	width: 650px;
	background-color: gray;
	margin: 0;
	padding: 0;
	color: #fff;
	padding: 10px;
}

#hoofdInhoud #diashow_klassiek_fr p {
	clear: left;
	float: left;
	width: 650px;
	background-color: gray;
	margin: 0;
	padding: 0;
	color: #fff;
	padding: 10px;
}

#hoofdInhoud #diashow_klassiek ol, #hoofdInhoud #diashow_klassiek ul {
	clear: left;
	float: left;
	width: auto;
	width: 650px;
	background-color: gray;
	margin: 0;
	padding: 0;
	color: #fff;
	padding: 10px;
}

#hoofdInhoud #diashow_klassiek_fr ol, #hoofdInhoud #diashow_klassiek_fr ul {
	clear: left;
	float: left;
	width: auto;
	width: 650px;
	background-color: gray;
	margin: 0;
	padding: 0;
	color: #fff;
	padding: 10px;
}

#hoofdInhoud #diashow_klassiek li {
	margin: 0;
	padding: 0;
	background-image: none;
	list-style-position: inside;
}

#hoofdInhoud #diashow_klassiek_fr li {
	margin: 0;
	padding: 0;
	background-image: none;
	list-style-position: inside;
}

#hoofdInhoud #diashow_klassiek ul li {
	float: left;
	margin-right: 10px;
}

#hoofdInhoud #diashow_klassiek_fr ul li {
	float: left;
	margin-right: 10px;
}

#diashow_modern_fr {
	clear: left;
	float: left;
	display: inline;
	margin-left: 27px;
	margin-top: 24px;
}

#diashow_klassiek_fr {
	clear: left;
	float: left;
	display: inline;
	margin-left: 27px;
	margin-top: 24px;
}



/* @end */

/* @group projects */

.classicProjectOverview img {
	float: left;
}

.classicProjectOverview #projectList {
	float: left;
	background-color: #cdcdcd;
	width: 675px;
	padding: 0;
	margin: 0;
	margin-left: 1px;
	padding-top: 20px;
	padding-left: 27px;
	padding-right: 25px;
	color: #343434;
	margin-top: 25px;
}

.classicProjectOverview #projectList li {
	position: relative;
	margin: 0;
	padding: 0;
	padding-bottom: 40px;
	margin-bottom: 20px;
	background-image: none;
	clear: left;
	float: left;
	width: 676px;
}

.classicProjectOverview #projectList div {
	display: inline;
	float: left;
	width: 320px;
	background-color: transparent;
}

.classicProjectOverview #projectList h3 {
	width: 330px;
	padding: 0;
	padding-left: 10px;
	display: inline;
	clear: none;
	float: right;
	display: inline;
	background-image: none;
	background-color: #000;
}

.classicProjectOverview #projectList p {
	display: inline;
	clear: none;
	float: right;
	width: 330px;
	padding: 0;
}

.classicProjectOverview #projectList ul {
	margin: 0;
	padding: 0;
	/*position: absolute;
	top: 240px;
	left: 270px;
	*/
	margin-left: 270px;
	margin-top: 10px;
	clear:left;
	float: left;
	background-color: transparent;
	width: 50px;
}

.classicProjectOverview #projectList embed {
	float: left;
}

.classicProjectOverview #projectList ul li {
	margin: 0;
	padding: 0;
}

.classicProjectOverview .volgende {
	float: right;
	background: url(../img/button_classicVolgende.gif) no-repeat;
	height: 25px;
	width: 22px;
	text-indent: -9999px;
}

.classicProjectOverview .vorige {
	float: right;
	background: url(../img/button_classicVorige.gif) no-repeat;
	height: 25px;
	width: 22px;
	text-indent: -9999px;
}

.classicProjectOverview #projectList div li {
	float: right;
	margin: 0;
	padding: 0;
	display: inline;
	clear: none;
	width: 22px;
}

/* modern */


.modernProjectOverview img {
	clear: left;
	float: left;
	display: inline;
}

.modernProjectOverview #hoofdInhoud #projectList {
	float: left;
	background-color: transparent;
	width: 676px;
	padding: 0;
	margin: 0;
	padding-top: 20px;
	padding-left: 27px;
	padding-right: 25px;
	color: #343434;
	margin-top: 25px;
}

.modernProjectOverview #projectList li {
	position: relative;
	margin: 0;
	padding: 0;
	padding-bottom: 40px;
	margin-bottom: 20px;
	background-image: none;
	clear: left;
	float: left;
	width: 676px;
	min-height: 340px;
}

.modernProjectOverview #projectList div {
	/*position: absolute;
	top: 60px;
	*/
	clear:left;
	float: left;
	display: inline;
	width: 320px;
	height: 264px;
	background-color: #fff;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 27px;
}

.modernProjectOverview #hoofdInhoud #projectList h3 {
	width: 313px;
	padding: 0;
	padding-left: 37px;
	padding-top: 29px;
	padding-right: 320px;
	display: inline;
	clear: none;
	float: left;
	display: inline;
	min-height: 31px;
	color: #165839;
	border-bottom: 0;
	background: transparent none no-repeat;
	margin: 0;
}

.modernProjectOverview #hoofdInhoud #projectList p {
	display: inline;
	clear: none;
	float: left;
	width: 292px;
	padding: 8px;
	margin-left: 18px;
	background-color: #b8de85;
	color: #165829;
	font-size: 87%;
}

.modernProjectOverview #projectList embed {
	float: left;
}

.modernProjectOverview #hoofdInhoud #projectList ul li {
	margin: 0;
	padding: 0;
}

.modernProjectOverview #hoofdInhoud #projectList .volgende {
	float: right;
	background: url(../img/button_modernVolgende.gif) no-repeat;
	height: 27px;
	width: 23px;
	text-indent: -9999px;
}

.modernProjectOverview #hoofdInhoud #projectList .vorige {
	float: right;
	background: url(../img/button_moderneVorige.gif) no-repeat;
	height: 27px;
	width: 23px;
	text-indent: -9999px;
}

#moderneProjecten #hoofdInhoud #projectList div ul {
	margin: 0;
	padding: 0;
	border: 0;
	/*position: absolute;
	top: 243px;
	left: 295px;
	*/
	margin-top: 12px;
	display: block;
	background-color: #fff;
	width: 320px;
}

.modernProjectOverview #hoofdInhoud #projectList div li {
	position: static;
	float: right;
	margin: 0;
	padding: 0;
	display: inline;
	clear: none;
	width: 23px;
	min-height: 0;
}


/* @end */

/* @group contact */

.klassiek .contactLink a:hover {
	background-color: #333;
	color: #fff;
}



#hoofdInhoud .linksLijst {
	clear: left;
	float: left;
	width: 700px;
	margin-left: 1px;
	padding-right: 27px;
	color: #343434;
	background-color: #cdcdcd;
	padding-bottom: 25px;
}

#hoofdInhoud .linksLijst li {
	padding-left: 27px;
	padding-bottom: 10px;
	background: none 0;
	line-height: 150%;
}

#hoofdInhoud .linksLijst a {
	padding: 3px;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 2px;
	margin-left: 0;
	color: #343434;
	background: #9a9a9a url(../img/deco_arrowContactLink.gif) no-repeat 3px 3px;
}

#hoofdInhoud .linksLijst a:hover {
	background-color: #333;
	color: #fff;
}

#modernContact #hoofdInhoud {
	padding-bottom: 30px;
}

#modernContact #hoofdInhoud .linksLijst a {
	padding: 3px;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 4px;
	margin-left: 0;
	color: #343434;
	background: transparent url(../img/deco_arrowContactLink_modern.gif) no-repeat 3px 3px;
	text-decoration: underline;
	font-weight: bold;
}

#modernContact #hoofdInhoud .linksLijst a:hover {
	background-color: transparent;
	color: #17592a;
}

#modernContact #hoofdInhoud #overPepijnVerheyen {
	clear: left;
	float: left;
	display: inline;
	background-color: #fff;
	width: 524px;
	margin-left: 17px;
	padding-top: 21px;
	margin-bottom: 25px;
}

#modernContact #hoofdInhoud .linksLijst {
	background-color: #fff;
	width: 552px;
	margin-left: 17px;
	padding-bottom: 20px;
	clear: left;
	float: left;
	display: inline;
}

#modernContact #hoofdInhoud .linksLijst li {
	clear: left;
	float: left;
	display: inline;
}


#modernContact #hoofdInhoud h4 {
	background-color: #fff;
	width: 552px;
	margin-left: 17px;
	padding-right: 0;
	clear: left;
	float: left;
	display: inline;
}



#modernContact #hoofdInhoud h3 {
	padding-bottom: 30px;
	background-color: transparent;
	border-bottom:  0;
	display: inline;
	float: left;
	margin-left: 15px;
	padding-bottom: 0;
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 90%;
	padding-bottom: 4px;
	color: #17592a;
	width: 350px;
}



#modernContact #hoofdInhoud #introTekst {
	margin-top: 30px;
	color: #fff;
}

#modernContact #hoofdInhoud ul {
	color: #17592a;
}

#modernContact #hoofdInhoud ul ul {
	color: #17592a;
}

#modernContact #hoofdInhoud p {
	color: #17592a;
}

/* @end */

/* @group vCard */

#klassiekContact #hcard-Pepijn-Florent-Verheyen .country-name, #klassiekContact #hcard-Pepijn-Florent-Verheyen .url {
	display: none;
}

#klassiekContact #hcard-Pepijn-Florent-Verheyen ul {
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
}

#klassiekContact #hcard-Pepijn-Florent-Verheyen li {
	float: left;
	display: inline;
	padding-left: 0px;
	margin-left: 14px;
	margin-right: 25px;
	padding-bottom: 3px;
	background: transparent none no-repeat 16px 3px;
}

#klassiekContact #hcard-Pepijn-Florent-Verheyen li li {
	clear: left;
	float: left;
	
	margin-right: 0;
}

#klassiekContact #hcard-Pepijn-Florent-Verheyen {
	padding-bottom: 0;
	border-bottom: 20px solid #cdcdcd;
}

#klassiekContact #hcard-Pepijn-Florent-Verheyen .postal-code {
	clear: left;
	float: left;
}

#klassiekContact #hcard-Pepijn-Florent-Verheyen .locality {
	margin-left: 7px;
	float: left;
}

#klassiekContact #hcard-Pepijn-Florent-Verheyen .contactLink  {
	clear: left;
	width: 500px;
}

#klassiekContact #hcard-Pepijn-Florent-Verheyen .contactLink a {
	clear: left;
	float: left;
	padding: 3px;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 13px;
	color: #343434;
	background: #9a9a9a url(../img/deco_arrowContactLink.gif) no-repeat 3px 5px;
}

#klassiekContact #hcard-Pepijn-Florent-Verheyen .contactLink a:hover {
	background-color: #333;
	color: #fff;
}

/* MODERN */


#modernContact #hcard-Pepijn-Florent-Verheyen .url {
	display: none;
}

#modernContact #hcard-Pepijn-Florent-Verheyen ul {
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
}

#modernContact #hoofdInhoud #hcard-Pepijn-Florent-Verheyen li ul {
	background-color: #fff;
	padding-right: 0;
	padding-bottom: 20px;
}

#modernContact #hcard-Pepijn-Florent-Verheyen li {
	float: left;
	display: inline;
	padding-left: 0px;
	margin-left: 14px;
	margin-right: 25px;
	padding-bottom: 3px;
	background: transparent none no-repeat 16px 3px;
}

#modernContact #hcard-Pepijn-Florent-Verheyen li li {
	clear: left;
	float: left;
	
	margin-right: 0;
}

#modernContact #hoofdInhoud #hcard-Pepijn-Florent-Verheyen {
	clear: left;
	float: left;
	display: inline;
	padding-bottom: 0;
	margin-bottom: 20px;
	border: 0;
	width: 552px;
	margin-left: 17px;
	padding-bottom: 14px;
}

#modernContact #hcard-Pepijn-Florent-Verheyen .postal-code {
	clear: left;
	float: left;
}

#modernContact #hcard-Pepijn-Florent-Verheyen .country-name {
	clear: left;
	float: left;
}

#modernContact #hcard-Pepijn-Florent-Verheyen .locality {
	margin-left: 7px;
	float: left;
}

#modernContact #hcard-Pepijn-Florent-Verheyen .contactLink  {
	clear: left;
	width: 500px;
}

#modernContact #hcard-Pepijn-Florent-Verheyen .contactLink a {
	clear: left;
	float: left;
	padding: 3px;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 0;
	margin-left: 13px;
	color: #343434;
	background: transparent url(../img/deco_arrowContactLink_modern.gif) no-repeat 3px 5px;
	text-decoration: underline;
	font-weight: bold;
}

#modernContact #hcard-Pepijn-Florent-Verheyen .contactLink a:hover {
	color: #17592a;
}


/* @end */

/* @group menuModernKlassiek_fr */


#keuzePagina #hoofdInhoud #menuModernKlassiek_fr {
	float: none;
	overflow: auto;
	padding: 0;
	margin: 0;
	width: 729px;
	background: transparent url(../img/deco_bg_keuzeAchtergrond.jpg) repeat-y;
}

#hoofdInhoud #menuModernKlassiek_fr a {
	color: #fff;
	text-decoration: underline;
}

#hoofdInhoud #menuModernKlassiek_fr a:hover {
	color: #b8de85;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek_fr ul {
	background-color: transparent;
	float: left;
	display: inline;
	width: 340px;
	margin: 0;
	padding: 0;
	margin-left: 3px;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek_fr ul {
	background-color: transparent;
	float: left;
	display: inline;
	width: 310px;
	margin: 0;
	padding: 0;
	margin-left: 3px;
}

#hoofdInhoud #menuModernKlassiek_fr li {
	margin: 0;
	background-image: none;
	float: left;
	display: inline;
	width: 320px;
	padding: 0;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek_fr #keuzeKlassiek {
	margin: 0;
	margin-right: 19px;
	float: right;
	background: url(../img/deco_frontKlassiek.jpg) no-repeat right;
	padding-top: 115px;
	width: 345px;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek_fr #keuzeModern {
	background: url(../img/deco_frontModern.jpg) no-repeat 27px;
	padding-top: 115px;
	width: 360px;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek_fr #keuzeModern ul {
	margin-left: 27px;
	width: 333px;
}


#keuzePagina #hoofdInhoud #menuModernKlassiek_fr #keuzeKlassiek ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 333px;
}




#keuzePagina #hoofdInhoud #menuModernKlassiek_fr #keuzeKlassiek li {
	float: right;
	margin: 0;
	text-align: right;
}


#keuzePagina #hoofdInhoud #menuModernKlassiek_fr ul li {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	width: 100px;
	text-align: left;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek_fr #keuzeModerneProjecten {
	margin-left: 15px;
	width: 145px;
}

#keuzePagina #hoofdInhoud #menuModernKlassiek_fr #keuzeKlassiekeProjecten {
	padding-right: 15px;
	width: 145px;
}

#hoofdInhoud #menuModernKlassiek_fr  ul {
	float: right;
	margin: 0;
	padding: 0;
}


/* @end */