/*/////////////////ALGEMENE/////////////////*/

body {
	margin:0px;
	padding:0px;
}

#menu1 {
	overflow:hidden;
}

.menu {
	width:100%;
	height:100%;
	float:left;
	position:relative;
}

#hoofdmenu_image {
	width:100%;
	height:285px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
    background-size: 100% auto;
}

#hoofdmenu_background {
	width:100%;
	height:195px;
	float:left;
	position:relative;
	overflow:hidden;
    background-size: 100% 100%;
}

#hoofdmenu_text {
	width:100%;
	float:left;
	overflow:hidden;
    position:absolute;
    left:0px;
    top:0px; 
    background-position:center right; 
    background-repeat:no-repeat;
	height: 180px; 
	margin-top:7px;	
}
 
#hoofdmenu_text table {
	width: 100%;
}

#hoofdmenu_text td { 
	display:table-cell !important;
}

#hoofdmenu_text table tr:hover {
	background-position:left;
	background-repeat:repeat-x;
	cursor:pointer;
}

#top_menu3 {
	width:100%;
	height:225px;
	float:left;
}

#bottom_menu3 {
	width:305px;
	height:193px;
	float:left;
	margin-left:15px;
}

#inner_menu3 .bottom_menu3_txt {
	margin-left:0px !important;
}

#menu2_text {
	width: 100%; 
	height: 418px; 
	float:left;
	overflow:hidden;
}

#menu2_text table { 
	width: 100% ; 
}

#back_picture {
	position:relative;
	width:100px;
	height:100%;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
}

#main{
	width:269px; 
	height:215px; 
	float:left; 
	margin-left:15px;
	overflow:hidden; 
	position:relative;
}

#mainfoto{
	width:305px; 
	height:480px; 
	float:left; 
	margin-left:15px;
	overflow:hidden; 
	position:relative;
}

#maintext { 
	height:207px;
	width: 269px; 
	overflow: hidden; 
	margin-top:8px 
}

#maintext #menu3_maintext { 
	width: 100% !important; 
}

#maintext #menu3_maintext #tekst { 
	display: block !important; 
	margin: 0 !important; 
}

#bottom_text {
	width:262px;
	height:65px;
	float:left;
	margin-left:10px;
	visibility:hidden;
	filter:alpha(opacity=0);
	-moz-opacity:0;
}

#bottom_text2 {
	width:300px;
	height:65px;
	float:right;
	margin-right:10px;
}

#bottom {
	height:65px;
	float:left;
	margin-left:40px;
	margin-top:4px;
	background-position:center;
	background-repeat:no-repeat;
}

#link_picture {
	width:40px;
	height:40px;
	float:right;
	margin-top:12px;
	margin-right:10px;
	background-position:center;
	background-repeat:no-repeat;
}

#link_picture:hover {
	cursor:pointer;
}

#scrolls {
	float:left;
	height:14px;
	width:100%;
	margin-top:8px
}

.scroll_up {
    float: left;
    height: 13px;
    width: 154px;
	background-position:center top;
}

.scroll_up:hover {
	background-position:center bottom;
}

.scroll_down {
    float: left;
    height: 13px;
    width: 154px;
	background-position:center top;
}

.scroll_down:hover {
	background-position:center bottom;
}

#image {
	-moz-border-radius-bottomright:30px; 
	-webkit-border-bottom-right-radius:30px;
    border-bottom-right-radius:30px; 
	overflow:hidden;
}

#image2 {
	-moz-border-radius-bottomright:13px; 
	-webkit-border-bottom-right-radius:13px;
    border-bottom-right-radius:13px; 
	overflow:hidden;
}

#thumb {
	-moz-border-radius-bottomright:30px; 
	-webkit-border-bottom-right-radius:30px;
    border-bottom-right-radius:30px; 
	display:block;
}

#nix1 {
	width:40px;
	height:70px;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}

#nix2 { 
	width:40px;
	height:70px;
	position:absolute;
	bottom:0px;
	right:0px;
	cursor:pointer;
}

.footermenu2 {
	width:100%;
	height:62px;
	float:left;
}

.footermenu3 {
	width:100%;
	height:62px;
	float:left;
}

.homelink {
	width:23%;
	height:62px;
	float:left;
}

.imgcat {
	width:23%;
	height:62px;
	float:left;
}

.currentcategory {
	width:77% !important;
	height:62px;
	float:left;
}

