﻿
/* =============== Font Fix =================== */
@font-face {
	font-family: 'OldSansBlackRegular';
	src: url('OldSansBlack.eot');
	src: local('OldSansBlack Regular'), local('OldSansBlack'), url('OldSansBlack.ttf') format('truetype'), url('OldSansBlack.svg#OldSansBlack') format('svg');
}



/* =============== Start =================== */

body 
{
    background-image:url('images/background.jpg');
    background-repeat:no-repeat;
    background-position:center top;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
    margin:0;
}


#container
{
    position:relative;
    width:980px;
	margin:0 auto;
	margin-top:10px;
}



#tekstLeft
{
    float:left;
}


/* =============== Header =================== */
#header
{
    height:220px;
    width:980px;
    float:left;
}

#logos
{
    float:left;
    height:189px;  
    width:100%;
}
.logo
{
    border:0;
    padding-left:8px;
    float:left;
}

.delta
{
    float:right;
    border:0;
}


#searchbar
{
    float:left;
    height:30px;
    padding-left:230px;
}

#searchbar img
{
    margin: 1px 8px;
    float:left;
    border:solid 1px #ce9e6f;
}

.searchBox
{
    height:20px;
    width:200px;
    font-size:12px;
    line-height:20px;
    padding:0px 2px 0px 2px;
    margin:0;
    border:solid 1px #b7b7b7;
}

.searchButton
{
    height:22px;
    width:100px;
    font-size:12px;
    line-height:20px;
    padding:0px 2px 0px 2px;
    margin:0;
    background-color:Black;
    color:White;
    border:0;
}


#social
{
    float:right;
}

#social img
{
    padding:3px;
    border:0;
    
}





/* =============== Menu =================== */
#menu
{
    position:relative;
    top:-30px;
    width:185px;
    left:-30px;
    float:left;
}

#menu #menu-top1
{
    width:215px;
    height:20px;
    background-image:url('images/menu-top.png');
    background-repeat:no-repeat;
    float:left;
}

#menu #menu-content
{
    width:215px;
    background-color:Black;
    float:left;
}



#menu #menu-bottom
{
    width:215px;
    height:20px;
    background-image:url('images/menu-bottom.png');
    background-repeat:no-repeat;
    float:left;
}




.AspNet-Menu 
{
    margin:0;
    padding:20px;
    list-style:none;
    font-size:12px;
}

.AspNet-Menu-Link
{
    color:White;
}

.AspNet-Menu-Selected
{
    color:Black;
}

.AspNet-Menu-ChildSelected 
{
    color:Gray;
    background-color:;

}

.AspNet-Menu-ParentSelected
{
    color:Black;
    background-color:Transparent;
}

.AspNet-Menu .AspNet-Menu-Selected
{
        color:Gray;
}


.AspNet-Menu ul .AspNet-Menu-Selected
{
        background-color:#d6b886;
        color:black;
}

.AspNet-Menu-WithChildren  .AspNet-Menu-Leaf  .AspNet-Menu-Selected
{
    color:Black;

} 




.AspNet-Menu ul
{
    margin:0;
    padding:0px 0px 0px 0px;
    list-style:none;
    background-color:#3b3b3b;
}


.AspNet-Menu 
{
    width:175px;
}

.AspNet-Menu li {
    margin:0;
    padding:0;
    margin-bottom:1px;
}

.AspNet-Menu a 
{
    font: 17px 'OldSansBlackRegular', Arial, sans-serif;
    display:block;
    padding:3px 0px 3px 0px;
    text-decoration:none;
    border-bottom:solid 3px #949494;
}




.AspNet-Menu ul li a 
{
    font: 12px Arial, sans-serif;
    display:block;
    padding:2px 5px;
    color:#cdad71;
    text-decoration:none;
    background:#3b3b3b;
    border-bottom:0px;
}



.AspNet-Menu ul ul 
{
    display:none;
}


.AspNet-Menu a:hover 
{

}

