/* Start of CMSMS style sheet 'layout' */
/* Bronto Media - Author: Loaie Hamo */

body {
font-family: 'Arial', verdana;
margin: 55px 0 0 0;
padding: 0;
background: #f00 url(images/layout/main-bg.jpg) top center repeat-x scroll;
text-align: left;
color: #666;
cursor: default;
}

p {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}

h1 .titleblack{
font: normal 20px arial;
color: #000;
vertical-align: top;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
outline: none;
}

h1 .titlered{
font: normal 20px arial;
color: #f00;
vertical-align: top;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
outline: none;
}

#maincontainer {
width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#top {
float: left;
width: 1000px;
height: auto;
padding: 0 0 0 0;
background: url(images/layout/topbar.png) top left no-repeat;
margin-top: 0;
margin-left: auto;
margin-right: auto;
cursor: default;
}

#header {
float: left;
width: 1000px; height: 370px;
margin: 25px auto 0 auto;
padding: 0;
background: transparent url(images/layout/blacktrans70.png) top left repeat;
cursor: default; 
}

#header .label {
margin: 15px 0 0 15px;
}

#headercarousel {
float: left;
width: 970px; height: 300px;
margin: 0 0 15px 15px;
background-color: #000;
border: 1px solid #333;
}

#headerlogo {
float: left;
width: 296px; 
height: 59px;
margin: 10px 0 0 0; 
left: 0; top: 0;
vertical-align: top;
display: block; 
background: transparent url(images/layout/hdrlogo.jpg) top left no-repeat; 
text-indent: -10000px;
border: 0; 
position: relative; 
cursor: default;
}

#content {
float: left;
width: 970px; height: auto;
margin-left: auto;
margin-right: auto;
padding: 30px 15px 15px 15px;
font: normal 11px arial;
line-height: 18px;
color: #000;
background: #fff;
}

#content strong {
font: strong 11px Arial;
}

#content .left {
float: left;
width: 320px;
border-right: 1px solid #eee;
padding-right: 17px;
}

#content .right {
float: right;
width: 615px;
margin-left: 15px;
}

#content .wide {
float: left;
width: 100%;
}

#content .right img {
max-width: 615px;
}

.lightborderbox {
float: left;
text-align: right;
vertical-align: middle;
margin-top: 15px;
padding: 5px 10px 5px 0;
background: #000;
border: 1px solid #eee;
width: 600px;
height: auto;
}

#footer {
float: left;
width: 970px; height: auto;
background:#000;
margin-bottom: 15px; 
padding: 15px 15px 15px 15px;
font: normal 11px arial;
line-height:12pt;
text-align: left;
vertical-align: left;
}

#footer .left {
float: left;
width: 75%;
}

#footer .right {
float: right;
width: 25%;
text-align: right;
color: #666;
}

#footer .logo {
float: left;
width: 146px; 
height: 18px;
margin: 0 10px 0 0;
padding-right: 15px;
left: 0; top: 0;
vertical-align: top;
display: block; 
background: transparent url(images/layout/ftrlogo.jpg) top left no-repeat; 
text-indent: -10000px;
border-right: 1px solid #666; 
position: relative; 
cursor: default;
}

#footer .links {
float: left;
width: auto;
}

#footer a.ftr:link, #footer a.ftr:visited {
color: #666;
text-decoration: none;
border-bottom: none;
margin-right: 5px; padding-right: 7px; border-right: 1px solid #666;
}

#footer a.ftr:hover, #footer a.ftr:active {
color: #fff;
text-decoration: none;
border-bottom: none;
margin-right: 5px; padding-right: 7px; border-right: 1px solid #f00;
}

#footer a.credit:link, #footer a.credit:visited {
color: #fff;
text-decoration: none;
border-bottom: none;
margin-right: 0; padding-right: 0; border-right: none;
}

#footer a.credit:hover, #footer a.credit:active {
color: #fff;
text-decoration: none;
border-bottom: none;
margin-right: 0; padding-right: 0; border-right: none; border-bottom: 1px solid #f00;
}

/* Advertenties */
#headerad {
float: right;
width: 540px;
height: 75px;
background: #ccc;
border: none;
}

