#mainwrapper {    
    background-color: #f3f3f3;    
}

#top {
    margin: 0 auto;
    max-width: 980px;
    position: relative;
}

.logowrapper {
    position: relative;
    margin-left: 308px;
    border: none !important;
    text-align: center;
}
.logo {    
    width:299px;
    height:123px;
    border: none !important;
}
.logo_onder_balk {    
    width:299px;
    /*height:22px;*/ /*commented because scale ration*/
    margin-left: -62px; /*added for alignment logo top*/
    margin-top: -3px;
}
#content {
    margin: 0 auto;
    max-width: 980px;
    position: relative;
}

#footer {
    margin: 0 auto;
    max-width: 980px;
    position: relative;    
}


#bottom {
    position: relative;
    background-color: #c2dfef;
    padding: 5px;
    margin: 10px 0px 0px 0px;
}

#left {
    float: left;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

#right {
    float: right;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

.center_content {
    position: relative;
    background-color: white;
    padding: 5px;
}

.left_content {
    background-color: #f3f3f3;
    padding: 5px;
    margin-left: 170px;
}

.right_content {
    background-color: #f3f3f3;
    padding: 5px;
    margin: 0px 170px 0px 170px;
}

#top a:link, #top a:visited {
  color: white;
  font-weight : bold;
  text-decoration: none;
  border: none !important;
}

#top a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;
  border: none !important;
}

.paginaTitel {
    text-align: left; 
    font-weight: bold; 
    font-size: 24px;
    margin-left: 1em;
    
}

.knoppenBalk {
    float: right; 
    font-size: 12px; 
    font-weight: normal;
}

.input-blauw {
    background-color: #b2d7ee;
}

.center {
	margin-right:auto;
	margin-left:auto;
	min-width: 100px;
        max-width: 1280px;
	border:1px solid #d9ebf7;
	background-color:#ffffff;
        min-height: 100%;
        box-shadow: 0px 0px 8px #bec6cc;
}

.centerBox {
	margin-right:auto;
	margin-left:auto;
	min-width: 100px;
        max-width: 1280px;
	border:0px;        
	background-color:transparent;
        min-height: 100%;
}

.loginCenterBox {
    margin-right: 30%;
    margin-left: 30%;
    min-width: 100px;
    max-width: 1280px;
    border:2px solid #757b7b;
    background-color:transparent;
    min-height: 100%;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.panelBorderStyle,
.ui-picklist-source,
.ui-picklist-target {
    border:1px solid #b2d7ee;
}