body { background: url(../img/tile-docks.gif) repeat left top;}
#container-tile {background: url(../img/tile-header-docks.gif) repeat-x center top;}
#header { height:227px; background: url(../img/header-docks.jpg) no-repeat center top;}
#logo {
	position: absolute;
	top: 30px;
	left: 15px;
	height: 165px;
	width: 235px;
}
#main, #center {background-image: none;}
#main {background:#f1f0d2;}
#center {background:#f7f6e4; color: #000;}
#footer  {background:url(../img/bg-footer-docks.gif) no-repeat left top #F1F0D2;}

#left, #center, #right {margin-top:30px;}
#left {background:none;}

h2 { font-size: 1.7em; text-transform:uppercase; color: #000066; font-weight:bold; margin-bottom: 1em; }
h3 { font-size: 1.3em; text-transform:uppercase; color: #252c31;}
h4 { font-size: 1.2em; text-transform:uppercase; color: #252c31;}

#nav-main {
	background: #000;
	width: 730px;
	height: 30px;
	margin-left: 10px;
}
.menu {top:0;}
.menu li {background:none; height: 30px; border-right: 1px solid #4d505d; }
.menu a {
	color:#FFFFFF;
	display:block;
	font-size:1em;
	font-weight:normal;
	padding:5px 7px;
	/*position:relative;*/
	text-transform:none;
	/*height:20px;*/
}
.menu li.first a {padding:5px 7px;}
.menu a:hover {background: #FEF200; color: #000;}

#search {
	background:#000 url(../img/search-100-mode.gif) no-repeat top left;
	padding:3px; 
	height: 24px;
	top: 195px;
	right: 40px;
	width: 172px;
}
#search input {
	background:#fff;
	height: 24px;
	width: 137px;
	position:relative;
	left:26px;
}
#search input.submit {left:0;}
#RSS-section {
	right:10px;
	top:195px;
}

#nav-subsites {
	top: 230px;
	background:#e1e0c3;
	border:1px solid #a19d88;
	border-left:0;
	border-right:0;
	margin:0 5px;
	text-transform: uppercase;
	width:945px;
	height:20px;
	text-align: center;
}
#nav-subsites ul {padding-left:160px;padding-top:0px;}
#nav-subsites li a {color: #625f51; padding:3px 20px; background: none;}
#nav-subsites li a:hover {color: #625f51; text-decoration: underline;}

#nav-footer2 a.m-134 {background: url(../img/docks-footer-newsletter.gif) no-repeat top left;}
#nav-footer2 a.m-9 {background: url(../img/docks-footer-sitemap.gif) no-repeat top left;padding-left:65px;}
#nav-footer2 a.m-290 {background: url(../img/docks-footer-bedrijven.gif) no-repeat top left;padding-left:65px;}
#nav-footer li a:hover, #nav-footer2 li a:hover {color:#FEF200;}

.video {background-color:#FFF88F;}

/* Submenu =========================*/
.menu li ul {background:none;}
.menu li:hover > ul {top: 24px;}
.menu li ul li a {
	background: url(../img/docks-nav-external-arrow.gif) no-repeat 20px 14px #000;
	border-bottom: 1px solid #4D505D;
} 
.menu li li:hover > a {background: url(../img/docks-nav-external-arrow.gif) no-repeat 20px -19px #FEF200; color: #000; border-bottom: 1px solid #7F7700;}

/* Nav-left =========*/
#nav-sub li {background: #000;}
#nav-sub li a {
	border-bottom:1px solid #000;
	border-top:1px solid #4D505D;
}
#nav-sub li a.current, #nav-sub li a:hover {
	background:#FEF200;
	border-top:1px solid #FFF66F;
	border-bottom:1px solid #EFE000;
	color: #000;
}

/* News portal ========================= */
.news-list-container .portal-sub h3 a,
.news-list-container .news-list-portal h3 a {
	background:#000;
	font-size:1em;
	padding:2px 5px;
	font-weight:normal;
	width:490px;
	text-transform:none;
	display: block;
}
.news-list-container .portal-sub h3 a:hover,
.news-list-container .news-list-portal h3 a:hover {background:#FEF200; color:#000;}
.news-list-container .portal-sub .news-list-content {margin-left:0; width:500px;}
.news-list-container .portal-sub .news-date {
	color:#707070;
	text-transform:none;
	margin-right: 5px;
	padding-top: 5px;
	border-top: 1px solid #000;
}
.news-list-container .portal-sub p, .news-list-container .news-more {margin:0 0 0 95px;}
.news-list-container .news-more a {
	color:#333;
	background: url(../img/more-sub.gif) no-repeat right -96px;
}
.news-date {color:#BFBD9B;}



/* Yellow pages ============================*/
#mhbranchenbuch_lettermenu li, .tx_mh_branchenbuch-category li {
	background:#000;
	border-color:#5C5C5C #000000 #000000 #5C5C5C;
	border-left:1px solid #5C5C5C;
	border-style:solid;
	border-width:1px;
	color:#7F7F7F;
	float:left;
	list-style:none outside none;
	margin:0 2px 5px;
	min-width:30px;
	padding:2px 5px;
	text-transform:uppercase;
}
#mhbranchenbuch_lettermenu li a, .tx_mh_branchenbuch-category li a {color:#FEF200;}
.tx_mh_branchenbuch-detail-xs-content {background:#000000; color:#FFFFFF;} 
#center .tx_mh_branchenbuch-detail-xs h3 a {
	color: #FEF200; 
	background:url(../img/docks-yellowpages-arrow.gif) no-repeat 0 3px;
}
#center .tx_mh_branchenbuch-detail-xs h3 a:hover {color: #fff; background-position:0 -30px;}
#center .tx_mh_branchenbuch-detail-xs-content a,
#center .tx_mh_branchenbuch-detail-xs-content h3 {color: #FEF200;}
.detail-xs-home {background:url(../img/docks-xs-detail-web.gif) no-repeat scroll left top;}
.detail-xs-mail {background:url(../img/docks-xs-detail-mail.gif) no-repeat scroll left top;}
.detail-xs-vcard {background:url(../img/docks-xs-detail-vcard.gif) no-repeat scroll left top;}

/* newsletter banner -----------------------------------------------------------------*/
.frame-01 {
	clear:both;
	background:#003052 url(../img/docks-newsletter-top.gif) no-repeat top left;
	padding:20px 10px 0;
	overflow:hidden;
	width:226px;
}
.frame-01-bottom {
	background: url(../img/docks-newsletter-bottom.gif) no-repeat bottom left;
	width: 250px;
	height: 8px;
}
.frame-01 form {margin-bottom: 0; margin-top:25px;}
.frame-01 form li {margin-bottom: 5px;}
.frame-01 form label {
	color: #fff;
	float: left;
	font-size:0.9em;
	width:65px;
	text-align: right;
	padding-right: 5px;
}
.frame-01 form label.label-wide {width: 165px; text-align: left;}
.frame-01 form input.submit {
	color:#FF6C00;
	border:0;
	background: url(../img/more.gif) no-repeat right center;
	padding-right:15px;
}
.frame-01 form input.check {float:left;}

.frame-01 .alert, .frame-01 .eval-error, .frame-01 .dmail-accomplished {color:#fff;font-size:0.9em;}
.frame-01 .dmail-accomplished {margin-top:90px;}

#center .frame-01 h3, #center .frame-01 p {padding-left:125px; color:#fff;}
#center .frame-01 h3 {margin-bottom:5px;}
#center .frame-01 p {font-size: 0.9em;}

body #left p a {color:#333;}