/*GLOBAL*/
* {margin:0;padding:0;}
body {background:#ece7da  url(top.png) no-repeat top center; margin:0; font:14px/20px Georgia, serif; color:#53493B;}

/*PLAATSING*/
#wrap {width: 720px; margin: 0 auto;}
	#head {width: 660px; height: 60px; margin: 30px auto 0 auto;}
		#menu {height: 60px; margin-top: 40px;}
	#content {background: #fff; padding: 20px 30px; margin-top: 15px;}
		#clientlist {margin-top: 20px;}
		#contact-data {font: 12px/20px "Helvetica Neue", Helvetica, sans-serif; margin: 50px 0 20px 80px; width: 214px;}
		#intro #contact-data {font-size: 12px; margin: 0; width: auto;}
		#address {margin-bottom: 20px;}
		#intro #address {margin: 0;}
	#foot {font-size: 12px; color: #876;}

/*KLASSEN*/
.x {position:absolute; left:-9999px; top:-9999px;}
.left {float:left;} .cl {clear: left;}
.right {float:right;} .cr {clear: right;}
.last {margin-bottom: 0;}
div.org {font-weight: bold;}
.country-name {display: block;}
span.error {display: block; width: 360px; margin: -18px 0 20px 0; padding: 4px; background: #ffa;}
div.success {display: block; width: 360px; float: left;}
div.contact, div.highlight {background: #ece7da; padding: 10px 20px; margin: 0 5px; border:none; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
span.highlight {background: #ffa; border: 2px solid #ffa; border-left-width: 4px; border-right-width: 4px;}
div.highlight {background: #e9efff; font-size: 11px;} /*{background: #33322F; color: #ece7da; }*/
td.highlight {background: #e9efff;}

	/*GRIDDY*/
	.c_1 {width: 17px;} .c_2 {width: 84px;} .c_3 {width: 151px;} .c_4 {width: 218px;} .c_5 {width: 285px;}
	.c_6 {width: 352px;} .c_7 {width: 419px;} .c_8 {width: 486px;} .c_9 {width: 553px;} .c_10 {width: 620px;}
	div.alpha {margin-left: 0;} div.omega {margin-right: 0;}


/*ELEMENTEN*/
h1 a {background: transparent url(weblogo.png) no-repeat; height: 60px; width: 162px; float: left; border: none; outline: none;}
h1 a:hover {background-position: 0 -60px;}
h2, legend {font: normal 24px/30px "Helvetica Neue", Helvetica, Arial, sans-serif; margin:-6px 0 16px 0; color: #ee4d22;}
	h2 span, legend span {color: #D5CBBA; font: italic 16px/20px Georgia, serif; border-left: 1px dotted #53493B; padding-left: 12px; margin-left: 8px;}
h3 {font: bold 11px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #7BB6C3;}
	.contact h3 {color: #ee4d22;}

p {margin-bottom: 20px;}
p.first {font-style: italic;}
p.right {text-align: right; float: none;}
p.intro {margin-left: -30px;}

dl dt {float: left; margin-right: 7px; font-weight: bold;}
dl.coordinates {margin-bottom: 20px;}

#foot p {margin: 0; padding: 15px 30px; text-align: right;}
#clientlist a img {z-index: 1; position: relative; width: 90px; height: 90px; float: left; margin: 0 7px 20px 7px; border:3px solid #ece7da; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#clientlist a:hover img {border-color: #71A7B3; width: 130px; height: 130px; margin: -20px -13px 0px -13px; z-index: 20;}
#clientlist:hover a img {opacity: .6;}
#clientlist:hover a:hover img {opacity: 1;}

/*MENU*/
#menu {list-style: none; float: right; margin: 0; padding: 0;}
#menu li {float: left; height: 60px;}
#menu a {float: left; display: block; height: 60px; background: url(menu.png); border: none; outline: none;}
#menu b {display: none;}

#what a {width: 108px;} #what a:hover, #what a:focus {background-position: 0 -60px;}
#clients a {width: 90px; background-position: -108px 0;} #clients a:hover, #clients a:focus {background-position: -108px -60px;}
#contact-pricing a {width: 144px; background-position: -198px 0;} #contact-pricing a:hover, #contact-pricing a:focus {background-position: -198px -60px;}

/*LINKS*/
a {text-decoration: none;}
#content a {color: #517780; border-bottom: 1px solid #999;}
#content a:hover {color: #71A7B3; border-color: #aaa;}

#foot a {color: #543;}
#foot a:hover {color: #654; border-bottom: 1px solid #543;}

#content tfoot a {
	border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	text-transform: uppercase; letter-spacing: 1px; 
	font: bold 11px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff; background: #9DF13A url(arrow.png) no-repeat 5px 5px; 
	padding: 5px 10px 5px 30px; margin: 5px 0; 
	float: right;
}
#content tfoot a:hover, #content tfoot a:focus {background-color: #fff; background-position: 5px -25px; color: #7BB6C3;}

#intro a.button {border: none; width: 57px; height: 120px; background: #9DF13A url(arrow2.png) no-repeat 19px center; margin-left: 5px;  -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#intro a.button:hover {background: #B2FF57 url(arrow2.png) no-repeat -39px center;}

/*FORMS*/
form {margin: 0; width: 360px;}
	fieldset {margin:0; padding:0;border:0;}
	label {margin-bottom: 4px; display: block;}
	input, textarea {display:block; padding:3px; font: 14px/20px Georgia, serif; color: #53493B;}
	input {width: 356px; margin-bottom: 20px;}
	textarea {width: 360px;height: 200px; margin-bottom: 20px;}
	button {height: 30px;}
		button b {font-weight: normal; margin: 10px;}

/*TABLES*/
table {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
	thead {border-bottom: 1px solid white;}
		thead th {width: 33%; text-align: left; background: #7BB6C3 url(thead.png) repeat-x; color: #fff; font: bold 12px/20px Helvetica; text-transform: uppercase; letter-spacing: 1px; padding: 10px 20px; border: 1px solid #7BB6C3;}
	tr td {border: 1px dotted #53493B; padding: 10px 20px;}
	tbody tr td {border-bottom: 1px dotted #cbb;}
	tfoot {border-top: 1px solid white;}
		tfoot tr td {border: 1px solid #53493B; background: #33322F; color: white; font-size: 20px; line-height: 40px;}

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