/* CSS Document */
/******************************************************************************
GLOBAL STYLESHEET WegWijs
Created: 28/03/2006 by Tom Kooy
Modified: 

NAMING CONVENTI0N:
function | element | descriptor

Use lowercase letters for first word, capital letters for each additional word.

example:	yellow link 		= ylwLnk
		yellow bold link 	= ylwLnkBld

ABREVIATIONS:

reg			= registration
tbl			= table
hdr			= header
ylw			= yellow
blk			= black
lft			= left

********************************************************************************/

/* Setting elements to zero */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}

/* Body */
body 					{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin-bottom: 10px;}

/* Div structure template :: Do not change this unless you want to change something on all pages */
#wrapper 				{width: 1000px; overflow: visible; min-height: 560px; margin-bottom: 5px;}
#footer					{margin-top: 30px; margin-bottom:5px; padding: 10px; border-top: 1px solid #FFFFFF; font-size:10px; clear: both;}

#top 					{height:150px; z-index: 2;}

#kamikaze 				{position: absolute; margin-top: 26px; margin-left: 13px; width: 249px; z-index: 2;}

#logo 					{position: absolute; margin-top: 40px; margin-left: 249px; width: 502px; z-index: 2;}

#login					{margin-top: 10px; width: 249px; height: 108px; float: right; background-color:  #CCCCFF; border: solid 0px #000000;}
#login td				{font-size: 11px;}
#login p				{font-size: 12px; font-weight: bold;}
#logged					{margin-top: 10px; width: 249px; height: 108px; float: right; background-color: #FFE400; border: solid 0px #000000;}
#logged td				{font-size: 11px; font-weight: bold;}

#bar 					{position: absolute; width: 1000px; height: 12px; top: 139px; bottom:133px; background-color:#003366; z-index: 1; clear: both;}

#info					{padding: 2px; border-bottom: 1px solid #0099FF; clear: both;}
#info td				{font-size:10px;}

#nav 					{width: 150px; margin-top: 10px; overflow: visible; float: left; height: 100%; z-index:2;}
#nav ul					{margin: 0px; padding: 0px; background-color: transparent; list-style-type: none; font-size: 70%;}
#nav ul li				{margin: 6px;}
#nav ul li a			{background-color:  #FFE400; color: #000000; border: solid 0px #000000; display: block; padding: 4px 0 4px 5px; text-decoration: none; height: 1%;}
#nav ul li a:hover		{background-color:  #FFFF50;} 
#nav hr					{color: #0099FF; width: 90%;}

#invite					{margin: 10px 5px; width: 137px; padding: 0px; border: solid 1px #000000;}
#invite .head			{background-color: #CCCCFF;}
#table					{margin:0px; padding:0px;}
#invite td				{padding: 5px;}

#content 				{margin: 18px 0px 0px 165px;}
	
#locator				{margin-bottom: 5px;}
#locator a				{font-size: 11px;}
#locator p				{font-size: 11px;}		

/* Div structure other pages */

/* Home page */
#home_left				{width: 550px;}
#home_left p			{margin: 0px;}
#home_left h1			{margin: 10px 0px;}

#home_right				{width: 250px; height: auto; border: solid 1px #0099FF; float: right; padding-bottom: 10px;}
#home_right h1			{margin: 0px 0px 10px 0px; text-align: center;}
#home_right p			{margin: 5px;}

