/* - fixes --------------------------- */

a:visited {
	color: #ffffff;
	}
a:hover, a:active {
	color: #ffffff;
		}
a:link {
	color: #ffffff;
	}


*{
margin:0px;
padding:0px;
}

img{
border:0px;
}

object{
}

#contact a{
color:black;
}


/* - cms --------------------------------- */

div#container_right p{
padding:8px 0;
line-height:15px;
}

div#container_right h1{
padding:8px 0;
font-size:16px;
font-weight:bold;
}

div#container_right h2{
    color:#ffe49c;
    font-weight:bold;
    font-size:13px;
    padding:8px 0;
}

/* - container --------------------------- */

div#container{
    width:969px;
    margin:0 auto;
    height: auto !important;
    min-height:100%;
    position:relative;
    background:url('/gfx/bg-lijn.jpg') repeat-y;
}


div#container_left{
    min-height:100%;
    width:237px;
    float:left;
}


div#container_right{
    border-left:1px solid black;
    background-color:black;
    padding:99px 0 0 0;
    width:731px;
    float:left;
    color:white;
}

/* - layout midden --------------------------- */

div#container_layout_middel div#items_links{
    background:url('/gfx/midden-links.jpg') no-repeat;
    width:185px;
    float:left;
    height:600px;
    position:relative;
}

div#container_layout_middel div#items_rechts{
    background:url('/gfx/midden-nieuws-rechts.jpg') no-repeat;
    width:185px;
    float:left;
    height:600px;
    position:relative;
}

div#container_layout_middel div#content_midden{
    background-color:#444243;
    float:left;
    padding:0 10px;
    width:340px;
}

div#container_layout_middel div#items_rechts div#titel-container{
    top:0px;
    right:0px;
    height:190px;
    width:150px;
    position:absolute;
}


div#container_layout_middel div#items_rechts div#titel-container div#titel{
    position:absolute;
    bottom:0px;
    right:5px;
    text-align:right;
    width:130px;
}
/* - layout top --------------------------- */

div#container_layout_top div#top{

    background-image:url('/gfx/top.jpg');
    width:730px;
    height:190px;
    position:relative;
}

div#container_layout_top div#top div#titel{

    position:absolute;
    width:130px;
    right:0px;
    bottom:0px;
    text-align:right;
    padding-right:10px;

}

div#container_layout_top div#top_content{

    width:550px;
    padding:55px 90px;

}



/* - layout sub --------------------------- */

div#container_layout_sub div#top{

    background-image:url('/gfx/bg-lijn-sub.jpg');
    width:434px;
    height:180px;
    position:relative;
    padding:10px 270px 0 26px;
    margin-bottom:10px;    
    color:black;
}

div#container_layout_sub div#top div#titel{
    color:white;
    position:absolute;
    width:130px;
    right:0px;
    bottom:0px;
    text-align:right;
    padding-right:10px;
}

div#container_layout_sub h2{
    color:black;
}

#paginator{
    float:right;
    padding:10px 5px 10px 0;
}

#paginator a{
    color:white;
    text-decoration:none;
}

#paginator a:hover{
    text-decoration:underline;
}

#paginator span.off{
    color:gray;
}

/* - blokken ---------------------------------*/

div.blok {

    height:190px;
    width:175px;
    margin-bottom:10px;
}


div.blok_eind {
    float:left;
    height:190px;
    width:175px;
    margin-bottom:10px;
}

div.blok_content {
    float:left;
    height:190px;
    width:360px;
    margin-right:10px;
    
}

div.spacer{
    float:left;
    margin-right:10px;
}


div.no_spacer{
    float:left;
}

/* - projecten -------------------------------- */

div#projecten div.project_container{
    height:94px;
    margin-bottom:16px;
    width:560px;
}

div#projecten div.project_container div.afbeelding{
    float:left;
    height:94px;
    width:87px;    
    margin-right:10px;
}

div#projecten div.project_container div.content{
    float:left;
    width:458px;
}

