body, html {height:100%;}
body {
	background-attachment: fixed;
	background-image: url(../images/big_background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#000000;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #FFFFFF;
}
p, li, td, label, input, textarea { font-size: 1.2em;}
p,h1,h2,h3,h4,h5 {
	margin: 5px 0 4px 0;
}

h1 {font-size: 1.7em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}

h3, h4, h2
{
	margin: 20px 0px 10px;
}


a:link, a:visited {
	color:#FFC100;
	text-decoration: none;
}

a:hover, a:active { 
	color:#FFC100; 
	text-decoration: underline;
}
.bigbutton {
display: block !important;
	border: solid 1px #2289B2 !important;
	background-color:#FFFFFF !important;
	width: 180px;
	height: 15px !important;
	background-image: url(../images/bckgr_button.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	padding: 3px 8px;
	margin: 4px 0;
	
}
.bigbutton a {
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: bold;}
.bigbutton a:hover {
	text-decoration: none;
	color:#FBD55E;
}
.vraag, .antwoord {
	font-size: 1.2em;
	margin: 0 0 0 8px;
	line-height: 150%;
}

.noggeenantwoord
{
	font-size: 1.5em;
	margin: 0 0 0 8px;
	line-height: 110%;
	color: #F6C10F;
	font-weight:bold; 
}

.vraag p, .antwoord p {
font-size: 1em;
}
#container {
	height:100%;
	width: 900px;
	margin: 0 auto;
	background-color:#007EBD;
	background-image: url(../images/gradient_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.birthday {
	background-image: url(../images/sterren_background2.jpg) !important;
	background-repeat: no-repeat;
	background-position: left top;
}
#header {
	width: 870px;
	margin: 0 15px;
	border-bottom: solid 1px white;
	position: relative;
}
#header h1 {
	width: 157px;
	height: 130px;
	text-indent: -9000px;
	padding: 0px;
	float: right;
	margin: 22px 15px 0 0 ;
	background-image: url(../images/main_logo.jpg);
	background-repeat: no-repeat;
}
.birthday #header h1 {
	
	background-image: url(../images/birthday_logo.jpg) !important;
	
}

#print {
	text-align: right;
	text-transform: uppercase;	
}

.print {
text-decoration: none;
font-size: 1em;
}


#subnav {
	position: absolute;
	right: 0px;
	xtop: 10px;
	width: 400px;
	color: white;
}

#subnav ul, #subnav li {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
#subnav li {
	margin: 10px 0;
}
* html #subnav li {
	margin: 10px 0;
}
.subnavbioscoop {top: 10px;}
.subnavbirthday {top: 10px; width: 480px !important;}
.subnavschool {top: 50px;}
.subnavmuseum {top: 10px;}
#subnav a {
	position: relative;
	display: block;
	text-indent: -9000px;
	width: 240px;
	height: 14px;
	overflow: hidden;
	background-image: url(../images/knop_nieuw.gif); /* het standaardplaatje voor een nog niet gedefinieerde subnav ID */
	background-repeat: no-repeat;
	background-position: left 0px;	
}
#ctl0_submenunav {border: solid 1px red;}

#subnav a:link, #subnav  a:visited {background-position: left 0px;}
#subnav a:hover, #subnav a:active, #subnav .hier {background-position: left -14px;}
#subnav .hier, #subnav a.hier:visited {background-position: left -14px !important}



/*home (just for development reasons */	
#subnav #ctl00_submenunav2LI a,
#subnav #ctl00_submenunav3LI a,
#subnav #ctl00_submenunav5LI a,
#subnav #ctl00_submenunav6LI a {
	text-indent:0px !important;background-image: none !important;
}

/* ------ een nieuw naviatie-item maken -------------- */

/* 
als er een nieuw navigatie-item bijkomt, verschijnt die eerst als 'een nieuwe knop' op de site.
er moet dan een nieuw plaatje worden aangemaakt (template hiervoor staat in psd map in www-map (op dezelfde hoogte als www-root)
dat plaatje (met de gele EN de witte tekst dus in een image) moet hieronder nog 'geplaatst' worden:
 - zoek de id op van de <li> waarin hij staat (in de gerenderde source), en 
 - kopieer een van onderstaande regels, met 
 - daarin de naam van het nieuwe plaatje en 
 - de naam van de nieuwe ID
*/

#subnav #ctl00_submenunav23LI a {margin-left:109px; width:70px;background-image: url(../images/knop_fotos.gif);}
#subnav #ctl00_submenunav24LI a {margin-left:122px; width:70px;background-image: url(../images/knop_nieuws.gif);}
#subnav #ctl00_submenunav25LI a {margin-left:105px; width:100px;background-image: url(../images/knop_groepsfoto.gif);}
#subnav #ctl00_submenunav20LI a {margin-left:58px; width:170px;background-image: url(../images/knop_SIDSclip.gif);}
#subnav #ctl00_submenunav21LI a {margin-left:32px; width:194px;background-image: url(../images/knop_pratenmetmedew.gif);}
#subnav #ctl00_submenunav22LI a {margin-left:0px; width:230px;background-image: url(../images/knop_hoeSIDS.gif);}

