/***************
Main
***************/
body {
margin: 0 0 35px 0;
padding: 0;
border: 0;
font: 14px/24px Arial, Helvetica, sans-serif;
color: #4B4B4B;
}

h1,h2,h3,h4,h5,h6,hr,p
{
margin: 0;
padding: 0;
display: inline;
}


ul, ol {
margin: 0;
padding: 0;
}

img {
border-width: 0px;
margin: 0;
} 

#container {
width:100%;
position:relative;
}

#wrapper {
width:1000px;
margin: 0 auto;
}


/***************
Homepage
***************/

#searchhome {
width: 530px;
height: 150px;
display: block;
margin: 40px auto 40px;
background-image: url(logo-home.jpg);
background-repeat: no-repeat;
}

#searchhome p {
padding: 20px 0 3px 165px;
display: block;
color: #9E9E9E;
font: 13px/20px "Lucida Grande", Arial, Helvetica;
font-weight: bold;
}

#searchhome p strong {
color: #666666;
}

#searchinput {
margin: 0 0 0 158px;
width: 371px;
height: 51px;
background-image: url(search-home-bg.gif);
background-repeat: no-repeat;
}

#searchinput input.text {
width: 265px;
height: 33px;
border: 0;
margin: 5px 0 0 12px;
font-size: 16px;
color: #A7A7A7;
text-indent: 10px;
padding: 8px 0 0 0;
/***
border-left: 2px solid #DCDCD8;
border-bottom: 2px solid #DCDCD8;
border-top: 2px solid #DCDCD8;
***/
}

#searchinput input.submit {
width: 79px;
height: 41px;
border: 0;
background-image: url(submit.gif);
position: absolute;
margin: 5px 0 0 0;
color: white;
font-size: 16px;
font-weight: bold;
}

#searchinput input.submit:hover {
cursor: pointer;
}

#searchhome h2 a{
width: 139px;
height: 134px;
text-indent: -2000px;
display: block;
float: left;
outline: none;
}

#searchhome h3 {
width: 325px;
height: 17px;
background-image: url(tagline.gif);
text-indent: -2000px;
margin: 10px 0 0 185px;
display: block;
}

#themas ul {
width: 1000px;
height: 150px;
border-top: 2px solid #EDEDED;
margin: 30px 0 0 0;
}

#themas li {
display: block;
float: left;
width: 250px;
line-height: 34px;
border-bottom: 2px solid #EDEDED;
}

#themas li a {
color: #2255B3;
font-weight: bold;
text-decoration:none;
}


#themas li a:hover {
color: #2869E0;
text-decoration: underline;
}

/***************
Header
***************/

#header {
height: 210px;
background-image: url(logo.jpg);
background-repeat: no-repeat;
background-position: left 15px;
margin: 0 0 50px 0;
}

#logo {
width: 230px;
padding: 180px 0 0 0;
display: block;
float: left;
text-indent: -9999px;
}

#header ul {
padding: 189px 0 0 20px;
margin: 0;
display: block;
float: left;
}

#header ul li {
list-style: none;
display: inline;
}

#header ul li a {
color: #2255B3;
font-weight: bold;
text-decoration: underline;
margin: 0 5px 0 3px;
}

#header ul li a:hover {
color: #2869E0;
}


#search {
float: right;
height: 42px;
width: 230px;
display: block;
margin: 182px 0 0 0;
}

#search input {
height: 20px;
border: 1px solid #DDDDDD;
font: 14px/24px Helvetica;
color: #616161;
float: left;
width: 223px;
padding: 8px 0 0 5px;
}

#search input.zoeken {
display: none;
}


/***************
Menu
***************/

#menu {
float: left;
width: 230px;
margin: 30px 20px 0 0;
display: block;
}

#menu ul {
width: 100%;
border-top: 1px solid #DDDDDD;
list-style: none;
margin: 0 0 20px 0;
clear: left;
}

#menu ul li a {
text-decoration: none;
color: #4B4B4B;
line-height: 34px;
border-bottom: 1px solid #DDDDDD;
display: block;
padding: 0 0 0 10px;
width: 220px;
font-weight: normal;
}


#menu ul li a:hover {
background: #323232;
color: white;
}

/***************
Content
***************/
#content {
width: 750px;
display: block;
margin: 0px 0 0 250px;
}

#artikel {
width: 500px;
float: left;
display: block;
margin: 10px 0 10px 0;
}

