/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	margin: 10px;
	background:#fff;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.container {
	margin: 0 auto 0 auto;
	width: 700px;
	text-align:left;
}

table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#898585;
    line-height: 150%;	
}

table input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#898585;	
	margin-top:2px;
}

.tekstveld {
	border:1px solid #df6d00;
	width:185px;
}

.error {
	border:1px solid #df6d00;
	width:185px;
}

h1 {
	font-size: 12px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	font-weight:normal;
	margin-bottom: 5px;
}

h2 {
               margin: 0;
               font-size: 12px;
               font-weight: bold;
}

p {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
    line-height: 150%;
}

p a {
	font-size: 12px;
	text-decoration: underline;
	color:#898585;
}

p a:hover {
	font-size: 12px;
	text-decoration: none;
	color:#898585;
}


ul {
	padding-left:15px;
	list-style-type:square;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#898585;
    line-height: 150%;	
}

.belangrijkwoord {
	font-weight: bold;
	color: #ff932e;
}

.header {
	height: 39px;
	position:relative;
}

.logo { 
	height: 39px;
	width: 182px;
	float:left;
	background: url(/UserFiles/images/layout/logo.jpg) no-repeat;
}

.logo a {
	display:block;
	height: 39px;
	width: 182px;
}

.menubalk {
	position:relative;
	height: 22px;
	border: 1px solid #d46a03;
	background:url(/UserFiles/images/layout/menubalk_back.jpg) repeat-x;
	margin-bottom: 10px;
}

.menubalk_logo {
    position:absolute;
	top:0;
	right: 10px;
	width: 63px;
	height: 22px;
	background:url(/UserFiles/images/layout/logo_lodestar.jpg);
}

.menubalk_logo a {
    position:absolute;
	top:0;
	right: 10px;
	display:block;
	height: 22px;
	width: 63px;
}

.menuitem_hor {
	float:left;
	line-height: 22px;
	vertical-align: middle;
	margin-left: 15px;
}

.menuitem_hor_tekst {
	color: #fff;
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;	
}

.menuitem_hor_tekst a {
	color: #fff;
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;
}

.menuitem_hor_tekst a:hover {
	color: #fff;
	font-size: 10px;
	font-weight:bold;
	text-decoration:underline;
}

.menu_links {
	float:left;
	margin-right: 10px;
	width: 201px;
	background: #c1c1c1;
	border: 1px solid #787777;
	font-size: 11px;
	color:#564e4e;
	margin-bottom: 10px;
}

.menuitem_links {
	padding-left: 15px;
	background:url(/UserFiles/images/layout/menuarrow.jpg) 0px 3px no-repeat;
	margin-bottom: 5px;
}

.menuitem_links_tekst {
	font-size: 11px;
	color: #564e4e:
}

.menuitem_links_tekst a {
	display:block;
	font-size: 11px;
	color: #564e4e;
	text-decoration: none;
}

.menuitem_links_tekst a:hover {
	display:block;
	font-size: 11px;
	color: #564e4e;
	text-decoration: underline;
}

.menuitem_links_tekst_active {
	display:block;
	font-size: 11px;
	color: #111111;
}

.menuitem2_links {
	padding-left: 25px;
	margin-bottom: 5px;
}

.menuitem2_links_tekst {
	font-size: 10px;
	color: #564e4e:
}

.menuitem2_links_tekst a {
	display:block;
	font-size: 10px;
	color: #564e4e;
	text-decoration: none;
}

.menuitem2_links_tekst a:hover {
	display:block;
	font-size: 10px;
	color: #564e4e;
	text-decoration: underline;
}

.menuitem2_links_tekst_active {
	display:block;
	font-size: 10px;
	color: #111111;
}

.menu_header {
	float: right;
	font-size: 10px;
	color: #989898;
}

.menu_header a {
	font-size: 10px;
	color: #989898;
	text-decoration:none;
}

.menu_header a:hover {
	font-size: 10px;
	color: #989898;
	text-decoration:underline;
}

.hor_banner {
	margin-bottom: 10px;
	width: 700px;
}

.content {
	float:left;
	width: 485px;
	_width: 489px;
	min-height: 400px;
	_height: 500px;
	background:#FFFFFF url(/UserFiles/images/layout/content_back.jpg) right bottom no-repeat;
	border: 1px solid #cccccc;
	font-size: 11px;
	color:#898585;
	margin-bottom: 10px;
}

.content_home {
	float:left;
	width: 698px;
	_width: 700px;	
	min-height: 400px;
	_height: 500px;	
	background:#FFFFFF url(/UserFiles/images/layout/content_back.jpg) right bottom no-repeat;
	border: 1px solid #cccccc;
	font-size: 11px;
	color:#898585;
	margin-bottom: 10px;
}

.marges {
	margin: 10px;
}

.footer {
	clear:both;
	height: 22px;
	background:url(/UserFiles/images/layout/footer_back.jpg) repeat-x;
	border: 1px solid #909090;
	line-height:22px;
	vertical-align:middle;
	text-align:center;
	font-size: 10px;
	color: #525252;
}

.footer a {
	font-size: 10px;
	color: #525252;
	text-decoration:none;
}

.footer a:hover {
	font-size: 10px;
	color: #525252;
	text-decoration:underline;
}

.kruimelpad, .kruimelpad a {
	font-size: 9px;
	color: #525252;
	text-decoration:none;
	margin-bottom: 5px;
	text-align:right;
}

.kruimelpad a:hover {
	font-size: 9px;
	color: #525252;
	text-decoration:underline;
}

.demoblok {
	padding-left: 10px;
	background:url(/UserFiles/Image/demoblok.jpg) no-repeat;
	color:#fff;
	padding-bottom: 15px;
}

.demoblok ul {
	color:#fff;
}

.demoblok a {
	color:#fff;
}

.demoblok a:hover {
	color:#fff;
	text-decoration:none;
}


.moduletabel td {
	border-bottom: 1px solid #CCCCCC;
}

.formtabel {
	background:url(/UserFiles/Image/formulier_back.jpg);
	color:#ffffff;
}

/* errortemplate */
.ERRORcontent_home {
	float:left;
	width: 698px;
	_width: 700px;	
	min-height: 400px;
	_height: 500px;	
	background:#FFFFFF url(/UserFiles/images/layout/error_back.jpg) right bottom no-repeat;
	border: 1px solid #cccccc;
	font-size: 11px;
	color:#898585;
	margin-bottom: 10px;
}
/* end error template */


/* demo blokken */

.demo_hoofdkader {
	position: relative;
}

.demo1 {
	position:absolute;
	color: #fff;
	font-size:11px;
	width: 100px;
	text-align:center;
	font-weight:bold;
	left:15px;
	top: 130px;
}

.demo2 {
	position:absolute;
	color:#fff;
	font-size: 11px;
	width: 100px;
	text-align:center;
	font-weight:bold;
	left:5px;
	top: 130px;

}

.demo3 {
	position:absolute;
	color:#fff;
	font-size: 11px;
	width: 100px;
	text-align:center;
	font-weight:bold;
	left:5px;
	top: 130px;
}

.demo4 {
	position:absolute;
	color:#fff;
	font-size: 11px;
	width: 100px;
	text-align:center;
	font-weight:bold;
	left:5px;
	top: 130px;
}

.demo1 a{
	color: #FFFFFF;
	text-decoration:none;
}
.demo2 a{
	color: #FFFFFF;
	text-decoration:none;
}
.demo3 a{
	color: #FFFFFF;
	text-decoration:none;
}
.demo4 a{
	color: #FFFFFF;
	text-decoration:none;
}
/* einde demo blokken */