*{
        font-size:100%;
	margin:0;
	padding:0;
	list-style: none;
	border: none;
}

.clearboth {
	clear: both;
}

.floatleft{
        float:left;
        margin-right:5px;
}

.floatright{
        float:right;
}

body {     
        width:100%;
        height:100%;
        margin:0;
        padding:0;
	/* dat zijn die twee verticale lijnen */
	color:#333;
	font: 70%/1.80em "lucida sans",verdana,arial,helvetica,sans-serif;
	text-align: center;
        background-color: #f5f5f5;
        border:none;

}

#outer_wrapper{
        background: transparent url("../images/site_images/body_bg.png") scroll repeat-x;
        width:100%;
        height:100%;
        margin:0;
        padding:0;
        position: relative;
        margin-bottom:20px;
}

#maincol p a {
	color: #633;
	text-decoration: none;
	border-bottom: 1px dotted #C99 !important; /* nice dotted underlines for FF */
	border-bottom: 1px solid #DCC; /* lighter solid underlines for IE */
}

#maincol h2{
        font-size:14px;
        margin-left:50px;
}

.indent{
        margin-left:50px;
}

.footerindent{
        margin-left:35px;
}

#maincol h2 a{
	color: #633;
	text-decoration: none;
	border-bottom: 1px dotted #C99 !important; /* nice dotted underlines for FF */
	border-bottom: 1px solid #DCC; /* lighter solid underlines for IE */
}

#maincol p{
        font-size:11px;
}

#widerstrap {
	/*background: transparent url("../images/site_images/bg-header2.png") top repeat-x;*/
	/* header achtergrond */

	height: 138px;
	/*position: fixed;*/
	z-index: 10;
	top:0;
	left:0;
}
#headstrap {
	/* de header himself -) */

	height: 138px;
	/*position: fixed;*/
	z-index: 20;
	top:0;
	left:0;
}
#header {
	margin: 0 auto;
	position: relative;
	width: 960px;
	height: 163px;
	text-align: left;
}

#logo h1 {
	position: absolute;
	display: block;
	margin: 55px 0 0 20px;
	float: left;
	font-size: 1px;
}
#logo h1 a {
	display:block;
	width:250px;
	height:100px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
	padding: 0;
	border: 0 !important;
	background-color: transparent;
}

#logo{
    padding-top:25px;
    width:250px;
    height:120px;
    margin-left:0px;
}

/*#home #logo h1 a, #about #logo h1 a { background: url("../images/site_images/logo_altered2.png") 0 0 no-repeat;}

#home #logo h1 a:hover, #about #logo h1 a:hover { background: url("../images/site_images/logo_altered2.png") 0 0px no-repeat;}*/

/*h1 a:hover { background-color: transparent !important; }
html>body #logo h1 a {
	margin: -2px 0 0 5px;
	padding: 0;
	border: 0;
	background-color: transparent;
}*/


#nav ul{
     position:absolute;
     height:60px;
     left: 320px;
     top: 54px !important;
     top: 54px;
     background-color:#333;
}

#nav ul li{
    float:left;
    color:#000000;
    font-weight:bold;
    position: relative;
    z-index: 100;
    border:1px solid #fff;
    text-align:center;
    line-height:20px;
}

#nav ul li a{
    float:left;
    border:none;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    position: relative;
    z-index: 100;
    padding:5px;
    height:30px;
    padding-top:10px;
    padding-bottom:18px;
    text-decoration:none;
}

#nav ul li a span{
    float:left;
    color:#fff;
    font-size:11px;
    position: relative;
    z-index: 100;
    padding:5px;
    text-decoration:none;
}

#nav ul li a.selected {
    float:left;
    border:none;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    position: relative;
    z-index: 100;
    padding:5px;
    height:30px;
    padding-top:10px;
    padding-bottom:18px;
    text-decoration:none;
    background-color:#882e1f;
}


div.ahover {
position: absolute;
z-index: 99;
background: #882e1f;
}
/*

149#links ul li.current_page_item a
150{
151 color:#2e0300;
152 text-decoration:underline;
153}
154
155#links ul li a{
156margin:5px;
157padding:5px;
158color:#000000;
159text-decoration:none;
160}
161
162#links ul li a:hover{
163text-decoration:none;
164} */



