/*
'******************************************************************************
'  WEBSITE/APPLICATIE	: CASAOASIS reizen
'  VERSION				: 1.0
'  ONTWIKKELAAR			: Maarten van den Hooven
'  COMPONENT			: bestanden/style.css
'  DESCRIPTION			: Bevat alle classes voor het vormgeven van de www.casaoasis.es/reizen
'******************************************************************************
*/

/* Body en top uitlijning */

* 
{
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px;
}
TD
{
	vertical-align:top;
}
BODY 
{
	TEXT-ALIGN: center; 
	PADDING-BOTTOM: 0px; 
	BACKGROUND-COLOR: #FAFAD2; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	FONT-FAMILY: verdana;
	COLOR: #333333; 
	FONT-SIZE: 12px; 
	PADDING-TOP: 0px; 
	overflow: auto;
	overflow-x: hidden;
	z-index: 1;
}
HTML
{
	overflow-x: hidden;
	overflow-y: auto;
}
.panorama 
{
	BACKGROUND-IMAGE: url(../images/panorama.jpg); 
	background-position: top center;
	Z-INDEX: 2; 
	WIDTH: 100%; 
	BACKGROUND-REPEAT: repeat-x; 
	HEIGHT: 170px; 
}
#all 
{
	POSITION: relative; 
	TEXT-ALIGN: left; 
	MARGIN: 0px auto; 
	PADDING-LEFT: 10px; 
	WIDTH: 1000px; 
	CURSOR: default;
	Z-INDEX: 2;
	margin-top: 30px;
	margin-bottom: 30px;
	border-left: #808080 1px dotted; 
	border-right: #808080 1px dotted; 
}
.belmeop
{
	background-color: #F0E68C;
	padding: 5px 5px 5px 5px;
	border: 1px solid #000000;
}
#paging
{
	text-align:center;
}

/* Foto's en titels*/

.title001 {
	Z-INDEX: 5; POSITION: absolute; TEXT-ALIGN: right; WIDTH: 40.8em; HEIGHT: 4.7em; FONT-SIZE: 10px; TOP: -20.4em; LEFT: 1em
}
.title002 {
	Z-INDEX: 4; POSITION: absolute; TEXT-ALIGN: right; WIDTH: 22.8em; HEIGHT: 6.9em; FONT-SIZE: 10px; TOP: -16.5em; LEFT: 1em
}
.casaoasislogo {
	Z-INDEX: 4; POSITION: absolute; TEXT-ALIGN: right; WIDTH: 22.8em; HEIGHT: 6.9em; FONT-SIZE: 10px; TOP: -1em; LEFT: 37.7em;
}
.casaoasislogofoto {
	Z-INDEX: 4; POSITION: absolute; TEXT-ALIGN: right; WIDTH: 22.8em; HEIGHT: 6.9em; FONT-SIZE: 10px; TOP: -0.9em; LEFT: 53.4em;
}
.photoright {
	Z-INDEX: 15; POSITION: absolute; WIDTH: 350; HEIGHT: 263; FONT-SIZE: 10px; TOP: -19em; LEFT: 62em; border: solid 1px black;
}
.navlang {
	Z-INDEX: 15; POSITION: absolute; WIDTH: 200; HEIGHT: 30; TOP: 2.1em; LEFT: 42.4em;
}
.navlangfoto {
	Z-INDEX: 15; POSITION: absolute; WIDTH: 200; HEIGHT: 30; TOP: 2.5em; LEFT: 55.5em;
}
.navlang img
{
	border: none;
}
.navlangfoto img
{
	border: none;
}

/* Tabel uitlijning */

TABLE#tablemain 
{
	WIDTH: 940px; 
	MARGIN-LEFT: 0px;
	Z-INDEX: 15;
}
TABLE#tablemain TD#tdright 
{
	WIDTH: 405px; 
	PADDING-TOP: 80px
}

