@charset "utf-8";
/*
@font-face {
    font-family: "tasty_normal";
    src: url("/fonts/Etelka.woff");
}

@font-face {
    font-family: "tasty_normal";
	src: url('/fonts/OpenSans-Regular-webfont.eot'); 
	src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Regular-webfont.svg#webfont') format('svg'); 
}
@font-face {
    font-family: "tasty_fancy";
    src: url("/fonts/Slamming.woff");
}

@font-face {
    font-family: "tasty_normal";
	src: url('/fonts/etelkatext-webfont.eot'); 
	src: url('/fonts/etelkatext-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/etelkatext-webfont.woff') format('woff'), url('/fonts/etelkatext-webfont.ttf') format('truetype'), url('/fonts/etelkatext-webfont.svg#webfont') format('svg'); 
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: "tasty_normal";
	src: url('/fonts/etelkatextbold-webfont.eot'); 
	src: url('/fonts/etelkatextbold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/etelkatextbold-webfont.woff') format('woff'), url('/fonts/etelkatextbold-webfont.ttf') format('truetype'), url('/fonts/etelkatextbold-webfont.svg#webfont') format('svg'); 
	font-weight: bold;
	font-style: normal;
}
*/	
@font-face{ font-family: 'tasty_fancy';
	src: url('/css/fonts/slamming-webfont.eot'); 
	src: url('/css/fonts/slamming-webfont.eot?#iefix') format('embedded-opentype'),
	url('/css/fonts/slamming-webfont.woff') format('woff'),
	url('/css/fonts/slamming-webfont.ttf') format('truetype'),
	url('/css/fonts/slamming-webfont.svg#webfont') format('svg'); 
}

@font-face {
    font-family: 'tasty_normal';
    src: url('/fonts/sansation/sansation/sansation_regular-webfont.eot');
    src: url('/css/fonts/Sansation/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Sansation/sansation_regular-webfont.woff') format('woff'),
         url('/css/fonts/Sansation/sansation_regular-webfont.ttf') format('truetype'),
         url('/css/fonts/Sansation/sansation_regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tasty_normal';
    src: url('/css/fonts/Sansation/sansation_bold-webfont.eot');
    src: url('/css/fonts/Sansation/sansation_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Sansation/sansation_bold-webfont.woff') format('woff'),
         url('/css/fonts/Sansation/sansation_bold-webfont.ttf') format('truetype'),
         url('/css/fonts/Sansation/sansation_bold-webfont.svg#sansationbold') format('svg');
    font-weight: bold;
    font-style: normal;

}
/* REQUIRED HACK FOR CHROME & SAFARI -> They don't like if the svg format is the last format */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face{ 
		font-family: 'tasty_fancy';
		src: url('/css/fonts/slamming-webfont.svg#webfont') format('svg'); 
	}
	
	 @font-face {
        font-family: 'tasty_normal';
            src: url('/css/fonts/Sansation/sansation_regular-webfont.svg#sansationregular') format('svg');
			font-weight: normal;
   			font-style: normal;	
    }
    @font-face {
        font-family: 'tasty_normal';
            src: url('/css/fonts/Sansation/sansation_bold-webfont.svg#sansationbold') format('svg');
			font-weight: bold;
   			font-style: normal;	
    }
}


html, body {
    font-family: tasty_normal;
    font-size: 1em;
    height: 100%;
    margin: 0;
    width: 100%;
}

body {
    background-color: #669900;
}
#hidden_interface_menugids{
    display: none;
}

#hidden_interface_gallerij{
    display:none;
}

#div_anim{

    position: absolute;
    background-image: url('/images/burger_juice.png');
    background-position: 0px 0px;
    background-repeat: no-repeat no-repeat;
    width: 240px;
    height: 250px;
    left: 100px;
    top: 100px;
    opacity: 0.5;

}

#div_wrapper {
	
	position: relative;
	
	
	
	margin: 0 auto;
	
	margin-left: -465px;
	margin-top: -248px;
    left: 50%;
	top: 45%;
	 /**/
    max-width: 940px;
    visibility:hidden;
}
#div_window{
    width: 930px;
    height: 496px;
    overflow: hidden;
    background-clip: padding-box;
    background-image: url("/images/landschapke_001.jpg");
    background-image: url("/images/background_main.jpg");
    background-position: 0 0;
    background-repeat: no-repeat no-repeat;
    border: 5px solid #FFFFFF;
    border-radius: 8px;
    box-shadow: 4px 0 4px 2px #333333;

}

