@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);

body {
	margin: 0px;
}

body,td,th {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #433F28;
	line-height: 1.7;
	
}

.logobar{
    height: 55px; 
    width: 980px; 
    margin: 10px auto;
}

    .logobarleft{
        float:left;
    }
    .logobarright{
        float:right;
    }


.navbalk {
    width: 100%;
    background:url(img/bg_nav.png) top left;
    border-bottom: solid 1px #999999;
}

#mainmenu  
{
    width:980px;
    margin:0 auto;
    height: 27px;
    border-left: 1px solid #D2D2C4;
    }

#mainmenu ul li a {
	line-height: 12px;
	margin: 0;
	padding-left: 30px; 
	padding-right: 30px; 
	font-size: 10px;
	font-weight: normal; 
	text-decoration:none; 
	border-right: 1px solid #D2D2C4; 
	border-left: 1px solid #F7F7F4;
	
}

#mainmenu a:hover 
{
    color: Black;
}
#mainmenu .borderright 
{
    height: 27px;
    border-left: 1px solid #F7F7F4;
    float: left;
}

.divHeader
{
    height:300px; 
    width: 980px; 
    margin:0 auto; 
    
   
    
}


.taalmenu
{
    float:right; 
    margin:0px 10px;
}


.taalmenu a img
{
    border:1px solid #eee;
    margin-bottom:6px;
}

h1 
{
    color:#333;
    font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight:400;
}
h2 
{
    color:#333;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight:400;
}
h2 a:hover { 
}

h3
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight:600;
}

select {
	border: 1px solid #CFCCC0;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding: 2px;
	color: #7A745A;	
}


input.radio {
border: 0px;
}

span.checkbox input {
border: 0px;
margin-left: 0px;
}

a{
	text-decoration: none;
	color: #336F9B;
}
a:hover {
    text-decoration: underline;
}
a img {
border: none;
}

a.active
{
    color:#B4D331;
}

hr{
	
	border: 0;
	height: 0px;
	border-bottom: 1px solid #CFCCC0;
}
.hr { 
width: 100%; 
height: 1px; 
border: 0; 
border-bottom: 1px solid #CFCCC0;
margin-top: 25px;
margin-bottom: 25px; 
}

#newsitem {
	padding-bottom: 25px;
}
#newsitem .news_date {
	width: 70px;
	vertical-align: top;
	padding-top: 3px;
	float:left;
}
#newsitem .news_title {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif; 
	float:left;
	padding-bottom:2px;
	width:510px;
}

#newsitem .news_content {
    padding-left:70px;
    clear:both;
}

#newsitem .news_leesmeer {
    padding-left:70px;
    clear:both;
    margin-top:-6px;
}

