BODY {
    margin:0;
    background:url(../../images/bg.gif) repeat-x;
    font-family:"Trebuchet MS";
    font-size:12px;
    color:#324692;
}
* {
    margin:0;
    padding:0;
}
p {
    display:block;
    margin-top:10px;
}
h2 {
    color:#f68938;
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}
a {
    color:#f68938;
    font-weight:bold;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
#container {
    margin:auto;
    width:900px;
    background:#FFF;
}
/* =Header */
#header {
    height:140px;
    width:100%;
    background:url(../../images/bgHeader.gif);
}
#header h1 {
    width:204px;
    height:140px;
    display:block;
    background:url(../../images/logo.gif);
    text-indent:-3000px;
    float:left;
}
#header h1 a {
    width:204px;
    height:140px;
    display:block;
}
/* =topNav */
#topNav {
    float:left;
    width:693px;
    margin:5px 3px 0 0;
}
#topNav li {
    float:right;
    font-size:10px;
    list-style:none;
}
#topNav li a {
    text-decoration:none;
    margin-right:10px;
    color:#3388dd;
}

#userNav {
    float:left;
    width:693px;
    margin:13px 3px 0 0;
}
#userNav li {
    float:right;
    list-style:none;
}
#userNav li a {
    text-decoration:none;
    margin-right:10px;
    color:#dedeff;
    margin-left: 10px;
    padding-left: 20px;
    font-size: 12px;
}
#userNav li a:hover {
    color:#ffffff;
}
#userNav li a.calendar {
    background: url(../../images/calendar.png) no-repeat;
}
#userNav li a.admin {
    background: url(../../images/admin2.png) no-repeat;
}

/* =Nav */
#nav {
    float:left;
    margin:70px 10px 0 0;
    padding-right:10px;
    color:#f68938;
    font-weight:bold;
    width:676px;
    background:url(../../images/lock.gif) center right no-repeat;
}
#nav li {
    float:right;
    list-style:none;
}
#nav li.sep {
    margin-right:10px;
}
#nav li a {
    text-decoration:none;
    margin-right:10px;
    color:#324692;
}
#nav li a.dif {
    color:#f68938;
}
#nav li a:hover {
    text-decoration:underline;
}
/* =home */
#homeWrapper {
    float:left;
    width:100%;
    background:url(../../images/bgHome.gif);
}
#visual {
    float:left;
    width:408px;
    height:226px;
    background:url(../../images/visual.jpg);
    border-top:10px solid #FFF;
    border-bottom:1px solid #324692;
}
#visualHouses {
    float:left;
    width:206px;
    height:350px;
    background:url(../../images/woningaanbod.jpg);
}
#visualNews {
    width:150px;
    height:105px;
    background:url(../../images/news.jpg);
}
#innerWrapper {
    float:left;
    padding:25px;
    width:442px;
    height:176px;
    border-top:10px solid #f68938;
    border-bottom:1px solid #324692;
    background:#FFF url(../../images/bgNews.gif) repeat-y;
}
#login {
}
    #login label {
        width: 100px;
        float:left;
        margin-top: 2px;
        font-weight: bold;
    }
    #login input,
    #login span {
        margin: 2px 0 2px 0;
    }
    #login input {
        width: 150px;
    }
    #login .button,
    #login input.icoLogin {
        margin-left: 100px;
    }
    #login .button input,
    #login input.icoLogin {
        border: 1px solid #324692;
        background-color:#3388dd;
        color:#ffffff;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        width: 80px;
    }
    #login .message {
        color:#ff0000;
        clear:both;
        margin-left: 100px;
    }
#loginText {
    float:left;
    padding:25px;
    width:442px;
}
    #loginText li {
        list-style:none;
    }