.AspNet-Menu ul li 
{
    padding:2px;
}

.AspNet-Menu ul a 
{

}

.hidden 
{
    display:none;
}




/* =============== Bread Crumb =================== */
#breadCrumb
{
    position:relative;
    top:-5px;
}
.breadCrumbTrail,  .breadCrumbTrail a
{ 
  font-size: 11px; 
  color:#bf976f;

} 

.breadCrumbTrail span
{
    padding:3px 3px 3px 0px;
}
 



/* =============== Content =================== */
#content
{
    width:950px;
    float:left;
    background-color:white;
    margin-left:30px;
}



/* =============== Footer =================== */
#footer
{
    padding-top:10px;
    width:950px;
    float:left;
    background-color:white;
    margin-left:30px;   
    color:#929292;
    font-size:12px;
}

#footer ul
{
    width:880px;
    margin:0px auto;
    list-style-type: none;
    height: 80px;
    border-top:#e2e2e2 3px solid;
    text-align:center;
    padding:0;
    background-image:url('images/lijnen.jpg');
    background-repeat:no-repeat;
    background-position:left 22px;

}

#footer li
{
    float:left;
    padding:20px 0px 20px 0px;
    width:220px;
 
}

#footer a
{
    color:#929292;
    text-decoration:none;
}

#footer a:hover
{
     text-decoration:underline;
}



/* =============== Data =================== */
#data
{
    float:left;
    width:725px;
    padding:20px;
}


/* =============== Algemeen =================== */


.tekst
{
    float:left;
    margin-bottom:10px;
    width:100%;
}


.tekstcol1
{
    width:215px;
    float:left;
    margin-right:10px;
}

.tekstcol1 p
{
    padding:2px;
}

.color
{
    background-color:#eff7fb;
}


.tekstcol1 .leesVerder
{
    padding:0;
    color:white;
    min-height:14px;
    height:14px;
    width:100%;
    /*position:absolute; */
    float:left;
    left:5px;
    top:100px;
    border:0;
    text-align:right;

}

.tekstcol1 .leesVerder span
{
    padding-top:10px;
    background-color:#3f9ece;
    text-align:left;
    font-size:11px;
    line-height:14px;
    padding: 2px 33px 2px 8px;
    margin-right:20px;

}
.tekstcol1 .leesVerder span a
{
    color:White;
    text-decoration:none;
}

.tekstcol1 .leesVerder span a:hover
{
    text-decoration:underline;
}






.tekstcol2
{
    width:215px;
    float:left;
    margin-bottom:10px;
}
.tekstcol2 p
{
    padding:2px;
}


.tekstcol2 .leesVerder
{
    color:white;
    min-height:14px;
    height:14px;
    width:100%;
    /*position:absolute; */
    float:left;
    left:5px;
    top:100px;
    border:0;
    text-align:right;

}

.tekstcol2 .leesVerder span
{
    background-color:black;
    text-align:left;
    font-size:11px;
    line-height:14px;
    padding: 2px 33px 2px 8px;
    margin-right:20px;

}
.tekstcol2 .leesVerder span a
{
    color:White;
    text-decoration:none;
}

.tekstcol2 .leesVerder span a:hover
{
    text-decoration:underline;
}


















p, li 
{
    font-size:12px;
    margin:0;
    padding-top:5px;
    line-height:150%;
}





ul, ol
{
    margin:0;
    padding-left:10px;
    font-size:12px;	
}





h1
{
    margin:0;
    background-image:url('images/dots.gif');
    background-repeat:repeat-x;
    background-position:center left;    
}


h1 span
{
    font: 24px 'OldSansBlackRegular', Arial, sans-serif;
    color:#787878;
    background-color:white;
    padding-right:5px;
}



h2
{
    margin:0;
    background-image:url('images/dots.gif');
    background-repeat:repeat-x;
    background-position:center left;   
}


