* { font-family: Arial, Helvetica, Serif; }
body { font-family: Arial, Helvetica, Serif; padding: 0; margin: 0; color: #5f5f5f; font-size: 11px; background-color: #fff; line-height: 18px; }
form { display: inline; }
table, img { border: 0; }
td, th { font-family: Arial, Helvetica, Serif; vertical-align: top; }
th { text-align: left; font-weight: normal; color: #003466; }
label { cursor: pointer; }
p { margin: 0 0 18px 0; }
ul, ol { margin-top: 0; margin-bottom: 18px; }

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

h1 { font-size: 17px; margin: 4px 0 18px 0; color: #003466; font-weight: bold; }
h2 { font-size: 13px; margin: 0 0 2px 0; color: #003466; }
h3 { font-size: 11px; margin: 0; color: #003466; }
h4 { font-size: 13px; margin: 0 0 2px 0; color: #003466; font-weight: normal; }
h5 { font-size: 11px; margin: 0;  }
h6 { font-size: 11px; margin: 0; font-weight: normal; }

hr { clear: both; border: 0; height: 1px; color: #e2e9ef; background-color: #e2e9ef; }

#container { position: relative; width: 974px; margin: 0 auto;  }
#header { position: relative; height: 31px; border: 0 solid #aec1d4; border-width: 0 1px 1px 0; }
#logo { position: absolute; left: 0; z-index: 4; }

#footer { position: relative; clear: both; border-top: 1px solid #aec1d4; height: 24px; }
#footer img { display: block; }
#payoff { position: absolute; left: 19px; top: 7px; }
#address { position: absolute; left: 372px; top: 8px; width: 600px; text-align: right; }
#address img { float: right; }

#main { position: relative; }
#content { _height: 370px; min-height: 370px; }
#links, #stats { position: absolute; left: -10px; width: 1px; height: 1px; overflow: hidden; }

#nav1 { position: absolute; left: 173px; width: 800px; height: 31px; }
#nav1 ul { padding: 0; margin: 0; list-style-type: none; float: right; }
#nav1 ul li { display: block; margin: 0; padding: 0; float: left; }
#nav1 a { display: block; }
#nav1 img { display: block; }

#nav2 { position: absolute; width: 168px; z-index: 20; left: 15px; top: 21px; }
#nav2 ul { list-style-type: none; margin: 0; padding: 0; }
#nav2 ul li { display: block; float: left; clear: both; width: 167px; background: url(/_img/bg_nav2.png) repeat-y; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/bg_nav2.png', sizingMethod='scale'); padding-left: 1px; }
#nav2 ul li.first { height: 10px; background: url(/_img/bg_nav2_top.png) no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/bg_nav2_top.png', sizingMethod='fixed'); }
#nav2 ul li.last { height: 22px; background: url(/_img/bg_nav2_bottom.png) no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/bg_nav2_bottom.png', sizingMethod='fixed'); }
#nav2 ul li a { position: relative; display: block; width: 136px; padding: 4px 0 4px 20px; font-size: 12px; color: #003466; line-height: 16px; }
#nav2 ul li a:hover { background: url(/_img/li_nav2_o.gif) no-repeat; text-decoration: none; }
#nav2 ul li a.active { background: url(/_img/li_nav2_a.gif) no-repeat; color: #ff00a8; }

#content { line-height: 18px; }
#content table { width: 100%; }
#content a {  }
#content ul, ol { margin-left: 32px; padding-left: 0; }

#col1 { float: left; padding: 40px 0 20px 80px; width: 546px; }
#col2 { float: right; padding: 70px 25px 20px 0; width: 300px; }

table.data { width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid #e2e9ef; }
table.data th { padding: 3px 0 3px 0; }
table.data td { border-top: 1px solid #e2e9ef; padding: 3px 0 3px 0; }

table.cols { width: 100%; }
table.cols td { padding: 0 20px 0 0; }
table.cols td.spacer { width: 20px; }

table.cases { width: 100%; }
table.cases td { border-top: 1px solid #e2e9ef; }
table.cases .logo { width: 260px; text-align: right; padding: 15px 50px 15px 0; }
table.cases .logo img { display: block; float: right; clear: both; margin-bottom: 18px; }
table.cases .info { padding: 15px 30px 15px 0; }

table.case { width: 100%; }
table.case td {  }
table.case .logo { width: 260px; text-align: right; padding: 15px 50px 15px 0; }
table.case .logo img { display: block; float: right; clear: both; margin-bottom: 18px; }
table.case .info { padding: 15px 30px 15px 0; }

table.shop { margin-bottom: 36px; }
table.shop td { padding: 20px; border-bottom: 1px solid #e2e9ef; }

#image { margin-bottom: 20px; }
#image img { display: block; }

.onecol1 #col1 { float: none; padding: 0 0 20px 170px; width: 700px; }
.onecol2 #col1 { float: none; padding: 0 0 20px 15px; width: 944px; }

/* bureau */
.bureau #nav2 { left: 15px; top: 21px; }
.bureau #persons { position: relative; margin-top: 30px; left: 0; top: 0; z-index: 30; }
.bureau #persons .person { position: relative; margin-bottom: 30px; border: 1px solid #aaa; background-color: #fff; width: 246px; height: 100px; padding: 5px; }
.bureau #persons .person .thumb { float: left; width: 78px; height: 96px; }
.bureau #persons .person .info { float: right; width: 152px; color: #003466; padding-top: 10px; }
/* .bureau #hotspots  { position: absolute; left: 0; top: 0; z-index: 15; display: none; } */
body.mensen #content img { display: block; }

/* contact */
.contact #nav2 { left: 15px; top: 21px; }

/* klanten */
.contact #nav2 { left: 15px; top: 21px; }

/* campaign */
body.work #col1 { float: left; padding: 0 0 60px 0; margin: 20px 0 20px 220px; width: 728px; }
body.work #col1 img { border: 1px solid #e2e9ef; }


.worklist { width: 100%; margin-bottom: 40px; }
.worklist td, .worklist th { padding: 10px 0; border-bottom: 1px solid #e2e9ef; }
.worklist .client { text-align: left; width: 240px; font-size: 13px; color: #5f5f5f; }
.worklist .client a { font-weight: normal; color: #003466; }
.classics .client a { font-weight: normal; }
.worklist .campaign { text-align: left; color: #777; font-size: 13px; }
.worklist .type { width: 100px; text-align: center; }
.worklist .action { width: 100px; text-align: right; }

table.work { width: auto !important; }
table.work td { padding: 0 20px 20px 0; }

ul.audioList { list-style-type: none; margin: 0 0 18px 0 !important; padding: 0; }
ul.audioList li { display: block; float: left; width: 240px; }
ul.audioList li a { display: block; background: url(/_img/icon_sound.gif) no-repeat; padding-left: 40px; height: 32px; line-height: 32px; margin: 2px 0; }