/*
    ============== (C) Copyright Relate.IT - All rights reserved ===============

    The copyright to the contents herein is the property of Relate.IT. The 
    contents may be used and/or copied only with the written permission of
    Relate.IT, or in accordance with the terms and conditions stipulated in 
    the agreement/contract under which the contents have been supplied.

    Internet:                   http://www.relatesolutions.nl

    ============================================================================
    $Id: default.css,v 1.3 2008/04/01 13:51:23 cvs Exp $ 
    ============================================================================
*/

BODY.content {
 	background: #000000 url(../img/bg.jpg) center -140px no-repeat; }


/* ========================== HEADER & FOOTER & MENU =========================*/

#logo {	
	position: absolute; left: 50%; margin-left: -255px; z-index: 5; }
#stars {	
	position: absolute; left: 50%; margin-top: 4px; margin-left: -290px; 
	z-index: 2; }

#mainContainer {
	position: absolute; left: 50%; margin-left: -380px; width: 760px;
	margin-top: 0px; font-family: Tahoma; font-weight: bold; color: #FBFBFD; 
	font-size: 12px; }

A.menu, A.menu:visited {
	color: #FBFBFD; text-decoration: none; padding: 2px; z-index: 4; }
A.menuSelected, A.menuSelected:visited, A.menuSelected:hover {
	color: #C1D220; text-decoration: underline; padding: 2px; z-index: 4; }
A.menu:hover {
	color: #FBFBFD; text-decoration: underline; }	
#menuLeft {
	padding-left: 3px; color: #FBFBFD; width: 200px; padding-bottom: 4px; 
	z-index: 4; position: relative; }
#menuRight {
	text-align: right; width: 430px; padding-bottom: 4px; height: 35px; 
	z-index: 4; position: relative; }

#header {
	background: #ffffff url(../img/page_header.jpg) center top no-repeat;
	height: 62px; width: 640px; }
	
#footer {
	padding: 8px; font-size: 9px; font-weight: normal; }
#footer IMG {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7; }
#footer A:hover IMG, #footer IMG.selected {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; }


/* ========================== WORLD-BUTTONS ==================================*/

#worldModernButton, #worldModernButtonS {	
	background: url(../img/bg_modern.jpg) left top no-repeat; 
	display: block;	width: 64px; height: 219px; text-decoration: none; }
#worldModernButton:hover, #worldModernButtonS { 
	background: url(../img/bg_modern_hover.jpg) left top no-repeat; }

#worldMagicButton, #worldMagicButtonS {	
	background: #ffffff url(../img/bg_magic.jpg) 1px top no-repeat; 
	display: block;	width: 62px; height: 219px; text-decoration: none; }
#worldMagicButton:hover, #worldMagicButtonS { 
	background: url(../img/bg_magic_hover.jpg) 1px top no-repeat; }

#worldTravelButton, #worldTravelButtonS {	
	background: #ffffff url(../img/bg_travel.jpg) left bottom no-repeat; 
	display: block;	width: 64px; height: 218px; text-decoration: none; }
#worldTravelButton:hover, #worldTravelButtonS { 
	background: url(../img/bg_travel_hover.jpg) no-repeat; }

#worldNatureButton, #worldNatureButtonS {	
	background: url(../img/bg_nature.jpg) right bottom no-repeat; 
	display: block;	width: 62px; height: 218px; text-decoration: none; }
#worldNatureButton:hover, #worldNatureButtonS { 
	background: url(../img/bg_nature_hover.jpg) right top no-repeat; }
	
TD.leftsep {
	background: url(../img/left_sep.gif) right top repeat-y; }
TD.rightsep {
	background: url(../img/right_sep.gif) left top repeat-y; }


/* ========================== ACTUAL CONTENT =================================*/


#contentContainer {
	background: #ffffff url(../img/page_footer.jpg) center bottom no-repeat; 
	margin: 0px; }

#content {
	padding-top: 8px; padding-left: 18px; padding-right: 18px; 
	padding-bottom: 83px; font-family: Tahoma; font-size: 11px; color: #555555; 
	font-weight: normal; vertical-align: top; }

#gallery {
	text-align: center; }
#gallery TD {
	padding: 5px; }
	
H1 { 
	font-family: Arial; color: #666666; font-size: 16px; margin: 0px;
	margin-bottom: 5px; margin-top: 20px; }

H2 { 
	font-family: Arial; color: #666666; font-size: 13px; margin: 0px;
	margin-bottom: 4px; margin-top: 20px; }

H3 { 
	font-family: Arial; color: #666666; font-size: 11px; margin: 0px;
	margin-bottom: 3px; margin-top: 20px; }

P { 
	margin: 0px; margin-top: 6px; }
P.error { 
	color: #cc0000; font-weight: bold; margin-bottom: 10px;
	margin-top: 8px; font-size: 12px; height: 16px; }
P.formErr {
	color: #cc0000; padding-bottom: 18px; }

TD.form {
	padding-bottom: 4px; padding-right: 4px; }
INPUT.error, TEXTAREA.error {
	border: 2px solid #cc0000; }
INPUT.required, TEXTAREA.required {
	background: url(../img/required.gif) left top no-repeat; }
INPUT.button {
	background-color: #ffffff; font-weight: bold; }

A {
	color: #000000; text-decoration: underline; }
A:visited {
	color: #444444; }
A:hover {
	color: #000000; text-decoration: none; }

IMG {
	border:0px; }