/* COLORS */

.color-green {
    color: #5b8728;
}
/* CSS Document */
html, body {
    height: 				100%;
}

body {
    margin:					0px;
    background: #f8f7f3 url('images/bg-down.png') no-repeat right 135px;/*#efebe2;*/ 
}

input, select, textarea {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

p {
    font-family: 		sans-serif;
    font-size: 			8.25pt;
    font-weight: 		normal;
    text-align: 		left;
    text-decoration: 	none;
    letter-spacing: 	normal;
    text-indent:		0pt;
    word-spacing: 		normal;
    line-height: 		160%;
    padding: 			5px 10px 0px 10px;
}
h1 {
    width:					100%;
    padding: 				0px;
    text-indent:			0px;
    text-align:		        left;
    letter-spacing: 		2px;
    font-family: 			Verdana, Arial, Helvetica, sans-serif;
    font-size: 				13pt;
    border-bottom: 			1px solid #673600;
    color: 					#5b8728;
}
h2 {
    font-family: 			Verdana, Arial, Helvetica, sans-serif;
    font-size: 				8pt;
    font-weight:			bold;
    color: 					#000;
    text-align:				left;
    padding: 				5px 10px 0px 10px;
}

a {
    text-decoration: 		none;
    font-weight: 			bold;
    color: 					#5b8728; 
}
a:hover {
    color: 					#673600;
}

div.nuonline {
    margin-left: 10px;
    width: 450px;
}

span.nubel {
    font-family: 'Muli', Verdana, sans-serif;
    font-style: normal;
    font-weight: 300;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

a.btn {
    font-family: 'Muli', Verdana, sans-serif;
    font-style: normal;
    display: table-cell;
    height:	40px;
    background: #75AD34; 
    text-decoration: none;
    text-align: center;
    color: #f8f7f3;
    font-weight: 300;
    vertical-align:	middle;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 10px;
}


.mainwrapper {
    width: 					736px;
    text-align: 			center;
    display:				inline-block;
    /* padding-top:			15px; */
    clear: 					both;
    overflow:				auto;
    padding-bottom: 		260px;
}

.rightview {
    float: 					right;
    width: 					575px;
    display: 				inline-block;
    margin-left:			5px;
}
span.mobile {
    width:					100%;
    border-bottom: 			1px solid #673600;
    display:				none;
    margin-bottom:			10px;
}

ul.lijst {
    font-family: 		sans-serif;
    font-size: 			8pt;
    font-weight: 		normal;
    text-align: 		left;
    text-decoration: 	none;
    letter-spacing: 	normal;
    text-indent:		0pt;
    word-spacing: 		normal;
    line-height: 		160%;
    color: 				#000;
    list-style:			none;
}

ul.lijst li {
    padding-left:	2px;
    text-indent:	-7px;
}

ul.lijst li:before {
    content: "• ";
    padding-right: 7px;
    color: #5b8728;
}

div.HomeLeft {
    display: inline-block;
    width: 490px;
    vertical-align: top;
    margin-top:20px;
}
div.HomeRight {
    display: inline-block;
    width: 234px;
    vertical-align: top;
}
div.HomeRight div.item {
    vertical-align: top;
    width: 222px;
    border: 1px solid #75AD34;
    padding: 5px;
    margin-bottom: 10px;
    -webkit-border-radius:	5px;
    -moz-border-radius:	5px;
    border-radius:5px;
    margin-left:10px;
    margin-top: 35px;
}
div.formcontent {
    text-align:				left;
    margin-left:			50px;
    padding-left:			10px;
    padding-top:			20px;
    padding-bottom:			20px;
    width:					500px;
    font-family: 			sans-serif;
    font-size: 				8.25pt;
    font-weight: 			normal;
}
div.formcontent  h2{
    padding-left:0px;
}
div.formcontent label {
    display:				inline-block;
    width:					150px;
    height:					25px;
}

div.formcontent label.lblproducten {
    vertical-align:			middle;
    width:					250px;
    height:					auto;
}

div.formcontent input[type=radio] {
    vertical-align:			middle;
    height:					25px;
}

div.formcontent input[type=text], div.formcontent input[type=email], div.formcontent input[type=password] {
    border: 				1px solid #5b8728;
    -webkit-border-radius:	5px;
    -moz-border-radius:		5px;
    border-radius:			5px;
    font-family: 			sans-serif;
    font-size: 				11px;
    font-weight: 			normal;
    width:					300px;
    height:					25px;
    text-indent:			10px;
}

div.formcontent input[type=text].small {
    width: 72px;
}

div.formcontent input[type=text].verysmall {
    width: 40px;
}

div.formcontent textarea {
    border: 				1px solid #5b8728;
    -webkit-border-radius:	5px;
    -moz-border-radius:		5px;
    border-radius:			5px;
    font-family: 			sans-serif;
    font-size: 				11px;
    font-weight: 			normal;
    width:					300px;
    padding-left:			10px;
    display:				inline-block;
    vertical-align:			middle;
}

div.formcontent  select {
    border: 				1px solid #5b8728;
    -webkit-border-radius:	5px;
    -moz-border-radius:		5px;
    border-radius:			5px;
    font-family: 			sans-serif;
    font-size: 				11px;
    font-weight: 			normal;
    width:					300px;
    height:					25px;
    padding-left:			10px;
}

div.formcontent button {
    display: 				table-cell;
    width: 					150px;
    height:					40px;
    background: 			#75AD34; /*#efebe2;*/
    text-decoration: 		none;
    text-align: 			center;
    color: 					#f8f7f3; /*#f8f7f3;*/
    font-weight: 			300;
    vertical-align:			middle;
    padding-right:			5px;
    border: 				0px;
    float:					right;
}
div.formcontent button:hover {
    color:					#000;
}

div.formcontent span.boldvalue {
    padding-left:	35px;
    font-weight:	bold;
}

div.formcontent span.betaalbutton {
    display: inline-block;
    width: 110px;
    height: 110px;
    text-align: center;
    background: #fff;
    border: 1px solid #75AD34;
    margin-left: 5px;
    -webkit-border-radius:	5px;
    -moz-border-radius:	5px;
    border-radius:5px;
}

div.formcontent span.betaalbutton:hover {
    background: #f1f1f1;
}

div.formcontent span.bankbutton {
    display: inline-block;
    width: 110px;
    height: 110px;
    text-align: center;
    background: #fff;
    border: 1px solid #75AD34;
    margin-left: 5px;
    -webkit-border-radius:	5px;
    -moz-border-radius:	5px;
    border-radius: 5px;
}

div.formcontent span.bankbutton:hover {
    background: #f1f1f1;
}

div#paylogin {
    display: none;
}

div#payoprekening button {
    float: left;
}