/*ul#nav {
	position: absolute;
	left: 320px;
	top: 54px !important;
	top: 54px;
	/*display: inline;*//*
        height:50px;
}

#nav li{
        /*background:#333;*/
	/*display: inline;*//*
        padding:5px;
	float:left;
        text-align:center;
}

/*#nav li a{
        position: relative;
        height:50px;
        width:120px;
        display:block;
        z-index:4;
        color:#fff;
        padding:10px;
	/*display: inline;*//*
}*/


/*#nav li a {
        display:block;
	color: #fff;
	text-decoration:none;
	font-size:14px;
	margin: 0px auto;
        border:none;
	border: 0 !important;
	background-color: #333;
	
	height:50px;
	text-align:center;
	font-weight:bold;
	line-height:25px;
        padding:5px;
        /*float:left;*/
        /*z-index:98;
}/*

#nav li a:hover {
	display:block;
	color: #fff;
	text-decoration:none;
	font-size:14px;
	margin: 0px auto;
        border:none;
	border: 0 !important;
	background-color: #882E1F;
	width:90px;
	height:50px;
	text-align:center;
	font-weight:bold;
	line-height:25px;
	z-index:100;
        float:left;
}

#nav li a.selected {
	display:block;
	color: #fff;
	text-decoration:none;
	font-size:17px;
	margin: 0px auto;
        border:none;
	border: 0 !important;
	background-color: #882e1f;
	width:90px;
	height:50px;
	text-align:center;
	font-weight:bold;
	line-height:25px;
	z-index:100;
        float:left;
}

#nav li a span{font-size:9.5px;}*/





#content {
	margin: 60px auto 0 auto;
	position: relative;
	width: 960px;
	min-width:960px;
	height: 100%;
	color: #633;
	text-align: left;
        padding:0;
	z-index: 0;

}
#leftcol {
	width: 237px;
	margin: -20px 0 0 18px !important;
	margin: 0 0 0 12px;
	position: fixed;
	z-index: 1;
}


#pad {
	position:relative;
	width: 221px;
        background: url("../images/site_images/pad-mid2.png") 0 0 no-repeat;
	display: block;
	margin:0px 0 0 5px;
	height:250px;
	padding-top: 60px;
}

#pad-mid-top h1{
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display:block;
    text-align: center;
}

#pad-mid-bottom{
	position:relative;
	display: block;
	margin:0px 0 0 5px;
	padding-top: 60px;
}

#pad-mid-bottom p{
	color:#FFFFFF;
	text-align:center;
}

#blackwrapper{
        margin: 0px auto;
        margin-top:4px;
	width: 960px;
        height:400px;
}

#slideshow{
    float:right;
    border:4px solid #333333;
}

#ad{
    width:250px;
    margin-left:0px;
    margin-top:40px;
    height:170px;
    float:left;
    padding:0px;
    color:#fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bolder;
    line-height:50px;
    text-align:left;
}

#dyk {
	margin: 0px 0 0 5px;
	width: 237px;
}

#dyk-mid {
	display: block;
	margin: 0 0 0.7em 0;
	height:64px;
	background: url("../images/site_images/dyk.png") 0 0 no-repeat;
	padding-top:10px;
}

a#feweb_link{
	background: url("../images/site_images/logofeweb.png") 0 0px no-repeat;
	display:block;
	width:110px;
	height:42px;
	margin-left:50px;
}

a#feweb_link:hover{
	/*background: url("../images/site_images/logofeweb.png") 0px -42px no-repeat;*/
	display:block;
	width:110px;
	height:42px;
	margin-left:50px;
}

#dyk-mid p {
	margin: 0 25px 0 19px;
	font-size: 81%;
	line-height: 1.8em;
	color: #360;
}

#test{
	height:700px;
}

#maincol {
	/*display: block;
	width: 850px;
	margin: 10px 0 0 270px !important;
	padding-top: 120px !important;
	margin-top: -25em;
	min-height:300px;*/

        margin: 0px auto 0 auto;
	width: 960px;
	min-width:960px;
	height: 100%;
	color: #633;
	text-align: left;
	z-index: 0;
}
#maincol h1{
	margin-top: 1em;
	font-size: 200%;
	color: #222;
	margin-bottom:35px;
}

#maincol h2{
	margin-top: 1em;
	font-size: 115%;
	color: #633;
}

#maincol img{
	margin-bottom:2em;
}

#maincol h1 a{
	text-decoration:none;
}

.leftcolumn{
        width:400px;
        float:left;
        
}

