/* LBlue: #90bde7 */
/* DBlue: #00267f */
/* LGreen: #d5e566 */
/* DGreen: #b9d300 */

* {
	border: 0px solid #ffffff;
	vertical-align: top;
	font-size: 13px;
	color: #000;
        font-weight: normal !important;
}

a{
    color: #378bbd;
}

body
{
	margin: 0;
        padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #b9d300;
}

#page {
	width: 935px;
	border-spacing: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding: 0;
	text-align: left;
	background-color: #d5e566;
}

#page-header {
	text-align: right;
	background-color: #a3cfe8;
	background-repeat: no-repeat;
}

.header-nl { background-image: url("../images/banner_nl.png"); }
.header-en { background-image: url("../images/banner_en.png"); }
.header-dk { background-image: url("../images/banner_en.png"); }

#header-main {
	border-bottom-width: 1px;
}

#header-main a.home-url {
	display: block;
	float: left;
	width: 375px;
	height: 100%;
}

.hide-text {
	display: none;
}

#header-logos {
	position: relative;
	float: right;
	height: 100%;
	width: 350px;
}

#header-main .clm-url {
	float: none;
	position: absolute;
	top: 20px;
	right: 20px;
}

#menu-language {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding-top: 6px;
	text-align: center;
	background-color: #b9d300;
}
#menu-language a {
	margin-left: 5px;
}

#menu-main {
	height: 23px;
	border-bottom-width: 1px;
	background-color: #b9d300;
}

#menu-main .wrapper {
	position: relative;
	width: 100%;
}

#menu-main ul {
	margin: 0;
	padding: 0;
}

#menu-main li {
	float: left;
	display: inline;
	position: relative;
	list-style-type: none;
	margin: 0;
	border-right-width: 1px;
}

#menu-main a,
#menu-main span {
	display: block;
	width: 118px;
	padding: 0 5px;
	font-size: 11px;
	line-height: 23px;
}

#menu-main a {
	color: #ffffff;
	text-decoration: none;
	background-color: #00267f;
}

#menu-main .active a {
	color: #000000;
	background-color: #d5e566;
}

#menu-main a:hover {
	color: #00267f;
	background-color: #b9d300;
}

#menu-main li ul.submenu {
	position: absolute;
	width: auto;
	display: none;
}

#menu-main li:hover ul {
	display: block;
}

#menu-user {
	position: absolute;
	top: 0;
	right: -1px;
	width: 387px;
}

#menu-user a {
	color: #00267f;
	text-decoration: none;
	font-weight: bold;
	background-color: #a6d0e7;
}

#menu-left {
	float: left;
        min-height: 350px;
        width: 180px;
}

#menu-left ul {
	margin: 0;
	border-top-width: 1px;
	padding: 0;
}

#menu-left li {
	list-style-type: none;
	margin: 0;
	border-bottom-width: 1px;
}

#menu-left a {
	display: block;
	padding: 4px 5px 5px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background-color: #00267f;
}

#menu-left a:hover {
	color: #00267f;
	background-color: #d5e566;
}

#menu-left .active a {
	color: #000000 !important;
	background-color: #d5e566 !important;
}

#menu-left .submenu {
	border-top-width: 0px;
}

#menu-left .submenu a {
	color: #000000;
	background-color: #b9d300;
}

#menu-left .submenu a:hover {
	background-color: #d5e566;
}

#page-main {
	padding: 20px;
}

#page-main h2 {
	font-size: 1.2em;
}

.stretch-main {
	float: right;
	width: 0px;
	height: 580px;
}

#footer {
	float: left;
        width: 950px;
        height: 30px;
        font-size: 12px;
        border: 1px solid #378bbd;
        margin-bottom: 10px;
        padding: 8px 0 10px;
        text-align: center;
}

#logo_clm {
    float: left;
    width: 100px;
    height: 30px;
    padding: 0px 0px 0px 10px;
}

