/* CSS COLORS

Dark blue #11475b
light yellow #fbf9cf

*/

/* ----------------------------------- */
/* MAIN
/* ----------------------------------- */

body {
		background: url(../_images/body-bg.jpg) repeat-x #11475b;
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #fbf9cf;
		}
p {
		margin-bottom: 20px;
		}
p, li {
		line-height: 175%;
		text-align: justify;
		}
ul {
		margin: 0 0 10px 0;
		padding: 0;
		}
a {
		color: #fbf9cf;
		font-weight: bold;
		}
a:hover {
		text-decoration: none;
		}
a img {
		border: 0;
		}

/* ----------------------------------- */
/* MAIN
/* ----------------------------------- */
#container {
		width: 950px;
		margin: 0 auto;
		text-align: left;
		}
#header {
		background: url(../_images/subheader-bg.jpg) no-repeat left 75px;
		height: 249px;
		}
#left-header {
		float: left;
		margin-left: 25px;
		width: 185px;
		}
#right-header {
		float: right;
		width: 730px;
		}
#namecard {
		float: right;
		width: 209px;
		}
		
/* ----------------------------------- */
/* NAVIGATIE
/* ----------------------------------- */

#navigatie {
		margin-top: 30px;
		height: 20px;
		}
#navigatie ul {
		margin: 0 0 0 15px;
		padding: 0;
		}
#navigatie li, #navigatie a {
		height: 22px;
		text-decoration: none;
		font-weight: bold;
		text-align: center;		/* Each button must have the same height, define it here */ display: block;
	}
	#navigatie li {
		float: left;
		margin-right: 5px;
		list-style: none;
	}

#navigatie li a {
		color: #fbf9cf;
		padding-top: 1px;
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		}
#nav-home a{
		background: url(../_images/nav-home.jpg) no-repeat -61px;
		width: 61px;
		text-align: center;
		}
	#nav-home a:hover, #home #nav-home a:visited {
			background: url(../_images/nav-home.jpg) no-repeat;
			color: #11475b;
			}
#nav-schaats a{
		background: url(../_images/nav-schaats.jpg) no-repeat -105px;
		width: 105px;
		text-align: center;
		}
	#nav-schaats a:hover, #schaats #nav-schaats a:visited {
			background: url(../_images/nav-schaats.jpg) no-repeat 0;
			color: #11475b;
			}
#nav-circus a{
		background: url(../_images/nav-circus.jpg) no-repeat -58px;
		width: 58px;
		text-align: center;
		}
	#nav-circus a:hover, #circus #nav-circus a:visited {
			background: url(../_images/nav-circus.jpg) no-repeat 0;
			color: #11475b;
			}
#nav-stunt a{
		background: url(../_images/nav-stunt.jpg) no-repeat -86px;
		width: 86px;
		text-align: center;
		}
	#nav-stunt a:hover, #stunt #nav-stunt a:visited {
			background: url(../_images/nav-stunt.jpg) no-repeat 0;
			color: #11475b;
			}
#nav-historiek a{
		background: url(../_images/nav-historiek.jpg) no-repeat -80px;
		width: 80px;
		text-align: center;
		}
	#nav-historiek a:hover, #historiek #nav-historiek a:visited {
			background: url(../_images/nav-historiek.jpg) no-repeat 0;
			color: #11475b;
			}
#nav-contact a{
		background: url(../_images/nav-contact.jpg) no-repeat -72px;
		width: 72px;
		text-align: center;
		}
	#nav-contact a:hover, #contact #nav-contact a:visited {
			background: url(../_images/nav-contact.jpg) no-repeat 0;
			color: #11475b;
			}
			
#bottom-nav {
		text-align: center;
		padding: 15px 0 5px 0;
		}
#bottom-nav a {
		font-weight: normal;
		font-size: 11px;
		}
/* ----------------------------------- */
/* Total concept intro
/* ----------------------------------- */

#total-intro {
		margin: 40px 220px 10px 125px;
		color: #11475b;
		text-align: justify;
		line-height: 150%;
		}
#total-intro h2 a {
		color: #11475b;
		text-decoration: none;
		font-size: 16px;
		margin-bottom: 10px;
		display: block;
		}
#total-intro p {
		margin: 0;
		font-size: 11px;
		}
#total-intro img {
		float: right;
		margin: -10px 10px 0 0;
		}
		
