/* Start of CMSMS style sheet 'dbyd: stylesheet' */
/*
html, body {
height:100%; width:100%;
}
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    background-color: #ffffff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #37495a;
    voice-family: inherit;
    font-size:.8em;
    background-image: url(images/designbydumont_bgstripenew.jpg);
    background-repeat:repeat-x;
    font-weight: normal;
    line-height: 1.5em;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a:link {
color:#37495a;
/*font-weight:bold;*/
text-decoration:underline;
}

a:visited {
color:#37495a;
/*font-weight:bold;*/
text-decoration:underline;
}

a:hover {
color:#37495a;
/*font-weight:bold;*/
text-decoration:none;
}


#container {
position: relative;
margin-left:auto;
margin-right:auto;
width: 900px;
height:100%;
padding: 0;
}

#header {
position: relative;
width: 900px;
height:422px;
background-image: url(images/designbydumont_bgnew.jpg);
background-repeat: no-repeat;
}

#headertext {
position:absolute;
top:182px;
left:52px;
width:540px;
}

#headertext h1 {
/*position:relative;*/
font-size:2.8em;
font-family:Helvetica, sans-serif;
letter-spacing:10px;
color:#333;
}


#logo a{
position:absolute;
top:-170px;
left:744px;
height:100px;
width:100px;
background-image: url(images/designbydumont_logo100new.jpg);
background-repeat: no-repeat;
}

#mainmenu {
position:absolute;
top:160px;
left:700px;
}

#mainmenu li {
font-size:1.4em;
font-family:Verdana, sans-serif;
/*color:#fff;*/
letter-spacing:4px;
text-align:right;
}



ul#mainmenulist li {
width:220px;
height:28px;
margin-left:-60px;
}


ul#mainmenulist li a:link {
/*color:#fff;*/
text-decoration:none;
}

ul#mainmenulist li a:visited {
/*color:#fff;*/
text-decoration:none;
}

ul#mainmenulist li a:hover {
color:#99ffff;
text-decoration:none;
}


ul#mainmenulist li#special a:link {
color:#99ffff; 
text-decoration:none;
font-size:1em;
font-weight:900;
}

ul#mainmenulist li#special a:visited {
color:#99ffff;
text-decoration:none;
font-size:1em;
font-weight:900;
}

ul#mainmenulist li#special a:hover {
color:#99ffff;
text-decoration:none;
font-size:1em;
font-weight:900;
}

#leftcolumn {
position:relative;
top:15px;
float:left;
left:50px;
width:400px;
z-index:10;
}

#rightcolumn {
top:15px;
position:relative;
float:left;
left:70px;
width:400px;
z-index:10;
}

#rightcolumnbg {
position:relative;
width:398px;
background:url(images/designbydumont_bgrightcolumn.jpg) no-repeat 1px 0;
}

.greyboxtop {
margin:0;
padding:0;
width:400px;
height:12px;
background-image:url(images/greybox_top.jpg);
background-repeat:no-repeat;
font-size:0;
}

.greenboxtop {
margin:0;
padding:0;
width:400px;
height:12px;
background-image:url(images/greenbox_top.jpg);
background-repeat:no-repeat;
font-size:0;
}


.greyboxmiddle {
margin:0;
padding:0 10px 0 10px;
width:380px;
/*background-color:#d6dada;*/
background-image:url(images/greybox_middle.jpg);
background-repeat:repeat-y;
}

.greyboxmiddle h3{
font-size:18px;
height:15px;
}


.greenboxmiddle {
margin:0;
padding:0 10px 0 10px;
width:380px;
/*background-color:#d6dada;*/
background-image:url(images/greenbox_middle.jpg);
background-repeat:repeat-y;
}

.greenboxmiddle2 {
margin:0;
width:400px;
/*background-color:#d6dada;*/
background-image:url(images/greenbox_middle.jpg);
background-repeat:repeat-y;
}

.greenboxmiddle2 p, .greenboxmiddle2 h3 {
padding:0 10px 0 10px;
}

.greenboxmiddle h3{
font-size:18px;
height:15px;
}

.greenboxmiddle2 h3{
font-size:18px;
height:15px;
}


#inspiratie {
/*height:212px;*/
}

span#revert {
position:relative;
top:-5px;
left:224px;
}

.greyboxbottom {
margin:0;
padding:0;
width:400px;
height:12px;
background-image:url(images/greybox_bottom.jpg);
background-repeat:no-repeat;
}

.greenboxbottom {
margin:0;
padding:0;
width:400px;
height:12px;
background-image:url(images/greenbox_bottom.jpg);
background-repeat:no-repeat;
}



.informailbox {
margin:0;
padding:0;
width:400px;
height:100px;
background-image:url(images/designbydumont_informailbg.jpg);
background-repeat:no-repeat;
}



#curlybg {
position:relative;
width:400px;
background-image:url(images/designbydumont_curlybg.jpg);
background-repeat:no-repeat;
background-position:9px;
}


#footer {
position:relative;
clear:both;
top:5px;
left:10px;
margin-left:auto;
margin-right:auto;
width:405px;
height:114px;
text-align:center;
margin-bottom:40px;
}