div#welnieuweklant {
    margin-bottom: 50px;
}

div#banken {
    display: none;
}

div#banken select {
    margin-left: 5px;
}

div#betalingsform {
    width: 150px;
    display: none;
}
div#ccform {
    width: 150px;
    display: none;
}

div#result {
    display: none;
}

span.brochureok {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 20px;
    padding-bottom: 30px;
    color:	#75AD34;
    border: 1px solid #75AD34;
    -webkit-border-radius:	5px;
    -moz-border-radius:	5px;
    border-radius:5px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: normal;
}

span.brochurefail {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 20px;
    padding-bottom: 30px;
    color:	#ba0707;
    border: 1px solid #ba0707;
    -webkit-border-radius:	5px;
    -moz-border-radius:	5px;
    border-radius:5px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: normal;
}

div.filiaalinfo {
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: sans-serif;
    font-size: 11px;
    font-weight: normal;
}

span.filiaaltitle {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    font-family: 'Muli', Verdana, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14pt;
    background-color:#75AD34;	
    color: #fff;
    -webkit-border-top-left-radius:7px;
    -moz-border-top-left-radius:7px;
    border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -moz-border-top-right-radius:7px;
    border-top-right-radius:7px;
}


div.filiaaldata {
    width:	300px;
    display: inline-block;
    text-align: left;
}

div.filiaalfoto {
    width: 380px;
    padding: 10px;
    padding-top: 20px;
    text-align: right;
    float: right;
}
span.filiaaladres {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}
span.fdesc {
    width: 110px;
    height: 20px;
    text-align: left;
    display: inline-block;
}

