body, html {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  font-family: Arial, sans-serif;
  color: #FFFFFF;
}

body {
  background-color: #4F585F;
  background-repeat: repeat-x;
}

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

a {
  color: #ffffff;
}

a:hover {
  color: #a0c839;
}
    a.alle_projecten {
        background-color: white;
        background-image: URL('../image/alle_projecten_o.gif');
        width:      93px;
        height:     16px;
        display:    block;
        background-repeat:no-repeat;
        
    }
        a.alle_projecten:hover {
            background-position:    -93px 0px;
            color:          #a0c839;
        }
    a.lees_verder {
        float:      left;
        background-color: white;
        background-image: URL('../image/lees_verder_o.gif');
        width:      76px;
        height:     16px;
        display:    block;
        background-repeat:no-repeat;
    }
        a.lees_verder:hover {
            background-position:    -76px 0px;
            color:              #a0c839;
        }
    a.volgende {
        float:      left;
        background-color: white;
        background-image: URL('../image/volgende_o.gif');
        width:      70px;
        height:     16px;
        display:    block;
        background-repeat:no-repeat;
    }
        a.volgende:hover {
            background-position:    -70px 0px;
            color:              #a0c839;
        }
    .main_content_positioner a.alle_projecten, 
    .main_content_positioner a.lees_verder, 
    .main_content_positioner a.volgende {
        margin-top:     5px !important;
    }
    .content2 a.alle_projecten,
    .content2 a.lees_verder,
    .content2 a.volgende {
        margin:         10px 2px 2px 0px!important;
    }
    .content2 * > a.alle_projecten,
    .content2 * > a.lees_verder,
    .content2 * > a.volgende {
        margin:         10px 5px 15px 0px !important;
    }

    .content2 p {
        padding:        0px 0px 0px 5px;
        margin:         0px;
    }

img {
    border:     0px solid white;
}

h1 {
  color: #686868;
  font-size: 17px;
  border-bottom: 1px solid #686868;
  padding: 0px 0px 0px 5px;
  margin:  20px 0px 4px 0px;
  line-height: 17px;
}

h2 {
  color: #686868;
  font-size: 15px;
  line-height: 15px;
  border-bottom: 1px solid #686868;
  padding:     1px 0px 0px 5px;
  margin:      20px 0px 4px 0px;
  line-height: 16px;
}

    #content1 h2 {
        border-bottom: 0px;
    }

.bg1 {
  position: absolute;
  left: 50%;
  margin-left: -475px;
  background-color: #5E707A;
  z-index: 2;
  width: 935px;
  padding-left: 15px;
  padding-bottom: 15px;
  background-image: url("../image/bg_gradient.jpg");
  background-repeat: repeat-x;
}

.logo_bar {
  width: 920px;
  height: 100px;
  background-image: url("../image/logobalk.jpg");
}

.header_text {
  position: absolute;
  top: 0px;
  right: 15px;
  width: 350px;
  height: 18px;
  background-image: url("../image/bg_up.jpg");
  font-size: 11px;
  padding-top: 5px;
  padding-left: 20px;
}

    .header_text a {
        text-decoration: none;
        color:  #ffffff;
    }

    .header_text a:hover {
        text-decoration:    none;
        color:  #a0c839;
    }

.header_image {
  height: 250px;
}

.header_flash {
    z-index: 1;
}

.header_iframe {
    position: absolute;
    right: 15px;
    top: 170px;
    width: 370px;
    height: 129px;
    display: none;
    z-index: 5;
}

.header_overlay {
    position: absolute;
    right: 15px;
    top: 170px;
    width: 370px;
    height: 129px;
    background-color: #191919;
    z-index: 10;
}


.bg_bar {
  position: absolute;
  left: 0px;
  top: 350px;
  width: 100%;
  height: 50px;
  background-color: #748088;
  z-index: 1;
}