.rightcolumn{
        width:460px;
        float:right;
        margin-top:85px;
}

.green{
        text-decoration: underline;
        color:green;
}

#feweb{
	margin-top:10px;
	margin-left:50px;
}

#footer {
	/*margin: 0 auto;
	margin-top: 50px;
	padding: 20px 0;
	position: relative;
	width: 960px;
	color: #aaa;
        top:0;
        left:0;
	text-align: right;
	font: 100%/2.25em verdana,arial,helvetica,sans-serif;
	border-top:1px solid #222;*/

        width:100%;
        height:235px;
        background-color:#222;
        position: absolute;
        border-top:5px solid #948F59;
        margin-top:40px;
        left:0;
}

#footer ul{
	margin-bottom:25px;
}

#foot li {
	display: inline;
	margin: 0 0 0 15px;
}

.footerwrapper{
        width:960px;
        margin:0 auto;
}

.footerleft{
    float:left;
    width:250px;
    margin-left:0px;
    margin-top:40px;
    text-align:left;
}

.footerleft p{
    color:#fff;
    font-size:12px;
}

.footerconcept{
    float:left;
    font-size:13px;
    color:#882e1f;
}

.smalltext{
    font-size:10px;
    color:#fff;
}

.footerright{
    float:left;
    width:200px;
    margin-top:50px;
}

.footerright ul li a{
    font-size:12px;
    color:#882e1f;
    text-decoration:none;
}

.footermap{
    float:left;
    width:200px;
    margin:0px;
    margin-top:30px;
}

.footerfeweb{
    float:left;
    margin-top:60px;
}

#firstlink {
	color: #633;
	background: transparent url(none);
	text-decoration:none;
	border-bottom: 1px dotted #aaa !important; /* nice dotted underlines for FF */
	border-bottom: 1px solid #eee; /* lighter solid underlines for IE */
}
#firstlink:hover {
	color: #633;
	background-color: #fafafa;
	text-decoration:none;
	border-bottom: 1px dotted #222 !important; /* nice dotted underlines for FF */
	border-bottom: 1px solid #222; /* lighter solid underlines for IE */
}

.footerlink {
	color: #633;
	background: transparent url(none);
	text-decoration:none;
	border-bottom: 1px dotted #aaa !important; /* nice dotted underlines for FF */
	border-bottom: 1px solid #eee; /* lighter solid underlines for IE */
}
.footerlink:hover {
	color: #633;
	background-color: #fafafa;
	text-decoration:none;
	border-bottom: 1px dotted #222 !important; /* nice dotted underlines for FF */
	border-bottom: 1px solid #222; /* lighter solid underlines for IE */
}

#top{
    margin:0 auto;
    width:960px;
    padding-bottom:20px;
    padding-top:20px;
}

.scrollPage{
    float:right;
}

#secondlink {
	color: #aaa;
        text-decoration: none;

}
#secondlink:hover {
	color: #aaa;
	text-decoration: underline;
}

#footer #locations {
	text-indent:-9999px;
}

#concept_creations_img_footer{
	vertical-align: bottom;
	margin-right:5px;
}
/* nodig voor Opera 7 - hah !*/
/*@media all and (min-width: 0px){

ul#nav li {
}}*/


#services_addon img.imgs{
float:left;
margin-top:10px;
margin-right:5px;
}

#services_addon h6{
font-family: 'Trebuchet MS', Helvetica;
font-weight:normal;
margin-left:55px;
}

.mr{
margin-left:55px;
}

#services_included h4, #services_addon h4{
	color:#333333;
	font-size:13px;
	border:1px solid #afafaf;
	text-align:left;
        padding:5px;

}

.clearboth{clear:both;}

* {
margin: 0;
padding: 0;
}


p {
margin: 0px 0;
font-family: 'Trebuchet MS', Helvetica;
}

.bubbleInfo, .bubbleInfo2, .bubbleInfo3, .bubbleInfo4 {
position: relative;
width: 500px;
margin-top:20px;
}
.trigger, .trigger2, .trigger3, .trigger4 {
position: relative;
}

/* Bubble pop-up */

.popup, .popup2, .popup3, .popup4 {
position: absolute;
display: none;
z-index: 10000;
border: 1px solid #afafaf;
margin-top:160px;
margin-left:460px;
width:450px;
}