/*birthday:uitnodiging*/	#subnav #ctl00_submenunav14LI a {margin-left:0px; width:250px;background-image: url(../images/knop_uitnodiging.gif);}
/*birthday:recepten*/		#subnav #ctl00_submenunav15LI a {margin-left:187px; width:78px;background-image: url(../images/knop_recepten.gif);}
/*birthday:tips*/			#subnav #ctl00_submenunav16LI a {margin-left:240px; width:38px;background-image: url(../images/knop_tips.gif);}
/*birthday:moppen*/			#subnav #ctl00_submenunav17LI a {margin-left:229px; width:61px;background-image: url(../images/knop_moppen.gif);}
/*birthday:feestkalender*/	#subnav #ctl00_submenunav18LI a {margin-left:190px; width:119px;background-image: url(../images/knop_feestkalender.gif);}
/*birthday:jeverjaardag*/	#subnav #ctl00_submenunav19LI a {margin-left:0px; width:326px;background-image: url(../images/knop_vierjeverjaardag.gif);}


/*bioscoop:thoemkalaga*/		#subnav #ctl00_submenunav8LI a {margin-left:40px; width:110px;background-image: url(../images/knop_thoemkalaga.gif) !important; }
/*bioscoop:jeeigenvideoclip*/	#subnav #ctl00_submenunav28LI a {margin-left:30px; width:138px;background-image: url(../images/knop_jeeigenvideoclip.gif) !important;}
/*bioscoop:documentaire*/		#subnav #ctl00_submenunav11LI a {margin-left:30px; width:155px;background-image: url(../images/knop_documentaire.gif) !important;}
/*bioscoop:bollywoodclip*/		#subnav #ctl00_submenunav12LI a {margin-left:80px; width:118px;background-image: url(../images/knop_bollywoodclip.gif) !important;}
/*bioscoop:SIDSclip*/			#subnav #ctl00_submenunav13LI a {margin-left:60px; width:156px;background-image: url(../images/knop_SIDSclip.gif) !important;}



/*school:overbombay*/	#subnav #ctl00_submenunav4LI a {margin-left:90px; width:101px;background-image: url(../images/knop_overbombay.gif);}
/*school:overbombay*/	#subnav #ctl00_submenunav4LI a {margin-left:90px; width:101px;background-image: url(../images/knop_overbombay.gif);}
/*school:links*/ 		#subnav #ctl00_submenunav7LI a {margin-left:95px; width:110px;background-image: url(../images/knop_handigelinks.gif);}
/*school:metjeklas*/ 	#subnav #ctl00_submenunav9LI a {margin-left:0px; width:251px;background-image: url(../images/knop_metjeklas.gif);}


#sterhome {
	position: absolute;
	right: 17px;
	top: 35px;
	z-index: 1;
}


#columnA,
#columnB {
	float: left;
	margin: 27px 0 0 30px; 
	position: relative;
}
* html #columnA {
	margin: 27px 0 0 15px; 
}

#maincontent {
	margin: 0px;
	position: relative;
}
#columnA {
	width: 240px;
}
#columnB {
	width: 452px;
	padding: 0 0 0 23px;
}
#columnB h1 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: -18px;
	font-size: 2.1em;
	
}

.midithumbnails {}

.midithumbnails .thumb {
	float: left;
	margin: 0 0 10px 0;
}

.minithumbnails {
	margin-left: -10px;
	width: 250px;
	
}

.minithumbnails .thumb {
	float: left;
	margin: 0 0 16px 10px;
	height: 110px;
	font-size: 1.1em;
	
	width: 110px;
	
	
}
.minithumbnails .thumb img,
.midithumbnails .thumb img {
	margin-bottom: 3px;
}

/* content vanuit OCLITE */
.img_bijschrift p, #columnB p {
	line-height: 145%;
	margin: 8px 0 3px;
}
.img_bijschrift p a, #columnB p a {
	font-size: 1.1em;
}
.img_bijschrift img, #columnB img {
	margin-right: 10px;
}

/* aanpassing John */
#columnB img
{
	margin: 10px 0px;
}
/* einde aanpassing John */


.img_bijschrift ul, #columnB ul {
	margin: 0 0 0 20px;
	padding: 0;
}
.img_bijschrift li, #columnB li {
	margin: 4px 0 0 0;
	padding: 0;
}
.img_bijschrift ul br {
	float: left;
}
.img_bijschrift ul li br {
	clear: both;
}

/* forms*/
form {
	width: 330px;
}
label, input, textarea { 
}
label {
	width: 150px;
	float: left;
	margin: 3px 0;
}
input, textarea {
	width: 170px;
	float: left;
	margin: 3px 0;
	font-family:Arial, Helvetica, sans-serif;
}
.submit {
	float:left;
	width: 100%;
	
}
.submit input {
	width: auto;
	float: right;
}