/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 | License: none (public domain) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* main css */

body { background-color: #fff; text-align: center; }

#page { margin: 0 auto; text-align: left; }
#page.home { width: 840px; }
#page.second { width: 480px; }

#header { height: 80px; background: #fff url('../img/creative-venue-public-relations.gif') center top no-repeat; margin-top: 25px; margin-bottom: 35px; }

#page.home #menu { padding-top: 30px; padding-bottom: 80px;}
#page.home #menu a { width: 198px; height: 198px; border: 1px solid #003e7e; margin: 0 3px; display: inline-block; }
#page.home #menu a img { width: 198px; height: 198px; border: 0px; }

#page.second #menu { margin-bottom: 15px; height: 23px; }
#page.second #menu a { display: inline-block; height: 23px; }

#page.second #menu a.home { width: 50px; background: #fff url('../img/menu-home.gif') 0 0 no-repeat; }
#page.second #menu a.wie-we-zijn { width: 100px; background: #fff url('../img/menu-wie-we-zijn.gif') 0 0 no-repeat; }
#page.second #menu a.diensten-en-klanten { width: 150px; background: #fff url('../img/menu-diensten-en-klanten.gif') 0 0 no-repeat; }
#page.second #menu a.waar-we-zitten { width: 83px; background: #fff url('../img/menu-waar-we-zitten.gif') 0 0 no-repeat; }
#page.second #menu a.en-straks { width: 74px; background: #fff url('../img/menu-en-straks.gif') 0 0 no-repeat; }

#page.second #menu a:hover { background-position: 0 -23px; }
#page.second #menu a.active { background-position: 0 -45px; }

#content { color: #000; font-family: "Arial", sans-serif; font-size: 12px; color: #363636; line-height: 1.7em; }
#content img { border: 1px solid #003e73; width: 118px; height: 118px; float: left; margin: 0 10px 0 0; }
#content p { margin-bottom: 20px; }
#content p.new-section { padding-top: 15px; }
#content a { text-decoration: none; color: #b9c3d6; }
#content a:hover { text-decoration: underline; }

#content form { margin-top: -5px; margin-bottom: 30px; }
#content form p.formfield { margin-bottom: 5px; color: #000; width: 300px; }
#content form p.formfield .wide { width: 296px; }
#content form p span { color: #b9c3d6; font-size: 2em; }

p.formfield input, p.formfield textarea { position: relative; top: -2px; border: 1px solid #b9c3d6; clear: left; margin: 0; padding: 2px; }
p.formfield textarea { height: 70px; }
#content p.formfield .submit { color: #b9c3d6; padding: 5px; border: 1px solid #b9c3d6; background-color: #fff; }
#content p.formfield .submit:hover { color: #002368; }

#footer { clear: both; height: 40px; background: #fff url('../img/since-1999.gif') center top no-repeat; margin-top: 30px; margin-bottom: 30px; }

.socials {
    float: right;
    margin: 0 4px 0 0;
}
.socials a img{
	max-width:20px;
	height:auto;
	margin:10px 0px 0px 0px;
}

.talen {
    float: left;
    margin: 0 0 0 4px;
}
.talen a img{
	float:left;
	max-height:15px;
	width:auto;
	margin:0px 10px 0px 0px;
}
h1, h3 { margin-left: -1000em; }
em { font-weight: bold; }

.right { float: right; }
.left { float: left; }

#content ul.dienstLogos li {
    float: left;
    height: 80px;
    margin: 0 20px 10px;
    text-align: center;
    vertical-align: middle;
    width: 118px;
    display:table-row;
}

#content ul.dienstLogos li .imgwrap {
    border: medium none;
    display: block;
    height: 80px;
    text-align: center;
    width: 118px;
     display:table-cell; 
     vertical-align:middle;
}

#content ul.dienstLogos li a img, #content ul.dienstLogos li img {
    border: medium none;
    float: none;
    height: auto;
    margin: 0 auto;
    max-height: 80px;
    max-width: 118px;
    width: auto;
}