/* ----------------------------------- */
/* CONTENT
/* ----------------------------------- */

#content {
		padding: 25px;
		}
#content-left {
		float: left;
		width: 540px;
		}
#content-right {
		float: left;
		width: 260px;
		padding-top: 40px;
		margin-left: 75px;
		}
#content h1 {
		font-size: 20px;
		margin-bottom: 25px;
		}
#content h2 {
	font-size: 16px;
	margin-bottom: 20px;
}
#content li {
		text-indent: 0px;
		list-style: outside;
		margin-left: 15px;
		padding-bottom: 5px;
		}
.content-box  {
		background: #fbf9cf url(../_images/content-box.jpg) no-repeat;
		width: 470px;
		padding: 15px;
		color: #11475b;
		font-weight: bold;
		line-height: 175%;
		margin: 20px auto;
		}
#circus .content-box li {
		float: left;
		text-indent: 0;
		padding-right: 25px;
		list-style: none;
		}
.content-nav {
		text-align: right;
		}
.content-nav a {
		font-size: 10px;
		text-decoration: none;
		}
/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
#home #content {
		padding: 0;
		}
		
#drieluik {
		margin: 0 0 0 15px;
		}
.drieluik-schaats {
		float: left;
		width: 307px;
		height: 603px;
		background: url(../_images/drieluik-bg-schaats.jpg) no-repeat bottom left;
		}
.drieluik-circus {
		float: left;
		width: 307px;
		height: 603px;
		background: url(../_images/drieluik-bg-circus.jpg) no-repeat bottom left;
		}
.drieluik-stunt {
		float: left;
		width: 307px;
		height: 603px;
		background: url(../_images/drieluik-bg-stunt.jpg) no-repeat bottom left;
		}
.drieluik-content {
		padding: 5px 45px 20px 50px;
		color: #11475b;
		}
.drieluik-content p {
		margin: 0 0 5px 0;
		line-height: 120%;
		}
.drieluik-content p a {
		color: #11475b;
		text-decoration: none;
		font-weight: normal;
		}
.drieluik-content p.titel a {
		font-size: 14px;
		font-weight: bold;
		}
		
/* ----------------------------------- */
/* SCHAATSBANEN
/* ----------------------------------- */

/*#schaats #content-left {
		width: 630px;
		}*/
.schaats-nav {
		background: #fbf9cf url(../_images/content-box.jpg) no-repeat;
		width: 470px;
		padding: 15px;
		color: #11475b;
		font-weight: bold;
		line-height: 175%;
		margin: 20px auto;
		}
.schaats-nav p {
		text-align: center;
		margin: 0;
		}
.schaats-nav a {
		color: #11475b;
		}

/* ----------------------------------- */
/* CONTACT
/* ----------------------------------- */

#contact #content-left ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-indent: 0;
		}
#contact li.left {
		float: left;
		width: 100px;
		text-align: right;
		margin-right: 15px;
		list-style: none;
		display: block;
		}
#contact li.right {
		display: block;
		float: left;
		width: 375px;
		list-style: none;
		}
#contact input, #contact textarea {
		background: #082631;
		border: 0;
		width: 250px;
		padding: 5px;
		color: #fbf9cf;
		border-bottom: 3px #fbf9cf solid;
		margin-bottom: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
#button input.button {
		background: #fbf9cf;
		border: #082631 1px solid;
		width: 125px;
		padding: 4px;
		color: #11475b;
		margin-left: 115px; 
		margin-top: 5px;
		}
#form1 label.error {
		margin-left: 10px;
		vertical-align: top;
		color: #ff0000;
		font-size: 11px;
}
/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */


#footer-wrap {
		background: #082631;
		text-align: center;
		margin-top: 20px;
		}
#footer {
		width: 900px;
		margin: 0 auto;
		padding: 0 0 10px 0;
		font-size: 11px;
		}
#footer ul {
		list-style: none;
		width: 200px;
		float: left;
		display: block;
		margin: 10px 55px 20px 45px;
		}
#footer li {
		border-bottom: 1px #11475b solid;
		color: #559ab3;
		padding: 1px 0 1px 5px;
		}
#footer a {
		color: #fbf9cf;
		font-weight: normal;
		text-decoration: none;
		}
#footer a:hover {
		color: #559ab3;
		}

div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}