.headeradlabel {
float: right;
font: 10px 'Arial';
color: #666;
margin: 10px 0 0 0;
}

#bigboxad {
float: left;
width: 320px;
height: 240px;
background: #ccc;
border: none;
}

.bigboxadlabel {
float: right;
font: 10px 'Arial';
color: #666;
margin: 10px 0 0 0;
}

#footerad {
float: left;
width: 1000px;
height: 100px;
background: #ccc;
border: none;
}

.footeradlabel {
float: right;
font: 10px 'Arial';
color: #000;
margin: 10px 0 20px 0;
}

/* Nieuws */
.newstitle {
float: left;
width: 100%;
}

.newsinfo {
float: left;
width: 610px;
height: auto;
color: #666;
background: #fff;
margin-bottom: 10px;
padding: 3px 0 3px 5px;
border: 1px solid #eee;
}

.newssummary {
float: left;
width: 100%;
margin-bottom: 0;
}

.newssummary object {
margin-bottom: 15px;
}

.newssummary img {
border: 1px solid #999;
margin-bottom: 15px;
}

.bottombar {
float: left;
width: 610px;
height: auto;
text-align: right;
margin-top: 15px;
margin-bottom: 0;
padding: 3px 5px 3px 0;
border: 1px solid #eee;
}

.countbar {
float: left;
width: 615px;
height: auto;
text-align: center;
height: auto;
padding: 0;
color: #666;
background: none;
}

.countbar a:link, a:visited {
cursor: pointer;
}

.countbar .inline {
width: auto;
}

.firstpage{
float: left;
width: 28px; height: 28px;
background: transparent url(images/layout/firstpage.png) center center no-repeat;
}

.prev {
float: right;
width: 28px; height: 28px;
background: transparent url(images/layout/prev.png) center center no-repeat;
}

.next {
float: left;
width: 28px; height: 28px;
background: transparent url(images/layout/next.png) center center no-repeat;
}

.lastpage {
float: right;
width: 28px; height: 28px;
background: transparent url(images/layout/lastpage.png) center center no-repeat;
}

/* Horizontal lines */
hr.light {
clear:      both;
*margin: 0 0; _margin: 7px 0;
display:    block; 
border:     none;
height:     1px;
line-height: 0px;
border-bottom: 1px solid #eee;
}

hr.top {
clear:      both;
*margin: 0 0; _margin: 0 7px;
display:    block; 
border:     none;
height:     1px;
line-height: 0px;
border-bottom: 1px solid #eee;
}

hr.bottom {
clear:      both;
*margin: 0 0; _margin: 7px 0;
display:    block; 
border:     none;
height:     1px;
line-height: 0px;
border-bottom: 1px solid #eee;
}

.horseparator {
width: 100%;
height: 8px;
display: block;
background: transparent url(images/layout/horseparator.jpg) top left repeat-x;
margin: 0 0 15px 0;
}

.endseparator {
float: left;
width: 100%;
height: 20px;
display: block;
background: transparent url(images/layout/endseparator.jpg) top left repeat-x;
margin: 15px 0 0 0;
}

/* Standaard link */
a:active,
a:focus {outline:0;}

a:active,
a:focus {outline:expression(hideFocus='true');}

a:link {
color: #f00;
text-decoration: none;
border-bottom: none;
}
a:visited {
color: #f00;
text-decoration: none;
border-bottom: none;
}
a:hover {
color: #000;
text-decoration: none;
border-bottom: none;
}
a:active {
color: #000;
text-decoration: none;
border-bottom: none;
}

/* black link */
a.black:link {
color: #000;
text-decoration: none;
border-bottom: none;
}
a.black:visited {
color: #000;
text-decoration: none;
border-bottom: none;
}
a.black:hover {
color: #666;
text-decoration: none;
border-bottom: none;
}
a.black:active {
color: #000;
text-decoration: none;
border-bottom: none;
}

/* gray link */
a.gray:link {
color: #ccc;
font: normal 11px Arial;
text-decoration: none;
border-bottom: none;
}
a.gray:visited {
color: #ccc;
font: normal 11px Arial;
text-decoration: none;
border-bottom: none;
}
a.gray:hover {
color: #fff;
text-decoration: none;
border-bottom: none;
}
a.gray:active {
color: #fff;
text-decoration: none;
border-bottom: none;
}