#div_footer {
    text-align: center;
    margin-top: 10px;
}

.footer{
	
	/*
	visibility: hidden;
	background-color: rgba(255, 255, 255, 0.9);
    border: 5px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    box-shadow: 2px 2px 2px 1px #333333;
    display: inline-block;
	padding: 4px;*/
	background-color: rgba(0, 0, 0, 0.9);
    border: 5px solid rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    box-shadow: 2px 2px 2px 1px #333333;
    color: #FFFFFF;
    display: inline-block;
    font-size: 0.75em;
    padding: 4px 4px 4px 4px;
}
.footer a{
	color:#C39;
}
.roundcorner {
    background-color: rgba(247, 228, 66, 0.9);
    border: 5px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    box-shadow: 2px 2px 2px 1px #333333;
    margin-left: 5%;
    min-height: 360px;
    position: relative;
    top: 20px;
    width: 90%;
}

#div_interface {
	position: relative;
	float: left;
    text-align: left;
    background-color: #FFFFFF;
    height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    top: 0px;
    width: 100%;
}

#div_interface_buttons {
    float: left;
    position: relative;
	margin-left: 12px;
}

#div_interface_buttons ul {
	font-family: tasty_fancy;
}

#div_interface_buttons ul li {
    color: #333333;
    line-height: 1.25em;
    padding-right: 15px;
}

#div_interface_buttons ul li a {
	color: #333333;
    cursor: pointer;
    font-size: 1.25em;
    line-height: 1.25em;
    text-decoration: none;
}

#div_interface_buttons ul li a:hover {
   color:rgba(218, 42, 110, 1);
   transition: all 0.10s ease-in-out;
	transform: scale(1.05);
   -moz-transform: scale(1.05);
   -o-transform: scale(1.05);
   -webkit-transform: scale(1.05);
}

.interface_selected {
	color:rgba(218, 42, 110, 1) !important;
	transform: scale(1.05) !important;
	 -ms-transform: scale(1.05) !important;
	-moz-transform: scale(1.05) !important;
	-o-transform: scale(1.05) !important;
}

ul{
	list-style: none outside none;
    margin: 0;
    padding: 0;
}
li {
    display: inline;
}

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

li {
    color: #777777;
    display: inline;
    font-size: 1.1em;
    line-height: 1.25em;
    padding-left: 10px;
}

li a {
    color: #000000;
    padding: 0 9px;
    text-decoration: none;
}
*/

#div_interface_language {

    margin-right: 4px;
    padding: 0px;
    min-width: 150px;
    display:inline-block;
    text-align:right;
    float: right;
}

#div_interface_language ul li{
	font-size: 0.85em;
    line-height: 2em;
	padding:0 2px 0 0;
}

#div_interface_language ul li a{
	font-size: 1.15em;
	text-decoration:none;
	color: #555;
	padding:0 0 0 0;
}

#div_interface_language ul li a:hover{
	text-decoration:underline;
}

#div_interface_language ul li a img{
	border: 1px solid #000;
}
.interface_language_selected {
	color:#C30 !important;
	font-weight:bold !important;
}

#div_contentWindow {
    border-radius: 8px;
    float: left;
    position: relative;
    width: 100%;
}

#div_content {
    /*margin-left: 5%;
    margin-top: 15px;
    */
    position: relative;
}

#div_editable_content img{
	position: relative;
	float: left;
	padding:0 px;	
}

#div_editable_content .title{
	font-family: tasty_fancy;
    font-size: 2em;
    line-height: 1.25em;
}

#div_editable_content .titleBig{
    font-family: tasty_fancy;
    font-size: 2em;
    
}

#div_editable_content ul{
	list-style-type:disc;
	margin: 1em;
	padding: 1em;
	color: #000;
}

#div_editable_content ul li{
    display:list-item;
	margin-left: 1em;
	color:#000;
	padding:0px;
}

.content_roundcorners{
	border-radius: 8px;
	box-shadow: 2px 2px 2px 1px #333333;
	background-clip: padding-box;
	overflow: hidden;
    padding: 4px;
}

.contentWindow {
    background-color: rgba(247, 228, 66, 0.9);
    border: 5px solid rgba(255, 255, 255, 0.85);   
    float: left;
    margin-left: 0;
    min-height: 100px;
    padding: 0;
    position: relative;
    top: 0;
    width: 90%;
}

.content {
    padding: 10px;
}

table {
	max-width:100%;
}
img{
	width:100%
	height:100%
}

