/* CSS Document */

/* ALGEMENE PAGINA INSTELLINGEN */

* {

	font-family: "Verdana", verdana, sans-serif;

	font-size:11px;

}

body {
	
	background: url(http://www.bellperre.com/home/images/background.jpg) repeat-y;

	font-size: 14px;

	margin: 0px;

	padding: 0px;
	
	color: #FFFFFF;
	
	text-align:left;
	
	height:100%;
	
	

}

html{
}



a:link, a:active, a:visited {
	color:inherit;
	text-decoration: none;


}

a:hover {
	color:inherit;
	text-decoration:underline;

}

a img {

	border: 0px;

}


/* NEWSPECTIVES - BELLPERRE JOOMLA TEMPLATE! */

.bodyWrap{
		
}

.homeWrap{
	background-position:  center; 
	height:100%;
	}


.headerTable{
	width:100%px;
	border: 0px;
	visibility: visible;
	
}

.mainTable{

	width:984px;
	border: 0px;
	margin-top:0px;
	visibility: visible;
	padding:0px;
	height:452px;
}

.bottomTable{
	width:984px;
	border: 0px;
	margin-top:0px;
	visibility: visible;
	padding:0px;
	height: 20px;
	padding-top:5px;
}

#content    
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;

	}

.table_top_wrap{
	background: url(../images/background_top.jpg) repeat-y;
	background-position:  center;
	height:80px;
	border-bottom: 1px solid #FF9900;
	}
	
.table_bottom_wrap{

}

.table_top{

	width:984px;
	height: 80px;
	vertical-align:middle;
	padding-top:0px;
	text-align:right;
}

.table_toolbar{
	height:4px;
	border:0px;
	padding:0px;
	color:#FFFFFF;
}

.toolbar{
	height:0px;
	border-bottom: 1px solid #FF9900;
	margin:0px;
	padding:0px;
}

.table_left{
	background: url(../images/backmenu.jpg) repeat-y;
	background-position:top;
	width:170px;
	color: #666666;
	vertical-align:top;
	padding-left:10px;
	height:452px;
		float: left;
	width: 200px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 170px;
}

.table_right{
	float: left;
	width: 820px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 804px;
	padding-top:20px;
	height:452px;
	overflow-y:auto;
	overflow-x:hidden;
	
	/* SCROLLBAR */
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#1C1C1C;
	scrollbar-darkshadow-color:#1C1C1C;
	scrollbar-face-color:#1C1C1C;
	scrollbar-highlight-color:#1C1C1C;
	scrollbar-shadow-color:#FFFFFF;
}

.bottom_left{
	vertical-align:top;
	float: left;
	width: 492px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 492px;
	text-align:left;
	color:#333333;
}

.bottom_right{
	float: left;
	width:492px;
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 492px;
	overflow:hidden;
	text-align:right;
	color:#333333;
}

.table_bottom {
	border:0px;
	margin:0px;
	padding:0px;

	color:#000000;
	height:20px;
	valign:middle;
	font-size:10px;
	color: #333333;
	background-color:#C4C4C4;
	opacity: .5;
	filter: alpha(opacity=50);
}

.table_bottom2 {
	border:0px;
	margin:0px;
	padding:0px;
	color:#000000;
	height:20px;
	valign:middle;
	font-size:10px;
	color: #333333;
}

.mainBody{
	border:0px;
	padding-left: 60px;
	padding-top:20px;
	color:#FFFFFF;
	width:740px;
	overflow:hidden;
	height:450px;
}

.mainlevel{

}


a.bottomlink:link, a.bottomlink:visited,a.mainlevelbottom:link,a.mainlevelbottom:visited{

	font-size: 10px;

	color: #333333;

	text-align: left;

	text-decoration: none;
	}

a.bottomlink:hover, a.mainlevelbottom:hover{
	color:#000000;
}

.mailto{
font-size:10px;
font-color: #333333;
}

/* font sizes */
h1 {
	display:block;
	vertical-align:top;
	color:#ffffff;

	text-align: left;

	padding-bottom: 10px;

	font-size: 12px;

	white-space: nowrap;
	
	text-transform:uppercase;
	
	letter-spacing:4px;
	font-weight:bold;

}

h6 {

	color:#ffffff;

	font-size: 11px;
	
	line-height:2em;
	
	font-weight:normal;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	text-align: justify;
}


/* MENY STYLE */


#buttons {

	float: right;

	margin: 0px;

	padding: 0px;

	width: 50%;

}


ul#mainlevel-nav {

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 0.8em;

}

