/*------------------------------------------------------------------
[Table of contents]

1. Body + reset general tags
2. Links
3. Containers #site
4. Header / #headerCon
5. Navigation / #navigationCon
6. Left column / #leftColumn
7. Right column / #rightColumn
8. Content / #contentCon
9. Boxes / .box
10. Advertisements / .banner
11. Footer / #footerCon
12. ScrollPane / #scrollableText 
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ 1. Body + reset general tags ]
------------------------------------------------------------------*/

html {
    width               : 100%;
    height              : 100%;
}

body {
    margin              : 0;
    padding             : 0;
    width               : 100%;
    height              : 100%;

    font-family         : Verdana, sans-serif;
    font-size           : 11px;
    line-height         : 1.6em; /*background-color:#402631;*/
    background-color    : #672e42;
    background-image    : url(../images/body-bg.png);
    background-repeat   : no-repeat;
    background-position : center 0px;
}

img {
    border              : none;
    vertical-align      : bottom;
}

form {
    margin              : 0;
}

input {
    vertical-align      : bottom;
}

p {
    margin              : 0;
    padding             : 5px 0 10px 0;
}

em {
    font-style          : italic;
}

h1 {
    margin              : 0;
    font-weight         : bold;
    font-size           : 12px;
}

h2 {
    margin              : 0px 0 0 0;
    font-size           : 22px;
    line-height         : 50px;
    color               : #fff;
}

h3 {
    margin              : 0;
    font-weight         : bold;
    font-size           : 11px;
}

h4 {
    margin              : 0;
}

.flashalt,
.hidden {
    display             : none;
}

/*------------------------------------------------------------------
[ 2. Links ]
------------------------------------------------------------------*/

a {
    color               : #010609;
    text-decoration     : underline;
    outline             : 0;
}

a:visited {
    color               : #402631;
}

a:hover {
    color               : #010609;
    text-decoration     : none;
}

div#scrollableText a {
    color               : #fff;
    text-decoration     : underline;
}

div#scrollableText a:hover {
    text-decoration     : none;
}

/*------------------------------------------------------------------
[ 3. Containers #site ]
------------------------------------------------------------------*/

div#outerCon {
    position            : relative;

    width               : 910px; /*margin: 0 0 0 80px;*/
    margin-left         : auto;
    margin-right        : auto;
    height              : auto !important;
    height              : 100%; /* IE6 treats this as min-height */
    min-height          : 100%;
}

div#innerCon {
    position            : relative;
}

div#contentCon {
/*height:472px;*/
    width               : 863px;
    padding             : 0 23px 0 25px;
    margin-left         : 1px;
}

html body div#contentCon, x:-moz-any-link, x:default {
    margin-left         : 0px;
}

/*------------------------------------------------------------------
[ 4. Header / #headerCon ]
------------------------------------------------------------------*/

div#header {
/*height: 140px;*/
    height              : 150px;
    background          : #fff;
    margin-left         : 1px;
    width               : 1000px;
}

html body div#header, x:-moz-any-link, x:default {
    margin-left         : 0px;
}

div#flashLogo {
    float               : left;
    display             : inline;
    width               : 194px; /*margin-left:24px;*/
    margin-left         : 25px;
    padding-top         : 9px;
    overflow            : hidden;
}

.flash-replaced .alt {
    display             : none;
}

/*------------------------------------------------------------------
[ 5. Navigation / #navigationCon ]
------------------------------------------------------------------*/

ul#mainNav {
    float               : left;
    list-style          : none;
    margin              : 60px 0 0 40px;
    padding             : 0;
}

ul#mainNav li {
    float               : left;
    padding             : 0 25px 0 0;
}

ul#mainNav li a {
    font-weight         : bold;
    text-transform      : uppercase;
    color               : #672e42;
    text-decoration     : none;
}

ul#mainNav li a:hover,
ul#mainNav li.active a {
    color               : #000;
    text-decoration     : none;
}

div#leftCol ul {
    list-style          : none;
    margin              : 35px 10px 0 12px;
    padding             : 0;
}