h2 span
{
    font: 24px 'OldSansBlackRegular', Arial, sans-serif;
    color:#d7b988;
    background-color:white;
    padding-right:5px;  
}



h3
{
    margin:0;
    background-image:url('images/dots.gif');
    background-repeat:repeat-x;
    background-position:center left;   
}


h3 span
{
    font: 24px 'OldSansBlackRegular', Arial, sans-serif;
    color:#58abd5;
    background-color:white;
    padding-right:5px;  
}



.tekstContent h1, .tekstContent h2, .tekstContent h3
{
    font: 16px 'OldSansBlackRegular', Arial, sans-serif;
    color:Black;
    background:none;

}


.grey a
{
    text-decoration:none;
    color:Gray;
}




/* PANEL breedte ----------------- */
.Pnl1
{
	width:440px;
	float:left;
}
.Pnl2
{
	margin-left:10px;
	width:270px;
	float:left;
}
.Pnl3
{
	float:left;
 	width:100%;
}
.Pnl4
{
	width:440px;
	float:left;
}


.Pnl5
{
	margin-left:10px;
	width:270px;
	float:right;

}

/* Extra */
.Pnl1-full
{
	width:568px;
	float:left;
}
.Pnl2-full
{
	margin-left:0px;
	width:368px;
	float:left;
}





/* =============== Nieuws =================== */
.newsItem
{
    position:relative;
    width:100%;
    float:left;
    background-color:#f5ece2;
    margin-top:10px;
    margin-bottom:10px;
}
.newsItem h3
{
    position:relative;
    top:-10px;
    background-image:none;
}

.newsItem h3 span.titel
{
    font: 16px 'OldSansBlackRegular', Arial, sans-serif;
    color:#000000;
    padding-right:5px;  
    background-color:Transparent;
}

.newsItem h3 span.datum
{
    font: 16px 'OldSansBlackRegular', Arial, sans-serif;
    color:#d7b988;
    padding-right:5px;  
    background-color:Transparent;
}

.newsItem img
{
    float:left;
    height:82px;
    width:82px;
    padding:5px;
}

.newsItem p
{
    min-height:82px;
}



.newsItem .leesVerder
{
    color:white;
    min-height:14px;
    height:14px;
    width:100%;
    /*position:absolute; */
    float:left;
    left:5px;
    top:100px;
    border:0;
    text-align:right;

}

.newsItem .leesVerder span
{
    background-color:black;
    text-align:left;
    font-size:11px;
    line-height:14px;
    padding: 2px 33px 2px 8px;
    margin-right:20px;

}
.newsItem .leesVerder span a
{
    color:White;
    text-decoration:none;
}

.newsItem .leesVerder span a:hover
{
    text-decoration:underline;
}



/* ================== Nieuws archief ============================== */

#nieuwsLijst
{
    list-style:none;
    float:left;
    margin:0;
    padding:0;
    line-height:115%;
}
#nieuwsLijst span
{
    font: 12px 'OldSansBlackRegular', Arial, sans-serif;
    color:#d7b988;
    padding-right:10px;  
    background-color:Transparent;
}


#nieuwsLijst a
{
    color:#3d9ecb;
    text-decoration:underline;
    font-size:12px;
   
}

#nieuwsLijst a:hover
{
    text-decoration:none;
}


#nieuwsLijst .omschrijving
{
    font-family:Arial;
    padding-left:10px;  
    font-size:12px;
    color:#787878;
}



/* ================== Zoeken ============================== */

#tekstenLijst
{
    list-style:none;
    float:left;
    margin:0;
    padding:0;
    line-height:115%;
    width:100%;
    padding-bottom:20px;
}
#tekstenLijst span
{
    font-family:Arial;
    padding-left:10px;  
    font-size:12px;
    color:#787878;
}


#tekstenLijst a
{
    color:#3d9ecb;
    text-decoration:underline;
    font-size:12px;
   
}

#tekstenLijst a:hover
{
    text-decoration:none;
}


