/***********************************************/
/*  STRUCTURE  */
/***********************************************/
html { overflow-y:scroll; }

.container 
{
	z-index: 1;
	width: 977px;
	margin: 0 auto;
	text-align:left;
	line-height:16px;
}
	.header
	{
	    height:275px;
	    background-color:black;
	    background-position:center top;
	    background-repeat:no-repeat;
	    /*background-image:url(/portals/0/headers/home.jpg);    */
	}	
	
		.logo
		{
		}
		
		.navigation
		{
		    min-height:40px;
			border-bottom:1px solid #c0c0c0;
		}
		
	.content
	{
	    clear:both;
		padding: 0;
		margin: 0 0 0 0;
	}
	    .breadcrumb
	    {
	        min-height:25px;
	        padding-top:15px;
	    }
		
		.leftPaneContainer
		{
			width: 270px;
			float: left;
		}
		
			.leftPane
			{
			    padding: 10px 25px 20px 0;
			}
			
			
		.contentPanecontainer
		{
			width: 437px;
			float: left;
			border-left:1px solid #c0c0c0;
			border-right:1px solid #c0c0c0;
			min-height:250px;
		}
		
		#vabiShopSkin .contentPanecontainer
		{
		    width:705px;
			border-right:0px none #c0c0c0;
		}
		
			.contentPane
			{
			    padding: 10px 25px 0 25px;
			}
			
		.rightPaneContainer
		{
			float: left;
			width: 268px;
		}
		
			.rightPane
			{
				padding: 10px 0 0 25px;
			}
	
	
	.footer
	{
		text-align:center;
		margin-top: 10px;
		padding-bottom: 20px;
	}

		.footer a 
		{
			text-decoration: underline;
		}

		.footer span {
			color:  #333333;
			font-weight: normal;
		}
	
	
.clear {
	clear:both;
	height: 1px;
}

#AspNETVars {
	display:none;
}


/* default border for contentpanes */
.leftPane,
.contentPane,
.rightPane
{
	border: solid 1px transparent;
}


/***********************************************/
/*  LAYOUT  */
/***********************************************/

