body {
	background-color: #3b4f5a;
	background-repeat: repeat-x;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
}

body.default,
body.van_schuylenburch,
body.goverde,
body.postel,
body.ligtvoet,
body.stadsontwerp,
body.interieur,
body.architectuur {
	background-image: url(../images/bg-cc3333.png);
}

/* global */

:focus,
a,
img {
	border: none;
	outline: none;
}

p {
	margin: 0 0 1em 0;
}

h2 {
	font-weight: bold;
	font-size: 13px;
	line-height: 17px;
	margin: 0 0 1.5em 0;
	padding: 0;
}

h2 span {
  font-weight: normal;
  font-size: 12px;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 1.5em 0;
	padding: 0;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;´
	position: relative;
}

sup { bottom: 1ex; }
sub { top: .5ex; }

.scroll-pane {
	overflow: hidden;
	height: 413px;
}

/* logo */

h1#logo {
	position: absolute;
	top: 22px;
	left: 54px;
	width: 167px;
	height: 19px;
	margin: 0;
	padding: 0;
	background-image: url(../images/kraaijvanger-urbis.png);
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
}

h1#logo.ligtvoet {
  width: 118px;
	background-image: url(../images/rob-ligtvoet.png);
}

h1#logo.postel {
  width: 133px;
	background-image: url(../images/dirk-jan-postel.png);
}

h1#logo.goverde {
  width: 127px;
	background-image: url(../images/hans-goverde.png);
}

h1#logo a {
	display: block;
	width: 167px;
	height: 19px;
}



/* Slideshow */

#slideshow {
	visibility: hidden;
}

#slideshow a {
	position: absolute;
}

#slideshow-caption {
	height: 56px;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

#slideshow-caption span {
	line-height: 18px;
}


/* Navigation Container */

#nav-main {
	position: absolute;
	top: 59px;
	left: 46px;
	width: 980px;
	height: 20px;
	white-space: nowrap;
}

#nav-sub {
	position: absolute;
	top: 89px;
	left: 46px;
	width: 972px;
	height: 20px;
	white-space: nowrap;
}

#nav-sub ul li {
	background: #3b4f5a;
}

.nav {
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	color: #b9b9b9;
	z-index: 10;
}

.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav ul li {
	margin: 0;
	padding: 0;
	float: left;
}

.nav ul li a span {
	cursor: pointer;
}

.nav a:hover,
.nav a:active,
.nav ul li.active a,
.nav ul li.active a:hover,
.nav ul li.active a:active
.nav ul li ul li.active a,
.nav ul li ul li.active a:hover,
.nav ul li ul li.active a:active,
.nav ul li.active ul li.active a,
.nav ul li.active ul li.active a:hover,
.nav ul li.active ul li.active a:active {
	text-decoration: none;
	color: #ffffff;
}

.nav ul li a,
.nav ul li.active ul li a {
	text-decoration: none;
	color: #b9b9b9;
}

.red-dot {
  color: #cc3333;
  display: inline !important;
  margin: 3px !important;
}


/* linksbuendig */

.nav ul.left {
	float: left;
}

.nav ul.left li a {
	display: block;
	margin-right: 5px;
	margin-left: 5px;
}

.nav ul.left li a span {
	display: block;
	margin-right: 25px;
	margin-left: 3px;
	height: 18px;
}

.nav ul.left li span.nohref {
	margin-right: 30px;
	margin-left: 8px;
	color: white;
}


/* Sub sub menu */

#nav-sub-sub {
	position: absolute;
	top: 104px;
	left: 46px;
	width: 972px;
	white-space: nowrap;
}

#nav-sub-sub ul {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 3px;
	margin-left: 3px;
	background-color: #2f3e46;
	display: none;
}

#nav-sub-sub ul li {
	float: none;
	display: block;
	height: 13px;
	padding: 3px 0 2px 0;
	margin: 0 5px;
}

/* rechtsbuendig */

#nav-main ul.right {
	float: right;
}

#nav-main ul.right li {
	margin: 0 2px;
}

/* Inhaltsblock */

#main {
	position: absolute;
	top: 130px;
	left: 30px;
	width: 1020px;
	height: 517px;
	background-color: #33444e;
	
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
}

#main a {
	text-decoration: none;
	color: #999999;
}

#main a:hover,
#main a:active,
#main a.active {
	text-decoration: none;
	color: #ffffff;
}

/* Home */

#home {
	position: absolute;
	top: 147px;
	left: 50px;
}


/* News */

.list .scroll-pane {
	overflow: auto;
	width: 1020px;
	height: 517px;
}

.list h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
}

.list .scroll-pad {
	margin: 2px 0;
	overflow: hidden;
}

.list .row {
	margin-top: 14px;
	border-bottom: 1px solid #3b4f5a;
	width: 1010px;
}

.list .row.last {
	border: none;
}

.list .row .row-pad {
	margin-left: 20px;
	margin-bottom: 14px;
	overflow: hidden;
	width: 100%;
	clear: both;
}

.list .row .col {
	float: left;
}

.list .row .col-1 {
	width: 244px;
	margin-right: 50px;
	background: #2f3e46;
}

.list .row .col-2 {
	width: 83px;
	margin-right: 20px;
}