#adresgegevens {
    float: left;
    width: 830px;
    height: 25px;
    padding: 5px 10px 0px 0px;
    margin: 0px 0px 30px 0px;
    font-size: 12px;
}



/* LBlue: #90bde7 */
/* DBlue: #00267f */
/* LGreen: #d5e566 */
/* DGreen: #b9d300 */


body{
    margin: 0;
    padding:0;
    background-color: White;
}

a:hover{
    color: #378bbd !important;
    text-decoration : none !important;
}
#container{
    width: 950px;
    margin-right: auto;
    margin-left: auto;
}

#header{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    height: 132px;
    position: relative !important;
    overflow:hidden;
}

#logo{
    float: left;
    z-index: 99;
    position: relative;
    margin-left: 1px;
    width: 202px;
    height: 122px;
    margin-top: 20px;
    z-index: 3;
}

/*
#fade-background{
    position:absolute;
    background-image: url('../images/white-background.png');
    z-index: 2;
    height:132px;
    width: 344px;
    left:25px;
}
*/

#tandwiel{
    position: absolute;
    right: 0;
    z-index: 999;
    background-image: url('../images/tandwiel-rood.png');
    background-repeat: no-repeat;
    width:268px;
    height: 132px;
    
}

.header-nl{
    background-image: url('../images/logo_klimaatmeetlat.png');
    background-repeat: no-repeat;
}

.header-en{
    background-image: url('../images/logo_klimaatmeetlat_en.png');
    background-repeat: no-repeat;
}

#slider{
    position: absolute;
    right: 0;
    width: 789px;
    z-index: 1;
    right: -41px;
}

#taal{
    position: absolute;
    right: 8px;
    z-index: 9999;
    margin-top: 5px;
}

#nav{
    clear: both;
    float: left;
    height: 30px;
    width: 950px;
}

#nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#nav_left {
    float: left;
    height: 30px;
    width: 690px;
    padding: 0px 0px 0px 0px;
}

#nav ul li {
    display: inline;
    line-height: 30px;
}
#nav_left ul li {
    padding-right: 5px;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin-right: 10px;
    height: 30px;
    float: left;
}

#nav_left ul {
    padding-right: 5px;
}

#nav_right {
    float: right;
    height: 30px;
    width: 240px;
    padding: 0px 0px 0px 0px;
    text-align: right;
}

#nav_right ul li {
    padding-right: 5px;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin-left: 10px;
    height: 30px;
    float: right;
}

#nav a:link, #nav a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #036;
}

#nav_left ul li a, #nav_right ul li a {
    font-size: 13px !important;
    padding: 0 10px;
    font-weight:bold !important;
}

.active a {
    color: #4C9448 !important;
}

.active a {
    color: #4c9448 !important;
    font-weight: normal !important;
    background-image: url('../images/tandwiel-small.png');
    background-position: right;
    background-repeat: no-repeat;
}


#kop{
    float: left;
    height: 25px;
    width: 690px;
    margin-bottom: 10px;
    font-size: 12px !important;
}

#kop span {
    display: block;
    float: left;
    padding: 10px 10px;
    background-image: url(../images/crumb-arrow.png);
    background-position: right;
    background-repeat: no-repeat;
}

#kop .last-item {
    background-image: none;
}

#kop a, #kop a b{
    font-size: 12px !important;
    text-decoration: none;
    color: #5B5B5B;
}

#main{
    float: left;
    width: 950px;
    min-height: 380px;
    padding: 0px 0px 20px 0px;
}

#main_left {
    float: left;
        min-height: 350px;
        width: 180px;
}

#main_left img{
    border: 1px solid White !important
}

#main_left ul {
    list-style-type: none;
    margin: 0px;
	padding: 0px;
}

#main_left ul li {
     list-style:none;
    margin-bottom:5px;
    font-family: Arial, Helvetica, sans-serif; 
}