#zoeken h2
{
    font: 16px 'OldSansBlackRegular', Arial, sans-serif;
    color:Black;
    background:none;
}


#zoeken h2 span
{
    font-size: 16px;

}







/* Form -------------------------------    */  

INPUT.form
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background: #f3eddc;
	font: 12px Arial;
	height:20px;
	color: #000000;
	width:200px;
}
SELECT.form
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background: #f3eddc;
	font: 12px Arial;
	line-height:20px;
	color: #000000;
	width:204px;
}

TEXTAREA
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background: #f3eddc;
	font: 12px Arial;
	color: #000000;
	width:180px;
	height:120px;
}






/* Shop -------------------------------    */  

INPUT.formShop
{
	border-right: #b7b7b7 1px solid;
	border-top: #b7b7b7 1px solid;
	border-left: #b7b7b7 1px solid;
	border-bottom: #b7b7b7 1px solid;
	background: white;
	font: 12px Arial;
	height:20px;
	color: #000000;
	width:100%;
}
SELECT.formShop
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background: #f3eddc;
	font: 12px Arial;
	line-height:20px;
	color: #000000;
	width:100%;
}

TEXTAREA
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background: #f3eddc;
	font: 12px Arial;
	color: #000000;
	width:180px;
	height:120px;
}



.submitShop
{

    padding-top:10px;
    background-color:black;
    text-align:left;
    font-size:11px;
    line-height:14px;
    padding: 2px 3px 2px 8px;
    border:0;
    color:White;
    min-width:85px;
    
}



#Inloggen a
{
    color:#b7b7b7;
    text-decoration:none;
}


#Inloggen a:hover
{
    color:#b7b7b7;
    text-decoration:underline;
}


.algemene, .algemene a
{
    color:Black;
}







/* API Style ------------------------------------------------------------------------------------- */




.basicBookmark
{
float:left;
padding:5px;
}



/* Film Genre Overzicht ============================================================= */
#filmGenreOverzicht
{
	width:100%;
	float:left;
	color:Black;
						
}


#filmGenreOverzicht .poster
{
    width:155px;
    float:left;

}
 
#filmGenreOverzicht .poster img
{
    width:152px;
    height:215px;

}



#filmGenreOverzicht .kijkwijzer
{
    width:30px;
    float:left;

}

#filmGenreOverzicht .film
{
    padding-bottom:20px;
    padding-top:20px;
    float:left;
    border-bottom:solid 1px #787878;
}

#filmGenreOverzicht h1 span, #filmGenreOverzicht h2 span
{

    font: 20px 'OldSansBlackRegular', Arial, sans-serif;
    color:#d7b988;
    background-color:white;
    padding-right:5px;  
}


#filmGenreOverzicht h1, #filmGenreOverzicht h2
{

    background:none;
}

#filmGenreOverzicht a
{
    color:#787878;
    text-decoration:none;
}

#filmGenreOverzicht a:hover
{
    text-decoration:underline;
}

/* Film Genre Overzicht ============================================================= */













/* Film Overzicht */
#filmOverzicht
{
	width:100%;
	float:left;
	color:Black;
						
}


#filmOverzicht #filmData
{
	width:300px;
	float:left;
	color:Black;
					
}



#filmOverzicht h1
{
    margin-bottom:10px;

}

#filmOverzicht .film .gegevens h2
{
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	vertical-align:top;
	background-image:none;
}

#filmOverzicht .film .gegevens span
{
    width:100%;
	padding-bottom:5px;
	float:left;
}


#filmOverzicht .film
{
	width:100%;
	padding-bottom:30px;
	float:left;

}


#filmOverzicht .film .snelcode
{
/*
	position:relative;
	margin-top:25px;	
*/
    float:left;
	width:130px;
	background-color:#f7ece2;
	height:42px;
	color:black;
	text-align:left;
	

 }