.pagetitle{
	font-family:Arial, Helvetica, sans-serif;
	line-height: 60px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
.trHeader {
	font-weight: bold;
	border-bottom: 1px solid #B9D6E1;
	background-color: #E1EBF2;
	padding-top: 8px;
	padding-bottom: 8px;
}
.tdTitel {
	background-color:#ECECEC;
}
.tblBG {
	border: 1px solid #CFCCC0;
	padding: 1px;
}
.nobordercheckbox
{
    border: 0;
}

/*Modal Popup*/
.modalBackground {
	background-color:#ffffff;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup {
	background-color:#efefef;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	padding:4px;
	width:250px;
}

.modalPopupTop {
    background-color:#666666;
}

.footer{
    width:100%; 
    clear:both; 
    text-align:center; 
    height:35px;
    color:#FFFFFF;
}

.credEmpty
{
    
}


/* FORM 


input, textarea {
	border: 1px solid #CFCCC0;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding: 2px;
	color: #7A745A;	
}

input.btn {
	border: 1px solid #fff;
	background-color: #A59F87;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	color: #FFFFFF;
	outline: 1px solid #fff;
	
	background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.23, #ADAB9C),
        color-stop(0.62, #D7D6CE)
    );
    background-image: -moz-linear-gradient(
        center bottom,
        #ADAB9C 23%,
        #D7D6CE 62%
    );

}

*/

/* LOGINFORM */

.divLogin
{
    display:block;
    float: left;
    margin: 0;
    overflow:hidden;
    width: 240px;
}

.pnlLogin
{
    margin-top:0;
}


.pnlLogin td 
{
    font-size:11px;
}

textarea,
input[type='text'],
input[type='password']
{
    color:#444;
    
    padding: 4px;  
    margin:5px 0;
    border: solid 1px #aaa;  
    outline: 0;  
    width: 220px;  
    
    background: #FFFFFF url('bg_form.png') left top repeat-x;  
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
    
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 5%;
    
}  
  
  
textarea:hover,
textarea:focus,  
input[type='text']:hover, 
input[type='text']:focus, 
input[type='password']:hover, 
input[type='password']:focus
{  
    border-color: #444;  
    color:#111;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    
}  
  
input.login , input.nieuw
{
    display:block;
    float:left;
    font-size: 0;
    line-height: 0;
}  


input.login {
	background:url("img/btnlogin_74x24.png") #ccc;
	border:none;
	
	height:24px;
	margin:5px 7px 5px 0;
	text-indent:-9999px;
	
	width:74px;
}

input.nieuw {
	background:url("img/btnnieuwegebruiker_146x24.png");
	width:146px;
	height:24px;
	border:none;
	margin:5px 0;
	text-indent:-9999px;
}

input.btnverzenden{
	background:url("img/btnverzenden_146x24.png");
	width:146px;
	height:24px;
	border:none;
	margin:5px 0;
	text-indent:-9999px;
}


  /* END LOGINFORM */
  
.form label {  
    margin-left: 10px;  
    color: #999999;  
}  
  
  
.ui-dialog * {
    font-size: 11px;
    text-align: left;
}


/* multi login */


ul {
	margin:0;
	padding:0;
}
.menu li {
	position:relative;
	width:30px;
	height:30px;
	background:url("itembg.png") no-repeat scroll 0 0 #FFF;
	border-left:1px solid #eee;
	font-family:"Arial Black", Gadget, sans-serif;
	
	font-weight:bold;
	font-size:10px;
	color:#97BF0C;
	list-style-type:none;
	margin:0;
	padding:0;
	
	cursor:pointer;
	-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
	
}
.menu li span {
	position:absolute;
	bottom:4px;
	right:4px;
}
.activeMenu {
	position:absolute;
	z-index:1000;
	top:31px;
}


.forgot {
	color:#969797;
	font-size:9px;
}
.bottomForm {
	background-color:#F7F7F7;
	border-top:1px solid #F3F3F3;
}

.activeItem{
	position:absolute;
	top:10px;
	left:198px;
	
	float:left;
	width:13px;
	height:30px;
	background:url("active.png") no-repeat scroll 0 0 transparent;
	z-index:99999;
	
}


/* CONTEXTSWITCH  */



.contextswitch
{
    height:30px;
    margin:0 auto;
    padding:0;
    width:980px;
}

.contextswitch>li
{
    display:inline-block;
    float:right;
    font-family:'Open Sans',sans-serif;
    font-size:16px;
    height:15px;
    line-height:15px;
    margin:5px 15px 0 0;
    padding:5px 0; 
}

.contextswitch>li a
{
    
}

.contextswitch li.active
{
    border-top:   1px dotted #CCC;
    border-bottom:1px dotted #666;
    
}

.inmotivcontext a
{
    color:#8AC145;
}

.autoconnectcontext a
{
     color:#7EAF55;
}

.mailbuildercontext a
{
    color:#7B7876;
}
.robcontext a
{
    color:#979797;
}
.bestelplatformcontext a
{
    color:#AAACA9;
}
.webdivcontext a
{
    color:#F2A728;
}
.carwizardcontext a
{
    color:#DB8C39;
}

/* clearfix For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* end clearfix For modern browsers */
 
#recaptcha_image
{
    width:220px !important;
    height:70px !important;
}

#recaptcha_image img
{
    width:220px;
    max-width:100% !important;
}

.recaptcha_only_if_image,
.recaptcha_only_if_audio
{
    display:block;
    padding:10px 0; 
    width:220px;
}

fieldset.voorkeur-logingegevens
{
   margin:24px 0 0 !important;
}
