/*
	skoda-direct
	***********
*/

/*	Basic markup
	************/

html, body {
	margin:0;
	padding:0;
	font:12px/18px "Arial", sans-serif;
}

body {
	padding:0;
	color:black;
	text-align:center;
	background: #f7fbf7 url(../gfx/bg.gif) repeat-x;
}


/*	Headings	*/
h1, h2, h3, h4, h5, h6 {
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	color:black;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

h1 {
	display:none;
}
h3 {
	font-size: 14px;
	color: #00a18e;
}

/*	Basic content	*/
p {
	margin:0 0 1.5em 0;
	padding:0;
}

a {
	color:#01a66d;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

img {
	border:0;
	margin:0;
	padding:0;
}



/*	Lists	*/
ul,
ol {
	list-style:none;
	margin:0;
	padding:0;
}


/*	Tables	*/
table {
	border-collapse:collapse;
	border:none;
	font-size:11px;
}

table caption,
table th,
table td {
	margin:0;
	padding:0;
	font-style:normal;
	text-align:left;
	vertical-align:top;
}


/*	Forms	*/
form p input.textfldBig {
	float: left;
	border: 1px solid #9c9c9c;
	width: 205px;
	height: 16px;
	background: no-repeat 0 0 url(../gfx/bg_textfield.gif);
}
form p select.textfldBig {
	float: left;
	border: 1px solid #9c9c9c;
	width: 207px;
	background: no-repeat 0 0 url(../gfx/bg_textfield.gif);
}

form p.error input
{
    border-color: red;
}

form p label span.required{
	color: #ff9600;
	font-weight: bold;
}
form div.requiredFields {
	color: #9c9c9c;
}
form div.requiredFields span.required {
	color: #ff9600;
	font-weight: bold;
}



/*	Generic classes
	***************/

.displayNone	{display:none}
.displayInline	{display:inline}
.orange 		{color:#006b36}


/*	Buttons	*/
a,
a:active,
a:focus {
	cursor:pointer;
	cursor:hand;
	outline:none;
	-moz-outline-style:none	
}



/*	Basic layout
	************/
#wrapper {
	position:relative;
	width:791px;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:left;
	/*background:no-repeat 0 0 url(../img/bg_header.gif);*/
	/*border: 1px solid #000;*/
}
	#wrapper #top_menu {
		width:791px;
		height: 31px;
		background:no-repeat 0 0 url(../gfx/menu_bg.png);
	}
	#wrapper #header_img {
		width: 791px;
		height: 126px;
		background:no-repeat 0 0 url(../gfx/home_header.jpg);
	}
	#wrapper #main {
		width: 771px;
		padding: 10px;
		background:#e1e1e1 url(../gfx/bg_main_logo.gif) no-repeat bottom right;
	}
	#wrapper #footer {
		width: 791px;
		height: 31px;
		background:no-repeat 0 0 url(../gfx/footer_bg.png);
		margin-bottom: 20px;
	}

#top_menu ul {
	position: absolute;
	height: 31px;
	line-height: 31px;
	right: 10px;
	font-weight: bold;
}
	#top_menu ul li {
		margin: 0;
		padding: 0 10px 0 10px;
		float: left;
		border-left: 1px solid #ccc;
	}
	#top_menu ul li a {
		text-decoration:none;
		color: #000;
	}
	#top_menu ul li a:hover {
		color: #01a66d;
	}
	

/*	Kader in main	*/
#main #main-content {
	width: 503px;
	float: left;
}
	#main #main-content div.kader {
		width: 483px;
		padding: 10px;
		background:no-repeat 0 0 url(../gfx/kader_top_main_content.png);
	}
	#main #main-content div.kaderFooter {
		width: 503px;
		height: 13px;
		background:no-repeat 0 100% url(../gfx/kader_footer_main_content.png);
	}
	#main-content p {
		font-size: 11px;
	}
	#main-content .werknemer {
		width: 470px;
		height: 82px;
		padding: 4px;
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
	}
		#main-content .werknemer .naam {
			width: 387px;
			float: left;
			/*border: 1px dashed #000;*/
		}
		#main-content .werknemer .foto {
			width: 80px;
			float: left;
		}
	/*
	#main #main-content div.main-content-foto {
		position: absolute;
		top: 260px;
		left: -18px;
	}
	*/

#main #main-side {
	width: 235px;
	float: left;
	padding: 10px 0 10px 10px;
	margin-left: 10px;
}
	#main #main-side .main-side-window {
		padding: 0;
		margin-bottom: 30px;
	}
	#main #main-side p {
		font-size: 11px;
	}
	#main #main-side ul {
		font-size: 11px;
	}
	#main #main-side .main-side-foto {
		position: absolute;
		top: 200px;
		right: -16px;
	}
	#main #main-side .adres-window {
		width:117px;
		float: left;
	}


#footer ul {
	position: absolute;
	height: 31px;
	line-height: 31px;
	right: 20px;
	color: #fff;
	font-size: 11px;
}
	#footer ul li {
		margin: 0;
		padding: 0 0 0 20px;
		float: left;
	}
	#footer ul li a {
		text-decoration:none;
		color: #fff;
	}
	#footer ul li a:hover {
		color: #fff;
		text-decoration: underline;
	}
	

