/* Basis color: #7a1812
--------------------------------------------------------------*/
* {
margin:0;
padding:0;
}
html, body {
font-family:Arial, Helvetica, Sans-serif;
font-size:12px;
color:#303030;
/*background:url('../images/bodybg.png') top center repeat-x;*/
background:url('../images/rood/bg_header.jpg') top center repeat-x;
width:100%;
}
body {
/*background:url('../images/bodybgdup.png') top center repeat-x;*/
}
p {
position: relative;
font-size:12px;
font-weight:normal;
line-height:19px;
}
p.introduction {
position: relative;
font-weight:bold;
}
a {
color:#303030;
text-decoration:none;
outline:0;
}
a:hover {
text-decoration:underline;
}
input {
outline:0;
}
h1 {
font-size:20px;
color: #7a1812;
font-weight:bold;
}
h2 {
font-size:16px;
font-weight:bold;
margin-bottom:10px;
color: #7a1812;
}
h3 {
font-size:14px;
line-height:19px;
font-weight:bold;
}
h1, h3, h4, h5, p {
margin-bottom:15px;
}
h6 {
font-size:13px;
font-weight:normal;
color:#3491e5;
text-decoration:none;
}
li {
list-style:none;
line-height: 23px;
}
ul {
padding-bottom: 15px;
}
input.btn-post,
input#btn-post {
padding: 5px 14px 4px 14px;
background-color: #fafafa;
border: 1px solid #ccc;
font-family: Arial, Helvetica, Sans-serif;
font-size: 8pt;
cursor: pointer;
margin: 0 0 2px 0;
}
table {
margin-top: 0px;
}
table.stable {
position: relative;
width: 555px;
min-width: 555px;
max-width: 555px;
clear: both;
}
table.stable.first {
margin-top: -20px;
}
/* Site container
--------------------------------------------------------------*/
div#container {
width:960px;
margin:0 auto 0 auto;
}
/* Waveheader - 12-02-2014
--------------------------------------------------------------*/
div#waveheader {
position:relative;
margin:0 auto;
width:960px;
height:213px;
}
div#waveheader div.wave {
}
div#waveheader div.wave img {
}
div#waveheader div.logo {
position: absolute;
top: 25px;
right: 0px;
width: 230px;
height: 117px;
}
div#waveheader div#site-logo {
position: absolute;
top: 40px;
left: 0px;
}
div#waveheader div#site-logo a,
div#waveheader div#site-logo a:hover,
div#waveheader div#city-quote a,
div#waveheader div#city-quote a:hover {
text-decoration: none;
cursor: default;
}
div#waveheader div#city-name {
position: relative;
float: left;
color: #fff;
font-size: 30px;
font-family: Arial;
margin: 0 0 0 -2px;
cursor: pointer !important;
}
div#waveheader div#owner-name {
position: relative;
float: left;
color: #fff;
font-size: 15px;
font-family: Arial;
margin: 11px 0 0 10px;
}
div#waveheader div#owner-name span {
color: #fff;
font-size: 9px;
font-family: Arial;
margin-right: 5px;
}
div#waveheader div#owner-name a {
color: #fff !important;
cursor: pointer !important;
}
div#waveheader div#owner-name a:hover {
text-decoration: underline;
}
div#waveheader div#head-icn-holder {
position: relative;
margin: 7px 0 0 -1px;
height: 26px;
}
div#waveheader div#head-icn-holder a img {
padding: 0 5px 0 0;
}
/* City quote
--------------------------------------------------------------*/
div#waveheader div#city-quote {
position: relative;
color: #e4e4e4;
font-size: 11px;
font-family: Arial;
margin: 3px 0 0 0;
padding-bottom: 4px;
}
/* Top-menu
--------------------------------------------------------------*/
div#waveheader div#header-topmenu {
position: absolute;
bottom: 8px;
left: 0px;
margin: 0 0 0 0;
padding: 0 0 1px 0;
}
div#waveheader div#header-topmenu #menu {
padding: 0px;
margin: 0px;
width:785px;
font-family: Arial, sans-serif, Helvetica;
font-size: 8.5pt;
background-color: #e5e5e5;
}
div#waveheader div#header-topmenu #menu ul{
background: #e5e5e5;
height:30px;
margin:0;
padding:0;
}
div#waveheader div#header-topmenu #menu li{
float:left;
padding:0px;
}
div#waveheader div#header-topmenu #menu li a{
display:block;
font-weight:normal;
line-height:30px;
margin:0px;
padding: 0 14px 0 14px;
text-align:center;
text-decoration:none;
color:#474747;
height:30px;
}
div#waveheader div#header-topmenu #menu li a:hover, #menu ul li:hover a, #menu li.active {
background-color: #fff;
color:#000;
height:30px;
}
div#waveheader div#header-topmenu #menu li ul{
background: transparent;
display:none;
height:auto;
padding: 8px 0 0 0;
margin: 0;
border:0px;
position:absolute;
width:205px;
z-index:200;
/*top:1em;
/*left:0;*/
}
div#waveheader div#header-topmenu #menu li:hover ul{
display:block;
}
div#waveheader div#header-topmenu #menu li li {
background-color: #e5e5e5;
display:block;
float:none;
margin:0px;
padding:0px;
width:205px;
border: 2px solid #eee;
}
div#waveheader div#header-topmenu #menu li:hover li a{
background-color: #e5e5e5;
}
div#waveheader div#header-topmenu #menu li ul a{
display: block;
height: 30px;
font-size: 9pt;
font-style: normal;
margin: 0px;
padding: 0px 10px 0px 15px;
text-align: left;
}
div#waveheader div#header-topmenu #menu li ul a:hover, #menu li ul li:hover a, div#waveheader div#header-topmenu #menu li ul li.active a {
background-color: #fff;
border:0px;
color:#000;
text-decoration:none;
}
div#waveheader div#header-topmenu #menu p{
clear:left;
}
/* Zoeken
--------------------------------------------------------------*/
div#waveheader div#newsearch {
position:absolute;
bottom: 9px;
right: 0;
width: 196px;
height: 26px;
margin: 0;
}
div#waveheader div#newsearch div.searchfield {
position:relative;
width:160px;
height:26px;
background:url('../images/rood/bg_search.jpg');
margin: -2px 0 0 0;
}
div#waveheader div#newsearch div.searchfield div.inputfield {
position:absolute;
bottom: 6.5px;
left:9px;
}
div#waveheader div#newsearch div.searchfield div.inputfield input {
width: 140px;
background: transparent;
border: none;
font-family: arial;
font-size: 8pt;
color: #8e8d8d;
}
div#waveheader div#newsearch div.btn_search {
position: absolute;
bottom: -1px;
right: 0;
width: 30px;
height: 29px;
cursor: pointer;
background: url("../images/rood/btn_search.png")no-repeat;
}
div#waveheader div#newsearch div.btn_search:hover {
background: url("../images/rood/btn_search_hover.png")no-repeat;
}
/* Einde waveheader - 12-02-2014
--------------------------------*/
/* Newheader
--------------------------------------------------------------*/
div#newheader {
position:relative;
margin:0 auto;
width:960px;
height:213px;
}
div#newheader div#site-logo {
position: absolute;
top: 40px;
left: 0px;
}
div#newheader div#site-logo a,
div#newheader div#site-logo a:hover,
div#newheader div#city-quote a,
div#newheader div#city-quote a:hover {
text-decoration: none;
}
div#newheader div#city-name {
position: relative;
float: left;
color: #fff;
font-size: 30px;
font-family: Arial;
margin: 0 0 0 -2px;
}
div#newheader div#owner-name {
position: relative;
float: left;
color: #fff;
font-size: 15px;
font-family: Arial;
margin: 11px 0 0 10px;
}
div#newheader div#owner-name span {
color: #fff;
font-size: 9px;
font-family: Arial;
margin-right: 5px;
}
div#newheader div#head-icn-holder {
position: relative;
margin: 7px 0 0 -1px;
height: 26px;
}
div#newheader div#head-icn-holder a img {
padding: 0 5px 0 0;
}
div#newheader div#head-panorama {
position: absolute;
top: 40px;
right: 0;
width: 400px;
height: 89px;
}
div#newheader div#head-panorama img {
width: 400px;
height: 89px;
border: 1px solid #7b7373;
}
/* City quote
--------------------------------------------------------------*/
div#newheader div#city-quote {
position: relative;
color: #e4e4e4;
font-size: 11px;
font-family: Arial;
margin: 3px 0 0 0;
padding-bottom: 9px;
border-bottom: 1px solid #8e8e8e;
}
/* Top-menu
--------------------------------------------------------------*/
div#newheader div#header-topmenu {
position: absolute;
bottom: 8px;
left: 0px;
margin: 0 0 0 0;
padding: 0 0 1px 0;
}
div#newheader div#header-topmenu #menu {
padding: 0px;
margin: 0px;
width:785px;
font-family: Arial, sans-serif, Helvetica;
font-size: 8.5pt;
background-color: #e5e5e5;
}
div#newheader div#header-topmenu #menu ul{
background: #e5e5e5;
height:30px;
margin:0;
padding:0;
}
div#newheader div#header-topmenu #menu li{
float:left;
padding:0px;
}
div#newheader div#header-topmenu #menu li a{
display:block;
font-weight:normal;
line-height:30px;
margin:0px;
padding: 0 14px 0 14px;
text-align:center;
text-decoration:none;
color:#474747;
height:30px;
}
div#newheader div#header-topmenu #menu li a:hover, #menu ul li:hover a, #menu li.active {
background-color: #fff;
color:#000;
height:30px;
}
div#newheader div#header-topmenu #menu li ul{
background: transparent;
display:none;
height:auto;
padding: 8px 0 0 0;
margin: 0;
border:0px;
position:absolute;
width:205px;
z-index:200;
/*top:1em;
/*left:0;*/
}
div#newheader div#header-topmenu #menu li:hover ul{
display:block;
}
div#newheader div#header-topmenu #menu li li {
background-color: #e5e5e5;
display:block;
float:none;
margin:0px;
padding:0px;
width:205px;
border: 2px solid #eee;
}
div#newheader div#header-topmenu #menu li:hover li a{
background-color: #e5e5e5;
}
div#newheader div#header-topmenu #menu li ul a{
display: block;
height: 30px;
font-size: 9pt;
font-style: normal;
margin: 0px;
padding: 0px 10px 0px 15px;
text-align: left;
}
div#newheader div#header-topmenu #menu li ul a:hover, #menu li ul li:hover a, div#newheader div#header-topmenu #menu li ul li.active a {
background-color: #fff;
border:0px;
color:#000;
text-decoration:none;
}
div#newheader div#header-topmenu #menu p{
clear:left;
}
/* Zoeken
--------------------------------------------------------------*/
div#newheader div#newsearch {
position:absolute;
bottom: 9px;
right: 0;
width: 196px;
height: 26px;
margin: 0;
}
div#newheader div#newsearch div.searchfield {
position:relative;
width:160px;
height:26px;
background:url('../images/rood/bg_search.jpg');
margin: -2px 0 0 0;
}
div#newheader div#newsearch div.searchfield div.inputfield {
position:absolute;
bottom: 6.5px;
left:9px;
}
div#newheader div#newsearch div.searchfield div.inputfield input {
width: 140px;
background: transparent;
border: none;
font-family: arial;
font-size: 8pt;
color: #8e8d8d;
}
div#newheader div#newsearch div.btn_search {
position: absolute;
bottom: -1px;
right: 0;
width: 30px;
height: 29px;
cursor: pointer;
background: url("../images/rood/btn_search.png")no-repeat;
}
div#newheader div#newsearch div.btn_search:hover {
background: url("../images/rood/btn_search_hover.png")no-repeat;
}
/* Advertorial - Advertenties
--------------------------------------------------------------*/
div#Advertorial {
position:absolute;
top:10px;
right:0px;
width:468px;
height:60px;
}
div#Advertorialbig {
position:absolute;
top:2px;
right:0px;
width:728px;
height:90px;
}
div#Advertorialgoogle {
position:absolute;
top:10px;
right:0px;
width:468px;
height:60px;
min-width:468px;
min-height:60px;
}
/* Newsletter subscribe
--------------------------------------------------------------*/
fieldset#subscribeNewsLetter {
position:absolute;
top:80px;
right:0px;
width:192px;
height:30px;
border:0px;
}
fieldset#subscribeNewsLetter span.legend {
float:left;
color:#fff;
font-weight:bold;
height:20px;
line-height:20px;
}
fieldset#subscribeNewsLetter form {
float:left;
}
fieldset#subscribeNewsLetter a {
font-size:11px;
color:#ffffff;
}
/* Slideshow
--------------------------------------------------------------*/
div#slideShow {
margin: 7px 0 0 0;
height:225px;
width: 960px;
z-index:-1;
overflow: hidden;
}
div#slideShow img {
z-index:-1;
}
/* Content
--------------------------------------------------------------*/
div#content {
width: 960px;
margin: 0 auto;
margin-top: 5px;
font-size:12px;
font-weight:normal;
line-height:19px;
}
/* Content - left
--------------------------------------------------------------*/
div#contentLeft {
float:left;
width:555px;
margin: 15px 0 -30px 0;
min-height: 438px;
}
div#contentLeft ul {
margin: -18px 0 -15px 25px;
}
div#contentLeft ul li {
list-style-type:disc;
line-height: 16px;
}
div#contentLeft a {
color: #7a1812;
text-decoration: none;
}
div#contentLeft a:hover {
text-decoration: underline;
}
div#contentLeft p img {
margin: 0;
}
/* Content - foot
--------------------------------------------------------------*/
div#contentFoot {
position: relative;
background:url('../images/contentFoot.jpg');
width:537px;
height:14px;
font-size:10px;
color: #fff;
padding:9px;
margin-top: 10px;
}
/* Content - comment
--------------------------------------------------------------*/
div#contentComment {
float:left;
width:532px;
border:1px solid #e9e9e9;
background:#f8f7f7;
padding:10px;
margin-top:10px;
}
div#contentFoot a {
color:white;
}
/* Gallery
--------------------------------------------------------------*/
div#gallery {
position: relative;
width: 600px;
}
div#gallery div.photo_holder img {
position: relative;
width: 175px;
border: 1px solid #696969;
margin: 8px 8px 0 8px;
}
div#gallery div.btn_pinit {
position: relative;
width: 49px;
height: 24px;
margin: 0 0 17px 0;
}
div#gallery div.btn_pinit img {
border: none;
}
div#gallery div.photo_holder p {
position: relative;
padding: 5px 8px 0 8px;
font-family: arial;
font-size: 11px;
color: #3a3a3a;
line-height: 14px;
margin: 0 0 0 0;
}
div#gallery div.left {
position: relative;
float: left;
}
div#gallery div.left div.photo_holder {
position: relative;
width: 192px;
background-color: #f7f6f6;
border: 1px solid #e5e5e5;
margin: 0 8px 5px 0;
}
div#gallery div.middle {
position: relative;
float: left;
}
div#gallery div.middle div.photo_holder {
position: relative;
width: 192px;
background-color: #f7f6f6;
border: 1px solid #e5e5e5;
margin: 0 8px 5px 0;
}
div#gallery div.right {
position: relative;
float: left;
}
div#gallery div.right div.photo_holder {
position: relative;
width: 192px;
background-color: #f7f6f6;
border: 1px solid #e5e5e5;
margin: 0 0 5px 0;
}
/* User upload
--------------------------------------------------------------*/
div.user_upload {
position: relative;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 20px 0 20px 0;
width: 598px;
margin-bottom: 15px;
}
div.user_upload h2 {
color: #7a1812;
}
div.user_upload div#upload input[type="button"] {
padding: 4px 5px 4px 5px;
background-color: #eee;
border: 1px solid #ddd;
margin-top: -5px;
cursor: pointer;
}
div#user_uploadholder {
}
div#user_uploadholder div.up_title {
line-height: 17px;
padding: 0 0 5px 0;
margin: 0;
}
div#user_uploadholder div.up_input {
background: #fff;
}
div#user_uploadholder div.up_input input[type="text"] {
width: 341px;
height: 17px;
border: 1px dotted #aaa;
padding: 2px 4px 2px 4px;
margin-bottom: 10px;
background: #fff;
}
/* Gallery albums
--------------------------------------------------------------*/
.album-holder {
position: relative;
width: 600px;
margin-bottom: 40px;
}
.album-block {
position: relative;
float: left;
margin-right: 4px;
margin-bottom: 4px;
border: 1px solid #f0f0f0;
cursor: pointer;
}
.album-block:hover {
background: #fdfdfd;
}
.album-block .album-title {
position: relative;
margin: 7px 0 0 9px;
color: #575757;
font-weight: bold;
}
.album-block .album-eyecatcher {
position: relative;
margin: 4px 8px 0 8px;
border: 1px solid #979797;
width: 172px;
height: 115px;
overflow: hidden;
cursor: pointer;
}
.album-block .album-eyecatcher img {
position: relative;
width: 172px;
min-height: 115px;
}
.album-block .album-eyecatcher img:hover {
opacity: 0.8;
}
.album-block .album-limgs {
position: relative;
margin: 4px 0 0 8px;
min-height: 42px;
}
.album-block .album-limgs .album-limgs-img {
position: relative;
float: left;
width: 40px;
height: 40px;
border: 1px solid #979797;
overflow: hidden;
margin-right: 2px;
cursor: pointer;
background: #fbfbfb;
}
.album-block .album-limgs .album-limgs-img img {
position: relative;
max-height: 40px;
min-width: 60px;
margin-left: -20%;
}
.album-block .album-limgs .album-limgs-img img:hover {
opacity: 0.8;
}
.album-block .album-btn {
position: relative;
margin: 7px 0 9px 8px;
background: url("../images/bg-btn-album.jpg") repeat-x;
border: 1px solid #e1e1e1;
width: 172px;
height: 23px;
line-height: 23px;
text-align: center;
font-size: 11px;
color: #000;
font-weight: bold;
cursor: pointer;
}
.album-block .album-btn:hover {
opacity: 0.8;
}
/* Weer
--------------------------------------------------------------*/
.weer {
float:left;
padding:0px 0px 10px 191px;
margin:0px 8px 0px 0px;
}
/* Googlemap in artikel
--------------------------------------------------------------*/
div.map_artikel {
position: relative;
width: 555px;
padding: 0 0 0 0;
margin: 0 0 20px 0;
font-size:12px;
font-weight:normal;
line-height:19px;
color: #000;
}
div.map_artikel h2 {
font-size: 16px;
font-weight: bold;
margin: 5px 0 6px 0;
}
div.map_artikel div.tube {
margin: 0 0 6px 0;
}
/* Video in artikel
--------------------------------------------------------------*/
div.video_artikel {
position: relative;
width: 555px;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size:12px;
font-weight:normal;
line-height:19px;
color: #000;
}
div.video_artikel h2 {
font-size: 16px;
color: #7a1812;
font-weight: bold;
margin: 5px 0 6px 0;
}
div.video_artikel div.tube {
margin: 0 0 6px 0;
}
/* Woordenlijst
--------------------------------------------------------------*/
ul#woordenlijst {
position: relative;
margin: 0 0 20px 0;
}
ul#woordenlijst li.row_holder {
position: relative;
width: 553px;
height: 24px;
border: 1px solid #e9e9e9;
background-color: #f8f7f7;
margin: 0 0 3px -25px;
}
ul#woordenlijst li.row_holder div.row1 {
position: relative;
float: left;
padding: 7px 0 0 10px;
}
ul#woordenlijst li.row_holder div.row2 {
position: relative;
float: left;
padding: 7px 0 0 10px;
font-weight: bold;
}
/* Hotspot container
--------------------------------------------------------------*/
div.hotspotContainer {
float:left;
width:537px;
padding:10px;
border:1px solid #e9e9e9;
background:#f8f7f7;
margin-bottom:20px;
}
div.hotspotContainer h2 {
color: #000;
}
div.hotspotContainer div:first-child {
margin-right:42px;
}
/* Hotspot
--------------------------------------------------------------*/
div.hotspot {
float:left;
width:247px;
}
div.hotspot img {
border:1px solid #000;
}
div.hotspot p {
margin-bottom:0;
}
div.hotspot h3, img {
margin-bottom:10px;
}
/* Random visual
--------------------------------------------------------------*/
img.randomVisual {
margin:0px 0 18px 0;
}
/* Content - Advertentie
--------------------------------------------------------------*/
div.contentAdvertorial {
margin:8px 0 18px 0;
text-align:center;
}
/* Smallblock
--------------------------------------------------------------*/
div.smallBlockContainer {
float:left;
width:585px;
margin-bottom:20px;
}
div.smallBlockContainer h2 {
color: #000;
}
div.smallBlockContainer div:first-child {
margin-left:0px;
}
div.smallBlock {
float:left;
width:178px;
margin-right:10px;
}
div.smallBlock h2 {
color: #000;
}
div.smallBlock img {
border:1px solid #000;
}
div.smallBlock img, div.smallBlock h3 {
margin:0;
margin-bottom:5px;
}
div.smallBlock p {
margin-bottom:0;
}
/* Video pagina
--------------------------------------------------------------*/
div.article_vids {
position: relative;
}
div.article_vids h2 {
font-size: 16px;
font-weight: bold;
color: #7a1812;
margin: 0 0 3px 0;
}
/* Right
--------------------------------------------------------------*/
div#contentRight {
float:right;
width:336px;
margin-top: 15px;
padding-left:68px;
}
/* Right - Sidemenu
--------------------------------------------------------------*/
div#contentRight div#sidemenu {
position: relative;
width: 336px;
margin: 7px 0 0 0;
}
div#contentRight div#sidemenu div.sidemenu-title h3 {
font-size: 16px;
font-weight: bold;
color: #7a1812;
margin: 0 0 10px 3px;
}
div#contentRight div#sidemenu li a {
text-decoration: none;
}
div#contentRight div#sidemenu li a:hover {
text-decoration: none;
}
div#contentRight div#sidemenu ul li {
width: 320px;
background-color: #f8f7f7;
border: 1px solid #e9e9e9;
color: #000;
padding: 0 0 0 14px;
line-height: 29px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
margin: 0 0 2px 0;
}
div#contentRight div#sidemenu ul a:hover li,
div#contentRight div#sidemenu ul li.active {
text-decoration: none;
background-color: #ebecec;
border: 1px solid #c9c9c9;
color: #802c1b;
}
/* Advertenties - rechts
--------------------------------------------------------------*/
div#advertorialRight {
float: left;
width: 336px;
height: 280px;
margin: 0 0 10px 0;
}
div#advertorialRightgoogle {
float: left;
width: 336px;
height: 280px;
min-width: 336px;
min-height: 280px;
}
/* Accommodaties
--------------------------------------------------------------*/
dl#Accommodaties {
position: relative;
width: 316px;
background: #990000;
padding: 10px;
padding-bottom: 30px;
margin-bottom: 10px;
}
dl#Accommodaties dt {
display: block;
width: 305px;
height: 32px;
line-height: 32px;
padding-left: 10px;
background: url('../images/heading_desc_list.png');
color: #fff;
font-weight: bold;
margin-top: 20px;
}
dl#Accommodaties dt:first-child {
margin-top: 0px;
}
dl#Accommodaties dd a {
display: block;
width: 305px;
height: 32px;
line-height: 32px;
padding-left: 10px;
color: #fff;
border-bottom: 1px dotted #73c3f1;
}
dl#Accommodaties dd a:hover {
text-decoration: underline;
}
dl#Accommodaties2 {
position: relative;
width: 326px;
background: #eeeeee;
padding: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
}
dl#Accommodaties2 dt {
display: block;
width: 205px;
height: 32px;
line-height: 32px;
padding-left: 10px;
background: url('../images/heading_desc_list.png');
color: #222;
font-weight: bold;
margin-top: 10px;
}
dl#Accommodaties2 dt:first-child {
margin-top: 0px;
}
dl#Accommodaties2_old dd a {
display: block;
width: 305px;
height: 32px;
line-height: 32px;
padding-left: 10px;
background: url('../images/heading_desc_list2.png');
color: #222;
font-weight: bold;
margin-top: 20px;
}
dl#Accommodaties2 dd a {
width: 305px;
height: 32px;
color: #222;
font-weight: normal;
}
dl#Accommodaties2 dt a:hover {
background: url('../images/domee2.png');
}
/* Random spot
--------------------------------------------------------------*/
div.randomSpot {
position: relative;
float: left;
width: 302px;
border: 0px solid #e9e9e9;
background: #f8f7f7;
margin: 0 0 15px 0;
z-index: 20;
padding: 13px 16px 8px 16px;
border: 1px solid #e9e9e9;
}
div.randomSpot h2 {
margin: 0 0 6px 0;
}
div.randomSpot div.video {
padding: 0 0 6px 0;
}
div.randomSpot div.video_text {
padding: 0 0 7px 0;
}
a img {
border: 0;
vertical-align: middle;
}
/* Reageerblock
--------------------------------------------------------------*/
div#reageerblock {
position: relative;
width: 553px;
height: 48px;
background-color: #f8f7f7;
border: 1px solid #e5e5e5;
margin: 38px 0 15px 0;
}
div#reageerblock div.btn-react {
position: absolute;
left: 8px;
top: 8px;
width: 142px;
border: 1px solid #d6d0d0;
cursor: pointer;
color: #3a3a3a;
text-decoration: none;
font-size: 12px;
text-align: center;
padding: 7px 0 7px 0;
background: url("../images/bg-social.jpg") repeat-x;
}
div#reageerblock div.btn-react:hover {
color: #7a1812;
text-decoration: none;
}
div#reageerblock div.btn-mail {
position: absolute;
left: 158px;
top: 8px;
width: 142px;
border: 1px solid #d6d0d0;
cursor: pointer;
color: #3a3a3a;
text-decoration: none;
font-size: 12px;
text-align: center;
padding: 7px 0 7px 0;
background: url("../images/bg-social.jpg") repeat-x;
}
div#reageerblock div.btn-mail:hover {
color: #7a1812;
text-decoration: none;
}
div#reageerblock div.addthis {
position: absolute;
top: -11px;
right: 0;
width: 153px;
height: 20px;
}
div#reageerblock div.comment {
position: absolute;
right: 103px;
bottom: 9px;
font-family: arial;
font-size: 11px;
color: #000;
text-align: right;
}
div#reageerblock div.arrow {
position: absolute;
right: 73px;
bottom: 12px;
width: 24px;
height: 21px;
background: url("../images/reactblock_arrow.png") center no-repeat;
}
div#reageerblock div.btn-tweet {
position: absolute;
top: -13px;
right: 158px;
width: 28px;
height: 24px;
border-top: 1px solid #eaeaea;
cursor: pointer;
}
div#reageerblock div.btn-tweet:hover {
border-top: 1px solid #ccc;
}
div#reageerblock div.btn-facebook {
position: absolute;
top: -13px;
right: 193px;
width: 28px;
height: 24px;
border-top: 1px solid #eaeaea;
cursor: pointer;
}
div#reageerblock div.btn-facebook:hover {
border-top: 1px solid #ccc;
}
div#reageerblock div.popup_block {
position: absolute;
top: -254px;
left: 18px;
width: 513px;
min-height: 102px;
background-color: #f8f7f7;
border: 1px solid #e5e5e5;
box-shadow: 2px 2px 6px #999999;
z-index:99;
cursor: move;
padding: 0 0 14px 0;
}
div#reageerblock div.popup_block div.title {
position: relative;
margin: 13px 0 5px 21px;
font-size: 12px;
color: #7a1812;
}
div#reageerblock div.popup_block div.left {
position: relative;
float: left;
margin: 0 0 0 21px;
}
div#reageerblock div.popup_block div.left p {
font-size: 11px;
color: #000;
margin-bottom: 0;
}
div#reageerblock div.popup_block div.left input {
position: relative;
width: 242px;
height: 25px;
border: 1px solid #d6d0d0;
padding: 0px 0 0 5px;
font-size: 12px;
color: #000;
font-family: arial;
}
div#reageerblock div.popup_block div.right {
position: relative;
float: left;
margin: 0 0 0 14px;
}
div#reageerblock div.popup_block div.right p {
font-size: 11px;
color: #000;
margin-bottom: 0;
}
div#reageerblock div.popup_block div.right input {
position: relative;
width: 201px;
height: 25px;
border: 1px solid #d6d0d0;
padding: 0 0 0 5px;
font-size: 12px;
color: #000;
font-family: arial;
}
div#reageerblock div.popup_block div.input {
position: relative;
margin: 5px 0 0 21px;
width: 466px;
min-height: 52px;
}
div#reageerblock div.popup_block div.input p {
font-size: 11px;
color: #000;
margin-bottom: 0;
}
div#reageerblock div.popup_block div.input textarea {
width: 464px;
max-width: 464px;
min-width: 464px;
height: 50px;
min-height: 50px;
border: 1px solid #d6d0d0;
font-size: 12px;
color: #000;
padding: 5px 0 0 5px;
font-family: arial;
}
div#reageerblock div.popup_block div.btn_react {
position: relative;
float: left;
min-width: 90px;
margin: 8px 0 0 21px;
border: 1px solid #d6d0d0;
cursor: pointer;
color: #3a3a3a;
text-decoration: none;
font-size: 12px;
text-align: center;
padding: 5px 13px 5px 13px;
background: url("../images/bg-social.jpg") repeat-x;
}
div#reageerblock div.popup_block div.btn_react:hover {
color: #7a1812;
text-decoration: none;
}
div#reageerblock div.popup_block div.message {
position: relative;
float: left;
margin: 16px 0 0 18px;
height: 20px;
font-size: 11px;
color: #000;
}
div#item_reactions {
position: relative;
width: 538px;
margin: 0 0 20px 0;
}
div#item_reactions div.reaction {
position: relative;
width: 523px;
border: 1px solid #ddd;
padding: 12px 15px 0 15px;
margin: 0 0 10px 0;
cursor: default;
}
div#item_reactions div.reaction p {
padding: 0 0 10px 0;
margin: 0;
}
div#item_reactions div.reaction p b {
color: #7a1812;
}
div#item_reactions div.reaction div.date {
font-size: 10px;
color: #000;
padding-bottom: 3px;
}
/* Clear
--------------------------------------------------------------*/
.clear {
clear: both
}
/* Agenda
------------------------------------------------------------- */
td {
line-height: 20px;
}
td img {
padding-left: 5px;
}
td.rowOne h2 a,
td.rowTwo h2 a {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
color: #000;
padding-top: 3px;
}
td.rowOne h2 a:hover,
td.rowTwo h2 a:hover {
color: #000;
}
td.rowOne p a,
td.rowTwo p a {
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
color: #000;
text-decoration: none;
}
td.rowOne p a:hover,
td.rowTwo p a:hover {
color: #000;
}
td.rowOne {
background-color: #ffffff;
height: 15px;
padding: 5px 9px 4px 9px;
color: #000;
}
td.rowOne a img,
td.rowTwo a img {
border: 1px solid #ddd;
margin-left: 5px;
}
td.rowTwo {
background-color: #f0f0f0;
height: 15px;
padding: 5px 9px 4px 9px;
color: #000;
}
/* Publicity banners
------------------------------------------------------------- */
div.publicity_banners {
position: relative;
float: left;
width: 315px;
margin: 19px 0 10px 0;
}
div.publicity_banners img {
width: 334px;
border: 1px solid #ddd;
}
/* Mail en win block
------------------------------------------------------------- */
div#mailenwin {
position: relative;
float: left;
width: 315px;
background-color: #f8f7f7;
z-index: 20;
padding: 15px 5px 15px 16px;
margin: 0 0 15px 0;
border: 1px solid #e9e9e9;
}
div#mailenwin h2 a {
color: #7a1812;
}
div#mailenwin div.title h2 {
color: #7a1812;
font-size: 16px;
font-weight: bold;
}
div#mailenwin div.content {
margin: 0 15px 0 0;
}
div#mailenwin div.content img {
margin-left: -5px;
}
div#mailenwin div.button {
font-size: 16px;
font-weight: bold;
text-align: right;
margin-right: 15px;
}
div#mailenwin div.button a {
text-decoration: underline;
}
div#mailenwin div.button a:hover {
text-decoration: none;
}
/* Poll
------------------------------------------------------------- */
div#poll {
position: relative;
float: left;
width: 315px;
border: 1px solid #e9e9e9;
background: #f8f7f7;
margin-bottom: 15px;
padding: 15px 5px 15px 16px;
}
div#poll h2 {
color: #7a1812;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px 0;
}
div#poll table {
margin: 10px 0 10px 0;
}
div#poll tr td.radio {
width: 10px;
padding: 0 5px 1px 0;
}
div#poll tr td.answer {
width: 290px;
}
div#poll .bar {
background-color: #990000;
height: 7px;
}
/* Sitemap
------------------------------------------------------------- */
div.sitemap {
}
div.sitemap .dots.child {
font-weight: normal;
position: relative;
float: left;
color: #ccc;
margin: 5px 5px 10px 0;
}
div.sitemap .dots.subchild {
font-weight: normal;
color: #ccc;
margin: 0 5px 0 0;
}
div.sitemap div.parent {
font-weight: bold;
color: #990000;
margin: 10px 0 5px 0;
font-size: 10pt;
}
div.sitemap div.parent.first {
margin: 0 0 5px 0;
}
div.sitemap div.parent a {
color: #990000;
text-decoration: none;
}
div.sitemap div.parent a:hover {
color: #990000;
text-decoration: underline;
}
div.sitemap div.child {
position: relative;
float: left;
font-weight: bold;
color: #990000;
margin: 5px 0 10px 0;
font-size: 10pt;
}
div.sitemap div.child a {
color: #000;
text-decoration: none;
}
div.sitemap div.child a:hover {
color: #000;
text-decoration: underline;
}
div.sitemap div.subchild {
position: relative;
float: left;
font-weight: normal;
color: #000;
margin: 0 0 5px 0;
font-size: 9pt;
}
/* Breadcrumbs
------------------------------------------------------------- */
div.breadcrumbs {
position: relative;
margin-bottom: 10px;
height: 20px;
}
div.breadcrumbs div.bread_arrow {
position: relative;
float: left;
color: #666;
line-height: 19px;
font-size: 9pt;
margin: 0 5px 0 5px;
}
div.breadcrumbs div.bread_page {
position: relative;
float: left;
color: #888;
line-height: 19px;
font-size: 9pt;
}
div.breadcrumbs div.bread_page a {
color: #888;
text-decoration: none;
}
div.breadcrumbs div.bread_page a:hover {
color: #333;
text-decoration: underline;
}
div.breadcrumbs div.bread_subpage {
position: relative;
float: left;
color: #888;
line-height: 19px;
font-size: 9pt;
}
/* overig
--------------------------------------------------------------*/
#contentLeft p a {
text-decoration: none;
color: #990000;
}
#contentLeft p a:hover {
text-decoration: underline;
}
#contentLeft .smallBlock a,
#contentLeft .hotspot a {
color: #303030;
text-decoration: none;
}
#contentLeft .smallBlock a:hover,
#contentLeft .hotspot a:hover {
color: #303030;
text-decoration: underline;
}
#copyrights {
position: absolute;
bottom: -60px;
left: 0px;
font-size: 8pt;
color: #fff;
}
#copyrights a {
color: #fff;
text-decoration: none;
}
#copyrights a:hover {
text-decoration: underline;
}
div.search_block {
width: 553px;
border: 1px solid #e9e9e9;
padding: 10px 12px 10px 12px;
margin: 0 0 10px 0;
background-color: #f8f7f7;
}
div.search_block h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
color: #000;
}
div.search_block h2 a {
text-decoration: none;
}
div.search_block h2 a:hover {
text-decoration: underline;
}
div.search_block .text-box a {
color: #555;
text-decoration: none;
}
div.search_block .text-box a:hover {
color: #555;
text-decoration: underline;
}
/* Wavefooter
--------------------------------------------------------------*/
div#wavefooter {
position: relative;
width: 100%;
height: 310px;
min-height: 310px;
margin: 70px 0 0 0;
background: url("../images/rood/bg_footer.jpg") top repeat-x;
z-index: 2;
background-color: #8c1c18;
cursor: default;
}
div#wavefooter a {
text-decoration: none;
color: #fff;
}
div#wavefooter a:hover {
text-decoration: underline;
}
div#wavefooter div.footer-holder {
position: relative;
margin: 0 auto;
width: 960px;
background: url("../images/rood/bg_footer.jpg") top repeat-x;
z-index: 20;
}
div#wavefooter div.footer-holder div.wave {
position: absolute;
top: -17px;
left: 0;
z-index: 10;
margin: 0;
padding: 0;
}
div#wavefooter div.footer-holder div.wave img {
position: absolute;
top: 22px;
left: 0;
}
div#wavefooter div.footer-holder div.footer-title {
position: absolute;
top: 32px;
left: 0px;
}
div#wavefooter div.footer-holder div.footer-title h3 {
font-family: Arial;
font-size: 30px;
color: #fff;
font-weight: normal;
}
/* Footer - steden
--------------------------------------------------------------*/
div#wavefooter div.footer-holder div.footer-steden {
position: relative;
float: left;
margin: 69px 0 0 5px;
z-index: 20;
border-left: 1px solid #e45d2b;
padding-left: 5px;
}
div#wavefooter div.footer-holder div.footer-steden div.footer-steden-title {
}
div#wavefooter div.footer-holder div.footer-steden div.footer-steden-title h3 {
font-family: Arial;
font-size: 13px;
color: #e45d2b;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px
}
div#wavefooter div.footer-holder div.footer-steden div.footer-cityholder {
margin: 15px 0 0 0;
width: 316px;
padding-bottom: 7px;
}
div#wavefooter div.footer-holder div.footer-steden div.footer-cityholder div.footer-stad {
position: relative;
float: left;
width: 100px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #fff;
height: 20px;
}
div#wavefooter div.footer-holder div.footer-steden div.footer-cityholder a:hover div.footer-stad {
text-decoration: underline;
}
/* Footer - streken
--------------------------------------------------------------*/
div#wavefooter div.footer-holder div.footer-streken {
position: relative;
float: left;
margin: 69px 0 0 0;
width: 115px;
z-index: 20;
border-left: 1px solid #e45d2b;
padding-left: 5px;
}
div#wavefooter div.footer-holder div.footer-streken div.footer-streken-title {
}
div#wavefooter div.footer-holder div.footer-streken div.footer-streken-title h3 {
font-family: Arial;
font-size: 13px;
color: #e45d2b;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px
}
div#wavefooter div.footer-holder div.footer-streken div.footer-strekenholder {
margin: 15px 0 0 0;
width: 40px;
z-index: 20;
}
div#wavefooter div.footer-holder div.footer-streken div.footer-strekenholder div.footer-streek {
position: relative;
float: left;
width: 110px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #fff;
height: 20px;
}
div#wavefooter div.footer-holder div.footer-streken div.footer-strekenholder a:hover div.footer-streek {
text-decoration: underline;
}
/* Footer - logo
--------------------------------------------------------------*/
div#wavefooter div.footer-logo {
position: absolute;
top: 20px;
right: 85px;
width: 210px;
height: 107px;
z-index: 30;
}
div#wavefooter div.footer-logo img {
width: 210px;
height: 107px;
}
div#wavefooter div.footer-www {
position: absolute;
top: 86px;
right: 0px;
z-index: 30;
font-size: 13px;
}
/* Footer - social
--------------------------------------------------------------*/
div#wavefooter div.footer-social {
position: absolute;
top: -14px;
left: -10px;
z-index: 30;
}
div#wavefooter div.footer-social div.social-icon {
position: relative;
float: left;
width: 48px;
height: 48px;
margin: 0 6px 0 0;
}
div#wavefooter div.footer-social div.social-icon img {
opacity: 1;
}
/* Footer - menu
--------------------------------------------------------------*/
div#wavefooter div.footer-menu {
position: absolute;
top: 149px;
left: 705px;
width: 260px;
color: #fff;
font-family: Arial;
font-size: 11px;
font-weight: normal;
height: 20px;
z-index: 20;
}
/* Footer - copyright
--------------------------------------------------------------*/
div#wavefooter div.footer-copyright {
position: absolute;
top: 162px;
left: 640px;
color: #fff;
font-family: Arial;
font-size: 12px;
font-weight: normal;
z-index: 20;
}
/* Footer - webdesign
--------------------------------------------------------------*/
div#wavefooter div.footer-webdesign {
position: absolute;
top: 177px;
left: 705px;
color: #fff;
font-family: Arial;
font-size: 11px;
font-weight: normal;
z-index: 20;
}
/* Footer - warning
--------------------------------------------------------------*/
div#wavefooter div.footer-warning {
position: relative;
margin: 0 0 0 0;
color: #fff;
font-family: Arial;
font-size: 11px;
font-weight: normal;
height: 20px;
margin: 30px 0 0 0;
z-index: 20;
}
/* Footer
--------------------------------------------------------------*/
div#footer {
position: relative;
width: 100%;
min-height: 231px;
margin: 70px 0 0 0;
padding: 0 0 40px 0;
background: url("../images/rood/bg_footer.jpg") top repeat-x;
z-index: 2;
background-color: #8c1c18;
cursor: default;
}
div#footer a {
text-decoration: none;
color: #fff;
}
div#footer a:hover {
text-decoration: underline;
}
div#footer div.footer-holder {
position: relative;
margin: 0 auto;
width: 960px;
min-height: 231px;
background: url("../images/rood/bg_footer.jpg") top repeat-x;
z-index: 20;
}
div#footer div.footer-holder div.footer-title {
position: absolute;
top: 32px;
left: 0px;
}
div#footer div.footer-holder div.footer-title h3 {
font-family: Arial;
font-size: 30px;
color: #fff;
font-weight: normal;
}
/* Footer - steden
--------------------------------------------------------------*/
div#footer div.footer-holder div.footer-steden {
position: relative;
float: left;
margin: 79px 0 0 0;
}
div#footer div.footer-holder div.footer-steden div.footer-steden-title {
}
div#footer div.footer-holder div.footer-steden div.footer-steden-title h3 {
font-family: Arial;
font-size: 14px;
color: #fff;
font-weight: bold;
}
div#footer div.footer-holder div.footer-steden div.footer-cityholder {
margin: 12px 0 0 2px;
width: 336px;
}
div#footer div.footer-holder div.footer-steden div.footer-cityholder div.footer-stad {
position: relative;
float: left;
width: 110px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #fff;
height: 20px;
}
div#footer div.footer-holder div.footer-steden div.footer-cityholder a:hover div.footer-stad {
text-decoration: underline;
}
/* Footer - streken
--------------------------------------------------------------*/
div#footer div.footer-holder div.footer-streken {
position: relative;
float: left;
margin: 79px 0 0 10px;
width: 115px;
}
div#footer div.footer-holder div.footer-streken div.footer-streken-title {
}
div#footer div.footer-holder div.footer-streken div.footer-streken-title h3 {
font-family: Arial;
font-size: 14px;
color: #fff;
font-weight: bold;
}
div#footer div.footer-holder div.footer-streken div.footer-strekenholder {
margin: 12px 0 0 0;
width: 40px;
}
div#footer div.footer-holder div.footer-streken div.footer-strekenholder div.footer-streek {
position: relative;
float: left;
width: 110px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #fff;
height: 20px;
}
div#footer div.footer-holder div.footer-streken div.footer-strekenholder a:hover div.footer-streek {
text-decoration: underline;
}
/* Footer - social
--------------------------------------------------------------*/
div#footer div.footer-social {
position: absolute;
top: -23px;
left: 624px;
}
div#footer div.footer-social div.social-icon {
position: relative;
float: left;
width: 64px;
height: 52px;
margin: 0 3px 0 0;
}
/* Footer - menu
--------------------------------------------------------------*/
div#footer div.footer-menu {
position: absolute;
top: 79px;
left: 640px;
color: #fff;
font-family: Arial;
font-size: 12px;
font-weight: normal;
height: 20px;
}
/* Footer - copyright
--------------------------------------------------------------*/
div#footer div.footer-copyright {
position: absolute;
top: 152px;
left: 640px;
color: #fff;
font-family: Arial;
font-size: 12px;
font-weight: normal;
height: 20px;
}
/* Footer - webdesign
--------------------------------------------------------------*/
div#footer div.footer-webdesign {
position: absolute;
top: 177px;
left: 640px;
color: #fff;
font-family: Arial;
font-size: 12px;
font-weight: normal;
height: 20px;
}
/* Footer - warning
--------------------------------------------------------------*/
div#footer div.footer-warning {
position: relative;
margin: 0 0 10px 0;
color: #fff;
font-family: Arial;
font-size: 11px;
font-weight: normal;
height: 20px;
padding: 30px 0 0 0;
}
/* Footer - soon online
--------------------------------------------------------------*/
div#soon-online {
min-height: 196px;
}
div#contentLeft a {
color: #7a1812;
text-decoration: none;
}
div#contentLeft a:hover {
text-decoration: underline;
}
div#contentFoot a {
color: #fff;
}
div.bread_page a {
color: #888;
text-decoration: none;
}
div.bread_page a:hover {
color: #333;
text-decoration: underline;
}
/* Weer mod
--------------------------------------------------------------*/
div.weer_widget {
position: relative;
width: 500px;
cursor: default;
}
div.weer_widget div.line {
position: relative;
width: 500px;
height: 10px;
z-index: 2;
margin: 20px 0 10px 0;
}
div.weer_widget div.vandaag {
position: relative;
width: 500px;
height: 96px;
}
div.weer_widget .vandaag .dag_titel {
position: absolute;
top: 14px;
left: 120px;
font-family: arial;
font-weight: bold;
font-size: 11pt;
color: #9d0a0a;
}
div.weer_widget .vandaag .celcius {
position: absolute;
top: 34px;
left: 120px;
font-family: arial;
font-weight: bold;
font-size: 9pt;
color: #000;
margin: 2px 0 -3px 0;
z-index: 2;
}
div.weer_widget .vandaag .info {
position: absolute;
top: 85px;
left: 120px;
font-family: arial;
font-size: 8pt;
color: #999;
z-index: 2;
}
div.weer_widget .vandaag .info .info_nu {
padding: 5px 0 20px 0;
color: #555;
}
div.weer_widget .vandaag .weer_blok {
position: absolute;
top: 0;
left: 0;
width: 109px;
height: 100px;
z-index: 1;
}
div.weer_widget .vandaag .weer_blok img {
cursor: default;
margin: 5px 0 0 0;
}
div.weer_widget .vandaag .celsius_nacht {
position: absolute;
top: 60px;
left: 120px;
height: 20px;
font-family: arial;
font-weight: bold;
font-size: 8pt;
color: #000;
background: url('../weer/weather/little_nacht.jpg') no-repeat;
padding: 6px 0 0 15px;
}
div.weer_widget .vandaag .celsius_dag {
position: absolute;
top: 35px;
left: 120px;
height: 20px;
width: 100px;
font-family: arial;
font-weight: bold;
font-size: 8pt;
color: #000;
background: url('../weer/weather/little_dag.jpg') no-repeat;
padding: 6px 0 0 15px;
}
div.weer_widget .vooruitzicht {
position: relative;
width: 500px;
height: 96px;
}
div.weer_widget .vooruitzicht .row_blok {
position: relative;
width: 550px;
height: 96px;
}
div.weer_widget .vooruitzicht .row_blok .weer_blok {
position: absolute;
top: 0;
left: 0;
width: 109px;
height: 96px;
z-index: 1;
}
div.weer_widget .vooruitzicht .row_blok .weer_blok img {
cursor: default;
margin: 0 0 0 0;
}
div.weer_widget .vooruitzicht .row_blok .dag_titel {
position: absolute;
top: 0px;
left: 120px;
font-family: arial;
font-weight: bold;
font-size: 14pt;
color: #9d0a0a;
}
div.weer_widget .vooruitzicht .row_blok .celsius_nacht {
position: absolute;
top: 52px;
left: 120px;
height: 20px;
font-family: arial;
font-weight: bold;
font-size: 8pt;
color: #000;
background: url('../weer/weather/little_nacht.jpg') no-repeat;
padding: 6px 0 0 15px;
}
div.weer_widget .vooruitzicht .row_blok .celsius_dag {
position: absolute;
top: 25px;
left: 120px;
height: 20px;
width: 100px;
font-family: arial;
font-weight: bold;
font-size: 8pt;
color: #000;
background: url('../weer/weather/little_dag.jpg') no-repeat;
padding: 6px 0 0 15px;
}
div.weer_widget .vooruitzicht .row_blok .info {
position: absolute;
top: 79px;
left: 120px;
font-family: arial;
font-size: 8pt;
color: #999;
z-index: 2;
}
/* cookiemonster
--------------------------------------------------------------*/
div#cookiemonster {
display:hidden;
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
min-height: 22px;
background-color: #f4f4f4;
text-align: left;
color: #000;
cursor: default;
-webkit-box-shadow: 0px -2px 22px 0px rgba(153,153,153,1);
-moz-box-shadow: 0px -2px 22px 0px rgba(153,153,153,1);
box-shadow: 0px -2px 22px 0px rgba(153,153,153,1);
z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
div#cookiemonster .cookiebox {
position: relative;
margin: 0 auto;
width: 960px;
padding: 30px;
padding-top: 10px;
background-color: #fff;
border-radius: 5px;
border: 1px solid: #ddd;
margin-top: 10px;
margin-bottom: 10px;
}
div#cookiemonster .cookiebox .cookie-btn {
width: 150px; height: 25px; color: white; background-color: #99CF00;
text-align: center; font-size: 20px; line-height: 25px; margin-top: 10px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99CF00), to(#6DB700));
background: -moz-linear-gradient(19% 75% 90deg,#6DB700, #99CF00);
border-left: solid 1px #c3f83a;
border-top: solid 1px #c3f83a;
border-right: solid 1px #82a528;
border-bottom: solid 1px #58701b;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#99CF00), to(#6DB700));
cursor: pointer;
}
div#cookiemonster .cookiebox .cookie-btn p {
font-size: 12px;
line-height: 25px;
font-family: helvetica, sans-serif;
font-weight: bold;
}
div#cookiemonster .cookiebox .cookie-btn:hover {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99CF00), to(#6DB700));
background: -moz-linear-gradient(19% 75% 90deg,#99CF00, #6DB700);
color: #000;
}
div#cookiemonster .cookiebox a {
color: #0396eb;
text-decoration: underline;
}
div#cookiemonster .cookiebox a:hover {
color: #00ccff;
}
/* weermod
--------------------------------------------------------------*/
.modholder {
position: relative;
width: 560px;
margin: 0 auto;
margin-top: -15px;
margin-bottom: 20px;
}
.weather-mod {
position: relative;
width: 560px;
font-family: arial;
font-size: 14px;
}
.weather-mod .weather-row {
position: relative;
width: 560px;
background: #fefefe;
border: 1px solid #eee;
margin-bottom: 2px;
display: none;
}
.weather-mod .weather-row .weather-date {
position: relative;
float: left;
width: 110px;
height: 65px;
text-align: center;
background: #3aa1cf;
color: #fff;
}
.weather-mod .weather-row .weather-date .date1 {
position: absolute;
top: 15px;
left: 0;
width: 110px;
font-weight: bold;
}
.weather-mod .weather-row .weather-date .date2 {
position: absolute;
bottom: 15px;
left: 0;
width: 110px;
font-size: 12px;
}
.weather-mod .weather-row .weather-symbol {
position: relative;
float: left;
background: #1d8cbe;
width: 45px;
height: 45px;
padding: 10px 15px 10px 15px;
}
.weather-mod .weather-row .weather-symbol img {
width: 45px;
height: 45px;
display: none;
}
.weather-mod .weather-row .weather-celcius {
position: relative;
float: left;
width: 130px;
height: 65px;
text-align: center;
background: #fff;
color: #000;
}
.weather-mod .weather-row .weather-celcius .gem-celcius {
position: absolute;
top: 13px;
left: 0;
width: 130px;
font-size: 20px;
font-weight: bold;
}
.weather-mod .weather-row .weather-celcius .oms-celcius {
position: absolute;
bottom: 11px;
left: 0;
width: 130px;
font-size: 11px;
color: #000;
}
.weather-mod .weather-row .time-block {
position: relative;
float: right;
width: 56px;
height: 65px;
text-align: center;
color: #000;
background: #f9f9f9;
margin-left: 5px;
}
.weather-mod .weather-row .time-stamp {
position: relative;
margin-top: 15px;
margin-bottom: 6px;
color: #000;
font-size: 12px;
}
.weather-mod .weather-row .time-temp {
position: relative;
margin-top: 4px;
margin-bottom: 6px;
color: #000;
font-size: 14px;
font-weight: bold;
}
/* Ads by Stedenman
--------------------------------------------------------------*/
.stedenman-add {
position: relative;
width: 557px;
min-height: 93px;
border: 1px solid #e2e2e2;
background: #fff;
margin: 5px 0 25px 0;
cursor: default;
}
.stedenman-add:hover {
background: #fdfdfc;
}
.stedenman-add .addt {
position: relative;
font-size: 22px;
font-family: arial;
color: #333;
margin: 14px 0 0 15px;
max-width: 528px;
}
.stedenman-add .addt span {
cursor: pointer;
font-size: 22px;
font-family: arial;
color: #333;
}
.stedenman-add .addt span:hover {
text-decoration: underline;
}
.stedenman-add .addo {
position: relative;
font-size: 12px;
font-family: arial;
color: #333;
margin: 5px 0 0 15px;
max-width: 528px;
}
.stedenman-add .addu {
position: relative;
font-size: 14px;
font-family: arial;
color: #333;
margin: 5px 0 15px 15px;
max-width: 528px;
}
.stedenman-add .addu span {
cursor: pointer;
font-size: 14px;
font-family: arial;
color: #333;
text-decoration: underline;
}
.stedenman-add .addu span:hover {
color: #70b1db;
}
.stedenman-add .adsby {
position: absolute;
right: 0;
bottom: 0;
font-size: 9px;
font-family: arial;
color: #333;
padding: 0 4px 0 4px;
border: 1px solid #e2e2e2;
border-right: none;
border-bottom: none;
background: #f8f7f7;
color: #70b1db;
}
.stedenman-add .adsby a {
font-size: 9px;
font-family: arial;
color: #70b1db;
}
/* ----- new ads ----- */
.ca-item{
position:relative;
float: left;
width: 555px;
min-height: 150px;
margin-top: 10px;
margin-bottom: 30px;
}
/* Main 0 - ad
---------------------*/
.ca-item-main-0 {
position:relative;
width: 958px;
background: #fefefe;
border: 1px solid #ddd;
height: 100px;
}
.ca-item-main-0:hover {
background: #fafaf6;
}
.ca-item-main-0 img {
position: relative;
width: 958px;
height: 100px;
}
.ca-item-main-0 img:hover {
opacity: 0.6;
}
.ca-item-main-0 .adsby {
position: absolute;
bottom: 0px;
right: 0px;
font-size: 9px;
color: #000 !important;
z-index: 899;
padding: 2px 7px 1px 7px;
cursor: default;
border: 1px solid #ddd;
border-bottom: 0px;
border-right: 0px;
line-height: 15px;
height: 15px;
background: #fff;
}
.ca-item-main-0 .adsby a {
font-size: 9px;
font-family: arial;
color: #70b1db !important;
}
/* Main 1 - ad
---------------------*/
.ca-item-main-1 {
position:relative;
width: 336px;
background: #fefefe;
border: 1px solid #ddd;
height: 130px;
}
.ca-item-main-1:hover {
background: #fafaf6;
}
.ca-item-main-1 img {
position: relative;
float: left;
width: 150px;
height: 130px;
border-right: 1px solid #ddd;
}
.ca-item-main-1 img:hover {
opacity: 0.6;
}
.ca-item-main-1 .block-content {
position: relative;
float: right;
width: 380px;
height: 105px;
margin: 17px 8px 0 14px;
}
.ca-item-main-1 .block-content h3,
.ca-item-main-1 .block-content h3 a {
font-size: 19px;
color: #000 !important;
font-family: arial;
font-weight: normal;
margin-bottom: 8px;
}
.ca-item-main-1 .block-content a {
color: #444 !important;
}
.ca-item-main-1 .block-content .url {
position: relative;
margin-top: 8px;
width: 360px;
font-size: 15px;
color: #000 !important;
font-family: "Open Sans", sans-serif;
text-decoration: underline;
}
.ca-item-main-1 .block-content .url a {
color: #000 !important;
font-family: "Open Sans", sans-serif;
font-size: 15px;
}
.ca-item-main-1 .block-content .url a:hover {
color: #70b1db !important;
text-decoration: underline;
}
.ca-item-main-1 .adsby {
position: absolute;
bottom: 0px;
right: 0px;
font-size: 10px;
color: #000;
z-index: 899;
padding: 0 7px 3px 7px;
cursor: default;
border: 1px solid #ddd;
border-bottom: 0px;
border-right: 0px;
line-height: 15px;
height: 15px;
background: #fff;
}
/* Main 2 - ad
---------------------*/
.ca-item-main-2 {
position:relative;
width: 557px;
background: #fefefe;
border: 1px solid #ddd;
height: 130px;
}
.ca-item-main-2:hover {
background: #fafaf6;
}
.ca-item-main-2 .block-content {
position: relative;
width: 570px;
height: 85px;
margin: 17px 14px 0 14px;
text-align: center;
}
.ca-item-main-2 .block-content h3,
.ca-item-main-2 .block-content h3 a {
font-size: 24px;
color: #000 !important;
font-family: arial;
font-weight: normal;
margin-bottom: 8px;
text-align: center;
}
.ca-item-main-2 .block-content p {
font-size: 13px;
font-family: Arial, Tahoma, Geneva, sans-serif;
color: #666 !important;
line-height: 15px;
text-align: center;
}
.ca-item-main-2 .block-content p a {
font-size: 13px;
}
.ca-item-main-2 .block-content a {
color: #444;
}
.ca-item-main-2 .block-content .url {
position: relative;
margin-top: 8px;
font-size: 15px;
color: #000 !important;
font-family: "Open Sans", sans-serif;
text-align: center;
text-decoration: underline;
}
.ca-item-main-2 .block-content .url a {
color: #000 !important;
font-family: "Open Sans", sans-serif;
font-size: 15px;
}
.ca-item-main-2 .block-content .url a:hover {
color: #70b1db !important;
text-decoration: underline;
}
.ca-item-main-2 .adsby {
position: absolute;
bottom: 0px;
right: 0px;
font-size: 9px;
color: #000 !important;
z-index: 899;
padding: 2px 7px 1px 7px;
cursor: default;
border: 1px solid #ddd;
border-bottom: 0px;
border-right: 0px;
line-height: 15px;
height: 15px;
background: #fff;
}
.ca-item-main-2 .adsby a {
font-size: 9px;
font-family: arial;
color: #70b1db !important;
}
/* Main 3 - ad
---------------------*/
.ca-item-main-3 {
position:relative;
width: 557px;
background: #fefefe;
border: 1px solid #ddd;
height: 130px;
}
.ca-item-main-3:hover {
background: #fafaf6;
}
.ca-item-main-3 .block-content {
position: relative;
width: 560px;
height: 85px;
margin: 17px 14px 0 19px;
text-align: left;
}
.ca-item-main-3 .block-content h3,
.ca-item-main-3 .block-content h3 a {
font-size: 24px;
color: #000 !important;
font-family: arial;
font-weight: normal;
margin-bottom: 8px;
text-align: left;
text-decoration: underline;
}
.ca-item-main-3 a h3:hover,
.ca-item-main-3 a:hover {
text-decoration: underline !important;
}
.ca-item-main-3 .block-content a {
color: #444 !important;
}
.ca-item-main-3 .block-content .url {
position: relative;
margin-top: 8px;
font-size: 15px;
color: #000 !important;
font-family: "Open Sans", sans-serif;
text-align: left;
text-decoration: underline;
}
.ca-item-main-3 .block-content .url a {
color: #000 !important;
font-family: "Open Sans", sans-serif;
font-size: 15px;
}
.ca-item-main-3 .block-content .url a:hover {
color: #70b1db !important;
text-decoration: underline;
}
.ca-item-main-3 .adsby {
position: absolute;
bottom: 0px;
right: 0px;
font-size: 9px;
color: #000 !important;
z-index: 899;
padding: 2px 7px 1px 7px;
cursor: default;
border: 1px solid #ddd;
border-bottom: 0px;
border-right: 0px;
line-height: 15px;
height: 15px;
background: #fff;
}
.ca-item-main-3 .adsby a {
font-size: 9px;
font-family: arial;
color: #70b1db !important;
}
/* Main 4 - ad
---------------------*/
.ca-item-main-4 {
position:relative;
width: 557px;
background: #fefefe;
border: 1px solid #ddd;
height: 130px;
}
.ca-item-main-4:hover {
background: #fafaf6;
}
.ca-item-main-4 img {
position: relative;
float: right;
width: 150px;
height: 130px;
border-left: 1px solid #ddd;
}
.ca-item-main-4 img:hover {
opacity: 0.6;
}
.ca-item-main-4 .block-content {
position: relative;
float: left;
width: 380px;
height: 105px;
margin: 17px 8px 0 14px;
}
.ca-item-main-4 .block-content h3,
.ca-item-main-4 .block-content h3 a {
font-size: 20px;
color: #000 !important;
font-family: arial;
font-weight: normal;
margin-bottom: 9px;
}
.ca-item-main-4 .block-content a {
color: #444 !important;
}
.ca-item-main-4 .block-content .url {
position: relative;
margin-top: 8px;
width: 360px;
font-size: 15px;
color: #000 !important;
font-family: "Open Sans", sans-serif;
text-decoration: underline;
}
.ca-item-main-4 .block-content .url a {
color: #000 !important;
font-family: "Open Sans", sans-serif;
font-size: 15px;
}
.ca-item-main-4 .block-content .url a:hover {
color: #70b1db !important;
text-decoration: underline;
}
.ca-item-main-4 .adsby {
position: absolute;
bottom: 0px;
right: 0px;
font-size: 9px;
color: #000 !important;
z-index: 899;
padding: 2px 7px 1px 7px;
cursor: default;
border: 1px solid #ddd;
border-bottom: 0px;
border-right: 0px;
line-height: 15px;
height: 15px;
background: #fff;
}
.ca-item-main-4 .adsby a {
font-size: 9px;
font-family: arial;
color: #70b1db !important;
}
/* Main 5 - ad
---------------------*/
.ca-item-main-5 {
position:relative;
width: 557px;
background: #fefefe;
border: 1px solid #ddd;
height: 130px;
}
.ca-item-main-5:hover {
background: #fafaf6;
}
.ca-item-main-5 img {
position: relative;
width: 557px;
height: 130px;
}
.ca-item-main-5 img:hover {
opacity: 0.6;
}
.ca-item-main-5 .adsby {
position: absolute;
bottom: 0px;
right: 0px;
font-size: 9px;
color: #000 !important;
z-index: 899;
padding: 2px 7px 1px 7px;
cursor: default;
border: 1px solid #ddd;
border-bottom: 0px;
border-right: 0px;
line-height: 15px;
height: 15px;
background: #fff;
}
.ca-item-main-5 .adsby a {
font-size: 9px;
font-family: arial;
color: #70b1db !important;
}
/* Main 7 - ad
---------------------*/
.ca-item-main-7 {
position:relative;
width: 334px;
min-width: 334px;
background: #fefefe;
border: 1px solid #ddd;
//min-height: 279px;
z-index: 2;
overflow: hidden;
}
.ca-item-main-7:hover {
background: #fafaf6;
}
.ca-item-main-7 img {
position: relative;
width: 334px;
//height: 279px;
z-index:890;
}
.ca-item-main-7 img:hover {
opacity: 0.6;
}
.ca-item-main-7 .adsby {
position: absolute;
bottom: 0px;
right: 0px;
font-size: 9px;
color: #000 !important;
z-index: 899;
padding: 2px 7px 1px 7px;
cursor: default;
border: 1px solid #ddd;
border-bottom: 0px;
border-right: 0px;
line-height: 15px;
height: 15px;
background: #fff;
border-bottom: none;
border-right: none;
}
.ca-item-main-7 .adsby a {
font-size: 9px;
font-family: arial;
color: #70b1db !important;
}
.ca-nav span{
position: absolute;
bottom: 68px;
width: 10px;
height: 16px;
background: transparent url(../images/arrows.png) no-repeat top left;
margin-top: 0px;
left: -14px;
text-indent: -9000px;
opacity: 0.7;
cursor: pointer;
z-index: 100;
}
.ca-nav span.ca-nav-next{
background-position:top right;
left:auto;
right:-14px;
}
.ca-nav span:hover{
opacity:1.0;
}