ul#mainlevel-nav li {

	display: block;

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	float: right;

	margin: 0;

	width: auto !important;

	width: 15%;

	font-size: 11px;

	line-height: 21px;

	white-space: nowrap;

	border-left: 1px solid #AFA582;

}

ul#mainlevel-nav li a {

	display: block;

	padding-left: 15px;

	padding-right: 15px;

	text-decoration: none;

	color: #333333;

	background: transparent;

}

#buttons>ul#mainlevel-nav li a {

	width: auto;

}

ul#mainlevel-nav li a:hover {

	color: #F3F0DA;

	background: #AFA582;

}

#search_outer {

	float: left;

	width: 165px;

}

#search_inner {

	border: 1px solid #AFA582;

	padding: 0px;

	height: 21px !important;

	height: 23px;

	overflow: hidden;

}

#search_inner form {

	padding: 0;

	margin: 0;

}

#search_inner .inputbox {

	border: 0px;

	padding: 3px 3px 3px 5px;

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	color: #AFA582;

	background: #F3F0DA

}

#header_outer {

	text-align: left;

	border: 0px;

	margin: 0px;

}

#header {

	float: left;

	padding: 0px;

	margin-right: 2px;

	width: 635px;

	height: 150px;

	background: url(../images/silver-lining.jpg) no-repeat;

}

#top_outer {

	float: left;

	width: 165px;

}

#top_inner {

	border: 1px solid #AFA582;

	padding: 2px;

	height: 144px !important;

	height: 150px;

	overflow: hidden;

	float: none !important;

	float: left;

}

#left_outer {

	float: left;

	margin-top: 2px;

	width: 165px;

}

#left_inner {

	border: 1px solid #AFA582;

	padding: 2px;

	float: none !important;

	float: left;

}

#content_outer {

	padding: 0px;

	margin-top: 0px;

	margin-left: 2px;

	/** border: 1px solid #AFA582; **/

	float: left;

	width: 635px;

}

#content_inner {

	float: none !important;

	float: left;

	padding: 0;

	padding-top: 2px;

	margin: 0;

}

table.content_table {

	width: 100%;

	padding: 0px;

	margin: 0px;

}

table.content_table td {

	padding: 0px;

	margin: 0px;

}

#banner_inner {

	float: left;

	padding: 0px;

	height: 70px;

}

#right_outer {

	margin-left: 2px;

	width: 165px;

}

#right_inner {

	float: none !important;

	float: left;

	border: 1px solid #AFA582;

	padding: 2px;

}

.user1_inner {

	border: 1px solid #AFA582;

	float: none !important;

	float: left;

	margin: 0px;

	padding: 2px;

}

.user2_inner {

	border: 1px solid #AFA582;

	float: none !important;

	float: left;

	margin: 0px;

	padding: 2px;

}

table td.body_outer {

	padding: 2px;

	border: 1px solid #AFA582;

}

#active_menu {
color:white;
	text-decoration:none;
}

a#active_menu:hover {
	text-decoration:none;
}


.error {

	font-style: italic;

	text-transform: uppercase;

	padding: 5px;

	color:#0099CC;

	font-size: 14px;

	font-weight: bold;

}

/** old stuff **/



.back_button {

	float: left;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	border: 3px double #AFA582;

	width: auto;

	background: url(../images/button_bg.png) repeat-x;

	padding: 0px 10px;

	line-height: 20px;

	margin: 1px;

}

.pagenav {

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	border: 3px solid #AFA582;

	width: auto;

	background: url(../images/button_bg.png) repeat-x;

	padding: 0px 10px;

	line-height: 20px;

	margin: 1px;

}

.pagenavbar {

	margin-right: 10px;

	float: right;

}

#footer {

	text-align: center;

	padding: 3px;

	color: #AFA582;

}

ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

li {

	line-height: 15px;

	padding-left: 15px;

	padding-top: 0px;

	background-image: url(../images/arrow.png);

	background-repeat: no-repeat;

	background-position: 0px 3px;

}

/* mambo core stuff */





table.contentpaneopen {

	width: 100%;

	padding: 0px;
	

	border-collapse: collapse;

	border-spacing: 0px;

	margin: 0px;
	
	font-size:10px;

	color:#ffffff;

	text-align:justify;
}

table.contentpaneopen td {


}

table.contentpaneopen td.componentheading {

	padding-left: 4px;

}

table.contentpaneopen td.contentheading {

	padding-left: 0px;

	padding-top: 0px;

}

table.contentpane {

	width: 100%;

	padding: 0px;

	border-collapse: collapse;

	border-spacing: 0px;

	margin: 0px;

}

table.contentpane td {

	margin: 0px;

	padding: 0px;

}

table.contentpane td.componentheading {

	padding-left: 4px;

}