#filmOverzicht .film .snelcode p
{

	font-weight:bold;
    font: 16px 'OldSansBlackRegular', Arial, sans-serif;
    text-align:center;
    line-height:30px;
}


#filmOverzicht a
{
	font-weight:bold;
	color:black;
	text-decoration:none;
	text-align:left;
}

#filmOverzicht a:hover
{
	text-decoration:underline;
}





.reserveer a
{
	color:#dcb682;
}


#filmOverzicht .film .kijkwijzer
{
	width:100%;
	float:left;
}

#filmOverzicht .film .poster
{
    margin-left:10px;
	width:130px;
	float:left;
}


#filmOverzicht .film .poster h5
{
    margin:0;
    margin-top:10px;
    padding:0;
}


#filmOverzicht .film .poster img
{
	width: 130px;
	border: 4px solid #000000;
}

/*
#filmOverzicht .film .poster a
{
	border: 4px solid #909090;
}
*/

#filmOverzicht .film .gegevens
{
	float:left;
	vertical-align:top;
	width:100%;
}

#filmOverzicht .film .gegevens2
{
	float:left;
	width:500px;
	vertical-align:top;
}

#filmOverzicht .film .gegevens2 h2
{
	padding:0;
	margin:0;
}

#filmOverzicht .film .opties
{
	float:right;
	width:250px;
	height:100px;
	vertical-align:top;
	text-align:right;
}






.nummer
{
	margin-left:250px;
	width:390px;
	background-image:url('images/nummer.png');
	background-position:center;
	background-repeat:no-repeat;
	height:42px;
	font-family:Kalinga, Arial;
	font-size:20px;
	color:#ffe502;
	left:-35px;
	text-align:center;
	margin-top:8px;
}
.nummer p
{
	padding-top:15px;
	padding-left:200px;
	font-family:Kalinga, Arial;
	font-weight:bold;
	font-size:24px;
}










/* Film Dag Overzicht */
#filmDagOverzicht
{
	width:100%;
	float:left;
}

#filmDagOverzicht SELECT
{
    color:#777777;
    background-color:#f7ece1;
    border:0;
    width:230px;
    height:20px;
    line-height:20px;   
}


#filmDagOverzicht p
{
	line-height:100%;
	padding-bottom:0px;
	padding:4px;
	margin:0;
}




#filmDagOverzicht .film
{
	width:100%;
	float:left;
    margin-bottom:5px;
    background-image:url('images/dots.gif');
    background-repeat:repeat-x;
    background-position: bottom left; 
}



#filmDagOverzicht .filmHover
{
	width:100%;
	float:left;
	/* background-color:#141313; */

}

#filmDagOverzicht .titel
{
	width:270px;
	display:block;
	float:left;
}

#filmDagOverzicht .titel a
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:black;
	text-decoration:none;
	text-align:left;
}

#filmDagOverzicht .titel a:hover
{
	text-decoration:underline;
}



#filmDagOverzicht .kijkwijzer
{
	width:40px;
	height:50px;
	float:left;
	text-align:center;
}

#filmDagOverzicht .kijkwijzer img
{
    width:20px;
}

#filmDagOverzicht .programma
{
	width:255px;
	float:left;
}

#filmDagOverzicht .programma .tijd, #Winkelwagen .tijd
{
	min-width:49px;
	padding:2px;
	margin-left:2px;
	margin-bottom:2px;
	background-color:#f7ece1;
	background-repeat:no-repeat;
	text-align:center;
	color:black;
	line-height:18px;
	float:left;

}

#tijden
{
	width:100%;
	float:left;
}


#filmDagOverzicht .programma .tijd a
{
	color:black;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;

}






/* ----------------- Film tijd ---------------------------- */
#filmTijdOverzicht
{
    width:100%;
	float:left;
	color:black;
}

#filmTijdOverzicht h3
{
    
    background-image:none;
	font-size:12px;
	padding-bottom:5px;
}




