/* reset css */

*
{
	margin:0; 
	padding:0;
}

body   
{
	background:#ffffff; 
	position:absolute; 
	width:100%; 
	height:100%;
	overflow:hidden;
}

#main  
{
	background:#ffffff; 
	position:absolute; 
	top:60px; 
	bottom:60px; 
	width:100%;
	overflow:hidden;
}

#head  
{
	background:#005599;
	position:absolute; 
	width:100%; 
	height:60px; 
	overflow:hidden;
}

#left  
{
	background:#005599;
	position:absolute; 
	width:300px; 
	height:100%; 
	overflow-x: hidden;
	overflow-y: auto;
	
}

#right 
{
	background:#ffffff; 
	margin-left:300px; 
	height:100%; 
	overflow:auto;
}

#foot  
{
	background:#005599;
	position:absolute; 
	bottom:0; width:100%; 
	height:60px; 
	overflow:hidden;
	color: #FFFFFF;
	font-family: "ff-sanuk-web", Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	position: absolute;
	margin: 0px;
	overflow: hidden;
	z-index: 2;
	-webkit-text-size-adjust: none;
	text-decoration: none;
}
.greenF 
{
 color: #80BF73;
}
a:link, a:visited 
{
 color: #ffffff;
 text-decoration: none;
}

a:active, a:hover 
{
 color: #ffffff;
 text-decoration: underline;
}

.c_SubTitle 
{
 color: #005599;
 font-size: 120%;
 line-height: 140%;
 font-weight: bold;
 display: block;
 padding: 20px 0px 0px 0px;
 -webkit-text-size-adjust: none;
}

table123
{
	color: #000000;
	font-family: "ff-sanuk-web", Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
}

.hometable
{
    color: black;
    font: 100% "verdana", "Trebuchet MS", sans-serif;
    font-size: 13px;
}

.btn_round-default {
	width: 200px;
	height: 40px;
    color: #ffffff;
    background:#3377BB; 
    border:0 none;
    cursor:pointer;
    font: 100% "roboto", "Trebuchet MS", sans-serif;
    text-align: left;
    border: 1px solid #005599;
    border-radius: 25px;
    padding: 0px;
     text-align:center; 
     vertical-align:middle;
    outline:none;
}
.btn_round-default:hover {
	width: 200px;
	height: 40px;
    color: #ffffff;
    background:#29B237; 
    border:0 none;
    cursor:pointer;
    font: 100% "roboto", "Trebuchet MS", sans-serif;
    text-align: left;
    border: 2px solid #005599;
    border-radius: 25px;
    padding: 0px;
     text-align:center; 
     vertical-align:middle;
     outline:none;
}

.btn-group button 
{
	height: 60px;
    background-color: #005599; 
    border: 1px solid #518BC5;
    color: white; 
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */
    font-family: "ff-sanuk-web", Verdana, Geneva, sans-serif;
}

.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.btn-group button:not(:last-child) 
{
    border-right: none;
}


.btn-group button:hover {
    background-color: #3377BB;
}

#btn-group_active 
{
    background-color: #3377BB;
    
    
    box-shadow: 0 20px 50px #333333;
  
  outline: 0;
  position: relative;
  
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

.icons_home
{
	font-size:3em; 
	color: #3377BB;
}

#selecties
{
	margin: 10px;
	width: 720px;
	height:140px;
    background: #3377BB;
 	box-shadow: 0 20px 50px #333333;
  
  outline: 0;
  position: relative;  
  
   
   
}
#selecties * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

.selectiesTable th, td
{
    color: white;
    font: 100% "verdana", "Trebuchet MS", sans-serif;
    font-size: 13px;
}


.btn_selecties-default {
	margin-top: 5px;
	width: 300px;
	height: 40px;
    color: #ffffff;
    background:#3377BB; 
    border:0 none;
    cursor:pointer;
    font: 100% "verdana", "Trebuchet MS", sans-serif;
    text-align: left;
    border: 1px solid #005599;
    
}
.btn_selecties-default:hover {
	margin-top: 8px;
	width: 300px;
	height: 40px;
    color: #ffffff;
    background:#005599; 
    border:0 none;
    cursor:pointer;
    font: 100% "verdana", "Trebuchet MS", sans-serif;
    text-align: left;
    border: 2px solid #005599;
}


.aleft {
  float: left;
}

.aright {
  float: right;
  
}