.home_window {
    position: relative;
    float: left;
    background-clip: padding-box;
    /* IE8 */
    background:rgb(207, 53, 156);
    border: 5px solid rgb(255, 255, 255);
    filter:alpha(opacity=95);
    /* END IE8 */
	background-color: rgba(230, 32, 143, 0.85);
    border: 5px solid rgba(255, 255, 255, 0.85);
   
    margin-left: 0;
    max-height: 380px;
    min-height: 200px;
	max-width: 400px;
    padding: 10px;
    color: #FFF;
    border-radius: 8px;
}

.home_window_logos {
   position: relative;
    float: right;
    background-clip: padding-box;
    background-color: rgba(230, 32, 143, 0.0);
    border: 5px solid rgba(255, 255, 255, 0.0);
    /* margin-right: -13px; */
    max-height: 380px;
    min-height: 200px;
    padding: 0px;
    color: rgb(255, 255, 255);
    border-radius: 0px;
    margin-top: 110px;
    top: 80px;
}


.flavor_window{
    position: relative;
    background-clip: padding-box;
     /* IE8 */
    background:rgb(221, 234, 15);
    border: 5px solid rgb(255, 255, 255);
    filter:alpha(opacity=95);
    /* END IE8 */
    background-color: rgba(221, 234, 15, 0.83);
    border: 5px solid rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    max-height: 380px;
    min-height: 100px;
    padding: 10px;
    max-width: 650px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

.contact_window{
    position: relative;
    background-clip: padding-box;
     /* IE8 */
    background:rgb(84, 192, 19);
    border: 5px solid rgb(255, 255, 255);
    filter:alpha(opacity=95);
    /* END IE8 */
    background-color: rgba(84, 192, 19, 0.89);
    border: 5px solid rgba(255, 255, 255, 0.95);
    border-radius: 8px;

    max-width: 500px;
    min-width: 100px;
    max-height: 380px;
    min-height: 100px;
    padding: 10px;
}

.visie_window {
    position: relative;
    background-clip: padding-box;
     /* IE8 */
    background:rgb(255, 224, 0);
    border: 5px solid rgb(255, 255, 255);
    filter:alpha(opacity=95);
    /* END IE8 */
    background-color: rgba(255, 224, 0, 0.84);
	border: 5px solid rgba(255, 255, 255, 0.95);
    margin-left: auto;
    margin-right: auto;
    max-height: 380px;
    min-height: 200px;
    padding: 4px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.menugids_window {
    position: relative;
	 /* IE8 */
    background:rgb(164, 192, 19);
    border: 5px solid rgb(255, 255, 255);
    filter:alpha(opacity=95);
    /* END IE8 */
    background-color: rgba(164, 192, 19, 0.85);
    border: 5px solid rgba(255, 255, 255, 0.95);
	color:#000;
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    max-height: 380px;
    min-height: 100px;
    overflow: hidden;
    padding: 10px;
    max-width: 800px;
    min-width: 100px;
}

.jobs_window{
    position: relative;
     /* IE8 */
    background:rgb(246, 18, 179);
    border: 5px solid rgb(255, 255, 255);
    filter:alpha(opacity=95);
    /* END IE8 */
	background-color: rgba(246, 18, 179, 0.85);
	border: 5px solid rgba(255, 255, 255, 0.95);
    border-radius: 8px;

    max-width: 400px;
    min-width: 100px;
    max-height: 380px;
    max-height: 380px;
    top: 154px;
    max-width: 400px;
    margin-left: auto;
    margin-right: 5px;
    padding: 10px;
    	
}

.franchise_window{
    position: relative;
     /* IE8 */
    background:rgb(164, 192, 19);
    border: 5px solid rgb(255, 255, 255);
    filter:alpha(opacity=95);
    /* END IE8 */
	background-color: rgba(164, 192, 19, 0.85);
	border: 5px solid rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    max-width:760px;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

#div_contentTitleBar {
	float: left;
    margin-left: 5%;
    min-height: 20px;
    position: relative;
    top: 20px;
    width: 90%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 10px #000 solid;
    border-radius: 8px 8px 0 0;
    box-shadow: 2px 2px 2px 1px #333333;
    
}
.contentTitleBar {
    color: #6B654C;
    font-family: tasty_fancy;
   
    line-height: 1.1em;
    margin: 0;
    padding: 4px 4px 4px 10px;
    position: relative;
}
#div_content_interface_menugids {
	width: 90%;
	margin-left: 5%;
     /* IE8 */
    background:rgb(255, 255, 255);
    filter:alpha(opacity=80);
    /* END IE8 */
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    box-shadow: 2px 2px 2px 1px #333333;
    margin-top: 10px;
    min-height: 20px;
    position: relative;
    text-align: center;
}
#div_content_interface_menugids ul {
}