div#leftCol ul li {
    margin              : 10px 0 25px;
    font-weight         : bold;
}

div#leftCol ul li a {
    color               : #402631;
    line-height         : 1.5em;
    text-decoration     : none;
}

div#leftCol ul li.active a {
    font-weight         : bold;
}

div#leftCol ul li a:hover {
    text-decoration     : underline;
}

div#leftCol ul.sublist {
    list-style          : none;
    margin              : 0 10px 0 0;
    padding             : 0;
    /* width               : 50px; */
}

div#leftCol ul.sublist li {
    margin-bottom       : 0;
    font-weight         : normal;
    display             : block;

}

/*------------------------------------------------------------------
[ 6. Left column / #leftColumn ]
------------------------------------------------------------------*/

div#leftCol {
    float               : left;
    width               : 193px;
    margin-left         : 0px;
    padding-bottom      : 30px;
    height              : 100%;
    text-transform      : uppercase;
}

div#slideshow {
}

#slideshow IMG {
    position            : absolute;
    /*top:0;
    left:0;*/
    z-index             : 8;
}

#slideshow IMG.active {
    z-index             : 10;
}

#slideshow IMG.last-active {
    z-index             : 9;
}

/*------------------------------------------------------------------
[ 7. Right column / #rightColumn ]
------------------------------------------------------------------*/

div#rightCol {
    float               : left;
    width               : 670px;
}

/*------------------------------------------------------------------
[ 8. Content / #contentCon ]
------------------------------------------------------------------*/

div#rightColInnerCon {
    float               : left;
    display             : inline;
    width               : 670px;
    color               : #fff;
}

div#pageVisualTop {
    overflow            : hidden;
    height              : 116px;
    font-size           : 12px;
}

div#scrollableIntro {
    width               : 395px;
    height              : 85px;
    overflow            : auto;
}

div#pageVisualTop h1 {
    margin              : 10px 0 5px 0;
    font-size           : 16px;
}

div#textCon {
    position            : relative;
    width               : 453px;
    height              : 228px;
    overflow            : hidden;
    font-size           : 12px;
}

div#textCon h1 {
    margin              : 14px 0 0 35px;
    font-size           : 16px;
    line-height         : 32px;
}

/* default textblock size */
div#scrollable {
    position            : relative;
    float               : left;
    overflow            : auto;
}

div#scrollableText {
    width               : 384px;
    overflow            : auto;
    float               : left;

    height              : 162px;
    padding             : 0px 10px 0px 35px;
}

.areadevelopment {
    width               : 660px !important;
}

.areadevelopment div#scrollableText {
    width               : 550px;
}

.scroll-pane {
    position            : relative;
    overflow            : auto;
}

div#pageQuote {
    height              : 51px;
    padding             : 0 0 0 35px;
    overflow            : hidden;
}

.sIFR-replaced {

#margin-top:

-
13
px

;
/* IE hack to avoid whitespace above sifr-text */
}

div#pageVisualBottom {
    height              : 78px;
}

/*------------------------------------------------------------------
[ 9. Boxes / Blocks ]
------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ 10. Advertisements / .banner ]
------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ 11. Footer / #footerCon ]
------------------------------------------------------------------*/

div#footer_clear {
    clear               : both;
}

div#footer {
    position            : relative;
    height              : 135px;
    width               : 1000px;
    margin-left         : 1px;
    overflow            : visible;
}

html body div#footer, x:-moz-any-link, x:default {
    margin-left         : 0px;
}

div#footer div.first {
    margin-left         : 250px;
}

div#footer div {
    float               : left;
    display             : inline;
    width               : 150px;
    margin-right        : 20px;
    padding             : 15px 0 0 0;
}

div#footer div h4 {
    font-size           : 11px;
    font-weight         : bold;
    text-transform      : uppercase;
    color               : #d7d7d7;
}

div#footer div ul {
    list-style          : none;
    margin              : 0;
    padding             : 0;
}

div#footer div ul li {
    line-height         : 1.2em;
}

