/*Style for OccasionAdvies.nl 2006, (c) Keek IT&B*/
/* XARAYA REQUIRED CLASSES */
a {
	color: #0a5eda;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
blockquote {
}
body {
}
code {
}
h1 {
	font-size: 20px;
	padding: 5px 0;
	margin: 0;
}
h2 {
	font-size: 16px;
}
h3 {
}
h4 {
}
th {
}
td {
}
table {
}
thead {
}
tbody {
}
tfoot {
}
p {
	margin: 0;
	padding: 0;
}
pre {
}
input, textarea {
	background-color: #efefef;
	border:1px solid #4c4c4c;
	color: #4c4c4c;
	font-size: 12px;
}
input:hover, input:focus,
textarea:hover, textarea:focus {
	border-color: black;
	color: black;
}
input.radio { /*IE and Opera fix*/
	border: 0;
	background-color: transparent;
}
button {
}
select {
}
textarea {
}
img {
	border: 0;
}
li {
}
ul {
}
ol {
}
sup {
}
sub {
}

/*  XARAYA REQUIRED INDIVIDUAL CLASSES */
td.xar-norm {}
td.xar-alt {}

/*  XARAYA REQUIRED ANONYMOUS CLASSES  */

/* these defaults apply to the left block group */
.xar-block-head{
	margin-top: 1em;
}
.xar-block-title {
	font-weight: bold;
}
.xar-block-body {
}
.xar-block-foot {
}

/* right block group classes */
.xar-block-head-right{
}
.xar-block-title-right {
}
.xar-block-body-right {
}
.xar-block-foot-right {
}

/* topnav block group classes */
.xar-block-head-topnav {
}
.xar-block-title-topnav {
}
.xar-block-body-topnav {
}
.xar-block-foot-topnav {
}

/* center block group classes */
.xar-block-head-center{
}
.xar-block-title-center {
}
.xar-block-body-center {
}
.xar-block-foot-center {
}
.xar-mod-head {
}
.xar-mod-title {
}
.xar-mod-body {
}
.xar-mod-foot {
}
.xar-alt {
	background-color: #f0f0f0;
}
.xar-accent {
	background-color: #efefef;
}
.xar-alt-outline {
}
.xar-accent-outline {
}
.xar-norm-outline {
}
.xar-norm {
	background-color: #d7dce3;
}
.xar-sub {
	font-size: 80%;
}
.xar-menu-section {
}
.xar-menu-section-current {
}
.xar-menu-item {
}
.xar-menu-item-current {
}
.xar-menu-item:hover {
}
.xar-menu-subitem {
}
.xar-menu-subitem:hover {

}
.xar-menu-subitem-current {
}
.xar-menu-item-current > .xar-menu-subitem > a {
}
.xar-menu-item-current > .xar-menu-subitem > a:visited {
}
.xar-title {
	font-weight: bold;
}
.xar-error {
	color: #ff0000;
}

/************** OccasionAdvies.nl specific ***********************/

/*LAYOUT*/
body{
	margin: 0;
	padding: 0; /*for Opera*/
}

div#outer-wrapper {
	margin: 129px 0 0 0;
}

div#left{
	float: left;
	margin: 40px 0 0 0px; /*keep margin-left=0 for IE6*/
	padding-left: 8px;
	padding-right: 8px;
	width: 138px;         /*IE5 hack*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 122px;
}

IE5-hack{
}

div#center-wide{
	margin: 0 0 0 145px;
	border-right: 5px solid white; /*use border instead of margin for IE double-margin bug*/
}

div#center{
	margin: 0 310px 0 145px;
}

div#right{
	float: right;
	border-right: 5px solid white; /*use border instead of margin for IE double-margin bug*/
	position: relative; top: 0;
	width: 305px;         /*IE5 hack. Note the included padding here!!*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 300px;
}

IE5-hack{
}

a#header{
	display: block;
	position: absolute;
	top: 0;
	float: left;
	width: 100%;
	height: 125px;
	background: url(../images/bg.png) white no-repeat top left; /*for IE6 to recognize this as a BIG link*/
}

div.clear{
	clear: both;
}

/*design*/
body {
	background: url(../images/bg.png) white no-repeat top left; /*Note that this background is also set in a#header*/
	font: 13px "trebuchet ms", "luxi sans", verdana, helvetica, sans-serif;
	line-height: 145%;
}

div.xar-mod-body {
	background-color: #d7dce3;
	padding: 10px;
	margin-bottom: 5px;
}

div#center-wide div.xar-mod-body { /*only forum, causes scrollbar in certain articles pages*/
	overflow: auto; /*Keep floats contained*/
	zoom: 1; /*IE fix. Note: does not work for IE 5.0.*/
}

div.xar-block-body-right {
	background-color: #9c9c9c;
	padding: 0px 10px 10px 10px;
	margin-bottom: 5px;
}

div.block-head-right-image {
	height: 33px; /*This is the height of the image headers of right blocks*/
}

.xar-mod-head {
	margin: 0 0 2px 0;
	padding: 5px;
	background-color: #9c9c9c;
}

