﻿/* ----------------------------------------------------- */
/* ARBO Toolkit Houthandel (c) 2008 BECO Group			 */
/* 									                     */
/* Author   : Aldo Quispel					             */
/* Modified : 23-10-2008                                 */
/* Desc     : Holds base CSS for entire website          */
/* ----------------------------------------------------- */

html, body, form {
    position:                       relative;        
    padding:                        0px;
    margin:                         0px;
    height:                         100%;
    width:                          100%;
    background-color:		        #7C1B2B;
}

/* ------------------ Default settings */

h1, .pageHeader {
    padding-top:                    0px;
    margin-top:                     0px;
    margin-bottom:                  5px;
    font-size:                      1.2em;
    font-weight:                    bold;
}

h2, h3, h4, h5, h6 {
	font-size:				        1.0em;
}

a {
    text-decoration:                underline;
}

a img {
    border:                         0px;
}

ul {
	padding-top:			        0px;
	padding-bottom:			        0px;
	margin-top:				        0px;
	margin-bottom:			        0px;
	list-style-type:		        square;
}

/* ------------------ Site wide layout */

#swFullSite {
    position:                       relative;
    margin:                         0 auto;                 
    height:                         auto !important;        
    height:                         100%;
    min-height:                     100%;
    width:                          950px;
    margin-right:                   auto;
    margin-left:                    auto;
    background-color:               #ffffff;
    font-family:                    Verdana;
    font-size:                      0.8em;
}

#swCentralBlock {
    position:                       relative;
    border-top:                     30px solid #7C1B2B;    
    padding-left:                   15px;
    padding-right:                  15px;
    padding-top:                    15px;
	background-image:		        url(../../templates/_defaultvalues/img/tablebackground.jpg);
	background-repeat:		        no-repeat;
    background-position:            15px 15px;
    min-height:                     540px;
}

#swHeader {
    position:                       relative;
    padding-top:                    5px;
    padding-left:                   5px;
    padding-bottom:                 5px;
    border-bottom:                  1px solid #FFFFFF;
    height:                         51px;
}

#swTopNavigation {
    position:                       absolute;
    top:                            45px;
    left:                           189px;
    width:                          691px;
    text-align:                     right;
    border-top:                     1px solid #ffffff;
    padding-right:                  30px;
    background-image:		        url(../../templates/_defaultvalues/img/topmenuendingbackground.gif);
    background-repeat:              no-repeat;
    background-position:            right top;
    height:                         15px;
}

#swFooter {
    position:                       absolute;
    padding-left:                   15px;
    padding-right:                  15px;
    padding-bottom:                 15px;
    bottom:                         0px;
    border-bottom:                  30px solid #7C1B2B;
    width:                          100%;
    font-size:                      0.8em;
}

#swFooter p {
    text-align:                     right;
    padding-right:                  45px;
    margin:                         0px;
}

#swContentBlock {
    position:                       relative;
    padding-bottom:                 80px;
    width:                          912px;
}

#swMenu {
    float:                          left;
    width:                          180px;
}

#swContent{
    position:                       relative;
    margin-left:                    188px;
    padding-left:                   10px;
    padding-top:                    10px;
}

.contentContainer {
	height:				            100%;
}

/* ------------------ Forms */

.formButton {
	border:				            1px solid #000000;
	cursor:				            pointer;
}

.formInput {
	border:				            1px solid #000000;
	background-color:	            #FFFFFF;
}

.filterinput {
	width:				            300px;
}

/* ------------------ Main Menu */

.menuBase { }

.menuItem, .dynamicMenuItem {
	color:				            #FFFFFF;
	font-size:                      0.9em;
}

.menuItem a {
    display:                        block;
	width:				            169px;
	background-image:	            url(../../templates/_defaultvalues/img/menubackground.png);
    padding-top:                    5px;
    padding-bottom:                 5px;
    padding-left:                   10px;
    margin-bottom:                  1px;
}

.menuItem a:hover, .dynamicMenuItem a:hover {
    text-decoration:                none;
    color:                          #FFFFFF;
}

.menuItemHover a {
    background-color:               #7C1B2B;
    background-image:               none;
}

.dynamicMenuItem {
    font-family:                    Verdana;
    width:				            210px;
    background-color:               #7C1B2B;
}

.dynamicMenuItem a {
    display:                        block;
  	width:				            210px;
    padding-top:                    5px;
    padding-bottom:                 5px;
    padding-left:                   10px;
    background-color:               #7C1B2B;
}

.dynamicMenuItemHover a {
    background-color:               #7C1B2B;
    background-image:               none;
}

/* ------------------ Top Menu */

#swTopNavigation a {
    font-size:                      0.8em;
    color:                          #000000;
    text-decoration:                none;
}

.swTopNavMenuItem {
    display:                        inline-block;
    background-image:	            url(../../templates/_defaultvalues/img/textbackground.png);
    padding-left:                   5px;
    padding-right:                  5px;
    border-right:                   1px solid #ffffff;
    font-weight:                    bold;
    margin:                         0px;
    padding-top:                     2px;
    height:                         13px;
}

.swTopNavMenuItem img {
    padding-left:                   3px;
    padding-right:                  3px;
}

#swTopNavMenuEndBlock {
    display:                        inline-block;
    background-color:               #3B1B7C;
    width:                          30px;
}

/* ------------------ Risico Overzicht */

.RisicoOverzicht {
	width:					    98%;
	padding:				    0px;
	margin:					    0px;
}

.RisicoOverzicht th {
	text-align:				    left;
	padding-right:			    5px;
	padding-left:			    5px;
	padding-bottom:			    2px;
	padding-top:			    2px;
	border-bottom:			    1px solid #000000;		
	border-top:				    1px solid #000000;		
	background-color:		    #7C1B2B;
	color:					    #FFFFFF;
} 

.RisicoOverzicht td {
	vertical-align:			    top;
	border-bottom:			    1px solid #000000;
	padding-right:			    5px;
	padding-left:			    5px;
	padding-bottom:			    2px;
	padding-top:			    2px;
}

/* ------------------ Tabbladen */

.headerTab {
    position:                       absolute;
    top:                            -27px;
    left:                           0px;
    background-image:		        url(../../templates/_defaultvalues/img/textbackground.png);
}

.headerTab span {
    display:                        inline-block;
    padding-left:                   5px;
    padding-right:                  5px;
    padding-top:                    5px;
    padding-bottom:                 5px;
    cursor:                         pointer;
}

.tabHeaderActive {
    background-color:               #7C1B2B;
    color:                          #FFFFFF;    
}