@import "menu.css";

* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}

body {
	background: #f2f2f2;
	padding-bottom: 20px;
}

hr {
	height: 0;
	clear: both;
}

#header {
	background: #fff;
}

#header #company {
	background: url(/cms/templates/postendekker/images/backgrounds/logo.png) left center no-repeat;
	height: 29px;
	width: 879px;
	padding: 22px 0;
	margin: 0 auto;
	position:relative;
}

#header #company h1 {
	text-indent: -9999px;
}

#header #company h1 em {
	display: none;
}

#container {
	width: 939px;
	margin: 44px auto;
}

.gray {
	color: #b3b3b3;
}

.lightgray {
	color: #cccccc;
	padding-bottom: 10px;
}

.center {
	text-align: center;
}

/* slideshow */

#slideshow {
	margin-left: -15px;
	position: relative;
	height: 376px;
	width: 666px;
}

#slideshow #pics {
	height: 430px;
	overflow: hidden;
	display: block;
}

#slideshow #pics img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

#slideshow #banner-text {
	text-align: right;
	position: absolute;
	right: 41px;
	bottom: 30px;
	z-index: 1 !important;
}

#slideshow #banner-text h3 {
	background: url(/cms/templates/postendekker/images/backgrounds/sidebar_item_rev.png) center right no-repeat;
	padding: 0 20px;
	font: normal normal 16px/30px Arial, sans-serif;
	color: #b3b3b3;
}

#slideshow #banner-text .highlight {
	background: url(/cms/templates/postendekker/images/backgrounds/sidebar_current_rev.png) center right no-repeat;
	padding: 0 20px;
	font: normal italic 22px/22px Arial, sans-serif;
	color: #000;
}

/*
 * mw
 */

#container_home {
	position: relative;
	height: 520px;
	margin-bottom: 20px;
}

#container_home #banner-footer {
	position: absolute;
	top: 400px;
	z-index: 99;
}

#container_home #rotator {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	width: 940px;
	height: 430px;
}

.js-enabled #container_home #quotes {
	position: absolute;
	z-index: 99;
	top: 80px;
	left: 2px;
}

#container_home #quotes blockquote {
	display: none;
}

#container_home #quotes blockquote.selected {
	display: block;
}

.js-enabled #container_home #quotes blockquote {
	display: block;
	padding-left: 15px;
	font: normal normal 18px/25px Arial, sans-serif;
	color: #b3b3b3;
	background: url(/cms/templates/postendekker/images/backgrounds/sidebar_item.png) no-repeat left center;
}

.js-enabled #container_home #quotes blockquote.selected {
	padding-left: 15px;
	font: italic bold 28px/35px Arial, sans-serif;
	color: #000;
	background: url(/cms/templates/postendekker/images/backgrounds/sidebar_current.png) no-repeat left center;
}

.js-enabled #container_home #quotes blockquote a {
	color: #b3b3b3;
	text-decoration: none;
}

.js-enabled #container_home #quotes blockquote.selected a {
	color: #000;
}

/* content */

#content {
	background: url(/cms/templates/postendekker/images/backgrounds/content.png) center center repeat-y;
	width: 634px;
	padding: 0 36px;
	float: left
}

.open_content {
	width: 706px;
	height: 29px;
	background: url(/cms/templates/postendekker/images/backgrounds/content_open.png) top center no-repeat;
	margin-left: -36px;
}

.close_content {
	width: 706px;
	height: 29px;
	background: url(/cms/templates/postendekker/images/backgrounds/content_close.png) bottom center no-repeat;
	margin-left: -36px;
	clear: both;
}

h2 {
	font: bold 28px/35px Arial, sans-serif;
	color: #000;
	padding: 0 0 5px;
}

h3 {
	font: normal normal 18px/25px Arial, sans-serif;
	color: #ccc;
	padding-bottom: 21px;
}

h5 {
	font: bold 14px Arial, sans-serif;
	color: #000;
	padding: 15px 0 3px;
}

p {
	font: 13px/20px Arial, sans-serif;
	color: #333;
	margin-bottom: 20px;
}

#content ul {
	list-style-type: none;	
}

