html, body {
    margin:             0px;
    font-family:        "Verdana";
    font-size:          11px;
    /*color:              #878984;*/
    color:              #a6a39f;
    /*background-color:   #2a2421;*/
	background-color:	#242424;
    line-height:        20px;
    height:             100%;
}

a {
    text-decoration:    none;
    color:              #878984;
}

a:hover {
    color:              #FFFFFF;
}

h1 {
    font-weight:        normal;
    margin:             0px;
    font-size:          20px;
}

h2 {
    margin:             0px;
    color:              #cccfcb;
    font-size:          12px;
}

h3 {
    margin:             0px;
    margin-bottom:      20px;
    color:              #cccfcb;
    font-size:          20px;
    font-weight:        normal;
}

td, th {
    font-size:          11px;
    text-align:         left;
}

.weightBold {
	font-weight:bold;
	color:#FFFFFF;
}

/* HOMEPAGE */
#maincontainer_home {
    position:           absolute;
    width:              984px !important;
    width:              1024px;
    left:               50%;
    margin-left:        -512px;
    padding-left:       20px;
    padding-right:      20px;
}

#top_home {
    width:              100%;
    height:             84px;
    background-image:   url('../../gfx/top_bg.gif');
}
#top_home .leftlogo {
	position: absolute;
	top: 18px;
	left: 30px;
	z-index: 0;
	background: url(../../gfx/logo_klein_left.png) no-repeat;
	width:	179px;
	height: 55px;
}

#menu_left {
    float:              left;
    width:              316px;
    height:             30px;
    margin-top:         136px;
    background-image:   url('../../gfx/menu_bg_home.gif');
    background-repeat:  repeat-x;
}
#logo_home {
    float:              left;
}

#home_adres {
    padding-left:       122px;
    padding-top:        54px;
    line-height:        20px;
}

#menu_right {
    float:              right;
    width:              316px;
    height:             30px;
    margin-top:         136px;
    background-image:   url('../../gfx/menu_bg_home.gif');
    background-repeat:  repeat-x;
}

#menu_left a, #menu_right a {
    display:            block;
    width:              142px;
    height:             30px;
    text-align:         center;
    line-height:        30px;
    vertical-align:     middle;
    /*background-image:   url('../../gfx/menuitem_bg_home.gif');*/
    background-repeat:  no-repeat;
    /*font-size:          18px;*/
    font-size:          0px;
    text-decoration:    none;
    color:              #a3a2a2;
    
}

#menu_left .studio {
    background-image:        url('../../gfx/menuitem_bg_studio.gif');
    text-decoration:         none;
}
#menu_left .nieuws {
	margin-left: 3px;
    background-image:       url('../../gfx/menuitem_bg_nieuws.gif');
    text-decoration:         none;
}

#menu_right .projecten {
	margin-right: 3px;
    background-image:       url('../../gfx/menuitem_bg_projecten.gif');
    text-decoration:         none;
}
#menu_right .contact {
    background-image:        url('../../gfx/menuitem_bg_contact.gif');
    text-decoration:         none;
}


#menu_left a.studio {
    float:              left;
    margin-right:       27px;
}
#menu_left a.nieuws {
    float:              right;
}

#menu_right a.projecten {
    float:              left;
}
#menu_right a.contact {
    float:              right;
    margin-left:        27px;
}

#menu_left a:hover, #menu_right a:hover {
    color:              #FFFFFF;
}
.slideshow {
	height: 181px;
}
.slideshow .slide {
	position: absolute;
    text-align:left;
}
#kader_home_ln {
	position:absolute;
	left:20px;
	background-image:url('../../gfx/kader_home_ln.png');
	background-repeat:no-repeat;
	width:316px;
	height:181px;
	top:430px;
	clear:both;
	cursor:pointer;
	overflow: hidden;
}

#kader_home_rop {
	position:absolute;
	left:688px;
	background-image:url('../../gfx/kader_home_rop.png');
	background-repeat:no-repeat;
	width:316px;
	height:181px;
	top:430px;
	clear:both;
	cursor:pointer;
}
.tekst {
	background-color: #242424;	
	width: 250px;
	height: 40px;
	overflow: hidden;
}
#kader_home_rop .imagepr,
#kader_home_ln .image {
	width:304px;
	height:94px;
	text-align:center;
	overflow:hidden;
	margin-top:5px;
	margin-left:6px;
}
/*#kader_home_rop .imagepr {
	width:298px;
	height:94px;
	text-align:center;
	overflow:hidden;
	margin-top:5px;
	margin-left:6px;
}*/
#kader_home_ln .tekst,
#kader_home_rop .tekst {
	margin-left:45px;
	margin-top:30px;
}
/*#kader_home_rop .tekst {
	margin-left:55px;
}*/
#kader_home_rop .imagepr img,
#kader_home_ln .image img {
	width:304px;
}
/*#kader_home_rop .imagepr img {
	width:298px;
}*/
#home_overzichtprojecten {
	position:absolute;
	top:620px;
	left: 20px;
	width:227px;
	height:62px;
	background-image:url('../../gfx/home_overzichtprojecten.png');
	background-repeat:no-repeat;
	cursor:pointer;
}
#home_diapresentatie {
	position:absolute;
	top:115px;
	left:675px;
	width:178px;
	height:26px;
	background-image:url('../../gfx/home_diapresentatie.png');
	background-repeat:no-repeat;
	cursor:pointer;
}
#home_diapresentatie a {
	display:block;
	width:183px;
	height:30px;
}
#lastadded {
    width:              316px;
    height:             122px;
    
    position:           relative;
    /*bottom:             70px;*/
    bottom:             88px;
    left:               0px;
    clear:              both;
    
    text-align:         left;
    
    background-image:   url("../../gfx/bg.homelastadded.gif");
    background-repeat:  no-repeat;
}
#lastadded .content {
    padding: 12px 9px 12px 9px;
}
#lastadded .content .image {
    /*background-color: yellow;*/
    
    width: 149px;
    height: 98px;
    
    float: left;
    overflow: hidden;
}
#lastadded .content .image img {
    border: 0px;
}
#lastadded .content .info {
    color: #a3a2a2;
    
    padding: 30px 0px 0px 12px;
    
    font-size: 10px;
    line-height: 160%;
    
    float: left;
}
#lastadded .content .info .date {
    color: #ffffff;
}