/* Spaces */
.whitespace15 {
float: left;
width: 100%;
height: 15px;
}

div#search {
float: left;
width: 100%;
height: auto;
text-align: left;
padding: 0;
margin: 0;
}

div#hidden {
visibility: hidden;
}

input.search-field {
border: none;
font: normal 11px Arial;
width: 100%;
height: auto;
cursor: text;
padding: 3px 0 3px 5px;
color: #fff;
background: transparent url(images/layout/darkfieldbg.jpg) left center repeat-x;
vertical-align: top;
}

input.search-button {
border: none;
float: right;
font: normal 11px Arial;
width: 50px;
height: 20px; _height: 20px; *height: 20px;
margin-left: 5px;
padding: 2px 3px 2px 3px; *padding: 2px 2px !important;
cursor: pointer !important;
vertical-align: middle;
color: #fff;
background: transparent url(images/layout/redfieldbg.jpg) top left repeat-x;
}

input.mail-field {
border: none;
float: left;
font: normal 11px Arial;
width: 100%;
height: auto;
cursor: text;
padding: 3px 0 3px 5px;
color: #fff;
background: transparent url(images/layout/darkfieldbg.jpg) top left repeat-x;
vertical-align: top;
}

input.mail-button {
border: none;
float: right;
font: normal 11px Arial;
width: 70px;
height: 20px; _height: 20px; *height: 20px;
margin: 0 0 0 0;
padding: 0px 5px 0 5px; *padding: 3px 5px 5px 5px !important;
cursor: pointer !important;
vertical-align: bottom;
text-align: center;
color: #fff;
background: transparent url(images/layout/redfieldbg.jpg) top left repeat-x;
}

.link-button {
float: right;
border: none;
font: normal 11px Arial;
width: 70px;
height: 20px; _height: 20px; *height: 20px;
margin: 0 0 0 0;
padding: 3px 7px 0 0; *padding: 3px 7px 2px 0px !important;
cursor: pointer !important;
vertical-align: bottom;
color: #fff;
background: transparent url(images/layout/redfieldbg.jpg) top left repeat-x;
}

/* Comments */
#comments {
float: left;
padding-top: 20px;
width: 100%;
height: auto;
}

#comments ul {
float: left;
list-style: none;
margin:0 auto 0 auto;
color: #000;
left: 0px;
}

#comments li{
width: auto;
float:left;
color:#000;
text-decoration:none;
font: normal 11px Arial;
text-align: left;
border-bottom: none;
}

#comments .date {
color: #999;
}

/* Twitter */
#juitterContainer {
float: left;
width: 320px;
background: transparent;
*margin: 0; *padding: 0;
}

#juitterContainer ul{
width: 320px;
margin: 0;
padding: 0;
list-style: none;
color: #000;
}

#juitterContainer .juitterAvatar {
width: 35px; height: 35px;
border: 1px solid #ccc;
margin-right: 10px;
} 

#juitterContainer .twittLI{
float:left;
list-style: none;
}

/* Tooltip */
p.profile-listing a:hover {background-color: #f00; color:#000;}
p.profile-listing a:link span{display: none;}
p.profile-listing a:visited span{display: none;}
p.profile-listing a:hover span {
width: 82px; height: auto;
position: absolute;
margin: 96px 0 0 0; 
background-color: #f00;
max-width:100%; max-height: 100%;
padding: 5px 7px 5px 7px;
border: 1px solid #c00;
font: normal 9px verdana;
color: #fff;
text-align:center;
vertical-align: middle;
display: block;
cursor: pointer;
}

p.profile-grid a:hover {background-color: #f00; color:#fff;}
p.profile-grid a:link span{display: none;}
p.profile-grid a:visited span{display: none;}
p.profile-grid a:hover span {
width: auto; height: auto;
position: absolute;
margin: 0 0 0 0; 
background-color: #f00;
max-width:100%; max-height: 100%;
padding: 5px 7px 5px 7px;
border: 1px solid #c00;
font: normal 9px verdana;
color: #fff;
text-align:center;
vertical-align: middle;
display: block;
cursor: pointer;
}
/* End of 'layout' */