/* standaart style starts here with ID */
body 
{	
	background: url('../images/back.png');
	margin: 0px;
	text-align: center;
	font: 13px Verdana;
	text-align: Justify;
}

P 
{ 
	margin:0px; 
	padding:0px; 
}

ul 
{ 
	margin: 0px; 
}

#header 
{
	list-style: none;
	padding: 0px;	
	margin: 0px;
	height: 159px;
	border:0px;
}

#container 
{
	width: 830px;
	background: #FFFFFF;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
}

#content 
{
	background: #FFFFFF;
	float: left;
	width: 800px;
	text-align: left;
}

#cones 
{
	float: left;
	width:	69px;
	height: 26px;
	background: url('../images/cones.png');
}

#footer 
{
	text-align: center;
	font: 10px Verdana;
	color: #656565;
	width: 800px;
	height: 15px;
	float: left;
	margin: 0 auto;
	background: #f6d40b;
	position: relative;	
}

#inhoud 
{ 
	background: #FFFFFF;
	margin-left: 50px;
	width:700px; 
	margin-right:50px;
	height:940px;						/* deze hoogte moet worden aangepast, zo klein als mogelijk is */
}

#left 
{
	margin-left:-15px;
	float: left;
	width: 15px;
	height: 100%;
	background: url('../images/fade_left.png');
	position:fixed;
}

#right 
{
	margin-left:800px;
	float: left;
	width: 15px;
	height: 100%;
	background: url('../images/fade_right.png');
	position: fixed;
}

#menu 
{
	float: left;
	width: 731px;
	max-width: 691px;
	height: 26px;
	padding-left: 40px;
	background: url('../images/menu.png');
}

#menucurrentpage 
{
	float: left;
	font-family: Verdana;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
}

#divlogin 
{
	font: 12px Verdana;
	float: left;
	margin: -80px 0px 0px 50px;
	width: 130px;
	height: 50px;
	padding: 10px;
	position:absolute;
}

#CreatePopupToChangeMenu  
{
	margin:-42px 10px 5px 10px;
	padding:1px;
	float: left;
	width: 782px;
	height:260px;
	background: #522994 url('../images/backpurlple.png');
}

#inprev 
{
	width:300px;
	height:116px;
	background:green;
	overflow:auto;
}

#twitter 
{
	float:left;
	position:absolute;
	margin-top:-100px ;
	margin-left:13px;
	cursor:hand;
	width:120px;
	height:90px;
	cursor:pointer;
	cursor:hand;
}

#close 
{
	cursor:pointer;
	cursor:hand;
	margin-right:0px;
	float:right;
}

img 
{
	border:0px;
}

/* parts of classes style	 */


div.textvak 
{ 
	background: #FFFFAA;  
	border: 1px #EAEAEA solid;
	width:680px;
	padding: 2px 10px;
	font: 13px Verdana;
	text-align: Justify;
}


div.link 
{
	margin:  3px 0px -15px 450px; 
	float: left;
}



div.textvakauto 
{
	width: 680px;
	height: 171px;
}

div.whereareu 
{
	background: url('../images/back2.png');
	margin:-10px 0px 0px -50px;
	text-align:left;
	width:800px;
	height:25px;
}

div.whereareu 
{
	background: url('../images/back2.png');
	margin:-10px 0px 0px -50px;
	text-align:left;
	width:800px;
	height:25px;
}

div.homevak 
{				
	margin-top:104px; 
	font: 13px Verdana;
	text-align: Justify;
}

div.pic 
{
	margin-top: 0px;
	width: 340px;
	height: 128px;
	background: #FFFFFF;
	float:left;
}

div.formleft 
{ 
	float:left; 
	margin-top: 2px; 
	width:80px; 
}
	
div.formright
{ 
	float:left; 
	width:50px; 
}

div.green 
{
	color:green;
}

div.red 
{
	color:red; 
}

/* div login needs a style to keep a small size */

.smalltype
{ 
	font:8px Verdana; 
	height:11px; 
	width:50px;  
}

.button 
{ 
	width:100%; 
	height:6px; 
	color:blue; 
	background: 
	orange; font:0px; 
}

/* part tables */
tr.lesprijs_highlight {
	background-color: #FFFF88;
}