.homecattitle {
	overflow:hidden;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 100vw;
	height:500px;    
    /*width: 320px;*/
    /*height:285px;*/
}

.vertical_scroll {
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 480px !important;	 
	width: 305px !important;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.vertical_scroll .items { 
	/* this cannot be too large */
	height:20000em;
	position:absolute;
}

.items div {
	float:left;
	/*width:320px;*/
    width:100vw;
}

/* single scrollable item */
.scrollable img {
	float:left;	
    height:500px;
	width:100vw;
	/*width:500px;
	height:500px;*/
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

.text_plaatje {
	position:absolute;
	z-index:10;
	height: 40px !important;
	/*background-color:#000;*/
	bottom:0px;
	background-image:url(../images/scroll_plaatje.png);
	background-repeat:repeat-x;
}

.scroll_text {
	color:#FFF;
	text-align:center;
	padding-top:12px;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
	font-size:1px;
	position:absolute;
	margin-right:10px;
	margin-left:10px;
	/*top:19%;*/
}

/* right */
a.right {
    background-position: 0 -30px; 
    clear:right; 
    margin-right: 0px; 
    right:0;
}

a.right:hover {
    background-position:-30px -30px;
}

a.right:active {
    background-position:-60px -30px;
} 


/* left */
a.left {
    margin-left: 0px;
    z-index:99;
    left:0;
} 

a.left:hover {
    background-position:-30px 0;
}

a.left:active {
    background-position:-60px 0;
}

/* up and down */
a.up, a.down { 
	background:url(../images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
	margin-left: 132px;
}

/* up */
a.up {
    z-index:99;
    top:0;
}

a.up:hover {
    background-position:-30px 0;
}

a.up:active {
    background-position:-60px 0;
}

/* down */
a.down {
    background-position: 0 -30px;
    z-index:99; bottom:0;
}

a.down:hover {
    background-position:-30px -30px;
}

a.down:active {
    background-position:-60px -30px;
} 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}



/* ===================== GENERAL ======================== */

body { 
	font-family: Helvetica!important;
}
#menu1{
    background-color: #000000;
}
.close
{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/close.png");
}
.return
{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/Rotate.png");
}
.return2
{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/Back.png");
}
#floatCartBody
{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/iphoneblack.png");
}

#hoofdmenu_background, #hoofdiphonemenu_background 
{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/menuback.png");
background-color: #fff;
}

#scroll_down1 { 
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/scrollup1.png");
}

#scroll_up1 { 
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/scrolldown1.png");
}

#hoofdmenu_text, #hoofdiphonemenu_text{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/menu_active.png");
font-weight: bold;
font-color: #000;
    font-size:16px;
}


.uit2 { 
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/button.png");
font-size: 14px;
font-weight: bold;
font-color: #000;
    background-position:left center;
	background-repeat:no-repeat;
}

.uit2:hover {
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/button_hover.png");
}


.sub_pic {
    border-left: solid 2px#222222;
}

#image {
	border-right: solid 2px#222222;
border-bottom: solid 2px#222222;
}

#subject_knop {
	border-bottom: solid 2px#222222;
    position:static;
    width:100%;
    height:68px;
    float:left;
    background-position:right;
    background-repeat:no-repeat;
}
#subject_knop:hover {
    color: #FFFFFF;
    background-image:url("../images/Brand/Brand_pictures/Theme1/subjectB_hover.gif");
    cursor:pointer;
}
#subject_knop_aan {
  	border-bottom: solid 2px#222222;
font-size: 14px;
    width:100%;
    height:70px;
    float:left;
background-image:url("../images/Brand/Brand_pictures/Theme1/subjectB_hover.gif");
    background-position:right;
    background-repeat:no-repeat;
}

.sw_previous_button, .sw_previous_button_disabled {
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/back_w_h.png");
}
.sw_previous_button:hover, .sw_previous_button_disabled:hover{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/back_w_h_h.png");
}
.sw_next_button, .sw_next_button_disabled{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/next_w_h.png");
}
.sw_next_button:hover, .sw_next_button_disabled:hover{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/next_w_h_h.png");
}
#homephoto .sw_previous_button, .sw_previous_button_disabled, #verticalslider .sw_previous_button, .sw_previous_button_disabled{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/back_w_v.png");
}
#homephoto .sw_previous_button:hover, .sw_previous_button_disabled:hover, #verticalslider .sw_previous_button:hover, .sw_previous_button_disabled:hover{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/back_w_v_h.png");
}
#homephoto .sw_next_button, .sw_next_button_disabled, #verticalslider .sw_next_button, .sw_next_button_disabled{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/next_w_v.png");
}
#homephoto .sw_next_button:hover, .sw_next_button_disabled:hover, #verticalslider .sw_next_button:hover, .sw_next_button_disabled:hover{
    background-image: url("/dynamic/media/1/images/APP/App_Algemeen/next_w_v_h.png");
}

