/*
Theme Name: Grachtenrace 2010
Theme URI: http://www.interactivepixels.nl/
Description: Theme voor de Grachtenrace 2010 website.
Author: Adrian Winter
Author URI: http://interactivepixels.nl
Version: 1.0
*/
  
  
* {					margin: 0;				
        			padding: 0; }

body {				font-size: 0.8em;
        			color: #515151;
        			line-height: 1em;
        			font-family: Verdana, Arial, Helvetica, sans-serif;
				    text-align: center; }

a,
a:link,
a:active {			text-decoration: none; }
	        
a:hover {			text-decoration: underline; }

p {					margin: 0 0 1.5em 0;
        			line-height: 1.4em; }

strong, b {			font-weight: bold; }

h1 {				font-weight: bold;
        			line-height: 1.2em;
			        font-size: 1.2em;
					margin-bottom: 10px; }
			        
h2,
h3 {				font-size: 1em;
        			line-height: 1.2em; }

img {				border: 0; }

table {				border-collapse: collapse; }

td {				border: 1px solid #979797;
					padding: 4px 8px; }

table.noborder td {	border: 0px;
					padding: 0px; }

.accessibility {	position: absolute;
         			top: -9999em;
         			left: -9999em; }

.hidden {			display: none; }

.floatap {			height: 0; }
/*  */








/* Start of Column CSS */
#container2 {		clear: left;		
					float: left;
					width: 100%;
					overflow: hidden; }

#container1 {		clear: left;		
					float: left;
					width: 100%;
					position: relative;
					right: 270px; }

#container0 {		float: left;		
					width: 100%;
					position: relative;
					right: 690px; }

#maincontent {		float: left;
					width: 635px;
					position: relative;
					left: 960px;
					overflow: hidden;
					padding: 0 0 0 25px; }

#routepagina #maincontent {	width: 960px; padding: 0; }

#subcontent {		float: left;
					width: 246px;
					position: relative;
					left: 1002px;
					overflow: hidden; }

#fotocontent {		float: left;
					width: 984px;
					position: relative;
					left: 960px;
					overflow: hidden;
					padding: 0; }
/* End of Column CSS */





/* form elements */
form {			margin: 0;
        		padding: 0; }

form p {		margin: 0 0 1em 0;
        		padding: 0;
	        	font-size: 1em; }

input {			margin: 0;
        		padding: 2px;
	        	font-size: 1em; }
    
input {			vertical-align: middle; }

input.image {	width: auto;
        		height: auto;
		        border: none; }
/* end form elements */





/* BRANDBOX */
#brandbox {		margin: 0 0 28px;
		  		text-align: left; 
				height: 212px;
            	background: url("images/vervolgpagina_visual.jpg") left top no-repeat; }

#calltoaction {	background: url("images/vervolgpagina_calltoaction.jpg") left top no-repeat;
				float: right;
				width: 270px;
				height: 212px; }

#inschrijvenarea {	position: relative;
					height: 57px;
					top: 83px;
					left: 0;
					width: 270px;
					background-color: #cfced0; }

#inschrijventext {	left: 25px;
					position: relative; }

#inschrijvenbutton {	background: url("images/inschrijvenbutton.gif") left top no-repeat;
						width: 218px;
						height: 57px;
						display: block;
						left: 0;
						top: 2px;
						z-index: 1;
						position: absolute; }




#homepage #brandbox {	margin: 0 0 28px;
		  				text-align: left; 
						height: 289px;
            			background: url("images/homepage_brandbox.jpg") left top no-repeat; }

#homepage #calltoaction {	background: url("images/brandbox_calltoaction.jpg") left top no-repeat;
							float: right;
							width: 270px;
							height: 289px; }

#homepage #inschrijvenarea {	position: relative;
								height: 57px;
								top: 162px;
								left: 0;
								width: 218px; }

#homepage #inschrijventext {	}

#homepage #inschrijvenbutton {	background: url("images/inschrijvenbutton.gif") left top no-repeat;
								width: 218px;
								height: 57px;
								display: block;
								left: 0;
								top: 0;
								z-index: 1;
								position: absolute; }

