body {
    margin: 0px 0px 0px 0px;
    background: #4F7942;
}

img{ border: none; }

#header {
    background: #4F7942 url(../images/njamnjam_header.jpg) 0 0 no-repeat;
    width: 1000px;
    height: 194px;
}

/*-------------Main--------------------*/
#container{
    margin:0px auto;
    width:1000px;
    margin-top: 30px;
    border-radius:10px;
    -moz-border-radius:10px;
}
/*-----------------------------Header----------------------*/
#winkelwagen{
    width:150px;
    height:100px;
    margin:20px 0 0 10px;
}
#taalkeuze{
    position:relative;
    float:right;
    width:100px;
    height:100px;
    text-align: center;
}
/*-----------------------------in menu----------------------*/
#login_info{
    margin:0 0 10px 10px;
    /*    float:right;
       text-align:right;
       color:#FFF;
       border-right:none;
    */
}
#login_form{
    margin:10px 10px 0 0;
}
/*-----------------------------kolommen----------------------*/
#links-kolom{
    padding:10px 0 0 0;
    position:relative;
    float:left;
    width:165px;
    min-height:410px;
    background-color:#2E8B57;
    margin-left:10px;
}
#midden-kolom{
    position: relative;
    width: 650px;
    float:left;
    background-color:#FFF;
}
#rechts-kolom{
    padding:10px 0 0 0;
    position:relative;
    float:right;
    width:165px;
    min-height:410px;
    background-color: #2E8B57;
    margin-right:10px;
}
/*-----------------------------Content----------------------*/
#content{
    margin-top: 10px;
    border-radius:10px;
    -moz-border-radius:10px;
    min-height:390px;
    /*border: 1px solid #000000;*/
    padding-left:10px;
    padding-top:10px;
    padding-bottom: 10px;
    padding-right: 10px;
}
/*-------------blokken--------------------*/
#links-kolom .autoPadDiv {
    margin-top: -15px\0/;
}
#rechts-kolom .autoPadDiv {
    margin-top: -15px\0/;
}
.blok1naam{ color:#0CF; }
/*-------------beheer blok--------------------*/
#beheer_menu{
    margin:15px 10px 0 10px;
    padding-left: 4px;
}
#beheer_menu ul li {
    list-style-type: none;
    margin-left:-20px;
}
#klant_menu{
    margin-left: 2px;
    margin-right: 10px;
    padding-left: 4px;
}
#klant_menu ul li {
    list-style-type: none;
    margin-left:-20px;
}
/*------------------------------------------------------*/
.ticket_bekijken{
    background-color:#fff9c5;
}.ticket_bericht_gebr{
     background-color:#87abfa;
 }.ticket_bericht_response{
      background-color:#ff8282;
  }



.clr {
    clear: both;
}

div.mosimage_caption {
    font-size: 11px;
}


#main_bg {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    background: url(../images/middle_bg.jpg) repeat-y;
    text-align: left;
}

#content_bg {
    margin: 0px 10px;
}


#blok1, #footer {
    height: 30px;
    background: #000;
    text-align: center;
}

#blok1 ul {
    padding: 0;
    list-style: none;
}

#blok1 li {
    margin: 0;
    float: left;
    height: 30px;
    padding: 0;
}

li {
    list-style-type:none;
}

#blok1 a:link, #blok1 a:visited {
    display: block;
    line-height: 30px;
    height: 30px;
    padding: 0 30px;
    color: #fff;
    border-right: 1px solid #fff;
    border-bottom: 0;
}

#blok1 a:hover {
    background: #2E8B57;
    border-right: 1px solid #fff;
    text-decoration: none;
    border-bottom: 0;
}


#navigation {
    float: right;
    width: 190px;
    padding-top: 10px;
    margin: 0;
    border: 0px solid #00c;
}

.padding {
    width: auto;
    width: 100%;
    padding: 0 15px 40px 15px;
}

.highlight {
    background: #ECECE3;
    border: 1px solid #DBDAC4;
    padding: 0px 15px;

}

#footer {
    clear: both;
    height: 30px;
    line-height: 30px;
    color: #999;
}


/* required stuff */

span.pathway {
    display: block;
    margin-bottom: 15px;

}

#content-pane .tab-page {

}