#content  ul li {
	background: url(/cms/templates/postendekker/images/icons/bullet.gif) center left no-repeat;
	padding-left: 10px;
	font: 13px/20px Arial, sans-serif;
}

#content ol {
	margin-left: 20px;		
}

#content ol li {
	font: 13px/20px Arial, sans-serif;
}

#sidebar {
	float: right;
	width: 200px;
}

.box {
	background: url(/cms/templates/postendekker/images/backgrounds/box.png) left top repeat-y;
	width: 200px;
	padding: 0 10px;
	margin-bottom: 7px;
	margin-top: 0px;
}

#home .close_box {
	height: 5px;
	position: relative;
	background-image: url(/cms/templates/postendekker/images/backgrounds/home_box_close.png);
	margin-top: 10px;	
}

#home .box {
	background-image: none;
	background: #fff;
}

#home .open_box {
	background-image: url(/cms/templates/postendekker/images/backgrounds/home_box_open.png);
	margin-top: -10px;
	height: 15px;
}

.open_box {
	width: 200px;
	height: 5px;
	background: url(/cms/templates/postendekker/images/backgrounds/box_open.png) top center no-repeat;
	margin-left: -10px;
	height: 15px;
}

.close_box {
	width: 200px;
	height: 12px;
	background: url(/cms/templates/postendekker/images/backgrounds/box_close.png) bottom left no-repeat;
	margin-left: -10px;
	clear: both;
}

.box li {
	list-style: none none;
}

.box h4 {
	font: bold 14px Arial, sans-serif;
	color: #000;
	padding: 0 0 3px;
}

.box p {
	line-height: 22px;
	margin: 0 !important;
}

.box .slideshowimage {
	display: block;
	margin: 5px 0;
}

.box p ~ h4 {
	margin-top: 15px;
}

.box {
	font: 12px/20px Arial, sans-serif;
}

.slideshow-buttons img{
	cursor: pointer;
}

/*
.box .links a {
	display: block;
}
*/

.box .links a {
	color: #b10d07;
}

.box .links p {
	padding: 0;
	margin: 0;
}

a {
	color: #b10d07;
}

.box a {
	color: #333;
	text-decoration: none;	
}

a:hover,
a:focus,
a:active,
.box a:hover,
.box a:focus,
.box a:active {
	color: #b10d07;
}

.link_arrow_right {
	padding-right: 9px;
	background: url(/cms/templates/postendekker/images/backgrounds/link_arrow_right.png) center right no-repeat;
}

.box ul.downloads {
	border-bottom: 1px solid #f2f2f2;
	width: 160px;
	padding: 5px 0 7px;
	margin-bottom: 12px;
}

.box ul.downloads .pdf {
	background: url(/cms/templates/postendekker/images/backgrounds/pdf.png) left center no-repeat;
}

.box ul.downloads li {
	height: 42px;
	padding: 5px 0 5px 50px;
	line-height: 42px;
}

/* news */

.item {
	overflow: hidden;
}

.item-text {
	border-bottom: 1px solid #f2f2f2;
	width: 634px;
	float: left;
	padding: 15px 0 30px;
	margin-bottom: 10px;
}

.item-text .date {
	color: #b3b3b3 !important;
	font-weight: normal !important;
}

.item-text h5 {
	padding: 0 !important;
	text-transform: none !important;
}

.newsimg {
	float: right;
}

.clear {
	clear: both;
}

.item-text .more {
	font: 13px/20px Arial, sans-serif;
}

/* Home */
#full-column-content {
	width: 867px;
	padding: 0 37px;
	background: url(/cms/templates/postendekker/images/backgrounds/full_content.png) top center repeat-y;
	position: relative;
}

#full-column-content_borderless {
	width: 867px;
	padding: 0 37px;
	background: url(/cms/templates/postendekker/images/backgrounds/full_content_borderless.png) top center repeat-y;
}

.open_full_content {
	width: 941px;
	height: 20px;
	background: url(/cms/templates/postendekker/images/backgrounds/full_content_open.png) top center no-repeat;
	margin-left: -37px;
}

