/*general classes*/

form
	{
	margin: 	0px;
	padding:	0px;
	}
input, textarea, select
	{
	border-width: 		1px ;
	border-style : 		solid ;
	border-color : 		#ccc ;
	background-color: 	#efefef;
	margin: 			1px;
	}

.submit
{
	font-size: 	11px;
}

/*text, headings*/
a, p, dt
	{
	}

h1
{
	background-image:  		url(images/bg_h1.gif);
	background-repeat: 		no-repeat;
	font-size: 				13px;
	letter-spacing: 		1px;
	padding-left: 			30px;
	padding-bottom: 		2px;
	padding-top: 			2px;
}

h2
	{
	font-size: 				12px;
	padding-bottom: 		2px;
	padding-top: 			2px;
	}
	
h3
{
	font-weight: 			bold;
	color: 					#ffffff;
	background-color: 		#1D84AB;
	font-size: 				12px;
	padding: 				2px;
	border: 				1px solid #000000;
	background-image:  		url(images/bg2.gif);
    background-repeat: 		repeat-x;
	margin-top: 			0px;
	margin-bottom: 			2px;
	font-size: 				11px;
}	

div.text
	{
	margin-bottom: 3px;
	margin-top: 0px;
	}

/*Een texthead is een kopje, zoals bv op de homepage Welkom op Websitemaken.be*/
p.texthead
	{
	font-weight: bold;
	color: #fff;
	background-color: #4B89D0;
	margin: 2px 0px;
	margin-bottom: 0px;
	font-size: 12px;
	padding: 2px;
	border: 1px solid #000;
	background-image:  url(images/bg2.gif);
    background-repeat: repeat-x;
	}

p.texthead a{
	color: #fff;
}



/*Een textbottom is een afsluiter van een div.text, zoals bv op de homepage Beginnen met websites maken> */
p.textbottom
	{
	background-color: #DBCEB7;
	color: #000000;
	margin: 0px;
	font-size: 12px;
	padding: 2px;
	text-align : left ;
	margin-bottom: 12px;
	}

p.textbottom a
{
	font-weight: bold;
}

p.textbottom a:hover
	{
		color: #333;
	}

/*de tekst tussen een texthead en een textbottom in, waar het dus eigenlijk om draait*/
div.text p
	{
	font-size: 11px;
	margin-top: 2px;
	margin-top: 0px;
	}

/*Geeft aan dat een item een column is, bv in de lijst met nieuwste items*/
.column
	{
	border-width : 1px ;
	border-style : solid ;
	border-color : #000000;
	padding: 0px;
	margin: 1px;
	background-color: #cccccc;
	color: #000000;
	}

/*Nieuw item, zoals de 5 nieuwste op de homepage*/
p.new-item
	{
	font-size: 11px;
	margin: 4px 2px;
	border-bottom: 1px dashed #cccccc;
	padding: 0px;
	}

/*Daaronder staat dan Lees verder..., die kun je evt. ook opmaken, als button ofzo*/
a.lees-meer-nieuw
	{
	font-weight: bold;
	text-decoration : underline ;
	text-align: right ;
	}

/*Afbeelding naast een nieuwsartikeltje*/
.news-img
	{
	float: left;
	border: 1px solid #ccc;
	margin: 4px;
	}

a img
{
	border: 0px;
	text-decoration: none;
}

/*De lijsten met bijv. tutorials en scripts, als op  http://www.websitemaken.be/miraxiship/index.php?page=show_script&show=10&topic=4, een tabel dus*/

.itemlist
{
	border: 1px solid #000;
	width: 620px;
	font-size: 11px;
	margin-top: 10px;
}

table.itemlist td
{
	padding: 4px;
	text-align: left;
}
table.scriptinfo td
{
	padding: 2px;
	text-align: left;
}
table.itemlist tr.info
{
	font-weight: bold;
	background-color: #DBCEB7;
	/*background-image: url(images/bg_onder.gif);
	background-repeat: x-repeat;*/
}

table.itemlist td a{
	text-decoration: none;
}

table.itemlist td a:hover{
	text-decoration: underline;
}

/*Info boven de scripts, */
.scriptinfo
{
	width: 99%;
	font-size: 11px;
	margin-top: 10px;
}

/*Een kopje in een tabel, zoals bijvoorbeeld op http://www.websitemaken.be/miraxiship/index.php?page=show_item&topic=1, waarin staat "Overzicht HTML"*/
tr.top
{
	background-color: #1D84AB;
	background-image:  url(images/bg2.gif);
    background-repeat: repeat-x;
	color: 				#ffffff;
	font-weight: bold;
	padding: 2px;
	font-size: 12px;
	border: 1px solid #000;
	text-align: left;
}