span.onlineformheader {
    width:			100%;
    padding:		5px 20px 5px 20px;
    font-family: 	'Muli', Verdana, sans-serif;
    font-style: 	normal;
    font-weight: 	300;
    font-size: 		10pt;
    color: 			#75AD34;
    display:		block;
    border-bottom:	1px solid #75AD34;
}

div.share {
    text-align: 			right;
    font-family: 			sans-serif;
    font-size: 				11px;
    font-weight: 			bold;
}
div.share img {
    display: inline-block;
    vertical-align: middle;
    border:none;
}

div.acc_overview {
    width: 100%;
    font-family: sans-serif;
    font-size: 11px;
    text-align: left;
    /*margin-left: 10px;*/
    margin-top: 40px;
    background-color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    display: table;
}

div.acc_naam {
    text-align: center;
    font-size: 14pt;
    width: 100%;
    display: block;
    background-color: #5b8728;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
}

div.acc_adres{
    width: 40%;
    display: block;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
    float:left;
}

span.acc_media {
    width: 60%;
    display: block;
    padding-left: 20px;
    padding-bottom: 5px;
    float:left;
}
span.acc_media img {
    margin-right: 5px;
}
span.acc_item {
    display: inline-block;
    /*width: 100%;*/
}

div.acc_logo {
    width: 35%;
    float: right;
}
div.acc_logo img {
    max-height: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 2px;
}

div.vraagcontainer {
    width: 100%;
}
div.vraagcontainer span.vraag {
    display: block;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #75AD34;
    color: #000;
    font-family: 'Muli';
    font-size: 10pt;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}
div.vraagcontainer span.antwoord {
    display: none;
    text-align: left;
    padding-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-top: 5px;
    line-height: 160%;
    font-size: 8pt;
}

div.doccontainer {
    width: 100%;
    display: table;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 160%;
    font-size: 8pt;
    table-layout: fixed;
}

div.doccontainer a {
    display: table-row;
}

div.doccontainer  img {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
}

span.doccode {
    vertical-align: middle;
    display: table-cell;
    width: 175px;
    text-align:left;
}
span.docname {
    vertical-align: middle;
    display: table-cell;
    text-align:left;
    width:350px;
}

div#functionaris2, div#functionaris3, div#functionaris4, div#functionaris5, div#functionaris6{
    display: none;
}

div#functionaris1-aandelen , div#functionaris2-aandelen , div#functionaris3-aandelen , div#functionaris4-aandelen , div#functionaris5-aandelen , div#functionaris6-aandelen  {
    display: none;
}

label.percentages {
    text-indent: 23px;
}

