/* 

PRINTER VERSIE

Sunita Reizen css
Michiel de Boer - www.mdbsite.com

Praktische info:
- Ruimte tussen alle vernsters is (moet zijn) 14 pixels.

*/

/* ALGEMENE OPMAAK 
__________________________________________________________________________________________________ */

@charset "utf-8";

html {
	height: 100%;
	margin: 0px;
}
p { /* anders zitten overal gaten tussen */
	padding: 0px;
	margin: 0px;
}
a:link,
a:visited {
	text-decoration: underline;
}
a:active,
a:hover {
	text-decoration: none;
}
a img {
	border: 0;
}
body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	font: 11pt/15pt "Tahoma", "Geneva", sans-serif ;
}
#container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
}
#inhoud {
	position: relative;
	top: 0;
	margin: 0 auto; 
	text-align: left;
	width: 950px;
	min-height: 845px; /* moet ivm achtergrond fades!! */
}
#logo {
	display:none !important;
} 
#logoprint {
	width: 950px;
	height: 62px;
} 
.bold {
	font-weight: bold;
}

/* MENU 
__________________________________________________________________________________________________ */

#menu,
#menucontentlinks,
#menucontentrechts,
#menurandlinks,
#menurandrechts {
	display:none !important;
}

/* INTRO FOTOS  (home foto staat onder home)
__________________________________________________________________________________________________ */

#landfoto {
	width: 950px; 
	height: 310px; /* 314 - 4 */
	background: url(img/landfoto-kader.png) no-repeat 0px 14px;
	text-indent: 4px;
	padding-top: 18px; 
}
#reissoortfoto {
	width: 950px; 
	height: 250px; /* 254 - 4 */
	background: url(img/reissoortfoto-kader.png) no-repeat 0px 14px;
	text-indent: 4px;
	padding-top: 18px; 
}
#onderwerpfoto {
	width: 950px; 
	height: 165px; /* 169 - 4 */
	background: url(img/onderwerpfoto-kader.png) no-repeat 0px 14px;
	text-indent: 4px;
	padding-top: 18px; 
}

/* HOME 
__________________________________________________________________________________________________ */

#homefoto {
	width: 950px;
	height: 261px; /* 391 */
	background: url(img/homefoto.jpg) left bottom;
	padding-top: 130px;
}
#homefoto p {
	padding-bottom: 9px;
}
#homefoto a {
	color: #FFFFFF;
}
#homefototekstlinks {
	float: left;
	position: relative;
	padding: 0px 14px 0px 27px;
	width: 500px;
	font: bold italic 13px/17px "Arial", "Helvetica", sans-serif;
	color: #FFFFFF;
	border-right: solid 4px;
}
#homefototekstrechts {
	float: left;
	position: relative;
	padding: 0px 27px 0px 0px;
	width: 378px;
	line-height: 17px; /* om zelfde regelafstand als links te maken */
	color: #FFFFFF;
	text-align: right;
}
#homefotoboven {
	width: 950px;
	background: url(img/homefoto-kader-boven.png) no-repeat left bottom;
	height: 18px; 
}
#homefotoonder {
	width: 950px;
	height: 4px;
	background: url(img/homefoto-kader-onder.png) no-repeat left top;
}
.homefotoknop {
	float: right;
	background: url(img/homefotoknop.png) 0px 5px no-repeat;
	width: 170px;
	height: 18px;
	color: #000000;
	padding-top: 5px;
	text-align: center;
}
#homefototekstrechts .homefotoknop a {
	text-decoration: none;
	color: #4066a4;
	display: inline-block;
	height: 18px;
	width: 170px;
}
#homefototekstrechts .homefotoknop a:hover {
	color: #799acf;
}

/* KOPPEN 
__________________________________________________________________________________________________ */

.groteknop {
	height: 41px;
	width: 227px;
	background: url(img/grote-knop-geelwit.png) 0 0 no-repeat;
	font: bold italic 18px/41px "Arial", "Helvetica", sans-serif;
	color: #ad0f15;
	text-align: center;
}
.koptitel {
	height: 41px;
	width: 227px;
	background: url(img/tab-geelwit.png) 0 0 no-repeat;
	font: bold italic 18px/41px "Arial", "Helvetica", sans-serif;
	color: #ad0f15;
	text-align: center;
}
.groteknop a,
.koptitel a {
	text-decoration: none;
	color: #ad0f15;
	display: block;
	height: 100%;
}
.groteknop a:visited,
.koptitel a:visited {
	color: #d1723f;
}
.groteknop:hover,
.koptitel:hover {
	background-position: -227px 0;
}
.kopfoto {
	width: 227px;
	height: 146px;
	background: url(img/blok-borders-bg.png) repeat-y #ffffff;
	text-indent: 4px;
}
.koptekst {
	width: 201px; /* 227 minus padding */
	background: url(img/blok-borders-bg.png) repeat-y #ffffff;
	padding: 7px 13px 7px 13px;
	color: #262e6a;
}
.koptekst a {
	color: #262e6a;
	display: block;
	height: 100%;
	text-decoration: none;
}
.koptekst a:hover {
	color: #4d69a4;
}
.koptekstreiscode {
	color: #ad0f15;
	font-size: 11px;
	text-align: right;
	position: relative;
	width: 214px; /* 227 - 13px dient als padding rechts */
	height: 0px;
	top: -23px;
}
.koponder {
	width: 227px;
	height: 5px;
	background: url(img/grote-knop-geelwit.png) -227px bottom no-repeat;
}
.kopruimte {
	width: 227px;
	height: 14px;
}
.rij1 {
	width: 227px;
	float: left;
	padding-top: 14px;
}
.rij234 { /* dus rij 2, 3 en 4 MAAR OOK het tekstvlak */
	width: 227px;
	padding-left: 14px;
	padding-top: 14px;
	float: left;
}