tr.top td a
{
	color: #fff;
}

tr.top td a:hover
{
	color: #eee;
}
/*De grijze balken in een tabel, bv onder de tr.top waarin de subcategorie staat.*/
tr.info
{
	background-color: #DBCEB7;
	color: #000;
	text-align: left;
	/*background-image: url(images/bg_onder.gif);
	background-repeat: x-repeat;*/
}

/*Info-tabelletje boven scripts en tutorials, waarin bv aantal views en schrijver staat*/
table.scriptinfo
{
	border: 1px solid #000;
}

/*Onderste regel, "Websitemaken.be wordt gehost door Nucleus" */
p.bottom
{
	width: 					764px;
	margin: 				0px;
	padding: 				3px;
	background-color: 		#1D84AB;
	color:				 	#fff;
	font-weight: 			bold;
	margin-bottom: 			0px;
	text-align: 			center;
	letter-spacing: 		2px;
	background-image:  		url(images/bg2.gif);
    background-repeat: 		repeat-x;
	border-top: 			1px solid #000;
	border-bottom: 			1px solid #000;
}
p.bottom a, p.bottom a:visited
{
	color: #fff;
}

/*Navigatieregel bovenin, met Homepage > Pagina 1 > Artikelnaam bijvoorbeeld */
h2.nav
{
	margin-left: 	4px;
	font-size: 		11px;
	margin-bottom: 	5px;
	margin-top: 	0px;
	padding-left:	0px;
	padding-top: 	5px;
	padding-bottom: 5px;
}

 h2.nav a
{
}


/*Hierin staan de gerelateerde items en linktips bij een artikel*/
div.related
{
	background-color: #F4F3F0;
	width: 200px;
	float: right;
	margin: 4px;
	text-align: right;
}

/*De bovenste regel van zo'n divje*/
div.related p.top
{
	background-color: #1D84AB;
	background-image:  url(images/bg2.gif);
    background-repeat: repeat-x;
	color: #fff;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	border: 1px solid #000;
}
div.related p
{
	padding: 2px;
	margin: 0px;
	text-align: left;
}

/*Info aan de zijkand op de pagina om plaatjes te uploaden, http://www.websitemaken.be/miraxiship/picuploader.php*/
div.file-upload-side
{
	float: right;
	border: #4B89D0 1px solid;
	background-color: #eee;
	width: 150px;
}
div.file-upload-side p
{
	padding: 2px;
}
div.file-upload-side p.top
{
	background-image:  url(images/bg2.gif);
    background-repeat: repeat-x;
	color: #fff;
	background-color: #1D84AB;
	padding: 2px;
	font-weight: bold;
}

hr
{
	heigth: 1px;
	color: #3382ab;
	padding: 0px;
	margin: 0px;
}
table.userinfo
{
	width:99%;
}

/*Overzicht scriptcategorieen, als op http://www.websitemaken.be/miraxiship/index.php?page=show_script&topic=2*/
.script
{
	font-weight: bold;
	margin-bottom: 4px;
	font-size: 13px;
	padding-left: 17px;
	background-image: url(images/folder_small.gif);
	background-repeat: no-repeat;
}

/*Voorbeeldpagina van een script, als op http://www.websitemaken.be/miraxiship/jsvoorbeeld.php?id=4*/
.scriptvoorbeeld
{
	background-color: #eee;
	border: 1px dashed #000;
	padding: 5px;
}

p.omschrijving
{
	margin-left: 30px;
	margin-top: 3px;
}

/*Omschrijving voor een textarea in een formulier*/
.textvak
{
	font-family : arial ;
	font-size : 13px ;
	border: 1px solid #ccc;
	background-color: #eee;
}

/*Tekst die omringt is door [code] en [/code], in BBcode. Bv de code op http://www.websitemaken.be/miraxiship/index.php?page=show_item&id=392*/
.code
{
	background-color: 	#E8EFF7; 
	border: 			#2B4157; 	
	border-style: 		solid; 
	border-width: 		1px;
	margin-left: 		5px;
	margin-top: 		5px;
	margin-bottom: 		5px;
	margin-right:		210px;
	text-align:			left;
	padding: 			4px;
	font-family:		courier;
	white-space:		pre;
}


.quote
{
	background-color: 	#E8EFF7; 
	border: 			#2B4157; 	
	border-style: 		solid; 
	border-width: 		1px;
	margin-left: 		5px;
	margin-top: 		5px;
	margin-bottom: 		5px;
	margin-right:		210px;
	text-align:			left;
	padding: 			4px;
}