#filmTijdOverzicht .programma
{
    width:100%;
	float:left;
	padding:5px 0px 5px 0px;
}

#filmTijdOverzicht .programma .tijd
{
	min-width:49px;
	padding:2px;
	margin-left:2px;
	margin-bottom:2px;
	height:20px;
	background-color:#f7ece1;
	background-repeat:no-repeat;
	text-align:center;
	color:black;
	line-height:20px;
	float:left;
	border:0;

}
#filmTijdOverzicht .programma .tijd a
{
	color:black;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	border:0;

}





/* Carousel slider ----------------------------- */
#featured{ 
	width:940px; 
	/*padding-right:440px;  */
	position:relative; 
	height:280px; 
	overflow:hidden;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0;
	left:588px; 
	list-style:none; 
	padding:0;
	margin:0; 
	width:352px; 
	z-index:10;

}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0;
	padding-left:12px;  
	font-size:12px; 
	color:#666; 

}
#featured ul.ui-tabs-nav li img{ 
	float:left;
	margin:0px 10px; 
	padding:2px; 
}
#featured ul.ui-tabs-nav li span 
{
	color:#222222;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	font-family:Arial;
}





#featured li.ui-tabs-nav-item a 
{
	font-family:Arial;
	padding-left:10px;
	display:block; 
	height:56px; 
	line-height:150%;
	font-size:14px;
	text-decoration:none;
	color:#222222;
	font-weight:bold;
}
#featured li.ui-tabs-nav-item a:hover 
{
	background-image:url('images/item-hover.png');

}
#featured li.ui-tabs-selected 
{
	background:url('images/selected-item.png') top left no-repeat; 

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	color:White;

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a span{ 
	color:White;

}

#featured .ui-tabs-panel{ 
	width:940px;
	height:280px; 
	position:relative;
 
}



#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px;
	left:0; 
	height:100px; 
	background: url('images/transparent-bg.png'); 
	width:600px;

}
#featured .info h2{ 
	font-size:18px;
	font-family:Kalinga, Arial;
	color:#fff;
	padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0; 
	padding:5px;
	font-family:Arial;
	font-size:12px; 
	line-height:150%;
	color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}









/* Verwachte films ------------------------------- */
#verwachteFilms
{
	width:100%;
	background-image:url('images/verwacht_background.jpg');
	background-repeat:repeat-x;
}

#verwachteFilms span
{
	font-size:10px;
	padding:5px;
}


#verwachteFilmsNext
{
	height:200px;
	width:25px;	
	float:right;
	
}
#verwachteFilmsNext img
{
	padding-top:90px;
	border:0;
}


#verwachteFilmsPrev
{
	height:200px;
	width:25px;	
	float:left;
	
}

#verwachteFilmsPrev img
{
	padding-top:90px;
	border:0;
}


.verwachtefilms
{
	height:240px;
	width:125px;

}

.verwachtefilms ul li
{
	height:240px;
	width:125px;

}



.verwachtefilms1
{
	height:240px;
	width:132px;

}

.verwachtefilms1 ul li
{
	height:240px;
	width:132px;

}






/* Winkelwagen films ------------------------------- */
.bedragen
{
	font-size:12px;
	padding-left:286px;
}

.bedragen img
{
    padding-right:30px;
    
}



.bedragen table td
{
	width:150px;	
}

.tebetalen
{
	font-size:14px;
	font-weight:bold;
}


.buttons
{
    padding-left:475px;
}


.buttons .submit
{

    padding-top:10px;
    background-color:black;
    text-align:left;
    font-size:11px;
    line-height:14px;
    padding: 2px 3px 2px 8px;
    border:0;
    color:White;
    min-width:85px;
    
}


#updatecheck
{
	position:absolute;
	z-index:100;
	width:725px;
	height:350px;
	background-color:#f7ebe1;
}
#updatecheck p
{
	font-family:Arial;
	font-size:12px;
	color:black;
}
#updatecheck h1
{
	font-size:18px;
	color:black;
	background-color:Transparent;
}



