@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font:13px/1.5em "Trebuchet MS", Tahoma, Verdana;
	color:#666666;
	height:100%;
	background:url(../images/bg_gras.jpg) center top fixed;
}

html {
	height:100%;
}

a:link {
	color:#990000;
	text-decoration:none;
}
a:active {
	color:#990000;
	text-decoration:none;
}
a:visited {
	color:#990000;
	text-decoration:none;
}
a:hover {
	color:#990000;
	text-decoration:underline;
}

#background {
	width:100%;
	margin:0 auto;
}

#main_container {
	width:945px;
	margin:0 auto;
	border-left:#FFFFFF 10px solid;
	border-right:#FFFFFF 10px solid;
	border-bottom:#FFFFFF 10px solid;
	background:#FFFFFF;
}

#header {
	width:945px;
}

.bg_header {
	background:url(../images/bg_header.gif) repeat-x;
}

#top {
	width:945px;
	text-align:right;
	font-size:14px;
	height:22px;
}

#top a:link {
	color:#990000;
	text-decoration:none;
	padding-left:20px;
	padding-right:10px;
}
#top a:active {
	color:#990000;
	text-decoration:none;
	padding-left:20px;
	padding-right:10px;
}
#top a:visited {
	color:#990000;
	text-decoration:none;
	padding-left:20px;
	padding-right:10px;
}
#top a:hover {
	color:#990000;
	text-decoration:none;
	padding-left:20px;
	padding-right:10px;
}

#menu {
	width:100%;
	z-index:100;
	height:31px;
	background:#333333 url(../images/bgmenu.gif) top repeat-x;
}

#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#menu li {
/*	width:135px;*/
	float:left;
	position:relative;
	/*display:block;
	height:31px;*/
	border-right:#FFFFFF 1px solid;
	line-height:31px;
	font:12px "Trebuchet MS", Tahoma, Verdana;
	width: auto;
}

#menu li:hover {
	background:#CCCCCC;
}

#menu li a {
	padding:0px 10px 0px 10px;
	display:block;
	color:#ffffff;
	width: auto;
	line-height:31px;
	min-height:31px;
	height:auto !important;
	height:31px;
	float:left;
	text-decoration:none;
}

#menu li ul {
	display: none;
	z-index:100;
}

#menu li:hover > ul {
	display:block; 
	position:absolute; 
	top:0; 
	left:0px;
	z-index:100;
}
#menu > li:hover > ul {
	left:0; 
	top:35px;
	z-index:100;
}

#menu ul ul li {
	z-index:100;
	top:31px;
	width:200px;
	display:block;
	background:#FFFFFF;
	color:#990000;
	text-align:left;
	min-height:31px;
	height:auto !important;
	height:31px;
	text-indent:10px;
	text-decoration:none;
	border-bottom:#990000 1px dashed;
}

#menu ul ul li a {
	color:#990000;
}

.column_left {	
	vertical-align:top;
	width:250px;
}

.menutitle {
	cursor:pointer;
	margin-bottom: 5px;
	text-indent:10px;
	color:#000000;
	width:250px;
	height:27px;
	padding-top:6px;
	vertical-align:top;
	font-size:14px;
	letter-spacing:0.1em;
	border-bottom:#CCCCCC 1px dashed;
}

.menutitle a:link {
	color:#000000;
	text-decoration:none;
}
.menutitle a:visited {
	color:#000000;
	text-decoration:none;
}
.menutitle a:active {
	color:#000000;
	text-decoration:none;
}
.menutitle a:hover {
	color:#000000;
	text-decoration:none;
}

.submenu {
	letter-spacing:0.1em;
	cursor:pointer;
}

.submenu2 {
	letter-spacing:0.1em;
}
.submenu2 a:link {
	color:#356498;
	text-decoration:none;
}
.submenu2 a:active {
	color:#356498;
	text-decoration:none;
}
.submenu2 a:visited {
	color:#356498;
	text-decoration:none;
}
.submenu2 a:hover {
	color:#356498;
	text-decoration:underline;
}

#content {
	width:900px;
	margin:20px;
	margin-top:30px;
	clear:both;
}

#content h1 {
	color:#007cc3;
	font:normal 22px "Trebuchet MS", Tahoma, Verdana;
}

#wrapper {
	clear:both;
	width:100%;
	z-index:1;
}