/* REISINFO BLOKJE 
__________________________________________________________________________________________________ */

.reisinfo {
	width: 201px; /* 227 minus padding */
	background: url(img/blok-borders-bg.png) repeat-y #ffffff;
	padding: 9px 13px 0px 13px;
	color: #ad0f15;
	font-size: 11px;
}
.reisinfo a {
	color: #ad0f15;
	text-decoration: none;
}
.reisinfotabellinks {
	float: left;
	width: 85px;
}
.reisinfotabelrechts {
	float: left;
	width: auto;
}
.reisinfotabelrechts img {
	padding-top: 4px;
}
.reisinfotabelprijs {
	float: left;
	width: auto;
	font: bold italic 18px "Arial", "Helvetica", sans-serif;
}
.reisinfotekstenter { /* div voor nieuwe regel en afsluiting. Anders werkt het niet in FF en Chrome */
	clear: both;
	height: 0;
}
.reisinfoboven {
	width: 227px;
	height: 5px;
	background: url(img/grote-knop-geelwit.png) -227px 0px no-repeat;
}
.reisinfoonder {
	width: 227px;
	height: 15px;
	background: url(img/grote-knop-geelwit.png) -227px bottom no-repeat;
}
.reisinfoknop {
	display:none !important;
}
.reisinfozwaarte {
	background: url(img/zwaarte-driehoekje.gif) 0px 3px no-repeat;
	width: 12px;
	height: 13px;
	float: left;
}

/* PRINT BLOKJE (bij reizen)
__________________________________________________________________________________________________ */

.printblokje {
	width: 201px; /* 227 minus padding */
	padding: 9px 13px 0px 13px;
	color: #ad0f15;
	font: bold italic 13px/20px "Arial", "Helvetica", sans-serif;
}

/* REIS EXTRA BLOKJE (voor eventuele latere toevoegingen die op alle reispagina's dan zichtbaar zijn)
__________________________________________________________________________________________________ */

.reisextra {
	display:none !important;
}

/* GEEL BLOKJE 
__________________________________________________________________________________________________ */

.geelblokboven,
.geelblokonder,
.geelblokknop,
.geelbloktussenruimte {
	display:none !important;
}

/* POPUPS 
__________________________________________________________________________________________________ */

#popup1 {
	/*display:none !important;*/
}

/* TEKST MET TABS 
__________________________________________________________________________________________________ */

#tekstcontainer1,
#tekstcontainer2,
#tekstcontainer3 {
	width: 709px;
	padding-left: 14px;
	padding-top: 14px;
	float: left;
	z-index: auto;
	position: relative;
	display: inline !important;
}
#tekstcontainer2,
#tekstcontainer3 {
	padding-left: 241px;
}
.teksttab,
.teksttabruimte,
.tekstonder,
.teksttabruimtetweetabs {
	display:none !important;
}
ul { /* voor de tabs als ze ul zijn, voor Firefox en Chrome */
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.tekst {
	float: left;
	width: 683px; /* 709 min border en padding */
	padding: 13px 9px 5px 9px;
}
.tekst a {
	color: #4d69a4;
}
.tekst p {
	padding-bottom: 9px;
}
.tekst img {
	padding: 6px 0 3px 0;
}
.blauwetekst,
.programma dt,
.tekst h4 { /* dt en h4 overgenomen van oude site om teksten kopiëren makkelijker te maken.. */
	font: bold italic 11pt/15pt "Arial", "Helvetica", sans-serif;
	color: #262e6a;
	margin: 0;
}
.programma dl {
	margin: 0;
}
.programma dd { /* bij reis per dag moet afbeelding in een dd staan voor goede regelafstafstand onder */
	margin: 0;
	padding-bottom: 9px;
}
.programma {
	float: left;
}
.tekstsubkopvlak {
	float: left;
	width: 695px; /* 709 min border en padding */
	padding: 0px 0px 15px 0px;
}
.tekstsubkoprij1 {
	width: 342px; /* getal wat min padding overblijft voor exact twee naast elkaar.. */
	float: left;
}
.tekstsubkoprij2 {
	width: 342px; /* getal wat min padding overblijft voor exact twee naast elkaar.. */
	float: left;
	padding-left: 5px;
}
.tekstsubkoponder {
	width: 342px; /* getal wat min padding overblijft voor exact twee naast elkaar.. */
	height: 4px;
	float: left;
	background: url(img/tekst-subkop-onder.png) no-repeat;
}
.tekstsubkoptekst {
	background: url(img/tekst-subkop-boven.png) no-repeat;
	font-size: 10pt;
	padding: 5px 9px 5px 9px;
}
.tekstrij1 { /* Twee even brede kolommen tekst */
	width: 336px;
	float: left;
}
.tekstrij2 {
	width: 336px;
	float: left;
	padding-left: 11px;
}
.opsomming {
	float: left;
	font-size: 10pt;
}
.opsomming dl {
	padding: 13px 9px 5px 9px;
}
.opsomming dt {
	float: left;
}
.opsomming dd {
	margin: 0 0 0 30px;
}

/* VOETNOOT 
__________________________________________________________________________________________________ */

#voetnoot {
	float: left;
	font-size: 11px;
	width: 100%; 
	height: 35px;
	position: relative;
	text-align: center;
	padding-top: 6px;
	bottom: 0;
}
#voetnoot a {
	color: #000000;
}
#voetnootlogos {
	position: relative;
	top: 4px;
}