#main_left a:link, #main_left a:visited {
    color: #002455;
    width:170px;
    padding: 4px 0 4px 15px;
    border: 1px solid #e2e2e2;
    display:block;
    border-radius:3px;
    text-decoration: none;
    font-weight: bold;
    font-size:13px;
    font-weight: bold !important;
}

#main_left a:hover, #main_left a:active{
	color: #DA2362;
	text-decoration: none;
}

#main_left .active a {
     font-weight: normal !important;
}


#main_left ul li .submenu a{
    margin-left: 10px;
    padding: 0;
    padding-left: 10px;
    border: none;
    background-image: none !important;
}

#main_right {
    float: right;
    width: 725px;
    min-height: 350px;
    padding: 0px 10px 0px 10px;
    border: 1px solid #E3E3E3;
}

#main_right p{
    line-height:18px;
}

#main_right a{
    font-weight: bold  !important;
}

.no-login{
    float:left;
    margin-top: 20px;
}




#footer{
    
}

/* TABEL */

#farm_list{
    
}

#farm_list th {
    background-color: #E6E6E6;
}

#farm_list tr:nth-child(even) {
    background-color: #FBFBFB;
}

#farm_list tr:hover {
    background-color:#E3E3E3;
}

#farm_list tr .actions a:hover{
    background-color:#E3E3E3  !important;
}


/* FORMULIEREN */

fieldset{
    clear:both;
}

.fieldset.parcel{
    border: 1px solid #E3E3E3;
}


form fieldset legend, h2, h3{
    background-color: #378bbd;
    color: white;
    font-weight: bold !important;
    width: 97%;
    padding: 5px 10px;
}

.form-row label, .form-row .label {
    font-weight: normal;
    text-align: left !important;
}

.form-row h4 {
   font-weight: bold !important;
   font-style: normal !important;
   color: #378bbd;
   list-style: none !important;
}

.form-row p {
   font-weight: normal;
   font-style: normal !important;
   padding-left: 0 !important;
   font-size: 11px !important;
}

form-row{
   font-weight: normal !important;
   font-style: normal !important;
}

.buttons .button[type=submit] {
    cursor: pointer;
    height: 30px;
    line-height:30px;
    float: left;
    padding: 0 15px !important;
    margin: 5px 0;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px#888;
    box-shadow: 0 0 3px #888;
    color: black;
    background-image: -o-linear-gradient(bottom, #ADA4AD 5%, #E3E3E3 53%);
    background-image: -moz-linear-gradient(bottom, #ADA4AD 5%, #E3E3E3 53%);
    background-image: -webkit-linear-gradient(bottom, #ADA4AD 5%, #E3E3E3 53%);
    background-image: -ms-linear-gradient(bottom, #ADA4AD 5%, #E3E3E3 53%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.05, #ADA4AD), color-stop(0.53, #E3E3E3) );
    border: #666 1px solid !important;
}

.form-row .heading * {
    float: left !important;
    font-weight: bold !important;
    text-align: left !important;
}

.form-row .medium {
    width: 16em !important;
    padding-left: 0px !important;
}

.form-row .large {
    width: 16em !important;
    padding-left: 10px !important;
}

.form-row .small {
    padding-left: 10px !important;
}

.form-row.buttons .label{
    display:none !important;
}

.no-login{
    clear:both;
}


/* PAGINERING */

.pagination a, .admin-language .buttons .button{
    display: inline-block;
    text-align: center;
    line-height: 20px;
    moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px#888;
    box-shadow: 0 0 3px #888;
    border-radius: 3px;
    color: #707070;
    text-decoration: none;
    margin: 0 2px;
    margin-bottom: 5px;
} 
    
.admin-language .buttons .button{
    margin-right: 5px;
}

.pagination input, .pagination a, .admin-language .buttons .button {
    cursor: pointer;
    background-color: white;
    background-image: linear-gradient(bottom, #EDEDED 8%, white 54%);
    background-image: -o-linear-gradient(bottom, #EDEDED 8%, white 54%);
    background-image: -moz-linear-gradient(bottom, #EDEDED 8%, white 54%);
    background-image: -webkit-linear-gradient(bottom, #EDEDED 8%, white 54%);
    background-image: -ms-linear-gradient(bottom, #EDEDED 8%, white 54%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.08, #EDEDED), color-stop(0.54, white) );
}

.active-page {
    padding: 2px 5px 3px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px#888;
    box-shadow: 0 0 3px #888;
    border-radius: 3px;
    background-color: #E08;
    color: white;
    margin: 0 2px;
    margin-bottom: 5px;
}

/* STYLING VAN DE C-MODULE */

#c-module{
    border: 1px solid #E3E3E3;
    margin-bottom: 5px;
    border-bottom-width: 1px;
    padding: 5px;
    padding-left: 10px;
}

#c-module .hide {
    display: none;
}

#c-module .explanation {
    font-weight:bold !important;
    margin: 10px 0px;
}

#c-module label{
    float: left;
    width: 320px;
    padding-right: 1em;
    display: inline-block;
    margin-bottom: 10px;
}

.parcel .label{
    width: 320px !important;
}

#c-module input, #c-module select{
    border: 1px solid #00267f;
    display: block;
    margin-bottom: 10px;
}

select.big_select{
    width: 340px !important;
}

label.sub_input{
    margin-left: 30px !important;
    width: 290px !important;
}

label.sub_input:before{
    content :"- ";
}

#c-module input{
  width: 150px;  
}

#c-module select{
    width: 150px;
}

#tabs{
    
}

#tabContaier {
    position: relative;
     z-index: 2;
}

