.foo
{
}
/* Stylesheet for site meaVia.Sites.njoymedia.nl - Author: Patrick Glaudemans */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++
colors Adisoft:

description:			colorno:		usage:
-----------				-------			------
Orange					#ff4500
light blue				#b0cce1			this is de light blue color used in the boxes
dark blue				#3d5aa6			
mid gray				#d8d8d8			borders
site background light	#898989			this is the faded out body background color
default font color:		#5a5a5a			subtile gray
very light blue			#f0f8ff			light blue backgrounds behind tekst
dark blue/gray			#566b88			used for table headers

njoymedia blauw			#49BDF0			logo - light blue


++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/* the main boxes ++++++++++++++++++++++++++++++++++++++++++ >>> */

#sitebox
{
	margin-top: 8px;
	width: 971px;
	position: absolute;
	left: 50%;
	margin-left: -485px;
	
}	
	
#header
{
	background-image: url(images/njoymedia-logo.jpg);
	background-repeat: no-repeat;
	clear: both;
	left: auto;
	top: auto;
	height: 50px;
	margin-bottom: 8px;
	margin-left: 8px;
}
#mainmenu
{
	position: relative;
	height: 108px;
	background-image: url(images/menu-background.jpg);
	background-repeat: no-repeat;
	
	border-bottom: black 1px solid;
	border-right: black 1px solid;
	
}



#contentbanner
{
	margin-top : 50px;
	margin-left: 20px;
	margin-bottom: 20px;
}



#contentleft
{
	margin-top: 46px;
	position: absolute;
	left: 8px;
	width: 195px;	
/*	background-color: Yellow; /*debug*/
}


#contentright
{
	/*background-color: Yellow; /*debug*/
	margin-top: 0px;
	position: absolute;
	right: 8px;
	width: 295px;
}

#contentholder
{
	width: 969px;
	overflow: hidden;
	border-left: black 1px solid;
	border-top: black 2px solid;
	border-right: black 1px solid;
	border-bottom: black 1px solid;
	/*background-color: Olive;/*debug*/	
	
}


#maincontent
{
	
}

#footer
{
	
	
	
}

/* END the main boxes ++++++++++++++++++++++++++++++++++++++++++ <<< */


body
{
	color: #5a5a5a;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*line-height: 140px;*/
	background-color: #ffffff;
	margin-top:0px;
	background-repeat: repeat-x;
}

input.text, input, input.radio, textarea, select
{
	font-family: Verdana;
	font-size: 100%; /*border:  1px solid #A8B2BB;*/
	background-color: #F0F8FF; /*background-color: #ffffcc; */
}
input.submit
{
	font-size: 80%;
	font-family: arial;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff4500;
}
input.submit:hover
{
	font-family: arial;
	font-weight: bold;
	
	background-color: #ffffff;
}
.inputheader
{
	font-size: 100%;
	font-weight: bold;
	padding: 2px;
	border-bottom: #566b88 1px solid;
}
.inputheader span
{
	font-family: Verdana;
	color: #566b88;
	padding: 2px 2px 0px 2px;
	text-align: center;
}

p, h2, h3, h4, h5 ul
{
	line-height: 14px;
	margin: 0 0 10px;
	padding: 0;
}

h1
{
	font-size: 175%;
	font-weight: bolder;
	line-height: 17px;
	margin: 0 0 10px;
	padding: 0;
}

h2
{
	font-size: 150%;
	font-weight: bold;
	line-height: 17px;
	margin: 0 0 10px;
	padding: 0;
}

h3
{
	font-size: 125%;
	line-height: 17px;
	font-weight: bold;
	margin: 0 0 10px;
}

h4
{
	font-size: 110%;
	font-weight: bold;
	line-height: 17px;
	margin: 0 0 10px;
	padding: 0;
}

h5
{
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
}

h5, li
{
	margin-bottom: 0;
}

ul
{
	margin-left: 15px;
	margin-bottom: 15px;
}

table, td
{
	margin: 0;
	padding: 0;
	border-width: 0;
}
img
{
	margin: 0;
	padding: 0;
	border: 0;
}
form
{
	width: 70%; /* ???????????? */
}
hr
{
	margin: 0 0 10px;
	padding: 0;
	border: solid 1px #e8e8e8;
}
a
{
	color: #1a71a0;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
	
}

legend
{
	padding: 0px 8px 0px 2px;
	color: #3d5aa6;
	font-family: verdana;
	font-size: 100%;
	font-weight: bold; /* color: #ffffff; 	background-color: #ff4500; 	border-right: #d8d8d8 1px solid; 	border-top: #d8d8d8 1px solid; 	border-left: #d8d8d8 1px solid; 	border-bottom: #d8d8d8 1px solid; */
}

.backgroundholder
{
	background-repeat:no-repeat;
	border-bottom: #ff4500 1px solid;
}

.normalcontent
{
	padding: 40px 480px 80px 25px;
	text-align: left;
}
.normalcontent .commoncontent
{
	/*background-color:Aqua; */
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: #d8d8d8 1px dotted;
}
.normalcontent .frontpagecols .commoncontent 
{
	/* background-color:Red; */ /*debug*/
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	border-bottom: #d8d8d8 0px solid;
}
.frontpagecols
{
	/*width: 141px;*/
}