#news .date {
    font-weight:bold;
    display:block;
}
#news span {
    font-weight:bold;
}
#newsList {
    
}
#address {
    width:358px;
    float:left;
    padding:25px;
    background:#FFF;
}
#houses {
    float:left;
    position:relative;
    padding:25px;
    width:442px;
}
#houses img {
    border:1px solid #324692;
    float:left;
    margin-right:10px;
    margin-bottom:20px;
}
#houses a.more {
    position:absolute;
    left:25px;
    bottom:0;
    background:#324692;
    color:#FFF;
    font-weight:bold;
    padding:3px;
    text-decoration:none;
}
#houses a.more:hover {
    background:#f68938;
}
#houses a.subscribe {
    position:absolute;
    left:250px;
    bottom:0;
    background:#324692;
    color:#FFF;
    font-weight:bold;
    padding:3px;
    text-decoration:none;
}
#houses a.subscribe:hover {
    background:#f68938;
}
#houses a.reactions {
    position:absolute;
    left:350px;
    bottom:0;
    background:#324692;
    color:#FFF;
    font-weight:bold;
    padding:3px;
    text-decoration:none;
}
#houses a.reactions:hover {
    background:#f68938;
}
#houses hr {
    clear:both;
    margin-bottom:15px;
}
#houses a.react {
    background:#324692;
    color:#FFF;
    font-weight:bold;
    padding:3px;
    text-decoration:none;
}
#houses a.react:hover {
    background:#f68938;
}
#newsLetters {
    float:left;
    position:relative;
    padding:25px;
    border-top:1px solid #324692;
    width:442px;
}
#newsLetters a.more {
    position:absolute;
    right:0;
    top:0;
    background:#3388dd;
    color:#FFF;
    font-weight:bold;
    padding:3px;
    text-decoration:none;
}
#newsLetters a.more:hover {
    background:#f68938;
}
/* =content */
#contentWrapper {
    float:left;
    width:100%;
    min-height:500px;
    height:auto !important;
    height:500px;
}
#breadCrumb {
    border-bottom:1px solid #aaccff;
    border-top:1px solid #aaccff;
    line-height:30px;
    padding-left:10px;
    font-size:10px;
    color:#3388dd;
    margin-top:2px;
    float:left;
    width:684px;
}
    #breadCrumb a {
        color:#3388dd;
    }