h1 {
color: #555555;
font-size: 24px;
height: 30px;
display: block;
margin: 0 0 0 250px;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #DDDDDD;
}

h1.thema {
margin: 0;
}

#artikel p {
display: block;
padding: 0 0 15px 0;
}

#artikel p.excerpt {
font-size: 16px;
color: #454545;
line-height: 28px;
display:block;
}

#artikel h2, #right h2 {
font-size: 20px;
line-height: 30px;
color: #3E3E3E;
font-weight: normal;
width: 100%;
border-bottom: 1px solid #E8E8E8;
display: block;
margin: 0 0 5px 0;
clear: both;
}

#artikel h3 {
font:13px/22px Trebuchet MS;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
display: block;
color: #222222;
}

#artikel p a, #right p a, #artikel li a, #error a, li a {
color: #2255B3;
font-weight: bold;
text-decoration: underline;
} 

#artikel p a:hover, #right p a:hover, artikel li a:hover, #error a:hover, li a:hover {
text-decoration: underline;
color: #2869E0;
} 

#artikel img {
margin: 5px 10px 10px 0;
}

#artikel img.right {
margin: 5px 0 10px 10px;
float: right;
}

#artikel img.left {
margin: 5px 10px 0 10px;
float: left;
}

#artikel li {
list-style-position: outside;
margin: 0 0 5px 15px;
}

ul.listinlist {
padding: 0 0 0 15px;
}


.listinlist li {
list-style-position: inside;
}

#artikel ul {
margin: 0 0 10px 0;
display: block;
float: left;
width: 100%;
}

#ad {
float: left;
width: 100%;
height: 250px;
margin: 0 0 10px -10px;
}

#ad1 {
width:250px;
float: left;
}

#ad2 {
width:250px;
float: left;
}


h4 a, #right h4 a {
font-size: 16px;
margin: 0 0 5px 0;
color: #2255B3;
overflow:auto;
display:inline;
text-decoration: none;
border-bottom: 1px solid #2869E0;
}

h4 a:hover, #right h4 a:hover {
color: #2869E0;
border-bottom: 1px solid #5569FF;
}

/***************
Prijzen
***************/
h5, h6 {
display: block;
}

h5 a {
border: 3px solid #9cc28f;
padding: 10px 20px;
background: #DEEBCF;
font-size: 14px;
color: #5f7555;
text-decoration: underline;
float: left;
margin: 5px 0 5px 0;
}

#artikel h5, #artikel h6 {
overflow: hidden;
}

div.productthumb h5, div.productthumbright h5 {
clear: both;
}

h5.tweetwintig a {
border: 3px solid #9cc28f;
padding: 10px;
display: block;
margin: 0 auto;
background: #DEEBCF;
font-size: 14px;
color: #5f7555;
text-decoration: underline;
width: 194px;
text-align: center;
margin: 5px 0 10px 0;
position: relative;
}

h5 a:hover, h5.tweetwintig a:hover{
color: #607a5c;
background: #b2d0a1;
border: 3px solid #6e8b68;
color: #4b5c43;
}

h5 a:active, h5.tweetwintig a:active{
color: #415532;
background: #C3DDA8;
border: 3px solid #91BA67;
}










h6.twintig, h6.orange {
display: block;
clear: both;
width: 100%;
float: left;
margin: 0 0 10px 0;
}


