/*--------------------------------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:	1
author:		Damien van Holten
email:		damien@reaact.met
website:	http://www.reaact.net / http://www.damienvanholten.com
--------------------------------------------------------------------------------------------------*/

/* Globals
--------------------------------------------------------------------------------------------------*/

body
{
	font-size: 85%;
	background: url(http://www.goudenspar.nl/images/bg-body.gif) 50% 0 repeat-y;
}
 
*
{
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	border: none;
}

:focus
{
	outline: none;
}

/* Helpers
--------------------------------------------------------------------------------------------------*/

.clear
{
	clear: both;
}

/* Typography
--------------------------------------------------------------------------------------------------*/

h1
{
	color: #ffffff;
	font-weight: normal;
}

h1 strong
{
	font-weight: normal;
}

h1 em
{
	font-style: normal;
}

h4
{
	
}

h5
{
	
}

hr
{
	display: none;
}

a:link,
a:visited
{
	color: #0a84b3;
	text-decoration: underline;
}

a:hover,
a:active
{
	color: #04445c;
}

.fakelink
{
  color: #0a84b3;
  text-decoration: underline;
  cursor: pointer;
}
 
.fakelink-hover
{
  color: #04445c;
  cursor: pointer;
}

p
{
	margin: 0 0 1em 0;
	line-height: 20px;
}

p.introduction
{
	margin-top: 5px;
	color: #0685b4;
	font-size: 17px;
	line-height: 22px;
}

span.amp
{
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
	font-size: 13px;
}

/* Lists
--------------------------------------------------------------------------------------------------*/

ul
{
	list-style: none;
}

#navigation
{
	background: url(http://www.goudenspar.nl/images/bg-navigation.gif) 0 -5px repeat-x #006e41;
}

#navigation ul
{
	float: right;
	margin-right: 13px;
}

#navigation ul li
{
	float: left;
}

#navigation ul li a:link,
#navigation ul li a:visited
{
	font-size: 15px;
	padding: 10px;
	border-left: 1px solid #2d936b;
	display: block;
	text-decoration: none;
	color: #bbf2dd;
}

#navigation ul li a:hover,
#navigation ul li a:active
{
	font-size: 15px;
	padding: 10px;
	border-left: 1px solid #2d936b;
	display: block;
	color: #ffffff;
	background: #1bafea;
	text-decoration: none;
}

#navigation ul li a.active:link,
#navigation ul li a.active:visited,
#navigation ul li a.active:hover,
#navigation ul li a.active:active
{
	font-size: 15px;
	padding: 10px;
	border-left: 1px solid #2d936b;
	display: block;
	color: #ffffff;
	background: #1bafea;
	text-decoration: none;
}


/* Layout
--------------------------------------------------------------------------------------------------*/

#header-content
{
	padding: 15px 27px;
	background: url(http://www.goudenspar.nl/images/bg-headercontent.gif) 0 0 repeat-x #1bafea;
}

#header-homepage_nl
{
	height: 135px;
	width: 500px;
	padding: 120px 417px 0 27px;
	background: url(http://www.goudenspar.nl/images/bg-header-homepage-nl.jpg) 0 0 no-repeat #1bafea;
}

#header-homepage_de
{
	height: 135px;
	width: 500px;
	padding: 120px 417px 0 27px;
	background: url(http://www.goudenspar.nl/images/bg-header-homepage-de.jpg) 0 0 no-repeat #1bafea;
}

#header-homepage_en
{
	height: 135px;
	width: 500px;
	padding: 120px 417px 0 27px;
	background: url(http://www.goudenspar.nl/images/bg-header-homepage-en.jpg) 0 0 no-repeat #1bafea;
}

a.meer-info_nl
{
	background: url(http://www.goudenspar.nl/images/img-button-info-nl.gif) 0 0 no-repeat;
	height: 30px;
	width: 210px;
	text-indent: -999em;
	display: block;
	text-decoration: none;
}

a.meer-info_en
{
	background: url(http://www.goudenspar.nl/images/img-button-info-en.gif) 0 0 no-repeat;
	height: 30px;
	width: 210px;
	text-indent: -999em;
	display: block;
	text-decoration: none;
}

a.meer-info_de
{
	background: url(http://www.goudenspar.nl/images/img-button-info-de.gif) 0 0 no-repeat;
	height: 30px;
	width: 210px;
	text-indent: -999em;
	display: block;
	text-decoration: none;
}

#header-homepage_nl p,
#header-homepage_de p,
#header-homepage_en p
{
	color: #ffffff;
}

#wrapper
{
	margin: 0 auto;
	width: 944px;
}

#header
{
	position: relative;
}

#header h4
{
	display: block;
	text-indent: -999em;
	height: 97px;
	width: 274px;
	background: url(http://www.goudenspar.nl/images/logo-gouden-spar.gif) 0 0 no-repeat;
}

#header h4 a:link,
#header h4 a:visited,
#header h4 a:hover,
#header h4 a:active
{
	display: block;
	height: 97px;
	width: 274px;
	text-decoration: none;
}

#content
{
	padding: 15px 27px;
	background: #f2fbfe;
}

#header
{
	background: #ffffff;
	padding: 15px 27px;
}

#footer
{
	padding: 15px 27px;
}

#footer p,
#footer a
{
	color: #ffffff;
}

#footer p
{
	float: left;
}

#footer p.meta
{
	float: right;
}

.main-content
{
	float: left;
	width: 425px;
	margin-right: 25px;
}

.sub-content
{
	float: left;
	width: 425px;
}

.main-content h4,
.main-content h1,
.sub-content h4
{
	font-weight: normal;
	color: #006e41;
	font-size: 17px;
	margin: 0 0 4px 0;
}

/* Header toolbox options
--------------------------------------------------------------------------------------------------*/

.toolbox
{
	text-align: right;
	color: #6d6d6d;
	position: absolute;
	top: 22px;
	right: 162px;
}

span.reserveren_nl
{
	display: block;
	text-indent: -999em;
	background: url(http://www.goudenspar.nl/images/img-button-reserveren-nl.gif) 0 0 no-repeat;
	height: 28px;
	width: 95px;
	position: absolute;
	top: 15px;
	right: 57px;
}

span.reserveren_nl a
{
	display: block;
	text-decoration: none;
	height: 28px;
	width: 95px;
}

span.reserveren_en
{
	display: block;
	text-indent: -999em;
	background: url(http://www.goudenspar.nl/images/img-button-reserveren-en.gif) 0 0 no-repeat;
	height: 28px;
	width: 95px;
	position: absolute;
	top: 15px;
	right: 57px;
}

span.reserveren_en a
{
	display: block;
	text-decoration: none;
	height: 28px;
	width: 95px;
}

span.reserveren_de
{
	display: block;
	text-indent: -999em;
	background: url(http://www.goudenspar.nl/images/img-button-reserveren-de.gif) 0 0 no-repeat;
	height: 28px;
	width: 95px;
	position: absolute;
	top: 15px;
	right: 57px;
}

span.reserveren_de a
{
	display: block;
	text-decoration: none;
	height: 28px;
	width: 95px;
}

.lang
{
	width: 18px;
	position: absolute;
	top: 16px;
	right: 27px;
}

.lang img
{
	margin-bottom: 2px;
}

/* Content
--------------------------------------------------------------------------------------------------*/

#content hr
{
	display: block;
	height: 1px;
	color: #1bafea;
}

.comment
{
	font-style: italic;
	color: #6d6d6d;
}

.content-image
{
	padding: 5px;
	border: 1px solid #e2ecef;
	background: #ffffff;
	margin-bottom: 15px;
}

table
{
	background-color: #e2ecef;
	border: 1px solid #1bafea;
}

table *
{
	text-align: left;
}

th
{
	font-weight: normal;
	color: #1bafea;
	padding: 3px 7px 3px 7px;
}

.bold th
{
	font-weight: bold;
}

.underline th
{
	border-bottom: 1px solid #1bafea;
}

td
{
	padding: 7px;
	color: #04445c;
}

input
{
	border: 1px solid #1bafea;
}

.radio
{
	border: 0px;
	margin: 0px 3px 0px 6px;
}

.button
{
	background-color: #2d936b;
	padding: 6px;
	color: #ffffff;
	border: 1px solid #1bafea;
}

textarea
{
	border: 1px solid #1bafea;
}

#map
{
	border: 2px solid #0685b4;
	width: 600px; height: 400px;
	float: left;
	margin-right: 20px;
}

#from
{
	padding: 10px 5px 10px 5px;
	border: 1px solid #e2ecef;
	background: #ffffff;
	text-align: center;
	width: 240px;
	float: right;
}

#from input
{
	width: 180px;
	padding: 5px;
	margin-bottom: 3px;
}

#from .button
{
	width: 192px;
}