/* ------------------ Generic CSS used for the Arbocatalogus Schoen techniek  ------------------*/

html, body, form {
    margin:                     0;
    padding:                    0;
    height:                     100%;
}

html {
    background-color:           #FFFFFF;
    color:                      #585656;
}

* {
    font-family:                Verdana;
}

h1, h2, h3 {
    color:                      #429C2A;
}

h1 {
    font-size:                  1.4em;
}

a {
    color:                      #429C2A;
}

a img {
    border:                     0px;
}

/* ------------------ Alternative Link colour */ 

#swTopNavigation a, #swFooter a, .swContentMenuBlockContent a, #swBreadCrums a, #printSection a {
    color:                      #585656;
    font-weight:                bold;
    text-decoration:            none;
}

/* ------------------ Reusable elements  */

.hidden {
    display:                    none;
}

.floatbreaker { 
    clear:                      both;
}

/* ------------------ Form values  */

.TextInput {
    border:                      solid 1px #429C2A;
}

.MultiLineInput {
    width:                      255px;
}

.Button {
    background-color:           #429C2A;
    border:                     solid 1px #429C2A;
    color:                      #FFFFFF;
    font-weight:                bold;
}

/* ------------------ Sitewide Layout  */

#swFullSite {
    position:                   relative;
    top:                        0px;
    margin:                     0 auto;
    width:                      960px;
    padding-left:               10px;
    padding-right:              10px;
    height:                     auto !important; 
    height:                     100%;
    min-height:                 100%;
    margin-right:               auto;
    margin-left:                auto;
    font-size:                  0.9em;
    line-height:                1.7em;
    font-size:                  0.7em;    
}

#swHeader {
    height:                     135px;
    width:                      960px;
    background-image:           url(../images/backgrounds/header.jpg);
    background-repeat:          no-repeat;
    background-position:        right top;
}

#swContent {
    padding-bottom:             40px;
    position:                   relative;
}

#swContentMenu {
    width:                      255px;
    float:                      left;
}

#swContentText {
     width:                     690px;
     margin-left:               270px;
     position:                  relative;
     top:                       0px;     
}

#swFooter {
    position:                   absolute;
    bottom:                     0px;
    width:                      960px;
    text-align:                 right;    
    color:                      #585656;
    border-top:                 solid 2px #429C2A;
    padding-top:                5px;
}

#swTopNavigation {
    position:                   absolute;
    right:                      0px;
    top:                        5px;
}

#swBreadCrums {
    position:                   absolute;
    background-image:           url(../images/backgrounds/breadcrums.gif);
    background-repeat:          no-repeat;
    background-position:        left center;
    color:                      #429C2A;
    padding-left:               10px;
    margin-left:                270px;
    top:                        115px;
}


/* ------------------ Top Navigation */ 
/* For "a href" layout check the Alternative Link colour section */

#swTopNavigation ul {
    position:                   relative;
    display:                    inline;
    padding:                    0px;
    margin:                     0px;
    list-style-type:            none;    
    list-style-position:        outside;
}

#swTopNavigation li {
    display:                    inline;
    list-style-type:            none;    
    list-style-position:        outside; 
    padding:                    0px;
    margin:                     0px;       
    padding-left:               5px;
    border-left:                solid 1px #585656;
}

#swTopNavigation .startNode {
    border-left:                none;
}

/* ------------------ Content Menu */ 
/* For "a href" layout check the Alternative Link colour section */

.swContentMenuBlockTop {
    background-image:           url(../images/backgrounds/contentmenublockheader.gif);
    background-repeat:          repeat-x;
    font-size:                  0px;
    height:                     5px;
    width:                      251px;
}

.swContentMenuBlock {
    background-image:           url(../images/backgrounds/contentmenublock.gif);
    background-repeat:          repeat-y;
    width:                      251px;
    padding-left:               2px;
}

.swContentMenuBlockBottom {
    background-image:           url(../images/backgrounds/contentmenublockbottom.gif);
    background-repeat:          no-repeat;
    background-position:        center bottom;
    width:                      251px;
    height:                     13px;
    margin-bottom:              10px;
    font-size:                  0px;
}

.swContentMenuBlockContent {
    border-top:                 solid 2px #FFFFFF;
    width:                      218px;
    padding-left:               10px;
    padding-right:              10px;
    padding-top:                5px;
    padding-bottom:             10px;
}

.swContentMenuBlockHeader {
    width:                      238px;
    color:                      #FFFFFF;
    font-weight:                bold;
    padding-top:                4px;
    padding-bottom:             4px;
    padding-left:               4px;
    background-image:           url(../images/backgrounds/contentmenublockheader.jpg);
    background-repeat:          repeat-x;
}

.swContentMenuBlockContent ul {
    padding-left:               10px;
}

.swContentMenuBlockContent li {
    list-style-image:           url(../images/backgrounds/menubullet.gif);
}

.twocolumns li { 
    float:                      left; 
    width:                      50%; 
}

.twocolumns li.first_col { 
    clear:                      left; 
    width:                      40%;
}

/* ------------------ Content */ 

.innerContent {
    width:                      661px;
    background-image:           url(../../content/images/backgrounds/innercontent.gif);
    background-repeat:          repeat-y;
    padding-left:               20px;
    padding-right:              20px;
    padding-top:                10px;
    padding-bottom:             10px;
}