.close_full_content {
	width: 941px;
	height: 15px;
	background: url(/cms/templates/postendekker/images/backgrounds/full_content_close.png) bottom center no-repeat;
	clear: both;
	margin-left: -37px;
}

#full-column-left {
	width: 418px;
	float: left;
	padding-right: 16px;
}

#full-column-right {
	width: 415px;
	float: left;
	padding-left: 16px;
}

#full-column-right p {
	margin-bottom: 10px;
}

#full-column-right h5 {
	padding-top: 4px;
}

#banner {
	width: 946px;
	height: 430px;
	position: relative;
}

#banner #pics img {
	position: absolute;
	top: 0;
	left: 0;
}

#banner #pics {
	height: 430px;
}

#banner #banner-text {
	position: absolute;
	top: 50px;
	left: 2px;
	height: 390px;
}

#banner #banner-text h2,
#banner #banner-text .highlight {
	background: url(/cms/templates/postendekker/images/backgrounds/sidebar_current.png) no-repeat left center;
	padding-left: 15px;
	font: bold italic 28px/35px Arial, sans-serif;
	color: #000;
}

#banner #banner-text h3 {
	background: url(/cms/templates/postendekker/images/backgrounds/sidebar_item.png) no-repeat left center;
	padding-left: 15px;
	font: normal normal 18px/25px Arial, sans-serif;
}

#banner #banner-text h2 {
	font-size: 35px;
}

#banner #banner-text h3 {
	padding-bottom: 0;
	color: #333;
	font-size: 15px;
}

#banner .box {
	float: right;
	margin-top: 80px;
}

#banner-footer {
	width: 872px;
	height: 79px;
	padding: 15px 37px 0;
	background: #b10d07 url(/cms/templates/postendekker/images/backgrounds/banner_footer.png) top left no-repeat;
	
	margin-top: -10px;
	margin-left: -1px;
	/*
	margin-bottom: 20px;
	*/
	overflow: hidden;
}

#banner-footer h1 {
	color: #fff;
	display: block;
	width: 418px;
	font: bold italic 30px/43px Trebuchet MS, Arial, sans-serif;
	padding-right: 16px;
	float: left;
}

#banner-footer #banner-footer-text {
	color: #fff;
	padding: 2px 0 0 16px;
	float: left;
	width: 400px;
}

#banner-footer #banner-footer-text p {
	color: #fff;
	font: 14px/24px Arial, sans-serif;
}

#banner-footer #banner-footer-text strong {
	color: #000;
}

#home .mini-slideshow {
	position: absolute;
	top: 105px;
	right: 20px;
	z-index: 99;
}

.jcarousel-next {
	float: right;
	position: absolute;
	right: 68px;
	bottom: -23px;
}

.jcarousel-prev {
	float: left;
	position: absolute;
	left: 68px;
	bottom: -23px;
}

.jcarousel ul {
	position: relative;
}
	
/* Product pagina */
#left-column {
	width: 706px;
	float: left;
}

#slideshow {
	width: 706px;
	margin-bottom: 20px;
}

.slideshow-footer {
	background: #b10d07 url(/cms/templates/postendekker/images/backgrounds/slideshow_footer.png) top left no-repeat;
	width: 635px;
	height: 81px;
	margin-top: -5px;
	margin-left: -2px;
	padding: 8px 37px 0;
}

.slideshow-footer h2 {
	color: #fff;
	font: 30px/35px Arial, sans-serif;
}

.slideshow-footer h3 {
	color: #000;
	font: 15px/24px Arial, sans-serif;
}

.jcarousel-control {
	position: absolute;
	z-index: 5;
	top: 473px;
	left: 37px;
}

.jcarousel-control a {
	display: block;
	float: left;
	background: url(/cms/templates/postendekker/images/backgrounds/slideshow_item.png) top left no-repeat;
	width: 15px;
	height: 15px;
	color: #fff;
	font: 13px Arial,sans-serif;
	text-decoration: none;
	padding-left: 9px;
	margin-right: 5px;
}

/* projects */

ul#projects-ul {
	margin: -30px -12px 0;
	width: 941px;
}