/* END BRANDBOX */





/* CONTENT */
#content {			position: relative;
				    margin: 0 auto 40px;
    		    	padding: 0;
				    text-align: left; }

#content ul {		padding: 0 0 0 20px;
					line-height: 1.2em; }
				
#fotocontent img {	float: left;
					margin: 0 26px 20px 0;
					border: 1px solid #8e8e8e; }

#newslist {			padding: 0 !important;
					list-style: none; }

.newsdate {			width: 89px;
					float: left; }

.newscontent {		margin: 0 0 20px 115px;
					border-bottom: 1px dotted; }

#map_canvas {		width: 952px;
					height: 400px;
					xborder: 4px solid #345aab;
					border: 4px solid #fc8203;
					margin: 0 0 30px; }
/* END CONTENT */





/* FOOTER */
#footer {	background: url("images/sponsoren.gif") left top no-repeat;
			height: 200px;
			position: relative;
			margin-bottom: 150px; }

#footer p {	margin: 0;
            padding: 15px;
            font-size: 0.9em; }
/* END FOOTER */






/* HEADER */
#header {	margin: 0 0 45px;
		    text-align: left; 
			height: 115px;
            background: url("images/header.jpg") left top no-repeat; }
/* END HEADER */





/* HIERARCHY */
#hierarchy {	position: absolute;
        		top: -75px;
        		left: 0;
        		width: 100%; 
        		text-align: left; }

#hierarchy p {	margin: 0;
				font-size: 0.9em;
				line-height: 1.2em;
				padding: 19px 0 0 46px; }
/* END HIERARCHY */





/* INSCHRIJVEN */
#form_inschrijven {			}

#form_inschrijven h2 {		color: #FB8301;
							margin: 40px 0 20px;
							padding: 0 0 5px;
							width: 500px;
							border-bottom: 1px solid #FB8301; }

#form_inschrijven p {		margin: 9px 0; }

#form_inschrijven textarea,
#form_inschrijven input.txt,
#form_inschrijven select {	border: 1px solid #515151; }

#form_inschrijven textarea {width: 350px;
							height: 70px; }

.lbl {						width: 130px;
							float: left;
							font-weight: bold; }

.answr {					width: 400px; }

.answr2 {					width: 25px;
							float: left;
							margin: 0 0 0 5px; }

.lbl2 {						width: 300px; }

.button {					margin: 20px 0 0; }

.wpcf7-not-valid-tip-no-ajax { 	margin-left: 130px !important; }

.wpcf7-list-item {				margin-left: 0.1em !important; }

.wpcf7-list-item-label {		vertical-align: middle !important;
								margin-right: 1em !important; }

#textpayment {					text-align: center; 
								background-color: #ADD6B3;
								border: 3px solid #398F14;
								margin: 0 8px;
								padding: 15px;
								font-weight: bold; }
/* END INSCHRIJVEN */





/* NAV */
#nav {						position: absolute;
					        top: -285px;
        					left: 15px;
        					width: 100%; 
        					text-align: left; }

#homepage #nav {			top: -362px; }
#routepagina #nav {			top: -45px; }

* html div#nav {    		/* hide  \*/
        					height: 1%;
        					/* end hide */ }

#nav ul {					position: absolute;
				        	margin: 0;
        					padding: 0;
        					line-height: 1.2em;
        					list-style: none;
							font-size: 0.9em; }

#nav li {					float: left;
							display: inline;
        					text-transform: uppercase;
        					padding: 15px 0 0; }

#nav li.current_page_item {	background: url("images/menu_pointer.gif") center top no-repeat; }

#nav a,
#nav a:link,
#nav a:active,
#nav a:visited {			padding: 0;
        					margin: 0 10px 0;
        					color: #345aab; 
				        	font-weight: bold; }

#nav a:hover {				text-decoration: none;
							color: #fc8203; }
/* END NAV */





/* PAGE */
#page {	width: 960px;
       	margin:  0 auto;
        padding: 0;
        text-align: center; }

