/*
Theme Name: Kroonreizen
Theme URI: http://wordpress.org/
Description: Custom made template for kroonreizen.be
Version: 1
Author: Yannick De Smet
Author URI: http://www.norke.be/
*/



/* RESET
****************************************************************************/
/* CSS reset by Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; }



/* TYPOGRAPHY
****************************************************************************/
body {
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}
#navigation {
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}
h1 {
	font: 13px/16px Georgia, "Times New Roman", Times, serif;
}
h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
}




/* LAYOUT
****************************************************************************/
body {
	background: #6a7752 url('images/background.jpg') repeat-y fixed 50% 0;
	color: #333;
	text-align: center;
	}
	#bodywrapper { 
		background: transparent url('images/background-top.jpg') no-repeat fixed 50% 0;
	}
#site {
	background: transparent url('images/site.jpg') repeat-y 0 0;
	width: 950px;
	margin: 0 auto;
	}
	#page { 
		text-align: left;
		background: transparent url('images/site-top.jpg') no-repeat 0 0;
	}




/* HEADER
****************************************************************************/
#header {
	position: relative;
	height: 155px;
	}
	#header img {
		position: absolute;
		top: 0;
		left: 0;
	}
	#header h1, .accessibility, .description {
		display: none;
		}
#navigation {
	position: absolute;
	top: 80px;
	left: 250px;
	width: 670px;
	height: 50px;
	}
	#navigation li {
		float: left;
		padding: 30px 18px 0;
		text-transform: uppercase;
		font-size: 13px;
		}
		#navigation li a {
			color: #70a975;
			text-decoration: none;
			padding: 30px 0 0 0;
			}
			#navigation li a:hover {
				color: #e85628;
				text-decoration: none;
			}
			.home #home a,
			.nieuws #nieuws a,
			.single #nieuws a,
			.autocars #autocars a,
			.diensten #diensten a,
			.reisbureau #reisbureau a,
			.promoties #promoties a,
			.contact #contact a {
				color: #e85628;
				background: transparent url("images/kroontje.gif") no-repeat center top;
			}



/* SIDEBAR
****************************************************************************/
#news {
	}
	#news ul {
		margin: 20px 0 0 0;
		}
		#news ul li {
			padding: 0 0 20px 0;
			}
			#news ul li a {
				color: #70a975;
				text-decoration: none;
				display: block;
				}
				#news ul li a:hover {
					color: #e85628;
				}
			#news ul li small {
				display: block;
				color: #e85628;
				padding: 0 0 0 15px;
				background: transparent url("images/kroontje-small.gif") no-repeat left 2px;
			}



/* PAGE
****************************************************************************/
#content {
	width: 665px;
	padding: 0 0 0 35px;
	margin: 0 auto;
	float: left;
	}
#sidebar {
	width: 180px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	float: right;
	}
#footer {
	clear: both;
}
#content ul,
#content li,
#content ol {
	padding: 0 0 0 20px;
	list-style: disc;
}
h2 {
		padding: 30px 0;
		text-transform: uppercase;
		font-size: 13px;
		color: #70a975;
		text-decoration: none;
}

h3 a {
		padding: 30px 0 0 0;
		text-transform: uppercase;
		font-size: 13px;
		color: #70a975;
		text-decoration: none;
}


#footer {
	text-align: center;
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #CCC;
}




/* FORMS
****************************************************************************/
fieldset,
form .field,
form .buttons {
	clear: both;
	color: #676f77;
	font: 12px/15px Arial, Helvetica, sans-serif;
	}
	fieldset.login1 {
		margin: 15px 0 0 0;	
	}
	fieldset fieldset legend {
		padding: 0 0 10px; 
	}
form .field,
form ul.fields,
form .buttons {
	margin: 0 0 15px;
}
form .field label {
	display: block;
}
form ul.fields li {
	list-style-type: none;
	margin: 0;
}
form ul.inline li, form ul.inline label {
	display: inline;
}
form ul.inline li {
	padding: 0 .75em 0 0;
}

input.radio, input.checkbox {
	vertical-align: top;
}
label, button, input.submit, input.image {
	cursor: pointer;
}
* html input.radio,
* html input.checkbox {
	vertical-align: middle;
} /* ie6 */
*+html input.radio, 
*+html input.checkbox {
	vertical-align: middle;
} /* ie7 */

textarea {
	overflow: auto;
}
input.text, input.password, textarea, select {
	margin: 0;
	vertical-align: baseline;
	}
input.text,
input.password,
textarea {
	border: 1px solid #b3b3b3;
	padding: 1px;
	color: #676f77;
	font: 12px/15px Arial, Helvetica, sans-serif;
	}
	input.text:hover, input.text:focus,
	input.password:hover, input.password:focus
	textarea:hover, textarea:focus { 
		border: 1px solid #666666;
	}
form .field,
.fields,
.buttons {
	padding-left: 140px;
}
form .field label {
	display: inline;
	float: left;
	width: 130px;
	margin-left: -140px;
	text-align: right;
}
.field input#naam,
.field input#bedrijf, 
.field input#telefoon, 
.field input#email {
	width: 260px;
}
.field input#straat {
	width: 203px;
}		
.field input#nummer {
	width: 50px;
}
.field input#postcode {
	width: 75px;
}
.field input#gemeente {
	width: 178px;
}
.field checkbox {
	margin-left: 178px;
}