@charset "UTF-8";
/* CSS Document */

/* Begin default CSS */


* 
{ 
	margin:0;
	padding:0;
}

html 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

body 
{
	margin:0px;
	background-image:url('../images/layout/BgOrange.jpg');
	background-repeat:repeat;
}

.bgFade	{
	position:absolute;
	height:646px;
	width:100%;
	top:0px;
	left:0px;
	background-image:url(../images/layout/BgOrangeFade.jpg);
	background-repeat:repeat-x;
	z-index:-1;
}

img 
{
	border: 0px;
}

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

a 
{
    color:white;
    text-decoration: none;
}

a:hover 
{
	text-decoration:underline;
}

a:focus
{
	outline: none;
}

h1 
{
    font-size:16px;
}

h2 
{
    font-weight:normal;
}

h3 
{

}

ul 
{

}

li 
{

}

p 
{
}

.clear 
{
	height: 0px;
	overflow: hidden;
	clear: both;
	line-height: 0px;
}

.container	{
	position:absolute;
	height:auto;
	min-height:600px;
	width: 840px;
	left:50%;
	top:18px;
	margin-left: -420px;
	background-image:url(../images/layout/StageBg.jpg);
	background-repeat:no-repeat;
	padding:16px 16px 0px 16px;
}


/* De scroller die 1 event per stuk weergeeft */
.scrollerFavorites{
    float:left;
    width:337px;
    height:371px;
    overflow:hidden;
    position:relative;
}

.scrollableFavorites{

    position:absolute;
    width:2359px;
    left:-337px;
}

/*De scroller die 1 event per stuk weergeeft */

/*de scroller die meerdere events tegelijk weergeeft */

.scroller{
    float:left;
    height:670px;
    width:462px;
    overflow:hidden;
    position:relative;
}

.scrollable{
    width:462px;
    position:absolute;
}

/*de scroller die meerdere events tegelijk weergeeft */
.header {
	float:left;
	width:808px;
	height:116px;
}
	
	.header .menu	{
		top:101px;
		position:absolute;
		left:18px;
		height:31px;
		width:808px;
		z-index:1;
		padding:0px 0px 0px 20px;
	}
	
		.header .menu .btnEvents	{
			float:left;
			height:22px;
			width:128px;
			text-align:center;
			font-weight:bold;
			padding:6px 4px 0px 0px;
			background-image:url(../images/layout/btnEvents.png);
			background-repeat:no-repeat;
                        cursor:pointer;
		}

                		.header .menu .btnEventsCurrent	{
			float:left;
			height:22px;
			width:128px;
			text-align:center;
			font-weight:bold;
			padding:6px 4px 0px 0px;
			background-image:url(../images/layout/btnEventsMo.png);
			background-repeat:no-repeat;
                        color:#e6462d;
		}
		
		.header .menu .btnEvents:hover	{
			background-image:url(../images/layout/btnEventsMo.png);
			color:#e6462d;
		}

                .header .menu .btnEvents:hover a	{
			color:#e6462d;
		}
		
		.header .menu .btnVideo	{
			float:left;
			height:22px;
			width:114px;
			text-align:center;
			font-weight:bold;
			padding:6px 4px 0px 0px;
			background-image:url(../images/layout/btnVideo.png);
			background-repeat:no-repeat;
                        cursor:pointer;
                        background-position:0px -1px;
		}

                .header .menu .btnVideoCurrent	{
			float:left;
			height:22px;
			width:114px;
			text-align:center;
			font-weight:bold;
			padding:6px 4px 0px 0px;
			background-image:url(../images/layout/btnVideoMo.png);
			background-repeat:no-repeat;
                        color:#e6462d;
                        background-position:0px -1px;
		}
		
		.header .menu .btnVideo:hover	{
			background-image:url(../images/layout/btnVideoMo.png);
			color:#e6462d;
                        background-position:0px -1px;
		}

                .header .menu .btnVideo:hover a	{
			color:#e6462d;
		}

                .header .menu a{

                    text-decoration: none;
                }
		
		.header .menu .btnLifestyle	{
			float:left;
			height:22px;
			width:129px;
			text-align:center;
			font-weight:bold;
			padding:6px 4px 0px 0px;
			background-image:url(../images/layout/btnLifestyle.png);
			background-repeat:no-repeat;
                        cursor:pointer;
                        background-position:0px -1px;
		}

                		.header .menu .btnLifestyleCurrent	{
			float:left;
			height:22px;
			width:129px;
			text-align:center;
			font-weight:bold;
			padding:6px 4px 0px 0px;
			background-image:url(../images/layout/btnLifestyleMo.png);
			background-repeat:no-repeat;
                        color:#e6462d;
                        background-position:0px -1px;
		}
		
		.header .menu .btnLifestyle:hover	{
			background-image:url(../images/layout/btnLifestyleMo.png);
			color:#e6462d;
                        background-position:0px -1px;
		}

                .header .menu .btnLifestyle:hover a	{
			color:#e6462d;
		}
		
		.header .menu .btnHotlinks	{
			float:left;
			height:22px;
			width:78px;
			text-align:center;
			font-weight:bold;
			padding:6px 4px 0px 0px;
			background-image:url(../images/layout/btnHotlinks.png);
			background-repeat:no-repeat;
                        cursor:pointer;
                        background-position:0px -1px;
		}

                		.header .menu .btnHotlinksCurrent	{
			float:left;
			height:22px;
			width:78px;
			text-align:center;
			font-weight:bold;
			padding:6px 4px 0px 0px;
			background-image:url(../images/layout/btnHotlinksMo.png);
			background-repeat:no-repeat;
                        color:#e6462d;
                        background-position:0px -1px;
		}
		
		.header .menu .btnHotlinks:hover	{
			background-image:url(../images/layout/btnHotlinksMo.png);
			color:#e6462d;
                        background-position:0px -1px;
		}

                .header .menu .btnHotlinks:hover a	{
			color:#e6462d;
		}
		
		.header .menu .btnAddlink	{
			float:left;
			height:22px;
			width:94px;
			text-align:center;
			font-weight:bold;
			padding:6px 4px 0px 0px;
			background-image:url(../images/layout/btnAddlink.png);
			background-repeat:no-repeat;
                        cursor:pointer;
		}
		
		.header .menu .btnAddlink:hover	{
			background-image:url(../images/layout/btnAddlinkMo.png);
			color:#e6462d;
		}

	.header .logo {
		float:left;
		width:290px;
		height:85px;
		background-image:url(../images/layout/Logo.png);
		background-repeat:no-repeat;
	}
	
	.header .headerLeft {
		float:left;
		width:200px;
		height:85px;
		background-image:url(../images/layout/HeaderLeft.png);
		background-repeat:repeat-x;
	}
	
	.header .headerRight {
		float:left;
		width:318px;
		height:118px;
		background-image:url(../images/layout/HeaderRight.png);
		background-repeat:repeat-x;
	}
	
	.header .Badge {
		position:absolute;
		width:101px;
		top:9px;
		left:450px;
		height:100px;
		z-index:2;
		background-image:url(../images/layout/Badge.png);
		background-repeat:repeat-x;
                cursor:pointer
	}
	
	