/* END PAGE */





/* SUBCONTENT */
#subcontent img {	float: left; }

#subcontent p {		margin: 0;
					padding: 5px 11px;
					font-size: 0.9em; }
					
#nieuwstop {		position: relative;
					height: 20px;
					width: 246px; }

#nieuwstopImage {	background: url("images/nieuws_top.gif") left top no-repeat;
					width: 246px;
					height: 20px;
					display: block;
					left: 0;
					top: 0;
					z-index: 1;
					position: absolute; }

#nieuwsrss {		position: relative;
					top: 1px;
					left: 11px;
					z-index: 2;
					float: left; }

#nieuwscontent {	background: url("images/nieuws_background.gif") center top repeat; }

#nieuwscontent a {	color: #fb8301; }

#nieuwsbottom {		height: 2px;
					width: 246px;
					background: url("images/nieuws_bottom.gif") left top no-repeat;
					margin-bottom: 40px; }


#homepage #nieuwsrss {		top: 6px; }

#homepage #nieuwstop {		width: 635px;
							margin: 25px 0 10px; }

#homepage #nieuwstopImage {	background: url("images/nieuws_top_homepage.gif") left top no-repeat;
							width: 635px; }

#homepage #nieuwscontent { 	background: none;
							padding: 0 0 0 35px; }

#homepage #nieuwsbottom {	background: none;
							margin-bottom: 0; }


#twittertop {		position: relative;
					height: 43px;
					width: 246px;
					margin-top: 0; }

#twittertopImage {	background: url("images/twitter_top.gif") left top no-repeat;
					width: 246px;
					height: 43px;
					display: block;
					left: 0;
					top: 0;
					z-index: 1;
					position: absolute; }

#twitterfollowme {	position: relative;
					top: 5px;
					left: 55px;
					z-index: 2; }

#twitterbottom {	float: left;
					height: 5px;
					width: 246px;
					background: url("images/twitter_bottom.gif") left top no-repeat; }

.aktt_tweets ul {	padding: 5px 11px !important;
					float: left;
					list-style: none;
					font-size: 0.9em;
					line-height: 1.3em;
					background: url("images/twitter_background.gif") center top repeat; }

.aktt_tweets li {	color: #3091a6;
					float: left;
					padding: 5px 0 10px; }

.aktt_more_updates {	display: none; }

.aktt_tweets li a {		color: #3091a6; }

.aktt_tweets li a.aktt_tweet_time {
						float: left;
						color: #979797; 
						width: 100%; }

.aktt_tweets li a.aktt_tweet_reply {	
						color: #979797; }

#twitter_more a,
#twitter_whatis a {		color: #3091a6;
						font-size: 0.9em; }

#twitter_more {			float: left;
						margin: 0 0 0 11px; }

#twitter_whatis {		float: right;
						margin: 0 11px 0 0; }
/* END SUBCONTENT */





/* COUNTDOWN */
.numbers {  	width: 55px;
    			text-align: center; 
			    font-family: Arial; 
    			font-size: 28px;
    			font-weight: bold;
		    	font-style: normal;
	    		color: #FFFFFF; }

.title {		width: 55px;
			    text-align: center; 
    			font-family: Arial; 
			    font-size: 10px;
    			font-weight: bold;
    			color: #FFFFFF; }

#homepage .numbers,
#homepage .title {	color: #515151; }

#countdown {	height: 48px;
				color: #515151;
	    		border-style: none;
    			background-color: transparent;
    			margin: 0 auto;
    			position: relative;
    			top: 104px;
    			left: 0px; }

#homepage #countdown {	top: 181px; }

#countdownrow1 {height: 30px; }

#countdownrow2 {height: 12px; }
/* END COUNTDOWN */




















						




.clearfix:after {	clear: both;
        			height: 0;
			        display: block;
        			visibility: hidden;
			        content: "."; }

.clearfix {			display: inline-block; }

/* Hide  \*/
.clearfix {			display: block; }
/* End Hidee */