/* *******************************

 CSS - Uitvaart bestellen
	
*********************************/


/* **** Default **** */

a {
	color: #2376b3;
	text-decoration: none;
	}

a:visited {
	color: #2376b3;
	text-decoration: none;
	}

a:hover {
	color: #dc5d02;
	text-decoration: underline;
	}

a:active {
	color: #000000;
	text-decoration: none;
	}

form {
	margin: 0px;
	padding: 0px;
	}

input, textarea, select {
	font: normal 1.2em Arial;
	color: #333333;
	margin: 0;
	padding: 2px;
	vertical-align:middle;
	border:1px dotted #acafb4;
	}

select {
	border:1px solid #acafb4;
	}

input.button {
	font: normal 1.2em Arial;
	color: #ed6000;
	background-color:#e6e9ef;
	border:1px dotted #acafb4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 7px 0px 7px 0px;
	padding:3px 5px 3px 5px;
	cursor:pointer;
	}

input.button:hover {
	color: #333333;
	background-color:#d0d6e1;
	border-color:#333;
	}

strong {
	font-weight: bold;
	color: #000000;
	}

em {
	color: #547800;
	}

p {
	padding: 0;
	margin: 0.4em 0em 0.4em 0em;
	}

h1 {
	font: normal 2em "Trebuchet MS", Arial;
	color: #000;
	line-height: 1.2em;
	margin: 0;
	padding: 0.6em 0em 0.4em 0em;
	}

h2 {
	font: oblique 1.4em "Trebuchet MS", Arial;
	color: #333333;
	line-height: 1.2em;
	margin: 0;
	padding: 0em 0em 0.5em 0em;
	}

h3 {
	font: normal 1.1em "Trebuchet MS", Arial;
	font-weight: bold;
	color: #333333;
	line-height: 1.2em;
	margin: 0;
	padding: 0.2em 0em 0.5em 0em;
	width: 210px;
	}

h4 {
	font: normal 1.1em "Trebuchet MS", Arial;
	color: #db560c;
	line-height: 1.3em;
	margin: 0;
	padding: 0.5em 0em 0.2em 0em;
	}
	
h5 {
	font: normal 1.1em "Trebuchet MS", Arial;
	color: #000000;
	line-height: 1.3em;
	margin: 0;
	padding: 0.5em 0em 0.2em 0em;
	}

h6 {
	font: oblique 1.1em "Trebuchet MS", Arial;
	color: #000000;
	line-height: 1.2em;
	margin: 0;
	padding: 0.5em 0em 0.2em 0em;
	}

ul {
	list-style-type:square;
	padding: 1em 0em 0.5em 2em;
	margin: 0;
	}

ol {
	padding: 1em 0em 0.5em 2em;
	margin: 0;
	}

li {
	padding-bottom: 0.5em;
	margin: 0;
	}

ul.nobullet {
	margin: 0;
	padding: 0.5em 0em 0.2em 0em;
	list-style-type:none;
	color:#3c8ec9;
	}

hr  {
	height: 1px;
	border:none;
	border-top: #cddae4 1px dotted;
	padding: 0;
	margin: 0.5em 0em 0.2em 0em;
	clear:both;
}

img {
	border: 0 none;
	}



/* **** Global structure **** */

html {
	height: 100%;
	}

body {
	margin: 0px;
	padding:0px;
	background-color:#e6e9ef;
	height: 100%;
	font: normal 62.5% "Trebuchet MS", Arial;
	color: #333333;
	}

table { border-collapse: collapse; }
table tr td {
	padding: 4px;
	vertical-align:top;
	}

#container {
	z-index: 1;
	position:relative;
	background: repeat-y url('images/cbg.png')!important; /* **** IE6 png hack **** */
	background: repeat-y url('images/cbg.gif');
	width: 780px;
overflow:hidden;
	margin:0px auto;
	padding-left:10px;
	padding-right:10px;
}

#wrapper {
	z-index: 2;
	position:static;
	float:left;
	width:780px;
	padding:0px 0px 0px 0px; /* footer space */
	}


/* **** Header and Footer **** */

#header {
	z-index: 3;
	position:relative;
	width: 780px;
	height: 140px;
	background:url('images/header.jpg') repeat-x 0px 0px;
	}

#footer {
	z-index: 3;
	float:left;
	background:url('images/footer_bg.jpg') repeat-x 0px 0px;
	width: 740px;
	height: 110px;
	padding:15px 0px 35px 40px;
	bottom: 0;
	}

.footer_col {
	width: 183px;
	height:100%;
	padding:0px 25px 0px 25px;
	float:left;
	}

#footer .dvert {
	width: 1px;
	height:100%;
	background-color:#ccc;
	float:left;
	}

.footer_col h4 {
	font-size: 1.1em;
	font-weight:bold;
	color:#333;
	padding:2px 0px 10px 0px;
	margin:0;
	}

.footer_ul {
	padding:0;
	margin:0 0 0 -2px;
	border:0;
	}

.footer_ul li {
	list-style:none;
	font-size: 1em;
	font-weight:bold;
	line-height:1em;
	padding:0;
	margin:0;
	}

.footer_ul a:link, .footer_ul a:visited {
	color:#FFFFFF;
	text-decoration: none;
	display:block;
	padding:2px;
	margin:0;
	}

.footer_ul a:hover {
	color: #ffc657;
	background-color:#333;
	}

#page {
	z-index: 3;
	position:relative;
	width:740px;
	padding:0px;
	margin: 30px 40px 30px 40px;
	font-size: 1.27em;
	line-height: 1.3em;
	}



/* **** Common elements **** */


div.img {
	padding: 15px 0px 15px 0px;
	font-size: 0.8em;
	color: #7da6c2;
	}

.clearer {
	clear: both;
	line-height: 0;
	height: 0;
	}



/* Nieuw */

.blok{
	width: 700px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #e6e9ef;
	margin: 20px 0px 0px 0px;
}

.blok .head, .blok .tussenblok{
	height: 16px;
	background-color: #e6e9ef;
	color: #333;
	font-size: 1.1em;
	padding: 3px 0px 4px 20px;
}

.blok .content{
	width: 660px;
	padding: 20px;
}

.blok .footer{
}

a img{
	border: 0;
}

#stappen a, #stappen a:hover, #stappen a:visited, #stappen a:active{
	color: #4F4F4F;
	text-decoration: none;
}

.maincat {
	display:block;
	border:1px dotted #acafb4;
	padding: 3px 5px 3px 6px;
	margin-bottom: 5px;
	font-weight:bold;
	}

.subcat {
	padding: 3px 0px 2px 15px;
	font-weight:normal;
	line-height: 20px;
	}

.error{
	color:red;
}