/*.popup td.corner, .popup2 td.corner {
height: 15px;
width: 19px;
}

.popup td#topleft, .popup2 td#topleft {
	background-image: url(../images/site_images/bubble-1.gif);
	background-repeat: no-repeat;
}
.popup td.top, .popup2 td.top {
	background-image: url(../images/site_images/bubble-2.gif);
	background-repeat: repeat-x;
}
.popup td#topright, .popup2 td#topright {
	background-image: url(../images/site_images/bubble-3.gif);
	background-repeat: no-repeat;
}
.popup td.left, .popup2 td.left {
	background-image: url(../images/site_images/bubble-4.gif);
	background-repeat: repeat-y;
}
.popup td.right, .popup2 td.right {
	background-image: url(../images/site_images/bubble-5.gif);
	background-repeat: repeat-y;
}
.popup td#bottomleft, .popup2 td#bottomleft {
	background-image: url(../images/site_images/bubble-6.gif);
	background-repeat: no-repeat;
}
.popup td.bottom, .popup2 td.bottom  {
	background-image: url(../images/site_images/bubble-7.gif);
	background-repeat: repeat-x;
}
.popup td.bottom img, .popup2 td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright, .popup2 td#bottomright {
	background-image: url(../images/site_images/bubble-8.gif);
	background-repeat: no-repeat;
}*/


.popup table.popup-contents, .popup2 table.popup-contents, .popup3 table.popup-contents, .popup4 table.popup-contents {
font-size: 12px;
line-height: 1.4em;
background-color: #efefef;
width:440px;
color: #49462f;
padding:5px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

table.popup-contents th {
text-align: right;
}

table.popup-contents td {
text-align: left;
}

.languages ul{
	position:absolute;
	margin-top:128px;
	margin-left:760px;
	color:#211B0A;
	z-index:9999;
        width:50px;
}

.languages ul li{
	color:#222;
	text-decoration:none;
        display:inline;
}

.languages ul li a:link, .languages ul li a:visited{
	color:#222;
	text-decoration:none;
	z-index:100;
	/*padding:3px;*/
}

.languages ul li a:hover{
	color:#222;
	z-index:100;
}

.samestyle{
    color:#882e1f !important;
	/*padding:3px;*/
}


#newsfeed{
        position:absolute;
        width:40px;
        height:54px;
        margin-left:925px;
        margin-top:5px;
}

.newsfeeditems{
        border:1px solid #dfdfdf;
        padding:5px;
        margin-bottom:8px;
        background-color:#fffeee;
}

#addthis{
        position:absolute;
        width:70px;
        height:30px;
        margin-left:895px;
        margin-top:0px;
}


#backto{
        position:absolute;
        margin-left:910px;
        margin-top:60px;
}



#contact-form{
    margin:0 auto;
    width:960px;
    padding:10px;
}

#contact-form legend{
    padding:5px;   
}

.contact-info{
    float:right;
    width:400px;
    margin-right:70px;
}

#gegevens-contact{
    float:left;
    /*border:2px solid #A39B5C;*/
    text-align:left;
    padding:5px;
    margin-left:75px;
}



#error-list{
    width:630px;
    border:2px solid #A39B5C;
    background:#950404;
    color:#fff;
    font-weight:bold;
    padding:10px;
    margin-top:10px;
}

#success-list{
    width:630px;
    border:2px solid #A39B5C;
    padding:10px;
    font-weight:bold;
    margin-top:10px;
}


/* testcss blog */
.blogmessage{
    width:650px;
    background-color: #ffefef;
    border-top: solid 2px #aaa;
    padding-bottom:10px;
    margin-bottom:20px;
    margin-top:20px;
    clear:both;
}

.blogtitle{
    font-size:18px;
    color:#222;
    text-align:left;
    padding-left:3px;
    padding-right:3px;
    padding-top:5px;
    font-weight:bold;
}

.blogtitle a{
    color:#222;
    text-decoration:none;
}

.bottompart{
    margin-top:10px;
}

.bloginfo h3{
    font-size:9px;
    color:#aaa;
    padding:0px;
    padding-left:3px;
    padding-right:3px;
    margin:0px;
    text-transform: uppercase;
}

.bloginfo h3 a{
    color:#aaa;
    text-decoration: none;
}

.bloginfo h3 a:hover{
    text-decoration: underline;
}

.blogsummary{
    font-size:11px;
    width:450px;
    padding-left:5px;
    padding-right:25px;
}

.blogimage{
    width:144px;
    padding-left:3px;
    padding-right:3px;
}