/* Speciale tabel uitlijning voor 1 kolom pagina's */

TABLE#tablemainonecolumn
{
	WIDTH: 750px; 
	MARGIN-LEFT: 0px;
	margin-top: 30px;
}

/* Speciale tabel uitlijning voor de foto gallerie pagina */

TABLE#tablemainphoto 
{
	WIDTH: 950px; 
	MARGIN-LEFT: 0px;
	margin-top: 30px;
}
TABLE#tablemainphoto TD#tdrightphoto
{
	WIDTH: 285px; 
	PADDING-TOP: 70px
}

TD#tdright img, TD#tdrightphoto img
{
	border: none;
}

.TablePrices td
{
	font-size: 12px;
}

/* Afscheiding */

SPAN.article_separator, HR 
{
	MARGIN: 20px 0px 0px; 
	DISPLAY: block; 
	BORDER-TOP: #808080 1px dotted
}
.separator {
	BORDER-LEFT: #808080 1px dotted; 
	MARGIN: 50px 8px; 
	WIDTH: 0px; 
	HEIGHT: 520px
}


/* Hoofdmenu */

#mainmenu {
	Z-INDEX: 12; POSITION: absolute; TOP: -33px; LEFT: -10px;
}
#mainmenu UL LI {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline;
}
#mainmenu UL LI A {
	PADDING-BOTTOM: 7px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #ccc; BORDER-RIGHT: #fff 0px solid; TEXT-DECORATION: none; PADDING-TOP: 8px; font-size: 12px;
}
#mainmenu UL LI A:hover {
	BACKGROUND-COLOR: #555; COLOR: white
}
#active A {
	BACKGROUND-COLOR: #555; COLOR: white
}
#active A SPAN {
	BACKGROUND-COLOR: #555; COLOR: white
}
.navcontainer {
	POSITION: absolute; TEXT-ALIGN: left; BACKGROUND-COLOR: #333333; WIDTH: 484.8em; HEIGHT: 30px; OVERFLOW: hidden; TOP: -3.4em; LEFT: -200.8em; z-index: 11
}


/* Lettertypes en groottes */

H1 {
	LINE-HEIGHT: 17px; FONT-STYLE: italic; FONT-FAMILY: verdana; LETTER-SPACING: 1px; COLOR: #333333; FONT-SIZE: 12px; MARGIN-RIGHT: 104px; FONT-WEIGHT: normal;
}
H2 {
	LINE-HEIGHT: 17px; FONT-FAMILY: verdana; MARGIN-BOTTOM: 8px; COLOR: #333333; FONT-SIZE: 13px; FONT-WEIGHT: normal
}
H3 {
	LINE-HEIGHT: 23px; FONT-STYLE: italic; MARGIN: 0px 20px 0px 0px; FONT-FAMILY: verdana; COLOR: #B22222; FONT-SIZE: 17px; FONT-WEIGHT: bold
}
H4 {
	LINE-HEIGHT: 23px; FONT-STYLE: italic; MARGIN: 0px 20px 16px 0px; FONT-FAMILY: verdana; COLOR: #B22222; FONT-SIZE: 26px; FONT-WEIGHT: bold
}
H5 {
	LINE-HEIGHT: 23px; FONT-STYLE: italic; MARGIN: 0px 20px 3px 0px; FONT-FAMILY: verdana; COLOR: #B22222; FONT-SIZE: 20px; FONT-WEIGHT: bold
}

ul, ol 
{
	padding-left: 25px;
}

/* Links */

A:link {
	COLOR: #333333; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #aa7b0d
}
A:active {
	COLOR: #333333; TEXT-DECORATION: underline
}

/* Formulier */

.Button
{
	color:#000033;   
	font: bold 84% 'trebuchet ms',helvetica,sans-serif;   
	background-color:#fed;   
	border: 1px solid;   
	border-color: #696 #363 #363 #696;
	padding: 0px 5px 0px 5px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
}