.contenttitle
{
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	text-align: left;
	margin-bottom: 0px;
	border-bottom: #d8d8d8 1px dotted;
}

.contenttitle span
{
	font-size: 140%;
	background-color:inherit;
	 
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	color: #49BDF0;
}

.sidebar
{
	/*margin-top: 41px;*/ /*padding: 41px 30px 20px 10px; */
	text-align: left;
	margin-bottom: 20px;
}

.leftnavigation
{
	/*padding: 0px 20px 20px 30px;*/
	margin-left: 4px;
	margin-right: 4px;
	 text-align:center;
}

.leftnavigation fieldset
{
	
}

.footer
{
	margin-top: 8px;
	margin-right: 40px;
	text-align: center;
	font-family: arial;
	font-size: 100%;
	font-style: italic;
}

.summarycontent
{
	padding: 4px 1px 2px 1px;
	font-family: Arial;
}
.newssummary
{
	padding: 0px 4px 0px 4px;
	color: Blue;
}

.newssummary legend
{
	/*defaults*/
}
.newssummary .newsitem
{
	font-size: 100%;
	padding: 1px 1px 1px 1px;
	background-color: #f0f8ff;
}


/* login/sitesearch --------------------------- */
.sitesearch
{
	padding: 0px 4px 0px 4px;
}
.logincontrol
{
	padding: 0px 4px 0px 4px;
}
.summarycontent label, .summarycontent input, .summarycontent select, .summarycontent textarea
{
	font-size: 85%;
	float: left;
	width: 100px;
	margin-bottom: 3px;
}
.summarycontent label
{
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	width: 60px;
	padding-right: 4px;
}
.logincontrol .summarycontent .submit
{
	margin-left: 64px;
	width: auto;
}
.sitesearch .summarycontent input
{
	width: 110px;
}
.sitesearch .summarycontent .submit
{
	width: auto;
	font-size: 80%;
}
.summarycontent br
{
	clear: left;
}

.logincontrol
{
	background-image: url(images/logincontrol-background.gif);
}
.sitesearch
{
	background-image: url(images/searchcontrol-background.gif);
}

/* END login/sitesearch --------------------------- */

.contentbannernews
{
	height: 52px;
	width: 494px;
	background-image: url(images/content-banner-news.gif);
}
.contentbannercommon
{
	height: 52px;
	width: 494px;
	background-image: url(images/content-banner-common.gif);
}

.contentbannerdefault
{
	height: 77px;
	width: 494px;
	background-image: url(images/content-banner-default.gif);
}
.contentbannerjobs
{
	height: 52px;
	width: 494px;
	background-image: url(images/content-banner-jobs.gif);
}

/* styling alle formulieren  BEGIN */
.formulier
{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.formulier label, .vminput, select, textarea
{
	float: left;
	width: 200px;
	margin-bottom: 4px;
	margin-left: 0px;
}

/* rad nummeric textbox, rad textbox */
.formulier .vminputntb, .vminputtb, .vminputdt
{
	float: left;
	margin-bottom: 4px;
	font-size: 110%;
}
.formulier .submit
{
	margin-left: 133px;
	width: auto;
}
.formulier select
{
	width: 270px;
}
.formulier textarea
{
	width: 265px;
}
.formulier label
{
	padding-top: 3px;
	text-align: right;
	width: 180px;
	margin-right: 10px;	
}
.formulier .clientvalidatortop
{
	vertical-align:baseline;
	padding-left: 10px;	
}
.formulier legend
{
	font-size: 9pt;
	color: #C20016;
}
.formulier br
{
	clear: left;
}
.formulier legend
{
	font-weight:bold;
	font-size: 100%;
	padding-right: 4px;
	background-color: #ffffff;
	
}
.formulier .formuliertitel
{
	margin-left: 0px;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 4px;
}
.formulier fieldset
{
	border: none; /*uitgangspunt = geen lijnen*/
}
.formulier fieldset span
{
	font-size: 90%;
	
}
/* deze class moet nog worden samengevoegd + naam wijzigen */
.formulier fieldset div.floatleftcol
{
	float: left;
	padding-top: 10px;
	/*
	border-right: gray 1px dashed;
	border-top: gray 1px dashed;
	border-left: gray 1px dashed;
	border-bottom: gray 1px dashed;*/
}
/* de container voor kaders */
.formuliercontainer
{
	
}
.formuliercontainer fieldset
{
	padding: 10px;
	border-right: #C20016 1px solid;
	border-top: #C20016 1px solid;
	border-left: #C20016 1px solid;
	border-bottom: #C20016 1px solid;
}
/* de container voor de velden */
.formuliercontainervelden fieldset
{
	padding: 10px;
	border-right: #6f91ae 1px dashed !important;
	border-top: #6f91ae 1px dashed !important;
	border-left: #6f91ae 1px dashed !important;
	border-bottom: #6f91ae 1px dashed !important;
	
}
.formuliercontainervelden fieldset legend
{
	padding: 0px 4px 0px 4px;
	font-size: 100%;
	color: #434e54 !important;
}
/*zelfde als formuliercontainervelden maar dan zonder kader en padding. Linker uitlijning wel gelijk*/
.formuliercontainerveldenvrij fieldset
{
	margin-left: 10px;
	border: none !important;
	padding: 0px;
}

/* style alle formulieren END */