#tabContaier ul{
    overflow:hidden; /*Clearing float. */
    border-right:1px solid #fff;
    z-index:100;
    margin:0;
    padding: 0;
 }
 #tabContaier li{
      float:left;
      list-style:none;
 }
 #tabContaier li a{
      background:#ddd;
      border:1px solid #ddd;
      border-bottom:0;
      border-bottom:1px solid #378bbd;
      color:#666;
      cursor:pointer;
      display:block;
      padding:5px;
      text-decoration:none;
      text-transform:uppercase;
 }
 #tabContaier li a:hover{
      background:#eee;
 }
 #tabContaier li a.active{
      background:#fbfbfb;
      border:1px solid #378bbd;
      border-bottom:1px solid #FFF;
      color:#378bbd;
 }
 
 .actions .add, 
 .actions .delete, 
 .actions .addKunstmest, 
 .actions .deleteKunstmest
 {
    border: 1px solid #00267f;
    text-decoration: none;
    background-color: #e0e0e0;
    cursor: pointer;
    font-weight: normal !important;
    display: inline-block;
    font-size: 13px;
    background-image: url('../images/icons/add.png');
    background-position: 5px 2px;
    background-repeat: no-repeat;
    padding: 2px 5px;
    padding-left: 25px;
    margin-right: 10px;
 }
 
 .actions .delete,  .actions .deleteKunstmest{
  background-image: url('../images/icons/delete.png');
 }
 
 .actions {
     border-bottom: 1px dashed #E3E3E3;
     padding-bottom: 10px;
     margin-bottom: 15px;
 }
 
 .jaar{
     background:#fbfbfb;
     text-transform: uppercase;
     color: #666;
     padding: 5px;
     margin: 0 !important;
     margin-bottom: 15px !important;
     position: relative;
 }
 
 .tab{
     border:1px solid #378bbd;
     padding: 10px;
     margin-top: -1px !important;
     z-index: 0;
     width: 665px
 }
 
label.border_bottom{
 }
 
.tbl-style-1 {
    border-collapse: collapse;
} 

.tbl-style-1 th {
    text-align: left;
    font-weight: bold !important;
    border-bottom: #378bbd solid 1px;
}

.tbl-style-1 tr:nth-child(even){
    background:#F7F7F7;
    
}
 
.tbl-style-1 td, .tbl-style-1 th {
    padding: 5px;
    
}