.list .row .col-3 {
	width: 485px;
}


/* Projekt Detail */

.detail-header {
	position: absolute;
	top: 16px;
	left: 20px;
}

.detail-header h2 {
	margin: 0 !important;
}

.detail-header h3 {
	font-weight: normal;
	margin: 0 !important;
}

.detail-img {
	position: absolute;
	top: 74px;
	left: 20px;
}

.detail-paging {
	position: absolute;
	top: 484px;
	left: 20px;
  width: 600px;
}

.detail-paging #slideshow-pager a.activeSlide {
	color: white;
}

.detail-paging #alt-discipline {
	float: right;
}

.detail-text {
	position: absolute;
	top: 74px;
	left: 659px;
}

.detail-text .scroll-pane {
	position: absolute;
	overflow: hidden;
	height: 392px;
	width: 341px;
	padding-right: 20px;
}

.detail-links {
	position: absolute;
	top: 484px;
	left: 659px;
}

.detail-overview {
	position: absolute;
	top: 30px;
	right: 26px;
	text-align: right;
}


/* Kategorie */

.kat-left {
	position: absolute;
	top: 20px;
	left: 20px;
}

.kat-left .row {
	clear: both;
	margin-bottom: 27px;
	overflow: hidden;
	width: 459px;
}

.kat-left .row .col {
	float: left;
}

.kat-left .row .col-1 {
	width: 244px;
	margin-right: 55px;
	background: #2f3e46;
}

.kat-left .row .col-2 {
	width: 160px;
}

.kat-text {
	position: absolute;
	top: 0;
	right: 0;
}

.kat-text .scroll-pane {
	position: absolute;
	overflow: hidden;
	height: 517px;
	width: 511px;
}

.kat-text .scroll-pane .pad {
	margin: 16px 60px 16px 0;
}

/* Partner */

.partner .scroll-pane {
	overflow: auto;
	width: 1020px;
	height: 517px;
}

.partner h2 {
	margin: 0 !important;
}

.partner .scroll-pad {
	margin: 7px 0;
	overflow: hidden;
}

.partner .row {
	margin-top: 13px;
	border-bottom: 1px solid #3b4f5a;
	width: 1020px;
}

.partner .row.last {
	border: none;
}

.partner .row .row-pad {
	margin-left: 20px;
	margin-bottom: 13px;
	overflow: hidden;
	clear: both;
	width: 100%;
}

.partner .row .col {
	float: left;
}

.partner .row .col-1 {
	width: 75px;
	margin: 0 19px 0 0;
	padding: 0;
	background: #2f3e46;
}

.partner .row .col-1 a {
	display: block;
}

.partner .row .col-2 {
	width: 180px;
	margin-right: 19px;
}

.partner .row .col-3 {
	width: 588px;
}

.partner .row .col-3 p {
	margin: 0;
}


/* Partner Detail */

.partner-detail-portrait {
	position: absolute;
	top: 20px;
	left: 20px;
}

.partner-detail-img {
	position: absolute;
	top: 228px;
	left: 20px;
}

.partner-detail-caption {
	position: absolute;
	top: 482px;
	left: 20px;
}

.partner-detail-text-left {
	position: absolute;
	top: 16px;
	left: 220px;
	width: 388px;
}

.partner-detail-header {
	position: absolute;
	top: 16px;
	left: 657px;
}

.partner-detail-text {
	position: absolute;
	top: 52px;
	left: 657px;
}

.partner-detail-text .scroll-pane {
	position: absolute;
	overflow: hidden;
	height: 414px;
	width: 363px;
}

.partner-detail-text .scroll-pane .pad {
	margin: 0 16px 0 0;
}

.partner-detail-url {
	position: absolute;
	top: 482px;
	left: 657px;
}

/* office */

.office {
	position: absolute;
	top: 16px;
	left: 20px;
	width: 1000px;
}

.office h3 {
	margin: 0;
}

.office .col {
	float: left;
}

.office .col a {
	color: white !important;
}

.office .col-1 {
	width: 165px;
	margin-left: 4px;
	margin-right: 30px;
}

.office .col-2 {
	width: 165px;
	margin-right: 76px;
}

.office .col-3 {
	width: 165px;
	margin-right: 30px;
}

.office .col-4 {
	width: 165px;
	margin-right: 30px;
}

.office .col-5 {
	width: 165px;
}

.office-text {
	position: absolute;
	top: 36px;
	left: 440px;
	width: 500px;
}

.office-text.scroll {
	top: auto;
	left: auto;
	right: 0;
	width: 560px;
}

.office-text.scroll .pad {
	margin: 0 16px 0 0;
}

.office-img {
	position: absolute;
	clear: both;
	top: 188px;
	left: 0;
}

.office-img.top {
	top: 41px;
}

.office-img-caption.top {
	position: absolute;
	top: 309px;
	left: 0;
  width: 391px;
}

.office-link {
	position: absolute;
	clear: both;
	top: 462px;
	left: 440px;
}

.office-map {
	position: absolute;
	top: 57px;
	left: 460px;
	width: 540px;
	height: 409px;
	background: #cccccc;
}

.col.nobg {
  background: none !important;
}