@media screen {

html,body
{
margin: 0;
height: 100%;
margin-bottom: 1px;
}

/* Side */
.side {
background-image: url('images/backgrounds/side.jpg');
background-repeat: repeat-x;
}

.background {
background: #97311A;
background-image: url('images/backgrounds/background.jpg');
background-repeat: repeat-x;
}

hr {
color: #97311A;
height: 1px;
background-color: #ffffff;
border-style: solid;
border-color: #97311A;
padding: 0px;
}

/* links */
a:link {
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #97311A;
text-decoration: underline;
}

a:hover {
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FF0000;
text-decoration: underline;
}

a:visited {
font-family: Arial;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #97311A;
text-decoration: underline;
}

.linklarge a:link {
font-family: Arial;
font-size: 13px;
font-style: normal;
font-weight: bold;
color: #97311A;
text-decoration: underline;
}

.linklarge a:hover {
font-family: Arial;
font-size: 13px;
font-style: normal;
font-weight: bold;
color: #FF0000;
text-decoration: underline;
}

.linklarge a:visited {
font-family: Arial;
font-size: 13px;
font-style: normal;
font-weight: bold;
color: #97311A;
text-decoration: underline;
}

.linksmall a:link {
font-family: Arial;
font-size: 10px;
font-style: normal;
color: #666666;
text-decoration: none;
}

.linksmall a:hover {
font-family: Arial;
font-size: 10px;
font-style: normal;
color: #666666;
text-decoration: none;
}

.linksmall a:visited {
font-family: Arial;
font-size: 10px;
font-style: normal;
color: #666666;
text-decoration: none;
}

/* text */
.header {
padding: 5;
background: #993300;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 22px;
font-style: normal;
font-weight: bold; 
color: #FFFFFF;
text-decoration: none;
text-align: center;
background-image: url('images/backgrounds/header.gif');
}

.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold; 
color: #000000;
text-decoration: none;
}

.title a;hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: bold; 
color: #000000;
text-decoration: none;
}


.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: justify;
}

.textmarron {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal; 
color: #990000;
text-decoration: none;
text-align: justify;
}

.textmarron_center {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal; 
color: #990000;
text-decoration: none;
text-align: center;
}

.textgosuriname {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #FFCC00;
text-decoration: none;
text-align: justify;
}

.textleft {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: left;
}

.textright {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: right;
}


.textcenter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: center;
}

.textsmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: justify;
}

.textlargewhite {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold; 
color: #FFFFFF;
text-decoration: none;
}


.textlarge {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold; 
color: #000000;
text-decoration: none;
}

.textlargegrey {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold; 
color: #888888;
text-decoration: none;
}


.textgrey {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal; 
color: #888888;
text-decoration: none;
text-align: justify;
}


.textsmallgrey {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #888888;  
text-decoration: none;
}

.textweer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal; 
color: #990000;
text-decoration: none;
text-align: justify;
}


.mainarea {
padding: 20;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: justify;
}

.frontpage {
padding-top: 10;
padding-left: 10;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: justify;
}


.center {
text-align: center;
}

.space {
padding-top: 10px;
}


/* list */
ul
{
margin-left: 1.4em;
margin-top: -0.1em;
margin-bottom: 0.1em;
padding: 0px;
list-style-position: inline;
}

li
{
text-decoration: none;
color: #000000;
margin: 0;
padding: 0;
list-style-position: inline;
list-style-image: url("images/bullet.gif");
}


/* image placement */
.imageright
{
margin-left: 10px;
margin-bottom: 10px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #555555;
text-decoration: none;
text-align: center;
}

.imageleft
{
margin-right: 10px;
margin-bottom: 10px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #555555;   
text-decoration: none;
text-align: center; 
}

.imagecenter
{
margin-top: 10px;
margin-bottom: 10px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #555555;
text-decoration: none;
text-align: center;  
}

/* CMS image */

.iright
{
/* margin-left: 0px; */
padding-left: 10px;
padding-bottom: 10px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #555555;
text-decoration: none;
text-align: center;
}

.ileft
{
padding-right: 10px;
padding-bottom: 10px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #555555;   
text-decoration: none;
text-align: center; 
}

.icenter
{
padding-top: 10px;
padding-bottom: 10px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #555555;
text-decoration: none;
text-align: center;  
}


.box
{
border-style: solid;
border-width: 1px;
border-color: #666666;
padding: 0px;
}

.box_grey
{
padding: 0px;
background: #EEEEEE;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: justify;
}


.border
{
border-style: solid;
border-color: #000000;
border-width: 1px;
padding: 0px;
}


.boxright
{
border-style: solid;
border-width: 1px;
padding: 0px;
margin-right: 10px;
margin-bottom: 10px;
float: right; 
}


.table {
background-color	: #FEFEFE;
border-color		: #555555;
border-style		: solid;
border-width		: 1px;
font-family			: Verdana, Arial;
font-size			: 12px;
font-style			: normal;
font-weight			: none; 
color				: #333333;
text-decoration		: none;	
}

.row1 {
background-color	: #FAFAFA;
}

.row2 {
background-color	: #F0F0F0;
}



/* forms */

form {
margin:0;
}

.input {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: none; 
color: #000000;
text-decoration: none;
background-color: #EEEEEE;
border-color: #000000;
border-style: solid;
border-width: 1px;
padding-left: 3px;
}

.select {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: none; 
color: #000000;
text-decoration: none;
background-color: #EEEEEE;
border-color: #000000;
border-style: solid;
border-width: 1px;
padding: 0px;
}