#div_content_interface_menugids ul li {
    line-height: 1.25em;
    padding-right: 4px;
    font-size: 1.25em;
    color: rgba(16, 126, 186, 1);
}

#div_content_interface_menugids ul li a {
	color: #333333;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

#div_content_interface_menugids ul li a:hover {
   color:rgba(218, 42, 110, 1);
   transition: all 0.10s ease-in-out;
	transform: scale(1.05);
   -moz-transform: scale(1.05);
   -o-transform: scale(1.05);
   -webkit-transform: scale(1.05);
}

.interface_menugids_selected {
	color:rgba(218, 42, 110, 1) !important;
	transform: scale(1.05) !important;
	 -ms-transform: scale(1.05)!important;
	-moz-transform: scale(1.05)!important;
	-o-transform: scale(1.05)!important;
}
#div_content_interface_gallerij {
	position: relative;
	display:block;
    margin-top: 10px;
    min-height: 20px;
    text-align: center;
}
#div_content_interface_gallerij ul li{
	font-size: 1.15em;
    line-height: 1.25em;
    padding-right: 4px;
}

#div_content_interface_gallerij ul li a{
    font-size: 1.1em;
    color:#000;
    text-decoration: none;
}

#div_content_interface_gallerij ul {
	background-color: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    box-shadow: 2px 2px 2px 1px #333333;
	color: #6B654C;
    font-family: tasty_fancy;
    font-size: 1.1em;
    line-height: 1.25em;
 	display:inline-block;
    padding: 4px 4px 4px 10px;
	
}

#div_menu {
    padding: 10px;
}

.div_menuItem {
	display: block;
    float: left;
    margin-right: 6px;
    position: relative;
    width: 245px;
}

.menuText {
    display: block;
    font-family: tasty_normal;
    font-size: 1em;
    line-height: 1em;
}
.menuTitle {
    color: #6B654C;
	color: #6B654C;
	color: rgb(255,241, 0);
	color: rgba(255,255, 255, 1);
    display: block;
    font-family: tasty_fancy;
    font-size: 1.5em;
    line-height: 1.25em;
}

#div_interface_buttons a#pull {  
    display: none;
}  

