/*general classes*/
body
	{
	font-family: 	verdana, swiss, helvetica;
	font-size: 		11px;
	text-align:		center;
	background-color:	#ffffff;
	border:			0px;
	}
div.content {
	margin:				0px auto;
	text-align:			justify;
	border:			0px;
	}

/*forms & textboxes, checkboxes...*/
form
	{
	margin: 	0px;
	padding:	0px;
	}
input, textarea, select
	{
	border-width: 	1px ;
	border-style : 	solid ;
	border-color : 	#ccc ;
	background-color: 	#ffffff;
	margin: 	1px;
	}

.submit
{
	font-size: 	11px;
}

/*header*/

h1#header
	{
	background-color: 		#fff;
	padding-bottom: 		0px;
	height: 				10px;
	margin-bottom: 			0px;
	margin-top: 			0px;
	visibility:				hidden;
	border:			0px;
	}

/*content gebruiken we om de site te centreren*/
/*Center is het middelste gedeelte, tussen het menu en de onderkant. Eigenlijke content dus*/
div.center
	{
	position: 		absolute;
	top:			0px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 130%;
	background-color: #ffffff;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	color: #000;
	border:			0px;
	}

div.center a
	{
	color: #000000;
	}

div.center a:hover
	{
	color: #666666;
	text-decoration: none;
	}

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

h1
{
	font-size: 		13px;
	letter-spacing: 1px;
	padding-bottom: 2px;
	padding-top: 	2px;
	font-weight:	bold
}

h2
	{
	font-size: 		12px;
	padding-bottom: 2px;
	padding-top: 	2px;
	}
	
h3
{
	font-weight: 		bold;
	color: 				#000000;
	background-color: 	#CCCCCC;
	font-size: 			12px;
	padding: 			2px;
	margin-top: 		0px;
	margin-bottom: 		2px;
	font-size: 			11px;
}	

#navigation
	{
	height:				20px;
	background-color:	#cccccc;
	list-style:		none;
	margin:			0;
	padding:		0;
	visibility:		none;
	visibility:		hidden;
	}
#navigation ul
	{
	padding:		0;
	position:		absolute;
	z-index:		500;
	padding:		0;
	list-style:		none;
	border:			0px solid black;
	border-top:		0;
	margin-top:		4px;
	display:		none;
	background-color:	#cccccc;
	width:			120px;
	margin-left:		-60px;
	padding-bottom:		-2px;
	}
#navigation li>ul
	{
	margin-left:		0;
	}
#navigation a
	{
	color:			white;
	font-weight:	bold;
	text-decoration:	none;
	display:		block;
	}

#navigation li
	{
	display:		block;
	text-align:		center;
	background-color:	#ffffff;
	float:			left;
	position:		relative;
	margin:			0 0 0 -1px;
	padding:		3px;
	padding-right:		4px;
	border-top:		0;
	}
li#home
	{
	padding-left:		5px;
	}
li#meer-bezoekers
	{
	padding-right:		5px;
	border-right:		none;
	}
#navigation ul li
	{
	width:			114px;
	background-color:	transparent;
	background-image:	none;
	text-align:		left;
	float:			none;
	position:		static;
	padding:		3px;
	border:			none;
	margin:			0;
	margin-bottom:		-2px;
	}
#navigation ul>li
	{
	margin-bottom:		0;
	}
#navigation ul li:hover
	{
	background-color:	#eeeeee;
	}
#navigation ul li:hover a
	{
	color:			black;
	}
#navigation li:hover ul
	{
	display:		block;
	}

#navigation ul a
	{
	color:			black;
	font-weight:	normal;
	width: 			114px;
	}
/*aRAchNiON was hier niet*/

/*Een div.text is een tekstvakje, zoals bv op de homepage van Welkom op Websitemaken.be t/m Beginnen met websites maken...  Nu doen we er nog niet veel mee, maar er kan evt. een randje omheen of een achtergrondkleurtje in.*/

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

/*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;
	font-size: 11px;
	margin-top: 10px;
	width:	99%;
}

table.itemlist td
{
	padding: 2px;
	text-align: left;
}
table.scriptinfo td
{
	padding: 2px;
	text-align: left;
}
table.itemlist tr.info
{
	font-weight: bold;
	background-color: #ffffff;
}

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: #cccccc;
	color: #000000;
	font-weight: bold;
	padding: 2px;
	font-size: 12px;
	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: #ccccccc;
	color: #000;
	text-align: left;
}

/*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
{
	margin: 	0px;
	padding: 	3px;
	background-color: 	#cccccc;
	color:				 #000000;
	font-weight: 	bold;
	margin-bottom: 	0px;
	text-align: 	center;
	letter-spacing: 	2px;
	border-top: 		1px solid #000;
	border-bottom: 		1px solid #000;
}
p.bottom a, p.bottom a:visited
{
	color: #000000;
}

/*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: #ffffff;
	width: 200px;
	float: right;
	margin: 4px;
	text-align: right;
	color: #000000;
}

/*De bovenste regel van zo'n divje*/
div.related p.top
{
	background-color: #cccccc;
	color: #000000;
	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: #000000 1px solid;
	background-color: #eee;
	width: 150px;
}
div.file-upload-side p
{
	padding: 2px;
}
div.file-upload-side p.top
{
	color: #000000;
	background-color: #ffffff;
	padding: 2px;
	font-weight: bold;
}

hr
{
	heigth: 1px;
	color: #cccccc;
	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;
}

/*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
{
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 210px;
	text-align: left;
	padding: 4px;
	border: 1px dashed #000000;
	background-color: #fefefe;
}

.script-code
{
	margin-top: 0px;
	margin-right: 140px;
	padding: 4px;
	text-align: left;
	border: 1px dashed #000000;
	border-top: 0px;
	background-color: #fefefe;
}

/*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;
	border: 1px solid #000000;
}

/*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 #000;
}
table.linklist td
{
	padding: 2px;
}

/* Het vlak waarin de invulvelden voor het inlogform staan, boven het menu*/
div.login{
	margin-top: 0px;
	margin-bottom: 0px;
	margin: auto;
	padding: 2px;
	text-align: center;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	width: 766px;
	font-size: 11px;
	visibility: hidden;
}
div.login a
{
	color: #000;
	text-decoration: none
}

div.login a:hover
{
	text-decoration: underline;
}

.login input
	{
		border: 1px solid #000;
		font-size: 9px;
	}

/* 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;
	
}

/*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: #ffffff;
	padding: 2px;
	width: 99%;
	color: #000000;
	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: #ffffff;
	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: #ffffff
}

/*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
{
	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;
	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;
}

form.zoekheader
{
	visibility:		hidden;
}
img.print
{
	visibility:		hidden;
}
.normal
{
	visibility: block;
}