div#footer div ul li a {
    font-size           : 0.9em;
    color               : #d7d7d7;
    text-decoration     : none;
}

div#footer div ul li a:hover {
    text-decoration     : underline;
	
	
}


/*------------------------------------------------------------------
[ 12. ScrollPane / #scrollableText ]
------------------------------------------------------------------*/

.jScrollPaneContainer {
    position            : relative;
    overflow            : hidden;
    z-index             : 1;
}

.jScrollPaneTrack {
    position            : absolute;
    cursor              : pointer;
    right               : 0;
    top                 : 0;
    height              : 100%;
    background          : #000;
}

div#pageVisualTop .jScrollPaneTrack {
    background          : #672e42;
}

.jScrollPaneDrag {
    position            : absolute;
    background          : url(../images/scroll-drag.gif) center top repeat-y #000;
    cursor              : pointer;
    overflow            : hidden;
}

div#pageVisualTop .jScrollPaneDrag {
    background          : url(../images/scroll-drag.gif) center top repeat-y;
}

.jScrollPaneDragTop {
    position            : absolute;
    top                 : 0;
    left                : 0;
    overflow            : hidden;
}

.jScrollPaneDragBottom {
    position            : absolute;
    bottom              : 0;
    left                : 0;
    overflow            : hidden;
}

a.jScrollArrowUp {
    display             : block;
    position            : absolute;
    z-index             : 1;
    top                 : 0;
    right               : 0;
    text-indent         : -2000px;
    overflow            : hidden;
    background          : url(../images/scroll-up.gif) left top no-repeat;
    height              : 14px;
}

a.jScrollArrowUp span {
    display             : none;
}

a.jScrollArrowUp:hover {
    background          : url(../images/scroll-up-over.gif) left top no-repeat;
}

div#pageVisualTop a.jScrollArrowUp {
    background          : url(../images/scroll-up-purple.gif) left top no-repeat;
}

div#pageVisualTop a.jScrollArrowUp:hover {
    background          : url(../images/scroll-up-purple-over.gif) left top no-repeat;
}

a.jScrollArrowDown {
    display             : block;
    position            : absolute;
    z-index             : 1;
    bottom              : 0;
    right               : 0;
    text-indent         : -2000px;
    overflow            : hidden;
    height              : 14px;
    background          : url(../images/scroll-down.gif) left top no-repeat;
}

a.jScrollArrowDown:hover {
    background          : url(../images/scroll-down-over.gif) left top no-repeat;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    background-color    : #f00;
}

div#pageVisualTop a.jScrollArrowDown {
    background          : url(../images/scroll-down-purple.gif) left top no-repeat;
}

div#pageVisualTop a.jScrollArrowDown:hover {
    background          : url(../images/scroll-down-purple-over.gif) left top no-repeat;
}

div#social {
    margin-top          : 15px;
}

div#social  a {
    color               : #fff;
}

div.social-new a {
    color: #ffffff;
    text-decoration: none;
}

div.social-new a:hover {
    text-decoration: none !important;
}

div.social-new a:hover span {
    text-decoration: underline;
}

div#projects {
    height              : 219px;
    position            : absolute;
    top                 : 240px;
    left                : 912px;
    color               : #fff;
    width               : 300px;
}

div#projects ul.developerProjects {
    list-style          : none none;
    margin              : 20px 0 0;
    padding             : 0;
}

div#projects ul.developerProjects li a {
    color               : #fff;
    text-decoration     : none;
}

div#projects ul.developerProjects li a:hover {
    text-decoration     : underline;
}

div#footer div.social {
    position            : absolute;
    top                 : 0;
    right               : 105px;
    width               : 80px !important;
}


h2.woningaanbod {
    padding: 0;
    margin: 6px 0px 0px !important;
}

p.woningaanbod {
    margin-bottom: 38px !important;
}

ul li span {
  cursor: pointer;
}
ul li.collapsed ul {
  display: none;
}


div#leftCol ul.developer_list li {
  font-weight: normal;
  margin: 0px 0px 10px;
}