.script-code
{
	margin-top: 0px;
	margin-right: 140px;
	padding: 4px;
	text-align: left;
	border: 1px dashed #ccc;
	border-top: 0px;
	background-color: #FAFAF8;
	white-space: pre; 
}

/*Tabel waarin reacties op nieuws, items en scripts komen te staan*/
table.nieuwsreacties
{
	border: 1px solid #000;
	width: 99%;
	border-collapse: collapse;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
}

table.nieuwsreacties td
{
	border: 1px solid #000;
	padding: 2px;
}

tr.info td input
{
	padding: 0px;
	font-size: 10px;
	margin-left: 80px;
	border: 1px solid #000;
}

/*Omschrijving voor bijvoorbeeld de add_item en edit_item tabellen. Hierin staan de formulieren en de cellen zijn omlijnd voor de duidelijkheid, zoals op http://www.websitemaken.be/miraxiship/index.php?page=register*/
table.itempages
{
	width: 99%;
	border-collapse: collapse;
}
table.itempages td
{
	padding: 			2px;
	background-color:	#EFEEE4;
	border-bottom:		1px dashed #cccccc;
	font-size:			11px;
	color:				#2B4157;
}

table.itempages tr.info td
{
	background-color: 		#EFEEE4;
}
table.itempages tr.reactietje td
{
	background-color: 		#F4F3F0;
}

table.itempages tr.top td
{
	color:				white;
	padding:			4px;
	border:				0px;
	text-align:			center;
}

/*Tabelletje waarin de smilies voor BBcode staan, niet aanpassen*/
table.anders td
{
	border: 			0px;
	padding: 			5px;
}

/*Lijstjes met links, zoals de beste 5 op http://www.websitemaken.be/miraxiship/index.php?page=links*/
table.linklist
{
	border: 			1px solid #000000;
}
table.linklist td
{
	padding: 			2px;
}


/* De lijstjes met "Wat vind je hier, op bv http://www.websitemaken.be/miraxiship/index.php?page=news&topic=1*/
ul.wat-vind-je-hier{
	padding-left: 0px;
	margin-left: 20px;
	list-style-image:  url(images/arrow.gif);
	text-align: left;
	font-size: 11px;
	
}

/* De hottest items per categorie*/
ul.hot-items
{
	padding-left: 		0px;
	margin-left: 		20px;
	list-style-image:  	url(images/arrow.gif);
	text-align: 		left;
	font-size: 			11px;
	margin-top:			2px;
}

ul.hot-items li
{
	margin-top:			2px;
}

/*Mededeling dat er geen reacties zijn, op bv http://www.websitemaken.be/miraxiship/index.php?page=news_extended&id=119*/
p.geen-reacties{
	background-color: #4B89D0;
	background-image:  url(images/bg2.gif);
    background-repeat: repeat-x;
	padding: 2px;
	width: 99%;
	color: #fff;
	border: 1px solid #000;
	font-weight: bold;
	font-size: 12px;
}

/*Info boven een PM, kijk bv op http://www.websitemaken.be/miraxiship/index.php?page=inbox en selecteer een berichtje*/
div.berichtinfo
{
	border: 1px solid #000;
	background-color: #F4F3F0;
	padding: 3px;
	margin-bottom: 0px;
}
div.berichtinfo p{
	margin: 0px;
	padding: 1px;
}

/*De Tekst van de pm*/
p.pm
{
	padding: 10px 3px;
	margin: 0px;
	border: 1px solid #000;
	border-top: 0px;
	border-bottom: 0px;
	background-color: #F4F3F0
}

/*Belangrijke optie uit een selectielijst*/
option.vet
{
	font-weight: bold;
	color: #0000cc;
}

/* geeft style van het woord Cursus in de itemlijst, dat aangeeft dat het om een uitgebreide cursus gaat*/
.cursus
{
	padding: 2px;
	margin-left: 20px;
	border: 1px solid #000;
	padding-left: 20px;
	background-color: #eee;
	font-weight: bold;
	background-image:  url(../../images/thumbsup.gif);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}

/*Lijstje categorieen op http://www.websitemaken.be/miraxiship/index.php?page=show_item&type=3&topic=7*/
ul.tutorials li
{
	background-image: url(../../images/folder.gif);
	padding-left: 17px;
	list-style-type: none;
	background-repeat: no-repeat;
}

/*Categorieen op bv http://www.websitemaken.be/miraxiship/?page=links*/
ul.links li
{
	margin-left: -30px;
	background-image: url(images/folder.gif);
	padding-left: 29px;
	list-style-type: none;
	background-repeat: no-repeat;
	height: 30px;
	font-size: 13px;
	background-position: 0px 0px;
	font-weight: bold;
	color: #000;
	padding-top: 7px;
	text-align: left;
}