/* every textvak needs title bellow the style I use */
/* the div home also needs other properties text so thats why i use h2 fore it */
h1 
{
	font: 15px Verdana;
	margin: 2px 0px 0px 20px;
	font-weight: bold;
	text-align: Justify;
}

h1.red 
{ 
	color:red; 
}

h1.whereareu 
{
	font: 17px Verdana;
	color:#FFD700;
	margin-left:150px;
}

h2 
{
	font: 13px Verdana;
	text-align: Justify;
	float:left;
	margin: 0px 0px;
	padding: 5px 0px 5px 15px;
	background: #FFFFFF;
	width:324px;
}

h6 
{ 
	font: 9px Verdana;
	text-align: Justify;
	margin: 0px 0px;
}

h5 
{
	font: 11px Verdana;
	text-align: Justify;
	margin: 0px 0px;
}

/* part of links */
#position 				{ margin-left:11px; margin-top:-41px; width:146px; float:left; position:fixed; }
#prevleft				{ float:left; width:177px; height:250px; overflow:auto; }
#prevright				{ float:right; width:597px; height:250px; margin-left:2px; background:#FFFFF0; padding: 3px; overflow:auto; }
#green					{ color: green; }
#black					{ color: black; }
#grey					{ color:grey; }
a:link.textvak			{ font: 13 px Verdana; color: darkblue; text-decoration:none; }
a:active.textvak			{ font: 13 px Verdana; color: darkblue; text-decoration:none; }
a:visited.textvak		{ font: 13 px Verdana; color: darkblue; text-decoration:none; }
a:hover.textvak			{ font: 13 px Verdana; color: red; text-decoration:underline;  }
a:link 				{ font: 13px Verdana; text-align: Justify; color: darkblue; text-decoration:none; }
a:active				{ font: 13px Verdana; text-align: Justify; color: darkblue; text-decoration:none; }
a:visited				{ font: 13px Verdana; text-align: Justify; color: darkblue; text-decoration:none; }
a:hover				{ font: 13px Verdana; text-align: Justify; color: orange; 	text-decoration:none; }
a:link.smallink 			{ font: 10px Verdana; text-align: Justify; color: darkgrey; text-decoration:none; }
a:active.smallink		{ font: 10px Verdana; text-align: Justify; color: darkgrey; text-decoration:none; }
a:visited.smallink		{ font: 10px Verdana; text-align: Justify; color: darkgrey; text-decoration:none; }
a:hover.smallink		{ font: 10px Verdana; text-align: Justify; color: white; 	text-decoration:none; }
a:link.popup 			{ font: 12px Verdana; text-align: Justify; color: darkblue; text-decoration:none; margin-left: 150px;  float:left; }
a:active.popup			{ font: 12px Verdana; text-align: Justify; color: darkblue; text-decoration:none; margin-left: 150px;  float:left; }
a:visited.popup			{ font: 12px Verdana; text-align: Justify; color: darkblue; text-decoration:none; margin-left: 150px;  float:left; }
a:hover.popup			{ font: 12px Verdana; text-align: Justify; color: orange; 	text-decoration:none; margin-left: 150px;  float:left; }
a:link.htitel			{ font: 15px Verdana; text-align: Justify; color: black; 	text-decoration:none; margin: 2px 0px 0px 20px; font-weight: bold; }
a:active.htitel			{ font: 15px Verdana; text-align: Justify; color: black; 	text-decoration:none; margin: 2px 0px 0px 20px; font-weight: bold; }
a:visited.htitel		{ font: 15px Verdana; text-align: Justify; color: black; 	text-decoration:none; margin: 2px 0px 0px 20px; font-weight: bold; }
a:hover.htitel			{ font: 15px Verdana; text-align: Justify; color: black; 	text-decoration:none; margin: 2px 0px 0px 20px; font-weight: bold; }
h6.hidelogin 			{ font: 9px black Verdana; text-align: Justify; }
a.hidelogin 				{ font: 9px Verdana; text-align: Justify; color:black; text-decoration:none; }
p.space 					{ margin-top:245px; background:white; }
a.menulink 				{ float: left; font-family: Verdana; color: black; font-weight: bold; text-decoration: none; padding: 5px; }
/* on the changepage when not loggedin please minize it, make it delete after login doittit*/
textarea.ckeditor 		{ width:0px; height:0px; }
sub 						{ color:grey; font:10px; }