#slideshow {
    clear:              both;
    width:              100%;
    text-align:         right;
    position:           relative;
    /*bottom:             70px;*/
    /*bottom:             97px;*/
    bottom:             72px;
    right:              0px;
	left: -11px;
}

#slideshow a {
    float:              right;
    display:            block;
    width:              150px;
    height:             41px;
    line-height:        41px;
    vertical-align:     middle;
	position: absolute;
}

#slideshow a:hover {
    color:              #FFFFFF;
}

/* VERVOLG */
#maincontainer {
    position:           absolute;
    width:              984px !important;
    width:              1024px;
    left:               50%;
    margin-left:        -512px;
    height:             98%;
}

#top {
    float:              left;
    margin-left:        45px;
    height:             19px;
    width:              916px;
    background-image:   url('../../gfx/top_bg.gif');
}

#main {
    height:             97%;
}

#left {
    float:              left;
    padding-top:        94px;
    width:              189px;
}

#adres {
    margin-top:         20px;
    margin-left:        44px;
    line-height:        20px;
}

#right {
    float:              left;
    border-left:        1px solid #5b5652;
    width:              750px;
    height:             100%;
}

#titel {
    float:              left;
    padding-left:       44px;
    padding-top:        0px !important;
    padding-top:        10px;
    width:              742px !important;
    width:              768px;
}

#menu {
    float:              left;
    height:             30px;
    padding-left:       40px;
    background-image:   url('../../gfx/menu_bg.gif');
    background-repeat:  repeat-x;
    width:              745px !important;
    width:              768px;
    margin-top:         20px;
}

#menu a {
    display:            block;
    width:              119px;
    height:             22px;
    text-align:         center;
    line-height:        22px;
    vertical-align:     middle;
    background-image:   url('../../gfx/menuitem_bg.gif');
    background-repeat:  no-repeat;
    font-size:          11px;
    text-decoration:    none;
    color:              #a3a2a2;
    float:              left;
    margin-right:       27px;
    padding-top:        0px !important;
    padding-top:        3px;
}

#menu a:hover {
    color:              #FFFFFF;
}

#content {
    float:              left;
    padding-left:       40px;
    width:              742px !important;
    width:              786px;
    margin-top:         20px;
}

.newsItem {
    width:              750px;
    height:             165px;
    border:             1px solid #343434;
    cursor:             pointer;
}

.newsImage {
    float:              left;
    width:              480px;
}

.newsContent {
    float:              right;
    margin-left:        5px;
    padding:            10px;
    /*background-color:   #333333;*/
	background-color:   #242424;
    width:              245px !important;
    width:              258px;
    height:             145px !important;
    height:             165px;
}

.newsDots {
    width:                  750px;
    height:                 4px;
    background-image:       url('../../gfx/dots.png');
    background-repeat:      no-repeat;
    background-position:    30%;
}

#contactformulier input {
    width:                  320px;
    background-color:       #494440;
    border:                 1px solid #5a5550;
    color:                  #a6a39f;
    margin-bottom:          10px;
}

#contactformulier textarea {
    width:                  320px;
    background-color:       #494440;
    border:                 1px solid #5a5550;
    color:                  #a6a39f;
    margin-bottom:          10px;
}

#contactformulier button {
    background-color:       #000000;
    border:                 1px solid #494440;
    color:                  #a6a39f;
    padding:                3px !important;
    padding:                0px;
    font-size:              10px;
    margin-right:           8px;
}

.projectItem {
    float:                  left;
    width:                  223px;
    height:                 257px;
    border:                 1px solid #343434;
    background-color:       #2f2f2f;
    cursor:                 pointer;
    margin-bottom:          33px;
}

.projectImage {
    text-align:             center;
    padding-top:            10px;
}

.projectData {
    padding:                10px;
}

#projDetailImage {
    float:                  left;
    width:                  352px;
    /*border:                 2px solid #333333;*/
}

#projDetailThumb {
    float:                  right;
    width:                  345px !important;
    width:                  385px;
    height:                 197px !important;
    height:                 231px;
    padding:                20px;
    padding-bottom:         14px;
    background-color:       #333333;
}



.linkPreviewer {
    position: absolute;
    
    border: 1px solid #FFFFFF;
    background-color: #000000;
    
    /*width: 150px !important;
    height: 150px !important;
    width: 160px;
    height: 160px;*/
}
.linkPreviewer img {
    /*width: 150px;
    height: 150px;*/
}