div#projecten div.project_container div.content h2{
    color:#ffe49c;
    font-weight:bold;
    font-size:12px;
    padding:0px 0;
}

div#projecten div.project_container div.content p{
    padding:3px 0;
}

div#projecten div.project_container div.content a{
    color:#ffe49c;
}

div#projecten div.project_container div.content a:hover{
    text-decoration:none;
}

/* - nieuwsoverzicht ------------------------ */

div#nieuws-overzicht{

}

div#nieuws-overzicht div.nieuws-overzicht-container{
    margin-bottom:20px;
}

div#nieuws-overzicht div.nieuws-overzicht-container p{

}

div#nieuws-overzicht div.nieuws-overzicht-container a{

    color:#ffe49c;
}

div#nieuws-overzicht div.nieuws-overzicht-container a:hover{
    text-decoration:none;
}

div#nieuws-overzicht div.nieuws-overzicht-container h2{
    color:#ffe49c;
    font-weight:bold;
    font-size:12px;
    padding:0px 0;
}

/* - contact -------------------------------- */

div#contact div#logo {
    position:absolute;
    bottom:0px;
    right:0px;
    background-image:url('/gfx/logo-jansen.jpg');
    height:152px;
    width:121px;
    top:-155px;
}

div#contact {
    position:relative;
    width:203px;
    margin:208px 0 0 0;   
    text-align:right;
    border-top:1px solid black;
    border-bottom:1px solid black;
    height:190px;
}

div#contact p{
    margin: 14px 0;
}

/* - menu -------------------------------- */

div#menu {
    position:relative;
    z-index:1;
    margin:99px 0 0 0;
    font-family:verdana;
    font-weight:bold;
    font-size:11px;
}

div#menu a {
    text-decoration:none;
    color:black;
}
div#menu a:hover {
    color:#f19354;
}

div.menu_item {
    width:203px;
    padding:3px 0;
    border-bottom:1px solid black;
    text-align:right;
}


div.first_menu_item {
    text-align:right;
    border-top:1px solid black;
    border-bottom:1px solid black;
    width:203px;
    padding:3px 0;
}

div.hover{
    padding:9px 0;
    position:relative;
}

div.hover:hover {
    
    background-image:url('/gfx/bg-oranje.png');
}

div#menu div.hover:hover a{

}

div.submenu_items {
    display:none;
    position:absolute;
    width:203px;
    left:203px;
    top:0px;
    padding:0 0 0 0px;
    /*background-color:white;*/
}

div.submenu_item {
    text-align:left;
    position:relative;
    padding:12px 0 12px 19px;
    background-image:url('/gfx/bg-oranje.png');
    border-bottom:1px solid white;
    margin-left:10px;
}

div.first_submenu_item {
    text-align:left;
    position:relative;
    padding:9px 0 9px 29px;
    border-bottom:1px solid white;
    background-image:url('/gfx/bg-oranje.png');
}
    


div.hover:hover > div.submenu_items{
    display:block;
}

/*
div.item {
position:relative;
height:20px;
width:50px;
background-color:#c4c4c4;
}

div.item:hover div.subitem{
background-color:black;
display:block;
}

div.item div.subitem {
background-color:#c6c6c6;
display:none;
position:absolute;
left:50px;
top:0px;
width:80px;
}
*/

html, body {
     font: 11px verdana;
     height:100%;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
 
#nav a {
	display: block;
	width: 10em;
}
 
#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}
 
#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
 
#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
 
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.contactformulier{
width:360px;
margin: 0 0 0 96px;
}

.contactformulier .error{
padding:3px;
list-style:none;
background-color:#f19355;
margin:2px 0;
}

.contactformulier .succes{
padding:3px;
list-style:none;
background-color:#f19355;
margin:2px 0;
font-weight:bold;
}



.contactformulier .veld-textarea{
width:100%;
}

.contactformulier fieldset{
border:0px;
}

.contactformulier a{
color:white;
}

.contactformulier input.veld{
width:100%;
}

.contactformulier td{
padding: 1px 0;
}

.maps{
color:black;
margin-left:96px;
}