table.contentpane td.contentheading {

	padding-left: 0px;

	padding-top: 0px;

}

.button {

	color:#0099CC;

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	border: 3px double #7FBB98;

	width: auto;

	background: url(../images/button_bg.png) repeat-x;

	padding: 0px 5px;

	line-height: 18px !important;

	line-height: 16px;

	height: 26px !important;

	height: 24px;

	margin: 1px;

}

.inputbox {

	padding: 1px;

	border:solid 1px #7FBB98;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

}

.componentheading {

	background: url(../images/subhead_bg.png) repeat-x;

	color: #000000;

	text-align: left;

	padding-top: 4px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}

.contentcolumn {

	padding-right: 5px;

}

.contentheading {

	height: 30px;

	color:#ffffff;

	text-align: left;

	padding-top: 5px;

	padding-bottom: 5px;

	font-size: 12px;

	white-space: nowrap;
	
	text-transform:uppercase;
	
	letter-spacing:4px;
	font-weight:bold;

}




.contentpagetitle {

	font-size: 13px;

	font-weight: bold;

	color:#0099CC;

	text-align:left;

}

table.searchinto {

	width: 100%;

}

table.searchintro td {

	font-weight: bold;

}

table.moduletable {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

}

table.moduletable th {

	background: url(../images/subhead_bg.png) repeat-x;

	color: #ffffff;

	text-align: left;

	padding-top: 4px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}

table.moduletable td {

	font-size: 11px;

	padding: 0px;

	margin: 0px;

	font-weight: normal;

}

table.pollstableborder td {

	padding: 2px;

}

.sectiontableheader {

	font-weight: bold;

	color:#0099CC;

	padding: 4px;

}

.sectiontablefooter {

}

.sectiontableentry1 {

	background-color : #FFFFCC;

}

.sectiontableentry2 {

	background-color : #CCFFFF;

}

.small {

	color: #999999;

	font-size: 11px;

	font-weight: bold;

}

.createdate {

	height: 15px;

	padding-bottom: 10px;

	color: #999999;

	font-size: 11px;

	font-weight: bold;

}

.modifydate {

	height: 15px;

	padding-top: 10px;

	color: #999999;

	font-size: 11px;

	font-weight: bold;

}

table.contenttoc {

	border: 1px solid #AFA582;

	padding: 2px;

	margin-left: 2px;

	margin-bottom: 2px;

}

table.contenttoc td {

	padding: 2px;

}

table.contenttoc th {

	background: url(../images/subhead_bg.png) repeat-x;

	color: #666666;

	text-align: left;

	padding-top: 2px;

	padding-left: 4px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}

a.mainlevel:link, a.mainlevel:visited {

	display: block;

	vertical-align: bottom;

	font-size: 14px;

	color:#333333;

	padding-top: 20px;
	padding-bottom: 0px;

	padding-left: 10px;

	height: 20px;

	width: 100%;
	text-transform:uppercase;
	text-decoration:none;
}

a.mainlevel:link b, a.mainlevel:visited b{
	text-decoration:none;
	font-size: 14px;
	text-transform:uppercase;
	}



a.mainlevel:hover {
	color:white;
	text-decoration:none;
}

a.sublevel:link, a.sublevel:visited {

	display: block;

	padding-left: 4px;

	vertical-align: middle;

	font-size: 12px;

	color: #666666;

	padding-top: 4px;

	padding-left: 20px;

	text-align: left;

	height: 18px;!important

	width: 100%;

	text-decoration: none;

}

a.sublevel:hover {
color:#000000;
	text-decoration:none;
}

.highlight {

	background-color: Yellow;

	color: #AFA582;

	padding: 0px 2px 0px 2px;

}

.code {

	background-color: #ddd;

	border: 1px solid #bbb;

}

#contentcontainer p {

	text-align: justify;


}


#contentcontainer p.headertext {

	text-align: left;

	font-size: .9em;

}

#contentcontainer p.footertext {

	text-align: right;

	font-size: .9em;

}

#contentcontainer h3 {

	font-size: 1.6em;

	text-align: left;

	font-weight: normal;

}

#contentcontainer ol {

	margin: 5px 30px;

}

#contentcontainer ul {

	margin: 5px 15px;

}

#contentcontainer ul li {

	list-style-type: none;

	padding-left: 13px;

}

#contentcontainer h3>a {

	display: block;

	width: 100%;

}

.blog blockquote {

	margin: 5px 15px;

	padding: 3px;

	font-size: .9em;

}

#comment {

	display: block;

	width: 360px;

	background: transparent;

	padding: 5px;

	margin: 10px auto;

	font-size: .9em;

}