.hdrHome				{font-weight: bold; font-size: 18px; background-color: #000000; color: #FFFFFF; height: 20px;}
.tdFill					{font-size: 12px; border-top: none;}

/* Registration and Mijn WegWijs bewerken */
#reg_fields				{width: 500px; border-right: 1px solid #0099FF;}

#reg_preview			{width: 325px; float: right;}
#reg_profile			{margin: 10px; height: 250px; padding: 5px; border: 1px solid #0099FF;}

/* Question/answer */
#question				{width: 800px;}
#question td			{margin: 10px; font-size: 12px;}
.tdOutlineBlue			{border: 1px solid #C0C0C0;} 

/* Vreemd Voorwerp */
#previews				{margin-top: 10px; padding: 10px; text-align: center; float: right; border-left: 1px solid #0099FF;}
#vreemd					{margin-top: 10px; width: 650px;}
#vreemd p				{border-bottom: 1px solid #0099FF; padding:5px;}
#archive td				{border: solid 1px #CCCCFF;}			

#reaction				{margin-top: 10px;}
#reaction table			{margin-top: 10px;}
#reaction td			{margin: 5px; padding: 3px; font-size: 12px; border: 1px solid #C0C0C0;}
.tdGen					{border: 1px solid #C0C0C0;}

/* Mijn Wegwijs and Mijn WegWijs inzendingen */
#wegwijs				{}
#picture				{width: 300px; border: solid 0px #0099FF; float: right; padding: 5px;}
#picture td				{padding: 3px;}

#additions				{width: 800px;}
#additions table		{margin-top:10px;}

/* used in limerick, bloemetje, answer */
#generalContent			{width: 600px;}
#generalContent table	{margin-top: 10px;}
#generalContent td		{margin: 5px; padding: 3px; font-size: 12px; border: solid 1px #C0C0C0;}
#explanation			{width: 200px; height: auto; border: solid 1px #0099FF; float: right; padding: 5px;}
#explanation_limerick	{width: 250px; height: auto; border: solid 1px #0099FF; float: right; padding: 5px;}
#explanation2			{width: 600px; height: auto; border: solid 1px #0099FF; float: top; padding: 5px;}
#pagination				{margin-top: 10px; float: right;}

/* Add */
#add					{width: 600px;}
#add_limerick			{width: 550px;}

#help					{width: 600px;}
#help li				{list-style-type: disc; margin-left: 35px; font-size: 12px; line-height: 25px; margin-top: 5px;}
#help p					{line-height: 35px; margin-left:35px;}	

#about					{width: 800px;}
#about li				{list-style-type: disc; margin-left: 25px; font-size: 12px; line-height: 1.5em; margin-top: 5px;}

/* Headers */
.ylwHdr					{background-color: #FFFF99; border: 1px solid #C0C0C0; font-weight: bold;}
.orgHdr					{background-color: #FFCC66; border: 1px solid #C0C0C0; font-weight: bold;}
.blkHdr					{background-color: #000000; border: 1px solid #000000; color: #FFFFFF; font-weight: bold;}
.gryHdr					{background-color: #CCFFFF; border: 0px solid #000000; font-weight: bold;}
.gryHdr2				{background-color: #CCFFFF; border: 1px solid #C0C0C0; font-weight: bold;}
.blkHdrStr				{background-color: #000000; font-size: 11px; border: 1px solid #000000; color: #FFFFFF; font-weight: bold;}

/* TD operations */
.tdOutline				{border: 1px solid #000000;}
.tdBottom				{border-bottom: 1px solid #C0C0C0;}			
.tdRight				{border-right: 1px solid #C0C0C0;}
.tdBoth					{border-bottom: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0;}
.tdLftMargin			{padding-left: 10px;}

/* Regular HTML tags */
h1						{font-size: 14px; font-weight: bold; margin-bottom:5px;}
h2						{font-size: 12px; font-weight: bold; margin: 10px 0px;}
p						{font-size: 12px; line-height: 1.5em; margin-bottom: 5px;}
ul						{font-size: 12px; line-height: 2em;}
li						{list-style-type: none; display: list-item; padding-left: 15px;}
a						{font-size: 12px; font-weight: normal;}
/*input.button			{width: 115px; height: 20 px; margin: 5px 0 10px 0; background-color: #FFFF99; font-weight: bold;}*/
input.button			{width:120px; height: 25 px; margin: 5px 0 10px 0; font-weight: bold;}
input.text				{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin-bottom: 20px;}
textarea				{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin-bottom: 10px;}
td						{font-size:12px; }
kbd						{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#999999;}

/* General classes */
.highlight				{font-weight: bold;}
.right					{float: right;}
.left					{float: left;}
.error					{font-weight: bold; color: #FF0000;}
.mandatory				{font-size: 11px; font-weight:normal;}
.clear					{clear: left;}
.date					{font-size: 11px; color: #000000;}
.noBorder				{border: 1px solid #000000;}
.strong					{font-weight: bold; font-style:normal;}
.ad468x60 { display: inline; }
.adIntro { display: inline; }