.backtoblog{
    margin-top:20px;
}

.backtoblog a{
    color: #663333;
    text-decoration: none;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

.blogreaction{
    margin-left:50px;
    width:600px;
    background-color: #ffffee;
    border-top: solid 2px #aaa;
    padding-bottom:10px;
    margin-bottom:20px;
    margin-top:20px;
    clear:both;
}

.reactiontitle{
    font-size:15px;
    color:#222;
    text-align:left;
    padding-left:3px;
    padding-right:3px;
    padding-top:5px;
    font-weight:bold;
}

.reactioninfo h3{
    font-size:9px;
    color:#aaa;
    padding:0px;
    padding-left:3px;
    padding-right:3px;
    margin:0px;
    text-transform: uppercase;
}

.reactioninfo h3 a{
    color:#aaa;
    text-decoration: none;
}

.reactionsummary{
    font-size:11px;
    width:572px;
    padding-left:3px;
    padding-right:25px;
    padding-top:10px;
    padding-bottom:20px;
}

h5{
    margin-left:50px;
    font-size:14px;
}


/* reacties */
#comments {list-style: none;}
#comments li {border-bottom: 3px solid #eee; margin-bottom: 2em;}
#comments h3 {float: left; padding: 0.5em; background: #ddd; color: #777; font-weight: normal;}
#comments h3 a {font-weight: bold;}
.comment {display: block; clear: both; padding: 1em 0.5em 0.5em 0.5em; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; background: #f2f2f2;}
#comments .entryinfo {float: right; display: inline; width: auto; margin: 0; padding: 0.6em 0 0 2em;}

.leavecomment {display: block; float: left; width: 600px; padding: 25px; background: #ffefef; margin-top: 2em;}
.leavecomment h4 {color:#EF4B23; display: block; width: 100%; font-size: 3.5em; font-weight: normal; letter-spacing: -0.05em; line-height: 1.3em; margin: 0.2em 0 0 0;}
#main .leavecomment p {font-size: 0.9em; color: #888;}
.leavecomment fieldset {border: 0; background: #fff; padding: 0.5em;}
.leavecomment label {display: block; clear: both; color: #666; margin: 0 0 0.2em 0; font-size: 0.9em;}
.field {font: 1em Arial, Helvetica, sans-serif; display: block; clear: both; background: #fff; width: 22.5em; padding: 0.2em; margin: 0 0 0.9em 0; border: 0.05em solid #ccc;}
.leavecomment textarea {font: 1em Arial, Helvetica, sans-serif; display: block; clear: both; background: #fff; width: 45.5em; padding: 0.2em; margin: 0 0 0.9em 0; border: none; height: 7.8em; border: 0.05em solid #ccc;}

#submitreaction{padding:10px; background: #ffefef; border: 0.05em solid #ccc; cursor:pointer;}

/* blog */
#author-message, #email-message, #url-message, #comment-message{
       display:none;
	color:red;
	font-size:11px;
	border:none;
	margin:0;
        padding:4px;
        padding-bottom:10px;
        background-color:#B30828;
	color:#fff;
	margin-bottom:10px;
	border:1px solid #ccc;
}

#success-message{
        display:none;
        background-color:#000;
        color:white;
        width:175px;
        clear:both;
        margin-left:155px;
        border:1px solid #ccc;
}

#loading {
        width: 100%;
        position: absolute;
}

#pagination
{
       float:right;
}

#pagination li{
        display:inline;       
        border:1px solid #afafaf;
        cursor:pointer;
        padding:5px;
}

.numberofcomments{
        float:right;
        text-align:right;
}

.blogpost{
    margin-top:20px;
}

#naam-message, #voornaam-message, #bericht-message, #gemeente-message, #email2-message, #captcha-message, #mailerror-message{
    display:none;
    color:white;
    width:205px;
    clear:both;
    margin-left:155px;
    height:25px;
    background:#7a1901 url('../images/site_images/arrow-down-small.png') no-repeat;
    background-position:1px 5px;
    
    text-indent:20px;
}

*:first-child html .messages{/*IE7*/
    text-indent:0px;
}

.contact {
	/*float:right;
	width:90px;
	height:40px;
	/*text-indent:-9999px;
	background:transparent url(../images/site_images/contactbutton.png) left no-repeat;*/
        /*border:2px solid #882e1f;
        /*border-top:none;*/
        /*text-decoration: none;*/
}