.stage	{
	float:left;
	width:808px;
	height:auto;
	min-height:470px;
	padding:20px 0px 10px 0px;
}

.subBlocks	{
	float:left;
	width:808px;
	height:auto;
	min-height:200px;
	padding-bottom:15px;
}

	.subBlocks .top	{
		float:left;
		width:808px;
		height:5px;
		background-image:url(../images/layout/BlockTop.png);
		background-repeat:no-repeat;
	}
	
	.subBlocks .mid	{
		float:left;
		width:808px;
		height:auto;
		min-height:120px;
		background-image:url(../images/layout/BlockMid.png);
		background-repeat:repeat-y;
		padding:0px 0px 3px 0px;
	}
	
	.subBlocks .btm	{
		float:left;	
		width:808px;
		height:4px;
		background-image:url(../images/layout/BlockBtm.png);
		background-repeat:no-repeat;
		padding:0px 0px 10px 0px;
	}
	
	.subBlocks .title	{
		float:left;
		height:auto;
		width:788px;
		padding:0px 10px 10px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
	}
	
	.subBlocks .text	{
		float:none;
		height:auto;
		width:auto;
		padding:0px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}

	.subBlocks .text2	{
		float:left;
		height:auto;
		width:768px;
		padding:0px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	
	.subBlocks .textEvent	{
		float:left;
		height:auto;
		width:540px;
		padding:0px 10px 3px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	
	.subBlocks .imageEvent 	{
		float:left;
		height:auto;
		min-height:178px;
		width:225px;
		padding:3px 10px 0px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	
	.subBlocks .image	{
		float:left;
		height:92px;
		width:158px;
		padding:3px 10px 0px 0px;
		background-image:url(../images/layout/iconWomenMan.png);
	}

        .image2	{
		float:left;
		height:276px;
		width:321px;
		overflow:hidden;
	}

        .StageContent .image2	{
		float:left;
		height:276px;
		width:321px;
		overflow:hidden;
                text-align:center;
	}

        .subBlocks .redBlock	{
		float:left;
		height:auto;
		min-height:355px;
		width:321px;
		background-image:url(../images/layout/redBlock.png);
		background-repeat:repeat;
		padding:8px;
	}




.StageContent {
	float:left;
	width:462px;
	height:auto;
	min-height:470px;
}

	.StageContent .share	{
		position:absolute;
		width:160px;
		height:25px;
		top:100px;
		left:550px;
		overflow:hidden;
		color:#FFF;
                z-index:3;
		background-color:#FFF;
                -moz-border-radius: 0px 0px 4px 4px;
                border-radius: 0px 0px 4px 4px;

		}

	.StageContent .earth	{
		position:absolute;
		width:25px;
		height:24px;
		top:158px;
		left:15px;
		background-position:25px 14px;
		padding:12px 0px 6px 54px;
		background-image:url(../images/layout/earh.png);
		background-repeat:no-repeat;
		}

	.StageContent .titel	{
		float:left;
		width:403px;
		height:auto;
		padding:16px 0px 11px 57px;
		font-size:16px;
	}


	.StageContent .top	{
		float:left;
		width:462px;
		height:5px;
		background-image:url(../images/layout/stageTop.png);
		background-repeat:no-repeat;
	}
	
	.StageContent .midGedraaid	{
		float:left;
		width:462px;
		height:auto;
		min-height:460px;
		background-image:url(../images/layout/StageMid.png);
		background-repeat:repeat-y;
	}


	
	.StageContent .btm	{
		float:left;	
		width:462px;
		height:5px;
		background-image:url(../images/layout/StageBtm.png);
		background-repeat:no-repeat;
		position:center bottom;
	}

        	.StageContent .topGedraaid	{
		float:left;
		width:462px;
		height:5px;
		background-image:url(../images/layout/StageTopGedraaid.png);
		background-repeat:no-repeat;
	}

	.StageContent .midGedraaid	{
		float:left;
		width:462px;
		height:auto;
		min-height:461px;
		background-image:url(../images/layout/StageMidGedraaid.png);
		background-repeat:repeat-y;
	}

	.StageContent .btmGedraaid	{
		float:left;
		width:462px;
		height:5px;
		background-image:url(../images/layout/StageBtmGedraaid.png);
		background-repeat:no-repeat;
		position:center bottom;
	}

		.StageContent .midGedraaid .shadowTop	{
			float:left;
			width:462px;
			height:10px;
			background-image:url(../images/layout/ShadowTop.png);
			background-repeat:no-repeat;
			background-position:73px 0px;
		}

		.StageContent .midGedraaid .shadowMid	{
			float:left;
			width:462px;
			height:auto;
			min-height:300px;
			background-image:url(../images/layout/ShadowMid.png);
			background-repeat:repeat-y;
			background-position:73px 0px;
			padding-left:24px;
		}


		.StageContent .midGedraaid .shadowBtm	{
			float:left;
			width:462px;
			height:10px;
			background-image:url(../images/layout/ShadowBtm.png);
			background-repeat:no-repeat;
			background-position:73px 0px;
		}
	
		.StageContent .midGedraaid .shadowTop	{
			float:left;
			width:462px;
			height:10px;
			background-image:url(../images/layout/ShadowTop.png);
			background-repeat:no-repeat;
			background-position:73px 0px;
		}
		
		.StageContent .midGedraaid .shadowMid	{
			float:left;
			width:462px;
			height:auto;
			min-height:300px;
			background-image:url(../images/layout/ShadowMid.png);
			background-repeat:repeat-y;
			background-position:73px 0px;
			padding-left:24px;
		}
		
		.StageContent .midGedraaid .shadowBtm	{
			float:left;
			width:462px;
			height:10px;
			background-image:url(../images/layout/ShadowBtm.png);
			background-repeat:no-repeat;
			background-position:73px 0px;
		}
		
		.StageContent .midGedraaid .grid	{
			float:left;
			width:300px;
                        margin-right:11px;
			height:auto;
			min-height:393px;
			background-image:url(../images/layout/Grid.png);
			background-repeat:no-repeat;
			background-position:0px 0px;
                        cursor:pointer;
                        overflow:hidden;
		}
		
		.StageContent .midGedraaid .top	{
			float:left;
			width:419px;
			height:5px;
			background-image:url(../images/calender/contentTop.png);
			background-repeat:no-repeat;
			background-position:0px 0px;
		}
		.StageContent .midGedraaid .mid	{
			float:left;
			width:419px;
			height:auto;
			min-height:393px;
			background-image:url(../images/calender/contentMid.png);
			background-repeat:repeat-y;
			background-position:0px 0px;
			font-weight:100;
		}
		
		.StageContent .midGedraaid .player	{
			float:left;
			width:419px;
			height:auto;
			min-height:323px;
			background-image:url(../images/calender/contentMid.png);
			background-repeat:repeat-y;
			background-position:0px 0px;
			font-weight:100;
		}
		
		.StageContent .midGedraaid .playerTxt	{
			float:left;
			width:419px;
			height:auto;
			min-height:52px;
			background-image:url(../images/calender/contentMid.png);
			background-repeat:repeat-y;
			background-position:0px 0px;
			font-weight:100;
                        padding-left:10px;
		}
		
			.midGedraaid .mid .filter{
				float:left;
				width:419px;
				height:33px;
				text-align:center;
				padding-top:10px;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:11px;
				background-image:url(../images/calender/contentMid.png);
				background-repeat:repeat-y;
				background-position:0px 0px;
			}
			
			.midGedraaid .mid .lexion{
				float:left;
				width:419px;
				height:30px;
				text-align:center;
				padding-top:10px;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:12px;
				text-transform:uppercase;
				background-image:url(../images/calender/contentMid.png);
				background-repeat:repeat-y;
				background-position:0px 0px;
			}
                        			.midGedraaid .mid .lexion a{
				text-decoration:none;
                                color:white;

			}

			
			.midGedraaid .mid .lexionCon{
				float:left;
				width:419px;
				height:743px;
				overflow-y:scroll
				}
			
.filter .Emptybtn	{
	float:left;
	min-height:22px;
	width:90px;
	background-image:url(../images/layout/emptyBtn.png);
	background-repeat:no-repeat;
	text-align:center;
	padding:5px 0px 0px 0px;
	font-size:12px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

.filter a{
				text-decoration:none;
                                color:white;

			}

			.filter .btnCon	{
				width:auto;
				height:auto;
				margin-top:-3px;
				padding:0px 0px 0px 13px;
				
			}
			
			.midGedraaid .mid .hr{
				float:left;
				width:419px;
				height:1px;
				background-color:#FFF;
				filter:alpha(opacity=30);
				opacity:0.3;
			}
			
			.lexionCon .lexionItem	{
				float:left;
				width:380px;
				height:auto;
				min-height:70px;
				text-align:left;
				padding:12px;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:11px;
			}
			
			.lexionCon .LexHr{
				float:left;
				width:404px;
				height:1px;
				background-color:#FFF;
				filter:alpha(opacity=30);
				opacity:0.3;
			}
			
			.midGedraaid .mid .calenderItem	{
				float:left;
				width:395px;
				height:auto;
				min-height:70px;
				text-align:left;
				padding:12px;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:11px;
			}
			
			
			.midGedraaid .mid .calenderItem:hover	{
				background-color:#F90;
			}

                        .midGedraaid .mid .calenderFilter:hover	{
				background-color:#F90;
			}
			
			.midGedraaid .mid .partner	{
				float:left;
				width:395px;
				height:24;
				text-align:center;
				padding:10px;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:11px;
			}
			
			.midGedraaid .mid .navigation	{
				float:left;
				width:415px;
				height:42px;
				text-align:center;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:11px;
			}
			
			.midGedraaid .mid .text	{
				float:left;
				width:319px;
				height:27px;
				text-align:center;
				padding-top:15px;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:11px;
			}
			
			
.btns	{
				float:left;
				width:30px;
				height:30px;
				padding-left:9px;
                                padding-right: 9px;
				text-align:center;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:11px;
                                cursor:pointer;
			}


                        .btnsEmpty	{
				float:left;
				width:30px;
				height:30px;
				padding:9px;
				text-align:center;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:11px;
			}

                        #btnSlideLeft{
                            
                        }
			
			.redBlock .btns	{	
			}
			
.textImage	{
				float:left;
				width:225px;
				height:50px;
				text-align:center;
                                padding-top:5px;
			}
			
			
				.textImage	.itemTitel{
					font-size:17px;
					height:40px;
					width:325px;
					float:none;
					margin-top:-5px;

                                        text-align:center;
				}
				
				.textImage	.info{
					font-size:11px;
					min-height:100px;
					width:350px;
					float:none;
					margin-top:4px;
                                        text-align:left;
				}
			
				.midGedraaid .mid .calenderItem	.avatar{
					float:left;
					width:95px;
					height:auto;
					min-height:70px;
					text-align:center;
				}

                                .midGedraaid .mid .calenderItem	.arrow{
					float:left;
					width:30px;
					height:auto;
					min-height:40px;
					text-align:center;
                                        padding-top:30px;
                                        padding-left:5px;
				}
				
				.calenderItem .text2	.itemTitel{
					font-size:18px;
					height:auto;
					width:265px;
					float:left;
					padding-left:7px;
				}
				
				.calenderItem .text2	.info{
					font-size:11px;
					height:auto;
					width:265px;
					float:left;
					padding-left:8px;
					margin-top:4px;
				}
				
				
				 .lexionItem .text2	.itemTitel{
					font-size:16px;
					height:auto;
					width:auto;
					float:none;
                                        font-weight:bold;

                                         
				}
				
				 .lexionItem .text2	.info{
					font-size:11px;
					height:auto;
					width:auto;
					float:none;
					margin-top:4px;
				}
				
		
		.StageContent .midGedraaid .btm	{
			float:left;
			width:419px;
			height:6px;
			background-image:url(../images/calender/contentBtm.png);
			background-repeat:no-repeat;
			background-position:0px 0px;
		}
	
	
.subLogin	{
	float:left;
	height:auto;
	min-height:380px;
	width:336px;
	background-image:url(../images/layout/leftYellow.png);
	background-repeat:repeat;
	padding:17px 0px 0px 10px;
}

.loginForm{
    position:relative;
    left:150px;
    top:-45px;
}

.loginLabels{
    position:relative;
    left:50px;
    top:15px;
}

	.subLogin .redBlock	{
		float:left;
		height:auto;
		min-height:355px;
		width:321px;
		background-image:url(../images/layout/redBlock.png);
		background-repeat:repeat;
		padding:8px;
	}

	.subLogin .redBlock .image	{
		float:left;
		height:276px;
		width:321px;
		overflow:hidden;
	}

.subLoginFooter	{
	float:left;
	height:auto;
	min-height:5px;
	width:346px;
	background-image:url(../images/layout/yellowBgBtm.png);	
	background-repeat:repeat;
}



.login {
	float:left;
	width:346px;
	height:auto;
	min-height:470px;
	
}
	.login .titel	{
		float:left;
		height:auto;
		width:346px;
		font-size:21px;
		padding:0px 2px 0px 10px;
	}
	
	.login .subTitel	{
		float:left;
		height:auto;
		width:346px;
		font-size:14px;
		padding:0px 0px 5px 10px;
	}

		.login .question	{
			float:left;
			height:auto;
			width:95px;
			padding:8px 0px 10px 8px;
                        font-weight:bold;
                        font-size:12px;
		}
		
		.login .awnser	{
			float:left;
			height:auto;
			width:235px;
			padding:8px 8px 10px 0px;
		}
		
		.login .btn	{
			float:left;
			height:auto;
			width:146px;
			padding:11px 8px 10px 50px;
                        cursor:pointer;

		}

	.login .hr	{
		float:left;
		width:346px;
		height:1px;
		background-color:#FFF;
		filter:alpha(opacity=30);
		opacity:0.3;
	}

	.login .top	{
		float:left;
		width:346px;
		height:5px;
		background-image:url(../images/layout/LoginTop.png);
		background-repeat:no-repeat;
	}
	
	.login .mid	{
		float:left;
		width:346px;
		height:auto;
		min-height:460px;
		background-image:url(../images/layout/LoginMid.png);
		background-repeat:repeat-y;
	}
	
	.login .btm	{
		float:left;	
		width:346px;
		height:5px;
		background-image:url(../images/layout/LoginBtm.png);
		background-repeat:no-repeat;
		position:center bottom;
	}

        .loginBtn{
            background-image:url(../images/layout/emptyBtn.png);
            background-repeat:no-repeat;
            position:relative;
            left:70px;
            top:-10px;
            height:22px;
            width:90px;
            padding-left:25px;
            padding-top:4px;
            cursor:pointer;
        }

.calenderItemCon	{
	float:left;
	min-height:409px;
	width:395px;
	padding:12px;
}

	.calenderItemCon	.image	{
		float:left;
		height:160px;
		width:205px;
		padding:0px 12px 12px 2px;
                overflow:hidden;
	}
	
	.calenderItemCon	.CalenderTitel	{
		float:left;
		height:18px;
		width:395px;
		padding:0px 12px 12px 0px;
		font-size:16px;
	}
	
	.calenderItemCon	.CalenderTxt	{
		float:left;
		height:162px;
		width:164px;
		padding:0px 12px 12px 0px;
		font-size:11px;
	}
	
	.calenderItemCon	.Calenderinfo	{
		float:left;
		min-height:162px;
		width:395px;
		padding:0px 12px 12px 0px;
		font-size:11px;
	}