table.contentpane {
    text-align: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

table.contentpaneopen {
    text-align: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}


.small {
    font-size: 11px;
    color: #666666;
    font-weight: normal;
    text-align: left;
}

.modifydate {
    font-size: 11px;
    color: #666666;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 10px;
    text-align: left;
}

.createdate {
    line-height: 10px;
    font-size: 11px;
    color: #666666;
    font-weight: normal;
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 0px;

}

.readon {

}

h3, .componentheading {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #9b9a87;
    margin: 10px 0 5px 0;
}

.contentheading {
    height: 40px;
    vertical-align: bottom;
    font-size: 22px;
    font-weight: normal;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #333;
    text-align: left;
    width: 100%;
}

div.moduletable {
    margin-bottom: 20px;

}

table.moduletable .contentheading {
    height: 30px;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
    padding-top: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #4971BA;
    text-align: left;
    width: 100%;
}

a.contentpagetitle:hover {
    color: #ff0000;
}


a.mainlevel {
    display: block;
    border-bottom: 1px solid #ddd;
}
.btn-primary {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    background-image:none;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-primary:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-primary .badge {
    color: #fff;
    background-color: #333;
}.pagination {
     display: inline-block;
     padding-left: 0;
     margin: 20px 0;
     border-radius: 4px;
 }
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #c23f2d;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 3;
    color: #76261B;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #c23f2d;
    border-color: #c23f2d;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

a:link, a:visited {
    color: #ff6767;
    text-decoration: none;
    border-bottom: 1px dotted #c04b4b;
}

a:hover {
    color: #81291d;
    border-bottom: 1px dotted #76261B;
}

#header a {
    text-decoration: none;
    border-bottom: none;
}

a.category:link, a.category:visited {

}

a.category:hover {

}

a.pagenav, a.pagenav:visited {

}

a.pagenav:hover {

}

.frontpageheader {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
}

.newsfeedheading {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-align:left;
}

.newsfeeddate {

}

.fase4rdf a:link {

}

.fase4rdf a:hover {

}

.componentheading{

}


.sectiontableheader {
    font-weight: bold;
    background: #ECECE3;
    padding: 3px;

}


td,tr,p,div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 13pt;
    color: #333333;
}

ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li
{
    line-height: 20px;
    padding-left: 10px;
    padding-top: 0px;

}



.button {

}

.inputbox {
    font-size: 12px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

}

/* ---------------- unedited below here ----------------------*/

/* Styles for dhtml tabbed-pages */
.ontab {
    background-color: #121A1D;
    border-left: outset 1px #9DA6B3;
    border-right: outset 1px #9DA6B3;
    border-top: outset 1px #9DA6B3;
    border-bottom: solid 0px #ffffff;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    color: #ff6600;
}
.offtab {
    background-color: #25343B;
    border-left: outset 1px #9DA6B3;
    border-right: outset 1px #9DA6B3;
    border-top: outset 1px #9DA6B3;
    border-bottom: solid 1px #9DA6B3;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    color: #cccccc;
}

.tabpadding {
}

.tabheading {
    background-color: #eeeeee;
    text-align: left;
}

.pagetext {
    visibility: hidden;
    display: none;
    position: relative;
    top: 0;
}

h4 {

}

h5 {

}

h6 {

}

/* Horizontal Line */
hr {
    background: #999999; height:1px; border: 1px solid;
}

hr.separator {

}


/* Content - Sections & Categories */
table.contenttoc {
    margin-left: 5px;
    margin-bottom: 5px;
    background: #ECECE3;
    border: 1px solid #DBDAC4;
}

table.contenttoc th {
    color: #666666;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    padding: 2px 8px;
}

table.contenttoc td {
    padding: 2px 8px;
}

.contentdescription {
    text-align: left;
}

/** polls and search results **/
.poll {
    padding: 0px 0px;
    margin: 0px;
}

td.poll b {
    font-weight: normal;
}

table.pollstableborder {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

table.pollstableborder td {
    padding: 4px 0px;
}


td.sectiontableentry1 {
    color: #333333;

}

td.sectiontableentry2 {
    color: #333333;
}

tr.sectiontableentry1 td {
    padding-left: 4px;
    padding-right: 4px;
}

tr.sectiontableentry2 td {
    padding-left: 4px;
    padding-right: 4px;
}

.smalldark {
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}


.pagenav {
    font-weight: bold;
}

.pagenavbar {

}

/* Content voting */
.content_rating {
    font-weight: normal;
    font-size: 8pt;
}

.content_vote {
    font-weight: normal;
    font-size: 8pt;
}

/* Javascript Back button */
.back_button {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}

strong {
    color: #333333;
}
#login_info a:link, #blok1 a:visited {
    border-right: none;
}
.bestelknop1{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */

}
.nieuws_naam{ margin:0 0 10px 0; }

/*images voor de boeken*/
.mySlides {
    margin: 0 auto;
    height: 200px;
    width: 200px;
}

/*verplaats deze naar view_book.php en dan werkt het in elke file, voor nu werkt het alleen in default template*/
/* Slideshow container */
.slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: gray;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* positie next button rechts */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* addblack on hover */
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
}
/* Op smallere schermen  word de text kleiner */
@media only screen and (max-width: 300px) {
	.prev, .next {font-size: 11px}
}

/* ReCaptcha */
.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    right: 4px !important;
    bottom: 40px !important;
}
.grecaptcha-badge:hover {
    width: 256px !important;
}