#menu2_text2 td, .td_title{
    color: #FFFFFF;

display: table-cell; 
}
#menuiphone2_text td, #menuiphone3_text, #menuiphone3_text td, #back{
    color: #FFFFFF;
}
#bottom{
  	border: solid 2px#222222;
}


#menu2 { 
    color: #fff;
overflow:hidden;
}
#subtext {
    color: #fff;
font-size: 14px;
}

#subiphonetext {
    color: #fff;
font-size: 14px;
}
#price {
    color: #fff;
font-size: 14px;
}
#title {
    color: #fff;
 
}
#maintext {
    color: #fff;
font-size: 14px;
}
 #mainiphonetext {
    font-size: 14px;
color: #fff;
}

.currentiphonecategory{
  	border-left: solid 2px#222222;
border-bottom: solid 2px#222222;
}
/*
.currentcategory, .tablebestellen {
  	border-left: solid 2px#222222;
}
*/
.footermenu2, .footermenu3{
    color: #666;
background-color: #000;
border-top: solid 2px#222222;
border-bottom: solid 2px#222222;
}
.footermenuiphone2{
  	border-top: solid 2px#222222;
background-color: #000;
color: #666;
}
#footercurrent{
  	border-bottom: solid 2px#222222;
}

#zoektr
{

background-image:url(../images/Brand/Brand_pictures/Theme1/search.png);
    background-position:center;
    background-repeat:no-repeat;
}

.td_title{
	padding-left:17px;
}

#menu3 { 
background-image:url("../templates/app_lang/images/Brand/Brand_pictures/Theme1/infSubjectB.gif"); 
    background-position:center; 
    background-repeat:no-repeat; 
}

#back{
background-image:url("../images/back.png");
font-size: 12px;
}

#menuiphone2_text, .imgiphonecat, .currentiphonecategory{
font-weight:bold;
}


#aan {
font-size:14px; 
color:#000000; 
font-weight:bold;
background-image:url("../templates/app_lang/images/Brand/Brand_pictures/Theme1/button_hover.png");
background-position:center;
background-repeat:no-repeat;
}

#aan2 {
font-size:14px; 
color:#000000; 
font-weight:bold;
background-image:url("../templates/app_lang/images/Brand/Brand_pictures/Theme1/button_hover.png"); 
background-position:center;
background-repeat:no-repeat;
}
input[type=text], input[type=button] {
border:none;
color:#000000;
}

#searchknop:hover{
	cursor:pointer;
}


/************STATISCHE DRANKENSCHERM*************/


#content2 { 
	background-image: url("/dynamic/media/47/images/elementen/Ouwe-Beer-achtergrond_digidrank.jpg");
    background-size:100% 100%;
}
#bottomStatic2 { 
	background-image: url("/dynamic/media/47/images/elementen/Ouwe-Beer-voorgrond_digidrank.png");
    background-size:100% 100%;
    background-position: center bottom;
}



/************STATISCHE CHATSCHERM*************/

/*body{
    background-color:#909090;
}*/

.ballonplaatje{
    background-color: transparent; 
    background-image: url(/dynamic/media/46/images/elementen/Ballon_2.png);
    background-position: right center;
    background-size: 106% 100%;
}
#content { 
	background-image: url("/dynamic/media/47/images/elementen/Ouwe-Beer-achtergrond_digidrank.jpg");
}
#bottomStatic { 
	background-image: url("/dynamic/media/47/images/elementen/Ouwe-Beer-imagebottom.png");
    background-size:100% 100%;
    background-position: center bottom;
    background-repeat:no-repeat;
}
#bottomStatic_over { 
	    background-size:100% 100%;
    background-position: center bottom;
    background-repeat:no-repeat;
    display:none;
}
#fontijnCount{
	color: #ffd14f;
font-size: 74px;
font-weight: bold;
    position:absolute; 
    bottom:6%; 
    right:5%; 
}