.innerContent h1 {
    margin-top:                 0px;
    padding-top:                0px;
}

#innerContentTop, #innerContentBottom {
    width:                      701px;
    font-size:                  0px;
    background-repeat:          no-repeat;    
}

#innerContentTop {
    height:                     5px;
    background-image:           url(../../content/images/backgrounds/innercontenttop.gif);
}

#innerContentBottom {
    height:                     6px;
    background-image:           url(../../content/images/backgrounds/innercontentbottom.gif);
}

#lastModified {
    margin-top:                 10px;
    text-align:                 right;
}

#printSection {    
    position:                   absolute;
    right:                      10px;
    top:                        10px;
    background-image:           url(../images/backgrounds/print.gif);
    background-repeat:          no-repeat;
    background-position:        center left;
    padding-left:               18px;
    font-weight:                bold;
}

/* ------------------ Tabblad */ 

.tabBlock {
    padding-left:               5px;
    padding-right:              5px;
    z-index:                    10;
}

.tabBlock .ajax__tab_header {
    z-index:                    10;
    background-image:           url(../../risk/images/backgrounds/tabbodytop.gif);
    background-repeat:          no-repeat;
    background-position:        left bottom;
    width:                      697px;  
    height:                     27px;
    padding-left:               4px;
}

.tabBlock .ajax__tab_outer { }

.tabBlock .ajax__tab_inner {
    z-index:                    10;
}

.tabBlock .ajax__tab_tab {
    padding-top:                0px;
    padding-bottom:             0px;
    padding-left:               10px;
    padding-right:              10px;
    font-weight:                bold;
    z-index:                    10;
    background-image:           url(../../risk/images/backgrounds/tabunselected.gif);
    background-repeat:          repeat-x;
    height:                     19px;
    padding-top:                5px;
}

.tabBlock .ajax__tab_tab, .tabBlock .ajax__tab_inner, .tabBlock .ajax__tab_outer {
    color:                      #FFFFFF;
}

.tabBlock .ajax__tab_active, .tabBlock .ajax__tab_active .ajax__tab_outer, .tabBlock .ajax__tab_active .ajax__tab_inner, .tabBlock .ajax__tab_active .ajax__tab_tab {
    color:                      #ffffff;
    font-weight:                bold;
    z-index:                    10;
}

.tabBlock .ajax__tab_active .ajax__tab_tab {
    background-image:           url(../../risk/images/backgrounds/tabselected.gif);
    background-repeat:          repeat-x;
}

.tabBlock .ajax__tab_body {
    padding:                    5px;
    z-index:                    10;
    background-color:           #FFFFFF;
    width:                      691px;    
    min-height:                 350px;
    background-image:           url(../../risk/images/backgrounds/tabbody.gif);
    background-position:        right bottom;
    background-repeat:          repeat-y;   
}

.innerTab {
    margin:                     10px;
}

/* ------------------ map (plattegrond) */ 

#mapSection, #riskSection {
    width:                      660px;
    padding-bottom:             1px;
    border-bottom:              solid 2px #429E29;
}

#riskSection {
    margin-top:                 10px;
}

#mapSection h2, #riskSection h2 {
    width:                      656px;
    color:                      #FFFFFF;
    font-weight:                bold;
    padding-top:                4px;
    padding-bottom:             4px;
    padding-left:               4px;
    background-image:           url(../images/backgrounds/contentmenublockheader.jpg);
    background-repeat:          repeat-x;
    margin:                     0px;
    border-bottom:              solid 1px #FFFFFF;
}


/* ------------------ lightWindow (also see css in lightwindow sub dir!) */ 

.lightwindowContent {
    width:                      700px;
    padding:                    10px;
    font-size:                  0.8em;
    line-height:                normal;   
}

/* ------------------ Solutions tab */ 

.ControlLegenda {
    float:                      right;
}

.tSolutionsOveriew {
    margin-top:                 50px;
    width:                      630px;
}

.tSolutionsOveriew th {
    background-color:           #429C2A;
    text-align:                 left;
    padding-top:                1px;
    padding-bottom:             1px;
    padding-left:               5px;
    padding-right:              5px;
    color:                      #FFFFFF;
    border-left:                solid 2px #F8F8F8;
    border-bottom:              solid 10px #F8F8F8;
    white-space:                nowrap;
}

.tSolutionsOveriew td {
    border-right:               solid 3px #429C2A;
    border-bottom:              solid 3px #429C2A;
    padding-top:                1px;
    padding-bottom:             1px;
    padding-left:               5px;
    padding-right:              5px;
}

.tSolutionsOveriew td.SolutionsEndTableCell {
    border-right:               none;
    padding-left:               30px;
    white-space:                nowrap;
}

.tSolutionsOveriew td.SolutionsEndTableCell img {
    margin-bottom:              3px;
    margin-top:                 3px;
    margin-right:               10px;
}

.tSolutionsOveriew td.SolutionsTableTitleCell {
    font-weight:                bold;    
}

#swContent .SolutionsTableTitleCell a {
    color:                      #000000;
}

.tSolutionsOveriew .SolutionsEndTableCell td {
    border-bottom:              none;
}

.solutionReadMore {
    float:                      right;
    right:                      0px;
    bottom:                     0px;    
    font-size:                  0.9em;
    color:                      #429C2A;
    text-decoration:            underline;
}