.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold; 
color: #FFFFFF;
text-decoration: none;
background-color: #97311A;
border-color: #000000;
border-style: solid;
border-width: 1px;
padding-left: 5px;
padding-right: 5px;
}


.div_tours {
float: left;
width: 100%;
}

.div_tours_inleiding {
background: #EEEEEE;
float: left;
padding: 10;
}

.div_tours_optionals {
background: #EEEEEE;
float: left;
padding: 5;
}

.div_tours_preview {
background: #EEEEEE;
border-color: #AAAAAA;
border-style: dotted;
border-width: 1px;
float: left;
width: 100%;
}

.div_tours_rates {
background: #EEEEEE;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
}

.div_tours_rates_header {
background-color: #97311A;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal; 
color: #FFFFFF;
text-decoration: none;
}


.div_tours_touroperator {
background: #CFD9E2;
float: left;
width: 100%;
}

.div_tours_empty {
height: 10px;
line-height: 0px;

}

.tours_button {
background: url('buttons/reisaanbod/button_large.gif');
width: 200px;
height: 25px;
padding-left: 3px;
background-color: #FEFEFE;
font-family: Arial;
font-size: 12px;
color: #F0F0F0;
font-weight: bold;
text-decoration: none;
border-style: solid;
border-color: #000000;
border-width: 0px;
cursor: pointer;
cursor: hand;
}

.tours_button2 {
background: url('buttons/reisaanbod/button_large2.gif');
width: 200px;
height: 25px;
padding-left: 3px;
background-color: #FEFEFE;
font-family: Arial;
font-size: 12px;
color: #F0F0F0;
font-weight: bold;
text-decoration: none;
border-style: solid;
border-color: #000000;
border-width: 0px;
cursor: pointer;
cursor: hand;
}

.tours_button_selected {
background: url('buttons/reisaanbod/button_large_selected.gif');
width: 200px;
height: 25px;
padding-left: 3px;
background-color: #FEFEFE;
font-family: Arial;
font-size: 12px;
color: #F0F0F0;
font-weight: bold;
text-decoration: none;
border-style: solid;
border-color: #000000;
border-width: 0px;
cursor: pointer;
cursor: hand;
}

.tours_button_red2 {
background: url('buttons/reisaanbod/button_large_red2.gif');
width: 200px;
height: 25px;
padding-left: 3px;
background-color: #FEFEFE;
font-family: Arial;
font-size: 12px;
color: #F0F0F0;
font-weight: bold;
text-decoration: none;
border-style: solid;
border-color: #000000;
border-width: 0px;
cursor: pointer;
cursor: hand;
}

.tours_button_square {
background: url('buttons/reisaanbod/button_square.gif');
width: 80px;
height: 57px;
padding-left: 3px;
background-color: #FEFEFE;
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
border-style: solid;
border-color: #000000;
border-width: 0px;
cursor: pointer;
cursor: hand;
}


/* Email */

.table_email {
padding: 5px;
background-color: #EEEEEE;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: none; 
color: #000000;
text-decoration: none;
border-style: solid;
border-color: #000000;
border-width: 1px;
}


.table_email_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: none; 
color: #000000;
text-decoration: none;
}

}

@media print {
	
html,body
{
margin: 0;
height: 100%;
margin-bottom: 1px;
}

.div_hide_for_printing
{ 
display: none;
border-style: solid;
border-color: #000000;
border-width: 1px;
width: 0px;
height: 0px;
}

.div_print_area {
float: none;
width: 100%; 
margin: 0;
padding: 0; 
border: 0;
color: black; 
background: transparent;
}

.div_tours {
float: left;
width: 100% !important;
}


hr {
color: #00000;
height: 1px;
}

a:link, a:visited {
color: #520;
background: transparent;
font-weight: bold;
text-decoration: underline;
}

/* text */
.header {
padding: 5;
background: #993300;
font-family: Arial, Helvetica, sans-serif;
font-size: 13pt;
line-height: 22pt;
font-style: normal;
font-weight: bold; 
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style: normal;
font-weight: bold; 
color: #000000;
text-decoration: none;
}

.title a;hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 15pt;
font-style: normal;
font-weight: bold; 
color: #000000;
text-decoration: none;
}


.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: justify;
}

.textleft {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: left;
}

.textcenter {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal; 
color: #000000;
text-decoration: none;
text-align: center;
}



/* CMS image */

.iright
{
/* margin-left: 0px; */
padding-left: 10px;
padding-bottom: 10px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style: normal;
font-weight: normal;
color: #555555;
text-decoration: none;
text-align: center;
}

.ileft
{
padding-right: 10px;
padding-bottom: 10px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style: normal;
font-weight: normal;
color: #555555;   
text-decoration: none;
text-align: center; 
}

.icenter
{
padding-top: 10px;
padding-bottom: 10px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style: normal;
font-weight: normal;
color: #555555;
text-decoration: none;
text-align: center;  
}


.box
{
border-style: solid;
border-width: 1px;
border-color: #666666;
padding: 0px;
}

form {
margin:0;
}

.input {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: none; 
color: #000000;
text-decoration: none;
background-color: #EEEEEE;
border-color: #000000;
border-style: solid;
border-width: 1px;
padding-left: 3px;
}

.select {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: none; 
color: #000000;
text-decoration: none;
background-color: #EEEEEE;
border-color: #000000;
border-style: solid;
border-width: 1px;
padding: 0px;
}


.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold; 
color: #FFFFFF;
text-decoration: none;
background-color: #97311A;
border-color: #000000;
border-style: solid;
border-width: 1px;
padding-left: 5px;
padding-right: 5px;
}


	
}