#left{
	background-color: #fff;
    radius:0px 10px 10px 0px;
    border-radius:0px 10px 10px 0px;
    webkit-border-radius:0px 10px 10px 0px;
    -moz-border-radius:0px 10px 10px 0px;
    margin-top:39px;
    overflow:hidden;
    padding:0.4% 0%;
}
#moodsettercontainer_1 .sw_container, #moodsettercontainer_2 .sw_container{
	background-color: #a7000f;
}
#moodsettercontainer_1, #moodsettercontainer_2{
    float:left;
    height:100%;
    overflow:hidden;
}
#moodsettercontainer_1{
    background-size:100% 100%;
    width:99,23%;
}
#moodsettercontainer_2{
    background-size:100% 100%;
}

#right{
    font-size:50px;
    font-weight:bold;
}

.fontijn_content .odd{
	color: #ffffff;
}
.fontijn_content .even{
	color: #ec1c24;
}
.fontijn_content .odd .gegevens{
	color: #ffd14f;
}
.fontijn_content .even .gegevens{
	color: #000000;
}
.fontijn_content .even .gegevens span{
	color: #ec1c24;
    font-size:28px;
}
.fontijn_content .odd .gegevens span{
	color: #ec1c24;
    font-size:28px;
}
.fontijn_content .topblok_odd{
	background-image: url("/dynamic/media/47/images/elementen/Ballon_1_top.png");
}
.fontijn_content .middleblok_odd{
	background-image: url("/dynamic/media/47/images/elementen/Ballon_1_middle.png");
}
.fontijn_content .bottomblok_odd{
	background-image: url("/dynamic/media/47/images/elementen/Ballon_1_bottom.png");
}
.fontijn_content .topblok_even{
	background-image: url("/dynamic/media/47/images/elementen/Ballon_2_top.png");
}
.fontijn_content .middleblok_even{
	background-image: url("/dynamic/media/47/images/elementen/Ballon_2_middle.png");
}
.fontijn_content .bottomblok_even{
	background-image: url("/dynamic/media/47/images/elementen/Ballon_2_bottom.png");
}

.topblok_odd, .topblok_even, 
.bottomblok_odd, .bottomblok_even
{
    width:100%;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-color: transparent !important;
}
.middleblok_odd, .middleblok_even{
    width:100%;
    overflow: hidden;
    background-size:100% auto;
    background-color: transparent !important;
   	background-repeat:repeat-y;
}

.topblok_odd, .topblok_even{
    height:13px;
}
.middleblok_odd, .middleblok_even{
    min-height:10px;
}
.bottomblok_odd, .bottomblok_even{
    height:54px;
}
.spacing_chat1{
    margin:20px 45px 10px 80px;
    overflow: hidden;
}
.spacing_chat2{
    margin:20px 90px 10px 41px;
    overflow: hidden;
}

#z_index1, #z_index2, #z_index3, #z_index4, #z_index5, 
#z_index6, #z_index7, #z_index8, #z_index9, #z_index10, 
#z_index11, #z_index12, #z_index13, #z_index14, #z_index15,
#z_index16, #z_index17, #z_index18, #z_index19, #z_index20,
#z_index21, #z_index22, #z_index23, #z_index24, #z_index25,
#z_index26, #z_index27
{
    margin-top:-40px !important;
    position:relative !important;
}
#z_index1{z-index:28;}#z_index2{z-index:27;}#z_index3{z-index:26;}#z_index4{z-index:25;}#z_index5{z-index:24;}#z_index6{z-index:23;}#z_index7{z-index:22;}#z_index8{z-index:21;}
#z_index9{z-index:20;}#z_index10{z-index:19;}#z_index11{z-index:18;}#z_index12{z-index:17;}#z_index13{z-index:16;}#z_index14{z-index:15;}#z_index15{z-index:14;}#z_index16{z-index:13;}
#z_index17{z-index:12;}#z_index18{z-index:11;}#z_index19{z-index:10;}#z_index20{z-index:9;}#z_index21{z-index:8;}#z_index22{z-index:7;}#z_index23{z-index:6;}#z_index24{z-index:5;}
#z_index25{z-index:4;}#z_index26{z-index:3;}#z_index27{z-index:2;}


/*****************************IPad***********************/
/*#menu1, #menuiphone1, #menuiphone2_text td, #menuiphone3_text, #menuiphone3_text td, #back, #menu2_text td, #menu2, #title, #intro_title{
    font-weight: bold;
    font-size:15px;
}
#menu3_maintext, #menuiphone3_maintext{
	font-weight:normal;
}
#title{
    font-size:17px;
}*/