@media only screen and (max-width: 949px) {
	
	#div_wrapper {
		
        left: 0%;
        top: 0%;
		margin: 0 auto;
        /*
		overflow: hidden;
		background-clip: padding-box;
		background-image: url("/images/landschapke_001.jpg");
		background-image: url("/images/background_main.jpg");
		background-position: 0 0;
		background-repeat: no-repeat no-repeat;
		border: 2px solid #FFFFFF;
		border-radius: 8px;
		box-shadow: 4px 0 4px 2px #333333;
		visibility:hidden;
        */
	}
	#div_window{
        width: auto;
    }
	#div_interface {
		z-index:1000;
		position: relative;
		float: left;
		text-align: left;
		background-color: #FFFFFF;
		padding-left: 0px;
		padding-right: 0px;
		top: 0px;
		
	}
	
	#div_interface_buttons {
		float: left;
		position: relative;
		background-color: #FFFFFF;
		height:auto;
		margin-left: 0px;
		border: 0px solid #fff;
		border-radius:8px;
	}
	
	#div_interface_buttons ul {
		position:relative;
		display: none;
		min-width: 170px;
        
	}
	

	#div_interface_buttons ul li {

        
		color: #333333;
		font-size: 1.15em;
		line-height: 1.25em;
		display:block;

		border-top: 1px #ccc dotted;
		font-family: tasty_fancy;
		padding-right: 0px;
		width: 98%;
        line-height: 2em;
		
	}

	#div_interface_buttons ul li:first {
        padding-top: 20px;
    }
    
	#div_interface_buttons ul li a {
		color: #333333;
		cursor: pointer;
        text-decoration: none;
        font-size: 1.15em;
        line-height: 1.15em;
        position: relative;
        left:30px;
	}
	
	#div_interface_buttons a#pull {  
    	display: block;
		font-family: tasty_fancy;
		font-size: 1.25em;
		line-height: 1.5em;
		color:rgba(218, 42, 110, 1) !important;
		text-decoration: none;
        margin-left:12px;
	}
		
	.home_window {
		position: relative;
		float: left;
		background-clip: padding-box;
		background-color: rgba(207, 53, 156, 0.85);
		background-color: rgba(230, 32, 143, 0.85);
		border: 5px solid rgba(255, 255, 255, 0.85);
		margin-left: 0;
		max-height: 380px;
		max-width: 90%;
		padding: 10px;
		color: #FFF;
		border-radius: 8px;
	}
	
	.home_window_logos {
		position: relative;
		float: right;
		background-clip: padding-box;
		background-color: rgba(230, 32, 143, 0.0);
		border: 5px solid rgba(255, 255, 255, 0.0);
		margin-right: -13px;
		max-height: 380px;
		min-height: 200px;
		padding: 0px;
		color: rgb(255, 255, 255);
		border-radius: 0px;
		margin-top: 110px;
	}
	
	
	.flavor_window{
		position: relative;
		background-clip: padding-box;
		background-color: rgba(221, 234, 15, 0.83);
		border: 5px solid rgba(255, 255, 255, 0.95);
		border-radius: 8px;
		max-height: 380px;
		min-height: 100px;
		padding: 10px;
		max-width: 650px;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.contact_window{
		position: relative;
		background-clip: padding-box;
		background-color: rgba(84, 192, 19, 0.89);
		/*  */
		border: 5px solid rgba(188, 58, 73, 1);
		border: 5px solid rgba(255, 255, 255, 0.95);
		border-radius: 8px;
	
		max-width: 500px;
		min-width: 100px;
		max-height: 380px;
		min-height: 100px;
		padding: 10px;
	}
	
	.visie_window {
		position: relative;
		background-clip: padding-box;
		background-color: rgba(227, 79, 200, 0.75);
		background-color: rgba(188, 58, 73, 0.75);
		background-color: rgba(233, 232, 196, 0.85);
		background-color: rgba(255, 224, 0, 0.84);
		border: 5px solid rgba(255, 255, 255, 0.95);
		margin-left: auto;
		margin-right: auto;
		max-height: 380px;
		min-height: 200px;
		padding: 4px;
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
	}
	
	.menugids_window {
		position: relative;
		background-color: rgba(164, 192, 19, 0.85);
		/*	*/
		background-color: rgba(164, 192, 19, 0.85);
		border: 5px solid rgba(255, 255, 255, 0.95);
		color:#000;
		border-radius: 8px;
		margin-left: auto;
		margin-right: auto;
		max-height: 280px;
		min-height: 100px;
		overflow: hidden;
		padding: 10px;
		max-width: 90%;
		min-width: 100px;
	}
	
	.jobs_window{
		position: relative;
		background-color: rgba(246, 18, 179, 0.85);
		/*	*/
		border: 5px solid rgba(188, 58, 73, 1);
		border: 5px solid rgba(255, 255, 255, 0.95);
		border-radius: 8px;
	
		max-width: 400px;
		min-width: 100px;
		max-height: 380px;
		max-height: 380px;
		top: 50px;
		max-width: 400px;
		margin-left: auto;
		margin-right: 5px;
		padding: 10px;
			
	}
	
	.franchise_window{
		position: relative;
		background-color: rgba(227, 79, 200, 0.75);
		background-color: rgba(188, 58, 73, 0.75);
		background-color: rgba(164, 192, 19, 0.85);
		border: 5px solid rgba(188, 58, 73, 1);
		border: 5px solid rgba(255, 255, 255, 0.95);
		border-radius: 8px;
		max-width:760px;
		max-height: 400px;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
	}
    #ul_languageInterface img{
        display:none;
    }
    #div_interface_language {
    min-width: 100px;
    }
}


#div_fbTitleBar {
    background-color: rgba(255, 255, 255, 0.8);
    border: 0 none;
    border-radius: 8px 8px 0 0;
    box-shadow: 2px 2px 2px 1px #333333;
    margin-left: 7%;
    min-height: 30px;
    position: relative;
    top: 20px;
    width: 30%;
}


.fb-like {
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    position: relative;
    text-align: center;
    width: 100%;
}

.fb-like-box {
    background-color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    min-height: 100px;
    position: relative;
    text-align: center;
}

#div_home_fb_window {
    background-clip: padding-box;
    background-color: rgba(247, 228, 66, 0.9);
    border: 5px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    box-shadow: 2px 2px 2px 1px #333333;
    float: left;
    margin-left: 3%;
    min-height: 360px;
    padding: 4px;
    position: relative;
    top: 20px;
    width: 33%;
}

.home_fb_window {
}



.clear {
    clear: both;
}