h6 a, h6.twintig a  {
background: transparent url('CTA.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 33px; 
padding-right: 20px;
text-decoration: none;
color: white;
font-weight:bold;
font: 13px/20px Verdana;
}

h6.orange a  {
background: transparent url('CTA-orange.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 33px; 
padding-right: 20px;
text-decoration: none;
color: white;
font-weight:bold;
font: 13px/20px Verdana;
}


h6.twintig a, h6.orange a {
width: 200px;
text-align: center;
}

h6 a span  {
background: transparent url('CTA.gif') no-repeat; 
display: block;
line-height: 33px;
padding: 0 0 0 18px;
} 

h6.orange a span  {
background: transparent url('CTA-orange.gif') no-repeat; 
display: block;
line-height: 33px;
padding: 0 0 0 18px;
} 


h6 a:hover, h6.twintig a:hover  {
background: transparent url('CTA.gif') no-repeat scroll bottom right; 
display: block;
float: left;
height: 33px; 
padding-right: 20px;
text-decoration: none;
color: white;
}

h6.orange a:hover  {
background: transparent url('CTA-orange.gif') no-repeat scroll bottom right; 
display: block;
float: left;
height: 33px; 
padding-right: 20px;
text-decoration: none;
color: white;
}

h6 a:hover span, h6.twintig a:hover span {
background: transparent url('CTA.gif') no-repeat bottom left; 
display: block;
line-height: 33px; 
padding: 0 0 0 18px;
} 

h6.orange a:hover span {
background: transparent url('CTA-orange.gif') no-repeat bottom left; 
display: block;
line-height: 33px; 
padding: 0 0 0 18px;
} 

div.productthumb h6, div.productthumbright h6 {
clear: both;
}


/***************
Producten
***************/

div.product {
width: 500px;
border-bottom: 2px solid #E9E9E9;
margin: 7px 0 7px 0;
padding: 0 0 2px 0;
display: block;
float: left;
overflow: auto;
}

div.product p {
display: block;
margin: 0 0 15px 0;
float: left;
}

div.productfotogroot {
width: 220px;
margin: 0 10px 10px 0;
float: left;
}

div.productinfogroot {
width: 260px;
float: right;
}

div.productfotoklein {
width: 100px;
margin: 0 10px 0 0;
float: left;
}

div.productinfoklein {
width: 380px;
float: right;
}

/***************
Productthumbs
***************/

div.productthumb, div.productthumbright {
padding: 10px 8px 10px 8px;;
border: 2px solid #E8E8E8;
width: 220px;
margin: 0 0 20px 0;
float: left;
display: block;
}

div.productthumb:hover, div.productthumbright:hover {
border: 2px solid #BBB;
}


div.productthumbright {
margin: 0 0 20px 20px;
}

div.productthumb h4, div.productthumbright h4 {
text-align: center;
margin: 0 0 10px 0;
display: block;
overflow: auto;
float: left;
}

/***************
Right
***************/

#right, #scroll {
width: 220px;
margin: 10px 0 20px 30px;
float: right;
display: block;
}

.productrechts ul {
list-style-type: none;
display: block;
margin: 0 0 10px 0;
}

ul.productrechts li {
border-bottom: 1px solid #E8E8E8;
padding: 0 0 10px 0;
overflow: auto;
margin: 0 0 10px 0;
}

#right p {
display: block;
margin: 0 0 5px 0;
}

#right p.full  a{
width: 100%;
margin: 20px 0;
text-align: center;
padding: 10px 0 0 0;
height: 37px;
color: white;
font-weight: normal;
display: block;
clear: both;
background: #EF4923;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#right p.full a:hover {
background: #CE3B19;
}

#right p.full a:active {
margin: 21px 0 20px 0;
}


#right img {
float: left;
margin: 5px 10px 5px 0;
}

.linkslist ul {
margin: 0 0 20px 0;
display: block;
float: left;
padding: 0 0 10px 0;
}


ul.linkslist li {
list-style-position: inside;
padding: 0 0 5px 5px;
}

/***************
Thema onderwerppagina
***************/
#thema h2 {
font-size: 20px;
line-height: 30px;
color: #3E3E3E;
font-weight: normal;
width: 100%;
border-bottom: 1px solid #E8E8E8;
display: block;
margin: 10px 0 5px 0;
clear: both;
}


div.onderwerpthema, div.onderwerpthemaleft {
width: 185px;
float: left;
position: relative;
margin: 0 0 40px 0px;
}

div.onderwerpthema {
clear: both;
}

div.onderwerpthemaleft {
margin: 0 0 0 75px;
}

#thema li {
list-style-position: inside;
}

#thema li a, div.onderwerpthemaleft li a {
color: #2255B3;
font-size: 14px;
text-decoration: none;
} 

#thema li a:hover {
text-decoration: underline;
color: #2869E0;
}
/***************
Footer
***************/
#footer {
height: 260px;
width: 1000px;
margin: 50px auto 10px;
display: block;
clear: both;
}

/***************
Disclaimer
***************/

#disclaimer {
width: 100%;
margin: 20px 0 20px 0;
font-size: 12px;
padding: 0 0 10px 0;
clear: both;
float: left;
display: block;
}

#disclaimer a {
color: #2255B3;
font-weight: bold;
text-decoration: none;
}

#disclaimer a:hover {
text-decoration: underline;
color: #2869E0;
}