span.btn {
    font-family: 'Muli', Verdana, sans-serif;
    font-size: 10pt;
    background: #75AD34;
    text-decoration: none;
    text-align: center;
    color: #f8f7f3;
    display: inline-block;
    padding: 7px;
    padding-right: 25px;
    padding-left: 25px;
    float: right;
    margin-right: 50px;
    margin-top: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

span.errorMsg {
    color: red;
    width: 100%;
    display: none;
    margin-bottom: 15px;
}

span.verwijderFunctionaris {
    text-decoration: none;
    font-weight: normal;
    color: red;
    font-size: 7pt;
    margin-left: 15px;
    cursor: pointer;
}

table.custom-table-header {
    font-size: 9pt;
}

table.custom-table-header td:first-child {
    text-align: left;
    font-size: 9pt;
}

table.custom-table-header th {
    height: 150px;
    white-space: nowrap;
    font-size: 8pt;

}

table.custom-table-header th div {
    -moz-transform: 
        translate(0px, -10px)
        rotate(50deg);
    -o-transform: 
        translate(0px, -10px)
        rotate(50deg);
    transform: 
        translate(0px, -10px)
        rotate(50deg);
    width: 30px;
    direction: rtl;
}





@media only screen 
and (max-width : 805px) 
and (min-width : 675px) {
    body {
        background:	#f8f7f3 url('images/bg-down.png') no-repeat right 135px;
    }
    div.mainwrapper {
        width: 675px;
    }
    div.HomeLeft {
        width: 400px;
    }
    .rightview {
        width: 460px;
        float: none;
    }
    div.formcontent {
        margin-left:0px;
        width: 460px;
        margin-bottom: 70px;
    }
    div.formcontent button {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    div.filiaalfoto {
        width: 250px;
    }
    span.docname {
        width: 250px;
    }
}

@media only screen
and (max-width : 674px) {
    body {
        background:			#f8f7f3 url('images/bg-down.png') no-repeat right 150px;/*#efebe2;*/ 
    }

    p {
        font-family: 		sans-serif;
        /*font-family: 		'Muli' !important;*/
        font-size: 			10pt;
        font-weight: 		normal;
        text-align: 		justify;
        text-decoration: 	none;
        letter-spacing: 	normal;
        text-indent:		0pt;
        word-spacing: 		normal;
        line-height: 		160%;
        /*color: 				#;
        border: 			0px none #;*/
        padding: 			5px 10px 0px 10px;
    }
    h1 {
        width:					100%;
        padding: 				0px 0px 0px 0px;
        margin:					0px 0px 0px 0px;
        text-indent:			0px;
        text-align:		        center;
        font-family: 			Georgia, Verdana, Arial, Helvetica, sans-serif;
        font-family: 			'Muli' !important;
        font-size: 				14pt;
        border-bottom: 			0px;
        color: 					#5b8728;
    }
    h2 {
        font-family: 			Georgia, Verdana, Arial, Helvetica, sans-serif;
        font-family: 			'Muli' !important;
        font-size: 				11pt;
        color: 					#5b8728;
    }
    br.nomobile {
        display:				none;
    }
    span.mobile {
        width:					100%;
        border-bottom: 			1px solid #673600;
        display:				block;
        margin-bottom:			10px;
    }
    .mainwrapper {
        width: 					100%;
        text-align: 			center;
        display:				inline-block;
        /* padding-top:			15px; */
        clear: 					both;
        overflow:				auto;
        padding-bottom: 		580px;
    }

    .rightview {
        width: 					100%;
        display: 				inline-block;
        padding-top:			10px;
    }

    div.formcontent {
        text-align:				left;
        padding-left:			10px;
        padding-top:			20px;
        padding-bottom:			20px;
        font-family: 			sans-serif;
        font-size: 				8.25pt;
        font-weight: 			normal;
        width:320px;
        margin-left: 0px;
    }

    div.formcontent label {
        display:				block;
        width:					80%;
        margin-top: 5px;
        margin-bottom: 2px;
        height: auto;
    }

    div.formcontent input[type=radio] {
        margin-bottom:			10px;
    }

    div.formcontent input[type=text], div.formcontent input[type=email] {
        border: 				1px solid #5b8728;
        -webkit-border-radius:	5px;
        -moz-border-radius:		5px;
        border-radius:			5px;
        font-family: 			sans-serif;
        font-size: 				11px;
        font-weight: 			normal;
        width:					300px;
        height:					25px;
        text-indent:			10px;
        margin-bottom:			10px;
    }

    div.formcontent  select {
        border: 				1px solid #5b8728;
        -webkit-border-radius:	5px;
        -moz-border-radius:		5px;
        border-radius:			5px;
        font-family: 			sans-serif;
        font-size: 				11px;
        font-weight: 			normal;
        width:					300px;
        height:					25px;
        padding-left:			10px;
    }

    div.formcontent button {
        display: 				table-cell;
        width: 					150px;
        height:					40px;
        background: 			#75AD34; /*#efebe2;*/
        text-decoration: 		none;
        text-align: 			center;
        color: 					#f8f7f3; /*#f8f7f3;*/
        font-weight: 			300;
        vertical-align:			middle;
        padding-right:			5px;
        border: 				0px;
    }

    div.formcontent span.betaalbutton {
        display: inline-block;
        width: 90px;
        height: 110px;
        text-align: center;
        background: #fff;
        border: 1px solid #75AD34;
        margin-left: 5px;
        margin-bottom: 5px;
        -webkit-border-radius:	5px;
        -moz-border-radius:	5px;
        border-radius:5px;
    }

    div.HomeRight {
        padding-top: 20px;
    }

    span.brochureok {
        display: block;
        margin: 10px;
        margin-bottom: 20px;
        padding: 20px;
        padding-bottom: 30px;
        color:	#75AD34;
        border: 1px solid #75AD34;
        -webkit-border-radius:	5px;
        -moz-border-radius:	5px;
        border-radius:5px;
        font-family: sans-serif;
        font-size: 11px;
        font-weight: normal;
    }

    span.brochurefail {
        display: block;
        margin: 10px;
        margin-bottom: 20px;
        padding: 20px;
        padding-bottom: 30px;
        color:	#ba0707;
        border: 1px solid #ba0707;
        -webkit-border-radius:	5px;
        -moz-border-radius:	5px;
        border-radius:5px;
        font-family: sans-serif;
        font-size: 11px;
        font-weight: normal;
    }

    div.formcontent label.lblproducten {
        vertical-align:			middle;
        width:					250px;
        height:					auto;
        display: initial;
        margin-right: 10px;
    }

    div.formcontent span.boldvalue {
        font-weight:	bold;
    }

    div.filiaalinfo {
        padding: 10px;
        padding-top: 30px;
        padding-bottom: 30px;
        font-family: sans-serif;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
    }

    span.filiaaltitle {
        width: 90%;
        padding-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 5px;
        display: block;
        font-family: 'Muli', Verdana, sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 14pt;
        background-color:#75AD34;	
        color: #fff;
        -webkit-border-radius:7px;
        -moz-border-radius:7px;
        border-radius:7px;
    }

    div.filiaaldata {
        width:	300px;
        display: inline-block;
        text-align: left;
        padding-left: 10px;
    }

    div.filiaalfoto {
        width: 100%;
        padding: 10px;
        padding-top: 20px;
        text-align: center;
        float: initial;
    }
    div.filiaalfoto img {
        text-align: left;
    }
    span.filiaaladres {
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: left;
    }

    span.fdesc {
        width: 110px;
        height: 20px;
        text-align: left;
        display: inline-block;
    }

    div.share {
        text-align: right;
        font-family: sans-serif;
        font-size: 11px;
        font-weight: bold;
        padding-right: 10px;
    }
    div.share img {
        display: inline-block;
        vertical-align: middle;
    }
    div.HomeLeft {
        width: 100%;
    }
    div.acc_overview {
        height: 100%;
    }

    span.acc_naam {
        font-size: 12pt;
        width: 100%;
    }

    span.acc_adres{
        width: 90%;
    }

    span.acc_media {
        width: 90%;
    }
    span.acc_item {
        width: 48%;

    }
    div.nuonline {
        width: 90%;
    }

    span.nubel {
        font-size: 10pt;
    }

    a.btn {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 10pt;
    }
    div.doccontainer {

        width: 410px;
    }
    div.doccontainer  img {
        width: 40px;
    }
    span.docname {
        width: 250px;
    }
    span.doccode {
        width: 120px;
    }
}

/* Some footer hacks */
@media only screen
and (min-width : 500px) {
    .mainwrapper {
        padding-bottom: 		360px;
    }
}

@media only screen
and (min-width : 743px) {
    .mainwrapper {
        padding-bottom: 		260px;
    }
}


/* HEADER CSS */

/* Styles Mobile */

@-webkit-keyframes fontfix{
    from{   opacity: 1; }
    to{ opacity: 1; }
}

.headerdiv {
    text-align: center; 
    margin-top:	0;
    width: 100%;
    background-color:	#efebe2;
    border-bottom:		1px solid #673600;
}

.headerdivcontent {
    background: 		url("images/logo.png") no-repeat 0 0;
    margin: 			auto;
    width: 				800px;
    height: 160px;
    display: 			block;
    font-family: 		'Muli' !important;
    /*font-family: 		'Muli' !important;*/
    font-size: 			9.75pt;
    text-align:			right;
    padding-top:		90px;
    position: relative;
}

.headerdivcontent a {
    padding:		10px;
    border-right:	1px solid #5b8728;
    color:			#000;
    margin-top:		50px;
    font-style: 		normal;
    font-weight: 		300;
}

.headerdivcontent a.last {
    border-right: 0px;
}

.headerdivcontent a:hover {
    color:			#5b8728;
}

@media only screen 
and (max-width : 805px) 
and (min-width : 675px) {

    .headerdivcontent {
        background: url("images/logo.png") no-repeat 0 0;
        background-size: 120px;
        width: auto;
        padding-top:100px;
        height: 137px;
        text-align: center;
    }
}

@media only screen
and (max-width : 674px) {
    .headerdiv {
        text-align: 		center; 
        margin-top:			0;
        width: 				100%;
        background-color:	#efebe2;
        border-bottom:		1px solid #673600;
    }

    .headerdivcontent {
        background: 		url("images/logo.png") no-repeat 0 0;
        width: 				100%;
        height: 205px;
        display: 			block;
        font-family: 		'Muli', Verdana, sans-serif;
        font-style: 		normal;
        font-weight: 		300;
        font-size: 			11pt;
        padding-right: 		20px;
        padding-top:		20px;
        text-align:			right;
    }

    .headerdivcontent a {
        padding: 0px;
        padding-right:		10px;
        color:				#000;
        margin-bottom:		10px;
        font-family: 		'Muli', Verdana, sans-serif;
        font-style: 		normal;
        font-weight: 		300;
        display:			block;
        margin-top: 0px;
        border: 0px;
        -webkit-animation-duration: 0.1s;
        -webkit-animation-name: fontfix;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0.1s;
    }
}

/* NAVIGATIE CSS */

/* Styles Mobile */
@media only screen 
and (max-width : 674px) {

    #navheader {
        font-family: 		Georgia, Verdana, Arial, Helvetica, sans-serif;
        font-size: 			10pt;
    }

    #navheader ul {		
        width: 				100%;
        text-align: 		center;
        list-style-type: 	none;
        margin: 			0px;
        padding: 			0px;
        padding-top:		10px;
    }

    #navheader li {
        margin: 			0px 5px 5px 0px;
        display: 			block; 
        color: 				#375118;
        text-align: 		left;
    }

    li#home {
        display:			none;
    }

    ul#navlist {
        list-style-type: 		none;
        padding: 				0px;
        border-top: 			0px;
        margin: 				0px;
        font-family: 			Georgia, Verdana, Arial, Helvetica, sans-serif;
        font-size: 				10pt;
        text-align:				left;
        padding-bottom: 10px;
        display: none;
    }

    ul#navlist li a {
        display: 				block;
        margin-left:			20px;
        padding-top:			5px;
        /*font-family: 			Georgia, Verdana, Arial, Helvetica, sans-serif;*/
        font-size: 				10pt;
        font-weight: 			normal;
        text-decoration: 		none;
        text-align: 			left;
        color: 					#5b8728;
        font-family: 			'Muli' !important;

    }

    span.mobileTitle {
        /*margin-left:			10px;*/
        /* margin-bottom:			5px; */
        display: 				block;
        /*font-family: 			Georgia, Verdana, Arial, Helvetica, sans-serif;*/
        font-family: 			'Muli' !important;
        font-size: 				12pt;
        text-align: 			left;
        color: 					#673600;

        padding: 5px;
        padding-left: 10px;
        margin-right: 10px;
        background-image: url('images/menubutton128.png');
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 28px;
    }
    a.titletel {
        position: absolute;
        left: 20px;
        bottom: 0px;
        margin-top: 0px;
        border: 0px;
        font-size: 12pt;
        font-family: 'Didact Gothic';
    }

    div.HomeRight {
        width:90%;
    }
    
    div.HomeRight div.item {
        width: 100%;
    }
}