#footer a {
position:absolute;
top:0;
left:0;
width:405px;
height:114px;
text-decoration:none;
color:#4a6680;
background-image: url(images/designbydumont_footerbg.jpg);
background-position:0 0;
background-repeat: no-repeat;
}


#footer a:hover {
color:#99ffff;
background-image: url(images/designbydumont_footerbg.jpg);
background-position:0 -117px;
background-repeat: no-repeat;
}



#footertext {
position:relative;
top:69px;
}


#copyright {position:relative; color:#8fd7d7; font-size:1.2em; font-weight:bold;}


#footerstripe {
position:relative;
top:0px;
height:176px;
background-image: url(images/designbydumont_footerstripe.jpg);
background-repeat:repeat-x;
clear:both;
}

#footerstripecontainer {
position: relative;
margin-left:auto;
margin-right:auto;
width: 900px;
height:100%;
padding: 0;
}

#footerstripelogo {
position:relative;
float:left;
left:0px;
width:102px;
height:176px;
background-image: url(images/designbydumont_footerstripelogo.jpg);
background-repeat: no-repeat;
}

#footerstripecontent {
position:relative;
float:left;
top:80px;
left:-30px;
width:790px;
color:#4a6680;
text-align:center;
}

#footerstripecontent a{
color:#4a6680;
text-decoration:none;
}

#footerstripecontent a:hover{
color:#4a6680;
text-decoration:underline;
}


#illustratieviewer {
position:relative;
width:900px;
height:100%;
}

#portfoliopreviewer {
position:relative;
margin-left:40px;
}

#linkedin {
position:relative;
top:3px;
}



/* Sample FormBuilder CSS base */


	form {margin-top:0}
	form, td, th, li { font-size: 100%}
	form div {margin-bottom:0}

	fieldset div {
		margin-bottom:0.5em;
		margin-left:.8em;
	}
	fieldset div div {
		margin-top:1em;
		margin-left:1em
	}

	fieldset {
		border:2px dashed #37495a;
                background-color:#fff;
                width:374px;
         	}

*html fieldset {
	        width:364px;
         	}

	fieldset label {
		width:auto;
	}
	legend {
	}
	textarea {
/*		margin: 0.5em 0;*/
		width:280px;
		height: 6em
	}

	/* Apply this class to text/select input fields with shorter labels
		to help alignment */
	.short-label label {float:left; width:10em}
	.short-label fieldset div input,
	.short-label fieldset div select {width:16em}

	/* Pretty up your Captcha image output */
	.captcha {
		margin:0.5em 0;
		width:200px;
		text-align:center
	}
	.captcha img {border:1px solid #F60; margin-bottom:0.5em}
	.captcha input {width:196px; margin-top:0.5em}

	/* Just a bit more room for the Submit button */
	.submit {margin-top:0.5em}


.contactform fieldset {padding:5px 0 5px 0; background-color: #fff;}
.contactform fieldset legend {font-weight: bold; border:2px dashed #37495a;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; width: 10em; }
.contactform {color: #37495a;}

#m5fbrp_submit {
font-weight: bold;
font-size: 12px;
color: #37495a;
}

#formtext {
display:block;
margin-bottom:6px;
}

.error_message {
display:none;
}

/*

#m5fbrp__10 {
border:2px dashed #37495a;
background-color:#d6dada;
}

#m5fbrp__11[] {
border:2px dashed #37495a;
background-color:#d6dada;
}

#m5fbrp__14 {
border:2px dashed #37495a;
background-color:#d6dada;
}

.formulierveld > input {
border:2px dashed #37495a;
background-color:#d6dada;

}

*/


.faqparagraph a:link{
text-decoration:none;
font-size:14px;
}
.faqparagraph a:visited{
text-decoration:none;
font-size:14px;
}
.faqparagraph a:hover{
text-decoration:underline;
color:#67d0d0;
font-size:14px;
}

#atelier {
float:right;
margin:0 10px 0 20px;
}

/*

#previewer{
display:block;
height:255px;
}

#quote {
display:block;
height:129px;
line-height:22px;
}

*/


.prevPagespan a {
display:block;
float:left;
margin:0;
padding:0;
width:50px;
height:50px;
background: url(images/greenarrow_up.png) 0 0px no-repeat;
text-decoration: none;
}

.prevPagespan a:hover {
background-position: 0 -50px;
}

.prevPagespan a:active {
background-position: 0 -50px;
}



.nextPagespan a{
display:block;
float:right;
padding:0;
width:50px;
height:50px;
background: url(images/greenarrow_down.png) 0 -50px no-repeat;
text-decoration: none;
}

.nextPagespan a:hover {
background-position: 0 0px;
}

.nextPagespan a:active {
background-position: 0 0px;
}

h2.title {
position:relative;
width:720px;
/*left:500px;*/
}

div#groen {
position: relative;
margin-left:auto;
margin-right:auto;
width: 600px;
height:100%;
padding: 0;
}

span.groen {
float:right;
margin-bottom:10px;
}

div.panel-wrapper p {
width:450px;
margin-left:270px;
}
/* End of 'dbyd: stylesheet' */