#left_index {
	float:left;
	width:250px;
	margin:30px 25px 20px 25px;
	_margin:30px 15px 20px 15px;
	z-index:1;
}

#content_index {
	float:right;
	width:600px;
	margin:20px;
	margin-top:30px;
}

#content_index h1 {
	color:#007cc3;
	font:normal 22px "Trebuchet MS", Tahoma, Verdana;
}

.golfbanenInfo {
	margin: 0 0 0 10px;
	display:none;
}

.golfbanenInfo hr {
	background-color:#F0F0F0;
	border:none;
	height:1px
}

.golfbanenInfo h3 {

	color:#007cc3;
	font-size:15px;
}

#copyright {
	width:100%;
	color:#FFFFFF;
	background:#999999;
	text-indent:20px;
	height:40px;
	line-height:40px;
	position: relative;
}

#copyright a:link {
	color:#FFFFFF;
	text-decoration:none;
}
#copyright a:active {
	color:#FFFFFF;
	text-decoration:none;
}
#copyright a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#copyright a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

div.scrollable {
	position: relative;
	overflow: hidden;
	width: 700px;
	height: 150px;
	padding: 10px 0;
	}

div.scrollable div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;

	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;

	/* custom decoration */
	text-align:center;
	width:200px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	background-color: none;
	margin-right: 12px;
	border: none;
	padding: 4px;
	cursor: pointer;
	/*-moz-opacity: .60;
	opacity: .60;
	filter: alpha(opacity=60);*/
}

div.scrollable div.items div:hover {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	}

div.scrollable div.items div.active {
	padding: 0;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	border:4px solid #addb49;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/left.png) no-repeat;
	float:left;
	margin:90px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/right.png);
	clear:right;
}

.ecardContinueButton {
	margin:30px 0 0 680px;
}

.barDarkTop {
    background-image:url(../images/bar/barDarkTop.jpg);
    background-repeat:no-repeat;
    width:909px;
    height:5px;
}

.barDarkMiddle {
    background-image:url(../images/bar/barDarkMiddle.jpg);
    background-repeat:repeat-y;
    width:909px;
}

.barDarkBottom {
    background-image:url(../images/bar/barDarkBottom.jpg);
    background-repeat:no-repeat;
    width:909px;
    height:5px;
}

.barDarkTopSmall {
    background-image:url(../images/bar/barDarkTopSmall.jpg);
    background-repeat:no-repeat;
    width:399px;
    height:5px;
}

.barDarkMiddleSmall {
    background-image:url(../images/bar/barDarkMiddleSmall.jpg);
    background-repeat:repeat-y;
    width:399px;
}

.barDarkBottomSmall {
    background-image:url(../images/bar/barDarkBottomSmall.jpg);
    background-repeat:no-repeat;
    width:399px;
    height:5px;
}

.barDarkTopTiny {
    background-image:url(../images/bar/barDarkTopTiny.jpg);
    background-repeat:no-repeat;
    width:323px;
    height:5px;
}

.barDarkMiddleTiny {
    background-image:url(../images/bar/barDarkMiddleTiny.jpg);
    background-repeat:repeat-y;
    width:323px;
}

.barDarkBottomTiny {
    background-image:url(../images/bar/barDarkBottomTiny.jpg);
    background-repeat:no-repeat;
    width:323px;
    height:5px;
}

.barWhiteTop {
    background-image:url(../images/bar/barWhiteTop.jpg);
    background-repeat:no-repeat;
    width:909px;
    height:5px;
}

.barWhiteMiddle {
    background-image:url(../images/bar/barWhiteMiddle.jpg);
    background-repeat:repeat-y;
    width:909px;
}

.barWhiteBottom {
    background-image:url(../images/bar/barWhiteBottom.jpg);
    background-repeat:no-repeat;
    width:909px;
    height:5px;
}

.ecard2Buttons {
	margin:0 0 0 500px;	
}

.barWhiteMiddle input,
.barDarkMiddle input,
.barDarkMiddle textarea,
.barWhiteMiddle select,
.barWhiteMiddle textarea,
.barDarkMiddle select {
    border:1px #CCC solid;
    color:#666666;
    padding:2px;
}

.barWhiteMiddle input[type="image"],
.barDarkMiddle input[type="image"] {
    border:none;
    outline:none
}

#main_container object, #main_container embed {
	width: 560px;
	height: 420px;
}

#social {
	position:	absolute;
	top:		0px;
	right:		0px;
	padding-right: 15px;
}