/*ie 6* html #div {
}*/

/*ie 7*+html #div {
}*/

/* ==============================================================================================
   Naam:          basis
   Door:          Zinster Webdesign (www.zinster.nl)
   Datum:         
   Opdrachtgever: Toonkunst Nederland

   Gewijzigd:
   Versie 	Datum   Door  Omschrijving
   ====== 	======  ====  ============
   1.0    	010408  PS    Nieuw
	 					080410	AB		
	 
	 Notes:
	 ======
		kleuren: 
		groen (=advisering & scholing):#669900;
		paars (=diensten):#993399;
		rood (=activiteiten) :#ff3333;
		hemels (=koren) : #00ccff;#0099cc;
		blauw (=nieuws): #003399;
		mosterd (=contact): #cccc00;#999900;
		oranje (=vtn):#ff6600;
		
		
		
		font-family: "Irma Bold";
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-variant: normal;

font-family: "Irma Black";
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-variant: normal;
		
   ================================================================================================ */

* {
	margin: 0;
	padding: 0;
}


html, body {
   height: 100%;
   margin: 0 0 1px;
   padding: 0;
   }
/*t.b.v. ie6 png fix*/
img, div {
	behavior: url(../ie6/iepngfix.htc);
}

body {
	font-family: "apertura-1","apertura-2", Verdana;
}

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

a:hover{
	text-decoration:underline;
}

p, td {
	font-size:12px;
	line-height:16px;
}

p a:link, p a:visited{
	color:#33cccc;
	text-decoration:none;
}

p a:hover {
	text-decoration:underline;
}

h1 {/*pagina kop*/
	font-size:15px;
	/*font-weight:normal;*/
	display:inline;}

h2 {
	font-size:15px;
	font-weight:normal;
}
h3{/*intro, ook voor nieuws-item*/
	font-size:15px;
	line-height:21px;
	font-weight:normal;
}
h4{/*subkopjes*/
	font-size:13px;
	font-weight:normal;
}

h5 {/*nieuwskop*/
	font-size:18px;
	font-weight:normal;
}

h6{/*agenda-items*/
	background-image:url(../images/bolletje_rood.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:16px;
	font-size:15px;
	font-weight:normal;
}

.padding_top_advies{
	padding-top:80px;
}
.clear {
	clear:both;
}
.wit {
	color:#fff;
}
.home {
	color:#ff6600;
}
/*classes voor de tekstkleur verschillend per menuitem===============================*/
.advies{
	color:#669900;
}
.diensten{
	color:#993399;
}
.activiteiten{
	color:#ff3333;
}
.koren{
	color:#0099cc;
}
.nieuws{
	color:#003399;
}
.contact{
	color:#999900;
}
.vtn,.mbt{
	color:#ff6600;
}
/*====================================================================================*/
.groter {
	font-size:15px;
	line-height:22px;
}
.groot {
	font-size:36px;
}
#skip_intro{
	position:absolute;
	top:600px;
	left:868px;
	width:100px;
	height:29px;
	z-index:3000;
	color:#ff6600;
}
#skip_intro a:link, #skip_intro a:visited{
	color:#ff6600;
	text-decoration:none;
}
#wrapper {
	position:relative;
	margin:20px auto;
	width:980px;
	min-height:680px;
	z-index:4;
	background-color:#FFF;
}
#foto, #foto2 {
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:680px;
	z-index:5;
	overflow:hidden;
}
#foto2 {
	width:300px;
	z-index:-1;
	/*z-index:50;*/
	/*visibility:hidden;*/
}
#foto img, #foto2 img{
	position:absolute;
	top:-40px;
	top:0px;
	left:0px;
	overflow:hidden;
}

#deco {
	position:absolute;
	left:250px;
	top:0px;
	width:100px;
	height:680px;
	background-image:url(../images/deco2.png);
	z-index:10;
}

#logo {
	position:absolute;
	top:550px;
	left:7px;
	width:290px;
	height:100px;
	background-image:url(../images/logo_TKN.png);
	background-repeat:no-repeat;
	background-position:left top;
	z-index:50;
}

#mainContent {
	position:absolute;/*!!!*/
	top:145px;
	left:497px;
	width:483px;
	/*padding-bottom:40px;
	padding-left:245px;
	padding-top:117px;*/
	height:503px;
	overflow:hidden;
	overflow-y:auto;
	z-index:20;
}
#mainContent.intro{
	left:685px;/*705*/
	width:300px;/*280*/
}
#mainContent.intro p{
	font-size:15px;
	line-height:21px;
	}

.welkom {
	font-size:25px;
	display:inline;
}
/*=====classes voor de diverse posities van de main content per menu item========*/
#mainContent.diensten {
	top:190px;
	height:460px;
	z-index:20;
}
		
#mainContent.activiteiten {
	top:227px;
	height:430px;
	z-index:20;
}

#mainContent.nieuws, #mainContent.koren, #mainContent.contact, #mainContent.vtn {
	top:30px;
	height:500px;
	z-index:20;
}
#mainContent.koren, #mainContent.nieuws {
	height:630px;
	top:20px;
	z-index:20;
}
#mainContent.vtn{
	/*height:520px;*/
	height:500px;
	/*top:120px;/*!!!*/
}
#mainContent.mbt{
	height:518px;
	/*top:15px;/*!!!*/
	top:30px;
}
/*==============================================================================*/
#wit_onder {
	position:absolute;
	right:15px;
	bottom:0;
	width:500px;
	height:30px;
	background-color:#FFF;
	z-index:20;
}

/*.normaal {
	padding-top:87px;
}*/
#secondContent {

}

#footer {
	position:absolute;
	top:644px;
	left:7px;
	width:1010px;
	height:40px;
	z-index:30;
	color:#000;
}
#footer p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#footer p a:link{
color:#000;
}
/*#footer {
	position:relative;
	margin:-20px auto 0 auto;
	width:980px;
	height:20px;
	z-index:30;
	color:#000;
}*/
#wit{
	position:absolute;
	top:0px;
	left:350px;
	width:629px;
	height:679px;
	background-color:#FFF;
	z-index:18;
	
}
/* ========== Form elements =======================*/

input {
	float:right;
	width:130px;
	height: 15px;
	margin-bottom:5px;
}
	
.label {
	float:left;
	width:75px;
	line-height:20px;
}

/* =====korenlijst=========================================================================================== */
ul#koor{
}
ul#koor li p{
	margin-bottom:10px;
	border-top:1px solid #bff1fd;
}
.koornaam {
		/*font-size:16px;*/
		background-image:url(../images/bolletje_hemels.gif);
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:16px;
		font-size:14px;
		color:#02afda;
		/*font-weight:bold;*/
}