ul#projects-ul li {
	width: 199px;
	float: left;
	list-style: none none;
	position: relative;
	margin: 0 12px;
	margin-top: 30px;
	
}

ul#projects-ul li > a {
	width: 199px;
	display: block;
	color: #000;
	text-decoration: none;
}

ul#projects-ul li a > h4 {
	font: 14px Arial, sans-serif;
	height: 185px;
	width: 189px;
	background: url(/cms/templates/postendekker/images/backgrounds/projects_overlay.png) center center no-repeat;
	padding: 14px 0 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

ul#projects-ul .bw {
	position: absolute;
	top: 0;
	left: 0;
}

ul#projects-ul .desc h4 {
	font: bold italic 14px Arial, sans-serif;
}

ul#projects-ul a .desc h4:hover,
ul#projects-ul a .desc h4.hoverstate {
	color: #b2100a !important;
}

ul#projects-ul .desc p {
	padding: 3px 0;
	font: 13px Arial, sans-serif;
	color: #b3b3b3;
}

/* team */

#team-members {
	width: 684px;
	padding-top: 20px;
}

#content #team-members li {
	list-style: none none;
	float: left;
	width: 138px;
	*height: 210px;
	margin-right: 27px;
	background: none;
}

#content #team-members li.break {
	clear: both;
}


#team-members span {
	display: block;
	background: url(/cms/templates/postendekker/images/backgrounds/team_overlay.png) center center no-repeat;
	width: 138px;
	height: 139px;
	position: absolute;
	top: 0;
	left: 0;
}

#team-members li a {
	text-decoration: none;
	display: block;
	color: #000;
	position: relative;
	height: 139px;
	overflow: hidden;
}

#team-members .desc h4 {
	font-size: 14px;
}

#team-members .desc p {
	color: #b3b3b3;
	font-size: 13px;
}

#team-members .tooltip {
	position: absolute;
	z-index: 999;
	background: url(/cms/templates/postendekker/images/backgrounds/tooltip_top.png) top center no-repeat;
	width: 119px;
	margin-bottom: 5px;
	display: none;
	padding: 0 10px;
}

#team-members .tooltip .tooltip-container {
	position: relative;
}

#team-members .tooltip p {
	padding: 0;
	margin: 0;
}

#team-members .tooltip .tooltip-close {
	height: 5px;
	width: 139px;
	position: absolute;
	bottom: -5px !important;
	left: -10px;
	clear: both !important;
 	background: url(/cms/templates/postendekker/images/backgrounds/tooltip_bottom.png) bottom center no-repeat;	
}

#team-members .tooltip h4 {
	font: 14px Arial, sans-serif;
	padding: ;
}

#team-members .tooltip p {
	padding: 0 0 5px;
	font: 13px Arial, sans-serif;
	color: #000;
}

.twitter h4,
.twitter h4 a {
	color: #1fa8ed;
}

.twitter p {
	padding: 15px 0 10px;
	margin: 0 0 -5px;
	color: #b3b3b3;
	width: 185px;
}

.twitter .icon {
	float: right;
	margin-top: -10px;
	margin-right: 20px;
}

.twitter p span {
	color: #000;
}

.twitter p a {
	color: #b3b3b3;
	text-decoration: underline;
}

.mini-slideshow {
	padding: 0px !important;
	width: 200px;
	overflow: hidden;
	background: none !important;
	top: 80px !important;
}

.mini-slideshow ul{
	width: 10000px;
}

.mini-slideshow ul li {
	float: left;
	padding:  9px;
	display: block;
	width: 181px;
	height: 225px;
	background: #fff;
}

.mini-slideshow .slideshow-buttons {
	height: 35px;
	width: 200px;
	position: absolute;
	top: -10px;
	left: 0;
}

.mini-slideshow .slideshow-button {
	bottom: 0 !important;
}

.mini-slideshow .close_box {
	height: 40px !important;
	background-position: center top;
	position: relative;
	width: 200px;
	margin-left: 0px;
}

*+html .mini-slideshow .close_box {
	top: -10px;
}

.mini-slideshow .open_box {
	background-position: center bottom;
	margin-left: 0;
	margin-top: -10px !important;
}