/* GENERAL OVERRIDES */

body {
	background: #515258 url(../images/bgShadow.gif) repeat-x top;
}

/* BANNER EXTRA ITEMS */

ul.bannerList {
	font-size: 14px;
	color: #a7a8ad;
	font-weight: bold;
	margin: 100px 0 0 0;
	padding: 0;
	float: right;
	width: 400px;
	list-style-type: none;
	clear: both;
}

ul.bannerList li {
	background-image: url(../images/banner/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 2px 0 10px 23px;
} 

.bannerButtons {
	float: right;
	clear: both;
	width: 400px;
	margin: 30px 0 0 0;
	padding: 0;
}

.bannerButton {
	float: left;
	display: block;
	margin: 0 8px 0 0;
}

.bannerButton span {
	display: none;
}

.dienstenButton {
	background: url(../images/banner/dienstenButton2.png) no-repeat -89px 0;
	width: 87px;
	height: 31px;
}

.dienstenButton:hover {
	background: url(../images/banner/dienstenButton2.png) no-repeat;
}

.contactButton {
	background: url(../images/banner/contactButton2.png) no-repeat -132px 0;
	width: 130px;
	height: 31px;
}

.contactButton:hover {
	background: url(../images/banner/contactButton2.png) no-repeat;
}

/* BANNER */

div.bannerWrapper {
	background: #FFFFFF url(../images/banner/lightbulbs/bannerBackground.png) repeat-x;
	height: 265px;
	margin: 0 0 0 0;
}

div.banner {
	width: 817px;
	height: 265px;
	margin: 0 auto;
	margin-bottom: 0;
	text-align: left;
	background: url(../images/banner/lightbulbs/bannerImg2.png) no-repeat;
}

/* CONTENT */

div.productModule {
	width: 267px;
	height: 243px;
	background-color: #0090e2;
	margin: 0 0 0 0;
	overflow: hidden;
	float: left;
	text-align: left;
	padding: 0;
}

div#block1, div#block2 {
	margin-right: 8px;
}

h2.productTitle {
	float : left;
	clear: both;
	width : 267px;
	padding : 0 0 0 0;
	margin : 0;
	border-top: 4px solid #0092e5;
	border-bottom: 1px solid #26b1ff;
}

a.kickstartTitle {
	padding : 0;
	margin : 0;
	width : 267px;
	height : 36px;
	display : block;
	background : url(../images/packages/kickstartTitle.png) no-repeat left top;
}

a.webtasticTitle {
	padding : 0;
	margin : 0;
	width : 267px;
	height : 36px;
	display : block;
	background : url(../images/packages/webtasticTitle.png) no-repeat left top;
}

a.justawesomeTitle {
	padding : 0;
	margin : 0;
	width : 267px;
	height : 36px;
	display : block;
	background : url(../images/packages/justawesomeTitle.png) no-repeat left top;
}

h2.productTitle a span {
	display : none;
}

div.productModule p {
	display: block;
	clear: both;
	padding: 15px 18px 15px 18px;
	color: #b7e5ff;
	border-bottom: 1px solid #33a6e8;
	font-size: 12px;
	margin-bottom: 10px;
}

div.productModule ul {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	list-style-type: none;
	list-style-position: inside;
	margin: 0 0 0 0;
	padding: 0 0 13px 18px;
	border-bottom: 1px solid #33a6e8;
}

div.productModule ul li {
	background: url(../images/tick.png) no-repeat 0 5px;
	padding: 3px 0 0 25px;
	line-height: 13px;
}

a.readMore {
	display: block;
	float: right;
	text-decoration: none;
	color: #FFFFFF;
	margin: 9px 16px 0 0;
}

a.readMore:link, a.readMore:active, a.readMore:visited {
	text-decoration: none;
}

a.readMore:hover {
	text-decoration: underline;
}

#casesModule {
	margin: 24px 0 0 0;
	overflow: visible;
}

h2.contentTitle a {
	padding : 0;
	margin : 0;
	width : 279px;
	height : 16px;
	display : block;
	background : url(../images/casesTitle.png) no-repeat left top;
}

.caseItem {
	text-align: left;
	float: left;
	background-color: #44454b;
	margin: 0;
	padding: 0;
}

.caseItem img {
	border: 1px solid #5e5f64;
	width: 234px;
	height: 94px;
	margin: 20px 15px 0 16px;
}

.caseItem h3 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/star.png) no-repeat 0 3px;
	padding: 0 0 0 18px;
	margin: 15px 15px 0 16px;
}

.caseItem p {
	margin: 15px 15px 22px 16px;
	padding: 0;
	width: 234px;
}

.caseReadMore {
	background-color: #3f4046;
	border-top: 1px solid #5f6065;
	padding: 10px 0 0 16px;
	margin: 0;
}

.caseReadMore a:link, .caseReadMore a:active, .caseReadMore a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.caseReadMore a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#case1, #case2 {
	width: 275px;
}

#case3 {
	width: 267px;
}

#caseFooter {
	background-color: #3f4046;
	height: 12px;
	width: 817px;
	font-size: 10px;
}