/* ============ */
/* = Homepage = */
/* ============ */

#hp-main-visual {
	margin-left: 6px;
}


/* Informatica homepage */

#hp-columns-informatica {
	margin-top: 12px;
	background: url(/i/bachelor_style/faux-columns-informatica.gif) repeat-y 2px 0px;
	overflow: auto;
}

#hp-columns-informatica .hp-column {
	float: left;
	width: 171px;
	margin-right: 8px;
}



/* All other homepages */

#hp-columns {
	width: 726px;
	margin-top: 12px;
	background: url(/i/bachelor_style/faux-columns.gif) repeat-y 0px 6px;
	overflow: auto;
}

#hp-columns .hp-column {
	float: left;
	width: 234px;
	margin-right: 8px;
}

.hp-column h2 {
	margin-top: 0px !important;
	padding-top: 0px;
}

.read-more {
	margin-top: 10px;
	text-align: right;
}

/* =========== */
/* = Subpage = */
/* =========== */

#testimonial {
	width: 234px;
	float: right;
	margin-left:10px;
	margin-bottom: 10px;
	border: 1px solid #c10077;
	background-color: #edb5d8;
	padding: 4px 8px 12px 8px;
}
#testimonial h1 {
	font-family: Verdana;
	font-weight: normal;
	font-size: 18px;
}
#testimonial p {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
#sp-main-visual {
	margin-left:6px;
}

/* =========== */
/* = Videos = */
/* =========== */

#sp-main-visual {
	position: relative;
}
#sp-main-visual .play-button {
	position: absolute;
	top: 115px;
	left: 300px;
	width: 118px;
	height: 105px;
	background: url(/i/bachelor_style/play-button.png) top left no-repeat;
	cursor: pointer;
}
#sp-main-visual .play-button:hover {
	background-position: top right;
}
#sp-main-visual .veil {
	background: url(/i/bachelor_style/veil.png) top left repeat;
	width: 719px;
	height: 311px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 4px;
}
#sp-main-visual #video_container {
	position: absolute;
	top: 0px;
	left: 78px;
	margin-top: 4px;
}

/* =========== */
/* = Photos  = */
/* =========== */

.photo-with-captions p {
	margin: 0 !important;
	padding: 0 !important;
}

.photo-with-captions .row {
	overflow: hidden;
}

.photo-with-caption {
	float: left;
	width: 208px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.photo-with-caption p {
	text-align: center;
	margin-top: 4px;
}

/* =========================== */
/* = OD Banner  = */
/* =========================== */

#od-homepage-banner {
	display: block;
	position: absolute;
	right: 25px;
	top: 459px;
}