/* Styles Rest*/
@media only screen
and (min-width : 675px) {


    .leftMenu {
        float: 				left;
        width: 				150px;
        display: 			inline-block;
        margin-top:			11px;
    }

    ul#navlist {
        width: 					150px;
        padding: 				0px;
        border-top: 			0px;
        margin: 				0px;
        font-family: 			'Muli', Verdana, sans-serif;
        font-style: 			normal;
        font-weight: 			300;
        font-size: 				8.5pt;

        margin-top: 10px;
    }

    ul#navlist li {
        list-style: 			none;
        margin-bottom: 			2px;
        border: 				0px;
    }

    ul#navlist li a {
        display: 				table-cell;
        width: 					150px;
        height:					40px;
        background: 			#75AD34; /*#efebe2;*/
        text-decoration: 		none;
        text-align: 			right;
        color: 					#f8f7f3; /*#f8f7f3;*/
        font-weight: 			300;
        vertical-align:			middle;
        padding-right:			5px;
        /*border-bottom:			1px solid #673600;*/
    }

    ul#navlist li.last a {
        border-bottom:			0px;
    }

    ul#navlist li a:hover {
        color:					#000;
    }


    ul#navlist li li a {
        display: 				block;
        width: 					125px;
        padding: 				2px 0px 2px 2px;
        margin:					0px 0px 0px 0px;
        border: 				0px;
        border-left: 			20px solid #C2FE9F;
        background: 			#b3e17c;
        text-decoration: 		none;
        text-align: 			left;
        line-height: 			160%;
    }

    * html ul#navlist li li a {
        width: 					145px;
        width: 				145px;
    }

    ul#navlist li li a:hover {
        border-color: 			#083300;
        color: 					#ffffff;
        background: 			#083300;
    }

    span.mobileTitle {
        display:				none;
    }
    a.titletel {
        position: absolute;
        right: 0px;
        top: 10px;
        margin-top: 0px;
        border: 0px;
        font-size: 14pt;
        font-family: 'Didact Gothic';
    }
}