.xar-mod-title {
	font: italic bold 18px "Courier New", Courier;
	color: white;
}

div#footer {
	text-align: center;
	padding-bottom: 5px;
}

div#footer img{
	vertical-align: middle;
}

/*Center blocks*/
div#center-wide .xar-block-body,
div#center .xar-block-body {
	background-color: #d7dce3;
	padding: 10px;
	margin-bottom: 5px;
	overflow: auto; /*Keep floats contained*/
	zoom: 1; /*IE fix. Note: does not work for IE 5.0.*/
}

div#center,
div#center-wide {
	zoom: 1; /*IE fix for mysterious padding related to above IE fix.*/
}

div#center-wide .xar-block-head,
div#center .xar-block-head{
	margin: 0 0 2px 0;
	padding: 5px;
	background-color: #9c9c9c;
}

div#center-wide .xar-block-title,
div#center .xar-block-title{
	font: italic bold 18px "Courier New", Courier;
	color: white;
}

div#center-wide .xar-block-title a,
div#center .xar-block-title a{
	color: white;
	text-decoration: none;
}

/*image shadows*/
div.img-shadow {
  float:right;
  position: relative;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

div.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -6px 6px 6px -6px;
  width: 130px;
  height: 100px;
  }

/*for imageshadow module*/
table.imageshadow, div.imageshadow {
  display: table;
/*   position: relative; */
  -display: block; /* IE Only */
  -width: 1px; /* IE Only */
  
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 15px auto 5px auto;
}

table.imageshadow img, div.imageshadow img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -6px 6px 6px -6px;
}
  
/*menu left:*/
ul.xar-menu-section, 
ul.xar-menu-item,
ul.xar-menu-subitem{
	margin:  0;
	padding: 0;
	list-style-type: none;
}

ul.xar-menu-subitem{
	padding-left: 10px;
}

li.xar-menu-section{
	line-height:0px; /*hide IE6 bug*/
	font-size: 0px;  /*hide fix from *real* browsers*/
}

ul.xar-menu-item,
ul.xar-menu-item-current{
	height: 100%; /*IE5: fixes space between menu items*/
}

li.xar-menu-item, 
li.xar-menu-item-current{
	margin-left: -16px;    /*IE5 shows space left, introduced by height=100% in ul.xar-menu-item*/
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 0;
}

IE5-hack{
}

.xar-menu-section h4{
	display: block;
	margin: 0 0 1px 0;
	padding: 2px 0 1px 2px;
	text-decoration: none;
	font-style: italic;
	color: grey;
	font: small-caps bold 12px "trebuchet ms", "luxi sans", verdana, helvetica, sans-serif;
}

li.xar-menu-item a,
li.xar-menu-item-current a{
	display: block;
	margin: 0 0 1px 0;
	background-color: white;
	padding: 2px 0px 1px 2px;
	text-decoration: none;
	color: black;
	font: bold 12px "trebuchet ms", "luxi sans", verdana, helvetica, sans-serif;
	width: 100%; /*IE6 fix*/
}

li.xar-menu-item a:hover,
li.xar-menu-item-current a:hover{
	background-color: #d7dce3;
	color: black;
	font: bold 12px "trebuchet ms", "luxi sans", verdana, helvetica, sans-serif;
	text-decoration: none;
}

/*right blocks*/

div#right .xar-norm {
	background-color: #9c9c9c;
}

div#right a {
	color: white;
	text-decoration: none;
}

div#right a:hover {
	text-decoration: underline;
}

div#right .alt-text {
	color: white;
}

div#right div.empty-block {
	margin-bottom: 5px;
	padding-bottom: 0;
	line-height: 0;
}

/*banner block*/
div.bannerhori {
	text-align: center;
}

/****xarbb forum****/
div.xarbb-messagecontrols strong.xar-sub a {
	color: black;
	
}

div.xarbb-tablewrapper table td.message {
 	padding: 0;
	background-color: white;
}

td.forumname span.xar-norm {
	font-size: 90%;
}

/*bbcode*/
dl.bbcode-quote {
	margin: 1em 10%;
}
dl.bbcode-quote dt {
	display: inline;
	position: relative;
	padding: 0 0.4em;
	left: 0.5em;
	top: 0.6em;
	background-color: #fff;
	font-weight: bold;
	list-style-type: none;
	border: 1px solid #d7dce3;
}
dl.bbcode-quote dd {
	margin-left: 0;
}
dl.bbcode-quote dd blockquote {
	padding: 1em;
	border: 3px double #d7dce3;
	margin: 0 0 0 0;
}

/****Smilies*****/
img.smilies{
	padding: 0;
	vertical-align: middle;
}

/* Autotrust banner */
div.autotrust_banner {
	width: 300px;
	height: 250px;
	background-color: rgb(215, 220, 227);
}

div.autotrust-display td {
	padding-left: 2px;
}

/* Begrippen */
div.xar-begrippen-summary {
	padding-left: 5em;
	margin-bottom: 1em;
}

div.xar-begrippen-summary p {
	display: inline;
}