.menu_bar_bg {
  position: relative;
  height: 50px;
  width: 950px;
  margin-left: -15px;
  background-color: #757575;
}
	.menu_bar_bg .menu_bar {
  	  position: absolute;
	  left: 15px;
      top: 0px;
  	  width: 548px;
  	  height: 50px;
  	  background-image: url("../image/bg_link.jpg");
      padding-left: 10px;
	}

        .menu_bar a {
            padding: 0px;
            display: block;
            float: left;
            margin-right: 1px;
            margin-top: 0px;
            text-decoration: none;
            font-weight: 700;
            font-size: 13px;
            height:     42px;
            letter-spacing: 0px;
            color: #8dbccb;
        }
        .menu_bar a span.outer {
            float:      left;
            display:    block;
            margin:     8px 0px 0px 0px;
            padding:    2px;
            background-image: url("../image/menu_hover.jpg");
        }
        .menu_bar a span.inner {
            border: 1px solid #56707A;
            float:      left;
            display:    block;
            width:      82px;
            height:     21px;
            padding:    7px 0px 0px 0px;
            cursor:     pointer;
            text-align: center;
            background-image:   url("../image/menu.jpg");
        }
            .menu_bar a {
                color:          #ffffff;
            }

            .menu_bar a:hover {
                color:          #ffffff;
            }
            .menu_bar a.main_menu_selected {
                background-image: url("../image/menu_arrow.gif");
                background-repeat:no-repeat;
                background-position: center top;
                background-color:transparent;
                color:              #a0c839;
            }
            .menu_bar a:hover span.outer, .menu_bar a.main_menu_selected span.outer {
                background: #242424;
            }
            .menu_bar a:hover span.inner, .menu_bar a.main_menu_selected span.inner {
                background-image: url("../image/menu_active.jpg");
            }

        .menu_bar .main_menu_selected {
            background-color: #25262A;
            color:              #ffffff;
        }


	.menu_bar_bg .search_bar {
  	  position: absolute;
	  right: 15px;
  	  width: 372px;
  	  height: 50px;
  	  background-image: url("../image/bg_search.jpg");
	}

		.menu_bar_bg .search_bar .text  {
		  border: 1px solid #999999;
		  width: 140px;
		  height: 15px;
		  margin-top: 15px;
		  margin-left: 20px;
		  float: left;
		}

		.menu_bar_bg .search_bar .submit {
		  border: 1px solid #999999;
		  margin-top: 16px;
		  margin-left: 5px;
		  border: 0px;
		}

.popup_menu {
    background-image: url(../image/menu.jpg);
    padding: 2px;
    float:  left;
}

    .popup_menu ul {
        float:  left;
        margin: 0px;
        padding: 0px;
        border: 1px solid #5d5d5d;
        height: 20px;
    }

    .popup_menu li {
        list-style-image: none;
        list-style.position: outside;
        list-style-type: none;
        float: left;
        padding: 0px;
        margin: 0px;
    }

    .popup_menu a {
        color: #FFFFFF;
        display: block;
        font-size: 12px;
        font-weight: bold;
        height: 16px;
        padding: 3px 4px;
        text-decoration: none;
        float: left;
    }

    .popup_menu span {
        position: relative;
        float: left;
        top: -1px;
    }

    .popup_menu a:hover {
        background-image: url(../image/menu_hover2.jpg);
        height: 14px;
        color: #a0c839;
    }

.main_content_positioner {
    /*background-color: #000000;*/
    float: left;
    position: relative;
    height: 100%;
}

.content1 {
  width: 528px;
  background-color: #131518;
  float: left;
  height: 100%;
  font-size: 13px;
  padding: 10px;
}
    .content1 p {
        line-height:    17px;
    }

	.main_content_positioner .content1_bg {
	  left: 0px;
	  bottom: 0px;
	  width: 548px;
	  height: 30px;
	  background-image: url("../image/content1_bg.gif");
      float: left;
	}

.content2 {
  width: 352px;
  background-color: #232729;
  float: left;
  height: 100%;
  font-size: 13px;
  padding: 10px;
  line-height: 19px;
}

    .content2 a {
        color: #cccccc;
    }

    .content2 a:hover {
        color: #a0c839;
    }

	.main_content_positioner .content2_bg{
	  left: 0px;
	  bottom: 0px;
	  width: 352px;
	  height: 20px;
	  background-image: url("../image/content2_bg.gif");
  	  font-size: 11px;
  	  padding-top: 10px;
  	  padding-left: 20px;
      float: left;
	}
    .main_content_positioner .content2_bg a {
        text-decoration: none;
        color:          #ffffff;
    }
        .main_content_positioner .content2_bg a:hover {
            text-decoration: underline;
            color:              #ffffff;
        }

#more_info {
    list-style: none;
    margin:     0px 0px 0px 5px;
    padding:    0px 0px 0px 0px;
}
    #more_info img {
        margin: auto auto -3px auto;
    }
    #more_info li { 
        list-style: none;
        margin:     0px;
        padding:    0px 0px 6px 0px;
    }

.foto_lister img {
    float:          left;
    width:          150px;
    height:         113px;
    border:         1px solid #464646;
    margin:         5px;
    padding:        2px;
}