/* FOOTER */

/* CSS Document */

a.tel {
    color:	#fff;
}

a.tel:visited {
    color:	#fff;
}


/* Styles Mobile */
@media only screen 
and (max-width : 499px) {
    .footer {	
        font-family: 				Verdana, Arial, Helvetica, sans-serif;
        font-size: 					10pt;
        font-weight: 				normal;
        letter-spacing: 			normal;
        text-indent: 				0pt;
        word-spacing: 				normal;
        line-height: 				160%;
        color: 						#fff;
        text-align: 				center; 
        background: 				#673600 url('images/footer_logo_small.png') no-repeat left bottom;
        height: 					580px;
        margin-top:					-580px;
        clear:						both;
        width:						100%;
    } 

    div.footerblock h2 {
        padding: 				0px;
        text-decoration:		none;
        text-indent:			0px;
        text-align:		        left;
        letter-spacing: 		2px;
        font-family: 			Verdana, Arial, Helvetica, sans-serif;
        font-size: 				18pt;
        border-bottom: 			1px solid #673600;
        color: 					#5b8728;
    }
    div.footerblock {
        text-align:				left;
        font-size: 				12pt;
        color:					#eee;
        padding-left:			10px;
    }
}

/* Styles Rest*/
@media only screen
and (min-width : 500px) {
    .footer {	
        font-family: 				Verdana, Arial, Helvetica, sans-serif;
        font-size: 					7pt;
        font-weight: 				normal;
        letter-spacing: 			normal;
        text-indent: 				0pt;
        word-spacing: 				normal;
        line-height: 				160%;
        color: 						#000;
        /*padding-top:				5px;*/
        text-align: 				center; 
        background: 				#673600 url('images/footer_logo_small.png') no-repeat left bottom;
        height: 					360px;
        margin-top:					-360px;
        clear:						both;
    } 

    div.footerblock {
        display:					inline-block;
        width:						240px;
        font-size: 					8pt;
        color:						#eee;
    }

    div.footerblockinner {
        display:					inline-block;
        float:						center;
        text-align:					left;
    }

    div.footerblock h2 {
        padding: 				0px;
        text-decoration:		none;
        text-indent:			0px;
        text-align:		        left;
        letter-spacing: 		2px;
        font-family: 			Verdana, Arial, Helvetica, sans-serif;
        font-size: 				12pt;
        border-bottom: 			1px solid #673600;
        color: 					#5b8728;
    }
    div.footerblock a:hover {
        color:					#ccc;
        text-decoration:		underline;
    }
}

@media only screen
and (min-width : 743px) {
    .footer {
        height: 260px;
        margin-top: -260px;
    }
}