h1,h2,h3,h4 {letter-spacing:-1px}
h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus {outline:none;-moz-outline:none;}
hr {border:0px none;color:#FFF;border-bottom:1px solid #c0c0c0;background:#FFF;margin-top:20px;margin-bottom:0.5em}
.leftPane a, .leftPane a:hover, .leftPane a:focus,.leftPane a:visited {color:#000}
.contentPane a, .contentPane a:hover, .contentPane a:focus,.contentPane a:visited {color:#000}
.rightPane a, .rightPane a:hover, .rightPane a:focus,.rightPane a:visited {color:#000}
.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:focus,.breadcrumb a:visited {color:#000}



/* vabi buttons */
.header .homeLink 
{
    width:75px!important; 
    display:block!important; 
    position:absolute!important; 
    left:50%;
    margin-left:-135px;
    padding-top:60px;
    z-index:77;
}
.header, .header a
{
    color:#FFF;
}
#vabiNewsSkin .header .homeLink
{
    margin-left:-375px!important;
}
#vabiNewsSkin .header h2, #vabiNewsSkin .header h2 .Head, .vabiNewsSkin .header .Normal
{
    color:#FFF!important;
}
#vabiNewsSkin .header .DNN_HTMLContent
{
    position:absolute;
    width:500px;
    left:50%;
    top:80px;
    margin-left:-100px;
}

.header .vabiLinks  
{
    width:977px!important; 
    display:block!important; 
    position:relative!important; 
    margin-top:-178px; 
    left:50%;
    margin-left:-400px;
}
.LinkItem{clear:both;}
a.vabiButton 
{
    background:#FFF;
    font-size:28px;
    color:#000;
    text-decoration:none;
    border-width:3px 2px 2px 3px;
    border-style:solid;
    border-left-color:#ebecec;
    border-right-color:#8f8f90;
    border-top-color:#e1e1e2;
    border-bottom-color:#545454;
    text-transform:lowercase;
    display:inline;
    float:left;
    padding:0px 4px 1px 2px;
    letter-spacing:-1px;
    line-height:10px;
    outline:none;
    -moz-outline:none;
}
a.vabiButton:hover
{
    text-decoration:none!important;
} 
.header a.vabiButton 
{
    font-size:35px;
    border-style:outset;
    border-width:3px;
    padding:0px 4px 3px 2px;
}

.vabiYellow:hover, .header .vabiYellow, .vabiButton.vabiYellow.selected {background:#ffeb00; border-color:#d9cc31 #585000 #585000 #d9cc31}
.vabiBlue:hover, .header .vabiBlue, .vabiButton.vabiBlue.selected {background:#009bdc; border-color:#0083bb #00354e #00354e #0083bb}
.vabiOrange:hover, .header .vabiOrange, .vabiButton.vabiOrange.selected {background:#d47e1c; border-color:#b36b18 #784710 #784710 #b36b18}
.vabiRed:hover, .header .vabiRed, .vabiButton.vabiRed.selected  {background:#df051c; border-color:#a2001a #51000d #51000d #a2001a}
.vabiGreen:hover, .header .vabiGreen, .vabiButton.vabiGreen.selected {background:#24a12e; border-color:#24a12e #1f1e21 #1f1e21 #24a12e}

#vabiAdminSkin a, #vabiAdminSkin a:hover, #vabiAdminSkin a:link, #vabiAdminSkin a:visited {color:#000}
#vabiStandardSkin a, #vabiStandardSkin a:hover, #vabiStandardSkin a:link, #vabiStandardSkin a:visited {color:#000}
#vabiAdminSkin a, #vabiStandardSkin a {text-decoration:none; }
#vabiAdminSkin a:hover, #vabiStandardSkin a:hover {text-decoration:underline}

.vabiButtonWrapper     
{
    border-width:1px;
    border-style:solid;
    border-right-color:#000;
    border-bottom-color:#000;
    border-top:0 none;
    border-left:0 none;
    display:inline;
    float:left;
    clear:both;
    margin-bottom:-5px;
    position:relative;
}
.header div.vabiButtonWrapper 
{
    margin-bottom:-8px;
}

a.vabiLargeButton, input.vabiLargeButton
{
    display:block;
    padding:3px 5px;
    background:url('/images/button-off.png') repeat-x 0 0;
    color:#4c4c4c!important;
    font-size:20px!important;
    text-decoration:none!important;
    outline:none;
    -moz-outline:none;
    cursor:pointer;
    border:0px none transparent;
}

a.vabiLargeButton:hover, input.vabiLargeButton:hover
{
    text-decoration:none!important;
    background:url('/images/button-active.png') repeat-x 0 0;
    color:#FFF!important;
}

a.vabiLargeButton.twoLines
{
    background-image:url('/images/button-off-big.png')!important;
}
a.vabiLargeButton.twoLines:hover
{
    background:#bbbbbc url('/images/button-active.png') repeat-x 0 0!important;
}

.rightPane a.vabiLargeButton {font-size:16px;}

a img {border:0}

/* tables */

.formTable td
{
    vertical-align:top;
    padding-top:2px;
}

/* Handleidingen */

.manualItem .type {display:block;font-weight:bold;position:absolute;}
.manualItem .manualDate {display:block;font-style:italic; text-align:right;margin-bottom:10px}
.manualItem .manualDescription {clear:left;margin-bottom:10px}
.manualItem .downloadLink{margin-bottom:30px;width:135px;}
.manualItem .downloadLink img{margin-right:8px;position:relative; top:2px;}
/* Updates */

.updateItem .type {display:block;font-weight:bold;position:absolute;}
.updateItem .LastUpdate {display:block;font-style:italic; text-align:right;margin-bottom:10px}
.updateItem .updateDescription {clear:left;margin-bottom:20px}
.updateItem .downloadLink{margin-bottom:30px;width:110px;}
a.releasenoteButton {
    font-size:13px;
}

/* faq*/

h3.faqQuestion
{
    margin:0;
}
h3.faqQuestion:hover, h3.faqQuestion *:hover
{
    text-decoration:none!important;
}
.faqAnswer 
{
    margin:0;
}

/* rightpane buttons */

.rightPane p,.leftPane p {margin:0;}
a.panelButton {}
.rightPane .panelContent, .leftPane .panelContent { display:block; display:none; padding:10px}


/* topnav */
.header .topNav
{
    position:absolute; 
    text-align:right;
    width:800px!important; 
    left:50%;
    margin-left:-488px;
    margin-top:11px;
    z-index:88;
   
}
.header .topNav a
{
     color:#FFF!important;
     padding-left:20px;
}
/* search */

.header .search
{
    position:absolute; 
    text-align:right;
    width:968px!important; 
    left:50%;
    margin-left:-488px;
    margin-top:11px;
    z-index:77;
    color:#FFF;
}

.header .search a 
{
    color:#FFF!important;
}

.header .search input.NormalTextBox
{
    width:115px;
    border:1px solid #9e9e9e;
}

/* shopping cart control */
.StoreMicroCart {
	position:absolute;
    left:50%;
    margin-left:190px;
    margin-top:14px;
    z-index:888;
    background: url('/images/cart.png') no-repeat 0 0 ;
    padding-left: 22px;
    width: 100px;
}


#vabiStandardSkin a.StoreMicroCartItems,
#vabiShopSkin a.StoreMicroCartItems,
#vabiNewsSkin a.StoreMicroCartItems  {
	font-size: 11px;
	color: #777;
}



/* login control */
#loginMenu
{
    margin-left: 280px; 
    width: 230px;
    z-index: 999;
}
#loginMenu a.rootItem
{
    width:209px;
    text-align:right;
}

#loginMenu ul.childMenu
{
    left:0; 
}

#loginMenu li
{
    float:right;
}

.userLoginControlContent
{
    padding:0 22px;
    width:190px!important;
}

.userLoginControlContent a
{
    padding:0;
    margin:5px 0;
}
div.Help 
{
    background:#EEE!important;
    border:1px solid #DDD!important;
    color:#000;
    position:absolute;
    opacity:0.95;
    font-style:italic;
}
.contentPane a.CommandButton
{
    color:#000;
}

.registration table,
.registration label, 
.registration td 
 {
	border-spacing: 0px;
	margin: 0;
	padding-left: 0;
	empty-cells: hide;
}

.registration input[type=text], .registration input[type=password], .registration select 
{
    width:150px;
}