/*
aanpassing door vincet dekker
logo van twitter plaatsen
*/		

.zoekblok {
	float:left;
}

.twitter {
	float:left;
	font-size:10px;
	padding:10px 10px 0 90px;
    color:#FFFFFF;
}
		

/*********************************************************************
 * Search results
 *********************************************************************/
.search_results p {
    margin:     0px 0px 0px 5px;
}
.search_results hr {
    border:     0px solid #636363;
    background: #636363;
    height:     1px;
    margin:     15px 0px 15px 5px;
}

/*********************************************************************
 *********************************************************************
 * Mods
 *********************************************************************
 *********************************************************************/

/*********************************************************************
 * Contact form
 *********************************************************************/
.mod_contact_form {
    
}

    .mod_contact_form label {
        display: block;
        width: 145px;
        float: left;
        margin: 0px 0px 10px;
    }

    .mod_contact_form textarea, .mod_contact_form input, .mod_contact_form select {
        border:1px solid #999999;
        display:block;
        float:left;
        width:200px;
    }

    .mod_contact_form textarea {
        height:80px;
    }

    .mod_contact_form input.mod_contact_radio {
        border-width:0px;
        margin:0px;
        width:auto;
    }

    .mod_contact_form select.mod_contact_select {
        border-width:1px;
        margin:0px 10px 0px 0px;
        width:auto;
    }

    .mod_contact_form input.mod_contact_submit {
        background-image:none;
        border-width:0px;
        margin:10px 0px 0px;
        width:auto;
    }

    .mod_contact_form span {
        float: left;
    }

    .mod_contact_form br {
        clear:both;
    }

/*********************************************************************
 * Nieuws
 *********************************************************************/
.news_container p {
    padding:        0px 0px 0px 5px;
    margin:         0px;
}
.news_container h1 {
}
.news_container a.read_more img {
    margin:         8px 0px 0px 0px;
}
.news_container img.header_image {
    border:         1px solid #333;
    float:          left;
    width:          150px;
    height:         113px;
    margin:         0px 10px 0px 0px;;
    padding:        2px;
}

/* Archive listing: */
.news_archive_for_year .odd, .news_archive_for_year .even{
    margin:         0px 0px 0px 0px;
    padding:        8px 0px 8px 5px;
    display:        block;
    float:          left;
}
    .news_archive_for_year .odd {
        background:     #191919;
    }
.news_archive_for_year .title {
    float:          left;
    width:          304px;
}
.news_archive_for_year .title_projects {
    float:          left;
    width:          438px;
}
.news_archive_for_year .date {
    float:          left;
    width:          134px;
}
.news_archive_for_year .more {
    float:          left;
    width:          85px;
}

/*********************************************************************
 * Projects
 *********************************************************************/
.projectlister_container img {
    margin:         10px 0px 0px 5px;
}
    .projectlister_container a {
        text-decoration: none;
    }
    .projectlister_container a:hover {
        text-decoration: underline;
    }
.projectdetails_container p {
    margin:         0px 0px 0px 5px;
}

.top_projectlister_container {
    overflow:       hidden;
}
.top_projectlister_container img.header_image {
    border:         1px solid #464646;
    float:          left;
    width:          150px;
    height:         113px;
    margin:         5px 5px 0px 5px;;
    padding:        2px;
}
.top_projectlister_container .project_intro {
    position: absolute;
    left:           167px;
    top:            0px;
}
    .top_projectlister_container h2 {
        float:          left;
        font-size:      11px;
        width:          195px;
        overflow:       hidden;
        height:         16px;
        padding:        0px;
        margin:         5px 0px 0px 0px;
    }
    .top_projectlister_container p {
        float:          left;
        font-size:      11px;
        width:          200px;
    }
.top_projectlister_container .controls {
    position: absolute;
    left:           167px;
    top:            107px;
}

/*********************************************************************
 * Links
 *********************************************************************/
.mod_menu_container p {
    margin:         0px 0px 0px 5px;
}

/*********************************************************************
 * Custom text
 *********************************************************************/
.mod_text p {
    margin:         0px 0px 0px 5px;
}

/*********************************************************************
 * Contact
 *********************************************************************/
.mod_contact p {
    margin:         0px 0px 0px 5px;
}
.mod_contact label {
    margin:         0px 0px 15px 5px;
}
.mod_contact input.mod_contact_radio {
    margin:         0px 5px 0px 0px;
}
.mod_contact textarea {
    width:          300px;
    height:         150px;
}