/*
	#nav li.first-child {
		margin-left:22px;
	}
		#nav li a {
			display:block;
			float:left;
			margin:6px 14px 0 14px;
			padding:0 5px;
			font-size:14px;
			line-height:24px;
			color:white;
			text-decoration:none;
		}
	#nav a span {
		display:none;
	}
	#nav a.btnHome {
		width: 48px;
		height: 11px;
		background: no-repeat 0 0 url(../img/buttons/btnNav_home.gif);
	}
	#nav a.btnOverSkodaDirect {
		width: 117px;
		height: 11px;
		background: no-repeat 0 0 url(../img/buttons/btnNav_overskodadirect.gif);
	}
	#nav a.btnContact {
		width: 62px;
		height: 11px;
		background: no-repeat 0 0 url(../img/buttons/btnNav_contact.gif);
	}
*/

/* Titles */
h3 span, h4 span {
	display:none;
}

/*	Side column	*/
#side {
	float:left;
	width:267px;
}

/* Side blok(ken) in column */
#sideBlok1 {
	margin:0;
}
#sideBlok2 {
	margin:12px 0 0 0;
}


/*	Kaders	*/
div.kader div.content {
	padding: 15px 15px 9px 15px;
}

/*	Kader in main	*/
#main div.kader {
	background:no-repeat 0 0 url(../img/kader_top_main.png);
}
#main div.kaderFooter {
	width: 471px;
	height: 9px;
	background:no-repeat 0 100% url(../img/kader_bottom_main.png);
}

/*	Kader in side	*/
#side div.kader {
	background:no-repeat 0 0 url(../img/kader_top_side.png);
}
#side div.kaderFooter {
	width: 266px;
	height: 8px;
	background:no-repeat 0 100% url(../img/kader_bottom_side.png);
}

/*	Kader in mainside	*/
#MainSide div.kader {
	background:no-repeat 0 0 url(../img/kader_top_mainside.png);
}
#MainSide div.kaderFooter {
	width: 751px;
	height: 8px;
	background:no-repeat 0 100% url(../img/kader_bottom_mainside.png);
}



/*  Modals
   ******/
#modalBg {
	display:none;
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	height:100%;
	width:100%;
}

div.modalWrapper {
	display:none;
	position: fixed;
	margin-left: -390px;
	margin-top: -240px;
	width: 780px;
	z-index: 102;
	color:#000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	font-size:12px;
	line-height:18px;
}
div.modalWrapper a.btnCloseModal {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:55px;
	height:47px;
	padding:0 40px 0 0;
	text-align:right;
	font-size:15px;
	font-weight: bold;
	line-height:47px;
	color:white;
	text-decoration:none;
	background:no-repeat 60px 17px url(../images/video/btn_close_modal.gif);
}
div.modalWrapper h2 {
	height: 48px;
	padding: 0 0 0 22px;
	font-size: 25px;
	line-height: 48px;
	color: white;
	font-weight: bold;
}
div.modalWrapper form {
	margin: 0;
}
div.modalWrapper410 {
	margin-left: -205px;
	margin-top: -180px;
	width: 410px;
}
div.modalWrapperSmall {
	width: 410px;
	background: no-repeat url(../gfx/bg_modal_groen-gradient_410.gif);
}
div.modalWrapperSmall div.content {
	margin: -5px 0 0 0;
	padding: 0;
}
div.modalWrapperSmall div.Main {
	float:left;
	padding: 11px 15px 15px 15px;
}
div.modalWrapperSmallFooter {
	height: 24px;
	width: 410px;
	background:no-repeat 0 100% url(../gfx/bg_modal_groen_footer_410.gif);
}


div.modalWrapperBig {
	width: 780px;
	background: no-repeat url(../gfx/bg_modal_groen-gradient.gif);
}
	div.modalWrapperBig div.content {
		margin: -5px 0 0 0;
		padding: 0;
	}
		div.modalWrapperBig div.Main {
			float:left;
			width: 470px;
			height: 400px;
			overflow: auto;
			padding: 11px 15px 15px 15px;
			border-right: 1px solid #078c5c;
		}
			div.modalWrapper div.Main h3 {
				color: #078c5c;
			}
			div.modalWrapper div.Main ol {
				list-style: outside;
				padding: 0 0 15px 18px;
			}
			div.modalWrapper div.Main ul {
				list-style-type: disc;
				margin-left: 15px;
				margin-bottom: 16px;
			}

		div.modalWrapperBig div.Sidebar {
			/*background-color: #fff4e5;*/
			width:248px;
			float:left;
			padding: 11px 15px 15px 15px;
		}
		div.modalWrapperBig div.Sidebar h3 {
			color: #078c5c;
		}

div.modalWrapperBigFooter {
	height: 10px;
	width: 780px;
	background:no-repeat 0 100% url(../gfx/bg_modal_groen_footer.gif);
}



/* slightly enhanced, universal clearfix hack */
.clearfix:after,
#mid:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix,
#mid {display:inline-block;}
/* start commented backslash hack \*/
* html .clearfix,
* html #mid {height:1%;}
.clearfix,
#mid {display:block;}
/* close commented backslash hack */