.AspNet-GridView th
{
	text-align:left;	
}



.AspNet-GridView h2
{
	font-size:14px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}

.AspNet-GridView table
{
	width:100%;
	text-align:left;
	font-size:12px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}

.AspNet-GridView .titel
{
	width:350px;
}

.AspNet-GridView .datum
{
	width:200px;
}

.AspNet-GridView .aanvang
{
	width:100px;
}

.AspNet-GridView .aantalkaarten
{
	width:70px;
}

.AspNet-GridView .prijsperstuk
{
	width:100px;
}

.AspNet-GridView .prijs
{
	width:100px;
}


.AspNet-GridView .verwijder
{
	width:47px;
}

.AspNet-GridView img
{
	width:60px;
	padding:5px;
}

.AspNet-GridView-Header
{
	text-align:left;
}



/* Inloggen ------------------------------- */
#Inloggen table
{
	width:100%;
	text-align:left;
	font-family:Arial;
	font-size:12px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}



/* Inloggen ------------------------------- */
#Register table
{
	width:100%;
	text-align:left;
	font-family:Arial;
	font-size:12px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 10px 5px;
}











/* =================== Nieuwsbrief ======================= */

#NieuwsbriefContent
{
    background-color:#d8ecf6;
    padding: 5px 15px 10px 10px;
}

#NieuwsbriefContent INPUT
{
    color:Gray;
    background-color:White;
    width:100%;
    margin-bottom:5px;
}

#Nieuwsbrief .button
{
    color:white;
    background-color:#3f9ece;
    width:100px;
    position:relative;
    left:155px;
    top:-10px;
    border:0;
    text-align:left;
    font-size:11px;
    line-height:14px;
}












/* Sponsors -------------------------------    */  
#sponsors
{
    width:100%;
    height: 165px;
    border:solid 1px #cfcfcf;
    background-color:White;
    text-align:center;
}

#sponsors p
{
    color:#cfcfcf;
    height:40px;
    font-size:12px;
    line-height:30px;
}

#carousel
{
	z-index:0;    
	text-align:center;
	height:100px;
	width:100%;
	margin:auto;

}
.pics 
{
    height: 130px; 
    padding:0; 
    overflow: hidden; 
    text-align:center; 
    margin:0;
}
.pics a
{    
    margin: auto; 
    display: block
}

.pics img  
{
    border:0;
    margin: auto; 
    display: block
}

/* give each slide the same dimensions */
#carousel div { width: 100%; height: 300px;  }
 
/* make sure each slide image is centered */
#carousel div img { margin: auto; display: block }





/* ========= aAA ==================== */
#vergroten
{
    margin-left:20px;
    float:left;
}

#up
{
    color:Black;
    font-size:20px;
    font-family:Myriad Pro, Arial; 
    font-weight:bold;
}
#down
{
    color:Black;
    font-size:10px;
    font-family:Myriad Pro, Arial; 
    font-weight:bold;
}
#reset
{
    color:Black;
    font-size:14px;
    font-family:Myriad Pro, Arial; 
    font-weight:bold;
}







/* ========= Formulieren ==================== */

.tekst td
{
    font-family:Arial;
    font-size:12px;

}


.submit
{
    padding-top:10px;
    background-color:black;
    text-align:left;
    font-size:11px;
    line-height:14px;
    padding: 2px 33px 2px 8px;
    margin-right:20px;
    border:0;
    color:White;
}









/* ============= AGENDA ========================= */
#Agenda
{
    width:100%;
    float:left;
}

#agendaItems
{
    padding-top:5px;
    width:280px;
    float:left;
    
}

#agendaItems h6
{
    margin:0;
    padding:0;
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    line-height:150%;
   
}
#agendaItems h6 span
{
    padding-right:5px;

}

#agendaFoto
{
    padding-top:5px;
    width:150px;
    float:left;
    
}