ul.links li a
{
	color: #000;
}
.nieuwskop
{
	margin: 3px 0px;
	border-bottom: dashed 1px #ccc;
	background-color: #fefefe;
}

.linkomschrijving
{
	font-style: italic;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 2px;
}

ul.news_cats
{
	padding: 0px;
	margin: 0px;
	text-align : left ;
}

li.news_cats
{
	margin: 0px;
	list-style-type: none;
	width: 158px;
	text-align : left ;
}

li.news_cats a
{
	border: 1px solid #000;
	border-top: 0px;
	display: block;
	width: 100%;
	height: 20px;
	padding: 2px;
	font-size: 12px;
	text-decoration: none;
	text-align : left ;
}
li.news_cats a:hover
{
	background-color: #fff;
	color: #000;
	text-align : left ;
}
ul.internet_nieuws
{
	margin: 0px;
	text-align : left ;
	list-style-type: none;
}
ul.cc
{
	padding: 0px;
	margin: 0px;
}
a.button 
{
	padding: 1px;
	border: 1px solid #000;
	width: 50%;
	margin: 1px;
	text-decoration: none;
	background-color: #EFEEE4;
}

a.button:hover{
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

ul#results
{
	display:none 
}
p.niet_ingelogd
{
	text-align: center;
	font-weight: bold
}

p.error
{
	font-weight: bold;
	color: #ff0000;
}

div.nucleus-form
{
	margin: auto;
	text-align: center;
	width: 400px;
	padding: 0px;
	border: 1px solid #000;
}


table.cpanel td a
{
	text-decoration: none;
}
table.cpanel td a:hover
{
	text-decoration: underline;
}

.normal
{
	visibility: 	hidden;
}

table.bookshop
{
	width:			400px;
}

table.bookshop td
{
	padding:		5px;
	text-align:		center;
	font-size:		11px;
	vertical-align:	top;
}

table.bookshop tr.top td
{
	border:			1px solid #000000;
	padding: 		2px;
}



.content ul.links li
{
	background-image:	url(../../images/folder_large.gif);
	background-repeat:	no-repeat;
	list-style-type:	none;
	list-style-image:	none;
	margin-left:		-30px;
	padding-left:		30px;
	padding-top:		4px;
	padding-bottom:		4px;
	font-size:			14px;
	font-weight:		bold;
}

.content ul.links p
{
	font-size:			11px;
}

.link-description
{
	font-weight: 		normal;
	font-size:			11px;
	font-style:			italic;
	padding: 			0px;
	margin-top:			0px;
	margin-bottom:		3px;
}	

p.link-description
{
	margin-left:		0px;
	padding-left: 		0px;
}

a.imalink 
{
	font-size: 			12px; 
	padding-left: 		0px; 
	margin-left: 		0px;
	margin-bottom:		0px;
	padding-bottom:		0px;
}

ul.links li.links
{
	margin: 			0px; 
	padding: 			0px; 
	height: 			auto; 
	background-image: 	none; 
}


/* Bron: NRCnext.nl, voor de tabbladen*/

.switcher a	
{
	font-size:				9px;
	text-decoration: 		none;
	padding: 				0px;
	outline: 				none;
	color:					#000000;
	margin-left:			0px;
	display:				block;
	width:					90px;
	background-image:  		url(images/bg_tab_light.gif);
	text-align:				center;
	display: 				block;
}
.switcher a.inactive	
{
	margin-left:			0px;
	background-image:  		url(images/bg_tab.gif);
	color: 					#ffffff;
	padding: 				0px;
	width:					90px;
}

/* Hide from IE5-Mac \*/
.switcher a
{
	float: 					none;
	color:					white;
}
/* End hide */

.switcher a:hover	
{
	color:					red;
}

.switcher a.active 
{
	color: 					#ffffff;
	padding-left: 			3px;
}

.switcher ul
{
	list-style: 			none;
	padding: 				0px;
	margin: 				0px;
}

.switcher li	
{
	float: 					left;
	list-style-type:		none;
	margin: 				0px;
	padding-right:			1px;
}

.tabdata 
{
	margin:					0px;
	padding:				3px;
	width:					399px;

}


.tabdata .tekst 
{
	padding:				5px;
	color: 					#000000;
	margin: 				0px;
	display:				block;
	width:					440px;
	border-left:			1px solid #000000;
	border-right:			1px solid #000000;
	border-bottom:			1px solid #000000;
	margin-bottom:			-2px;
}