#disclaimer ul {
width: 400px;
height: 20px;
float:left;
}

#disclaimer li {
display: inline;
padding: 0 20px 0 0;
}

#disclaimer p {
float: right;
}

/***************
Error
***************/

#error {
width: 600px;
height: 300px;
padding: 0 0 0 200px;
margin: 50px auto;
background-image: url(error.jpg);
background-repeat: no-repeat;
background-position: 0 70px;
}

p.pindakaas {
font: 22px/36px Arial;
display: block;
color: #737373;
margin: 0 0 20px 0;
font-weight: bold;
border-bottom: 1px solid #DDDDDD;
}

#error p {
display: block;
margin: 10px 0 10px 0;
}


/***************
Extra
***************/
#extra {
background: #fbfbfb url(infobox-icon.jpg) no-repeat 20px center;
display: block;
float: left;
width: 100%;
margin: 10px 0;
border: 2px solid #C1CFDF;
padding: 15px 0 15px 0;
}

#extra p {
padding: 0 15px 0 100px;
display: block;
float: left;
width: 380px;
}

#extra p a, #extra li a {
color: #4E6B8B;
}

#extra p a:hover, #extra li a:hover {
color: #2F4B6B;
}

#extra h6 {
padding: 0 0 0 100px;
float: left;
display: block;
color: #4E6B8B;
font:13px/22px Trebuchet MS;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}


#extra li {
margin: 0 0 0 100px;
list-style-position: inside;
list-style-type: circle;
color: #4E6B8B;
}

p.vluchthotel {
background-image: url(vluchthotel.gif);
background-repeat: no-repeat;
height: 30px;
width: 80px;
float:left;
padding: 30px 0 0 120px;
color: #CA2145;
font-weight: bold;
font-size: 24px;
}


/***************
Bottom bar
***************/


#bottom {
overflow: hidden;
z-index:222;
bottom: 0;
position: fixed;
width: 100%;
background: url(bg-bar.gif) repeat-x #c7dd4b;
height: 50px;
color:black;
border-top: 1px solid #95c860;
}

#inbottom {
width: 950px;
margin:0 auto;
padding: 2px;
}

#bottom p {
padding: 10px 0 0 0;
font-size: 16px;
text-align: center;
display: block;
}

#bottom p a {
color: #2255B3;
text-shadow: none;
text-decoration: none;
border-bottom: 2px solid #2255B3;
padding: 0 0 1px 0;
font-weight:bold;
}

#bottom a:hover {
color: #2869E0;
text-decoration: none;
border-bottom: 2px solid #2869E0;
}




/***************
Bottom bar backup

#bottom {
overflow: hidden;
z-index:222;
bottom: 0;
position: fixed;
width: 100%;
background: #DEEBCF;
height: 45px;
color:#555;
border-top: 1px solid #B6C8A2;
}

#inbottom {
width: 950px;
margin:0 auto;
padding: 2px;
}

#bottom p {
padding: 10px 0 0 0;
font-size: 18px;
font-weight: bold;
text-align: center;
display: block;
text-shadow: white 0 1px 0;
}

#bottom p a {
color: #65AC5A;
text-shadow: none;
text-decoration: none;
border-bottom: 2px solid #65AC5A;
padding: 0 0 1px 0;
}

#bottom a:hover {
color: #519048;
text-decoration: none;
border-bottom: 2px solid #519048;
}

#bottom p em {
color:white;
font-style: normal;
font-weight: normal;
font:10px/17px Arial;
background: #EF4923;
border: 1px solid #AF3317;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 0;
text-shadow: none;
margin: -1px 0 0 5px;
padding: 0 4px;
position: absolute;
height: 16px;
}
***************/

/***************
Contact
***************/

fieldset {
border:0;
}

/***************
Onderwerpen bottom
***************/
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-tango .jcarousel-container {
    background: #E7E7DE;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 910px;
    padding: 20px 45px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  910px;
)    display: block;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 195px;
    background-color: white;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 30px;
}


.jcarousel-skin-tango li {
padding: 10px 0 0 10px;
}

.jcarousel-skin-tango li img {
margin: 5px 0 0 0;
}

.jcarousel-skin-tango li a {
color: #2255B3;
font-weight: bold;
text-decoration: none;
}

.jcarousel-skin-tango li a:hover {
text-decoration: underline;
color: #2869E0;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 83px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 83px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}