h3 {
    background:#f68938;
    color:#FFF;
    font-size:13px;
}
#contentWrapper h3 {
    border-bottom:1px solid #f68938;
    border-top:1px solid #f68938;
    width:206px;
    text-align:center;
    display:block;
    float:left;
    margin-top:2px;
    line-height:30px;
}
#subNav {
    float:left;
    width:206px;
}
#subNav li {
    list-style:none;
    line-height:25px;
    border-bottom:1px dotted #aaccff;
    border-right:1px dotted #aaccff;
}
#subNav li a {
    display:block;
    color:#324692;
    padding-left:10px;
}
#subNav li a.lvl3 {
    padding-left:25px;
}
#subNav li a.lvl4 {
    padding-left:40px;
}
#subNav li a:hover {
    background:#324692;
    color:#FFF;
    text-decoration:none;
}
#content {
    float:left;
    width:654px;
    padding:20px;
}
    #content ol {
        padding-left: 25px;
    }
    #content label {
        width:130px;
        float:left;
        margin-top: 2px;
        font-weight: bold;
    }
    #content label.small {
        width: 60px;
    }
    /* #content span is radiobuttonlist or checkboxlist, TODO: use specific class instead of span */
    #content span label {
        float:none;
        width: 100px;
        margin: 2px 5px 2px 5px;
        font-weight: normal;
    }
    #content input,
    #content textarea,
    #content span {
        margin: 2px 0 2px 0;
    }
    #content input,
    #content select,
    #content textarea {
        width: 150px;
    }
    /* In chrome textarea is sizeable */
    #content fieldset textarea {
        max-width: 508px !important;
        max-height: 200px !important;
    }
    #content input.button {
        border: 1px solid #324692;
        background-color:#3388dd;
        color:#ffffff;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        padding:0 15px 0 15px;
        /* IE6/IE7 Now respect the padding */
        overflow: visible;
    }
    #content input.left {
        margin-left: 130px;
    }
        #content .message {
            background-color: #00CC00;
        }
        #content .error {
            color: #ff0000;
        }
        #content fieldset {
            width: 600px;
            padding:5px;
            border:0;
            clear:both;
        }
        #content fieldset legend {
            width:100%;
            color:#324692;
            font-size:16px;
            font-weight:bold;
        }
        #content fieldset h2 {
            color: #ffffff;
        }
        #content fieldset input {
            float: left;
        }
        #content fieldset hr {
            clear:both;
            margin-bottom:5px;
            margin-top:5px;
            border:1px dotted #f68938;
        }
        #content fieldset br {
            clear: both;
        }
        #content fieldset p {
            clear:both;
            margin:2px 0 2px 0;
        }
        #content fieldset span {
            float:left;
        }
        #content fieldset h4 {
            clear:both;
            margin-top:2px;
            background:#f68938;
            color:#FFF;
            font-size:13px;
            padding-left: 3px;
            line-height: 20px;
        }
        fieldset#houses h4 {
            color:#324692;
            background:#FFF;
            padding-left: 0;
        }
        #content fieldset input.button {
            margin-right: 5px;
        }
        #content fieldset label.small {
            width: 50px;
        }
        #content fieldset label.large {
            width: 250px;
        }
        #content fieldset label.right {
            text-align: right;
            margin-right: 10px;
        }
        #content fieldset textarea.left {
            margin-left: 130px;
        }
        /* span.list is radiobuttonlist or checkboxlist */
        #content fieldset span.list {
            float:left;
            margin-left: 130px;
        }
        #content fieldset span.left {
            float:left;
            margin-left: 0px;
        }
        #content fieldset span.list label {
            float:left;
            margin: 2px 5px 2px 5px;
            font-weight: normal;
        }
        #content fieldset span.small label {
            width: 80px;
        }
        #content fieldset span.list input {
            float:left;
            width: 20px;
        }
    #content label.left {
        margin-left: 130px;
    }
    #content input.small {
        width: 80px;
    }
    #content input.large,
    #content textarea.large {
        width:350px;
    }
    #content .icoEdit {
        border:0;
        width:20px;
        height:20px;
        background:url(../../images/cms/icoEdit.png) no-repeat;
        margin-left: 3px;
        margin-right: 2px;
    }
    #content .icoDelete {
        border:0;
        width:20px;
        height:20px;
        background:url(../../images/cms/icoDelete.png) no-repeat;
        margin-left: 5px;
    }
    #content .icoPassword {
        border:0;
        width:20px;
        height:20px;
        background:url(../../images/cms/icoPassword.png) no-repeat;
        margin-left: 5px;
    }
    #content .icoLocked {
        border:0;
        width:20px;
        height:20px;
        background:url(../../images/lock.gif) no-repeat;
        margin-left: 5px;
    }
    
    #content .icoEdit:hover,
    #content .icoDelete:hover,
    #content .icoLocked:hover,
    #content .icoPassword:hover {
        cursor:pointer;
    }
    #content th {
        background-color: #aaccff; /* #dddddd; */
    }
    #content tr:hover, #content tr:hover td {
        background-color: #cccccc;
    }
    /* Restore hover color for validator callout  */
    #content .ajax__validatorcallout tr:hover,
    #content .ajax__validatorcallout tr:hover td {
        background-color: inherit;
    }
    #content tr:hover td.ajax__validatorcallout_icon_cell,
    #content tr:hover td.ajax__validatorcallout_error_message_cell,
    #content tr:hover td.ajax__validatorcallout_close_button_cell {
        background-color: lemonchiffon;
    }
    
.button {
    padding:0 15px 0 15px;
    /* IE6/IE7 Now respect the padding */
    overflow: visible;
}
td.header {
    background-color: #aaccff;
}
td span.small {
    font-size:9px;
}
.ajax__validatorcallout h3 {
    width: auto;
    background-color: Transparent;
    line-height: 20px;
    color: #324692;
}
#sitemap {
    margin-left: 25px;
}
    #sitemap li {
        list-style-type:square;
    }
    #sitemap li.level1 {
        font-size:13px;
    }
    #sitemap li.level2 {
        margin-left: 25px;
    }
    #sitemap li.level3 {
        margin-left: 50px;
    }
    #sitemap li.level4 {
        margin-left: 75px;
    }
/* =footer*/
#footer {
    width:890px;
    height:72px;
    margin:auto;
    clear:both;
    border-top:2px solid #3388dd;
    background:#aaccff url(../../images/bgFooter.gif) bottom no-repeat;
    padding:10px 0 0 10px;
}
#footer .design {
    float:right;
    padding-right: 10px;
}