/*****************************************************
 * @group: CUSTOM STYLE RESETS
 ****************************************************/

html, body { padding: 0; margin: 0; line-height: 1.71em; }

body,
button,
input,
select,
textarea { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; }

strong { font-weight: bold; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

a { color: #000; text-decoration: underline;}

	a:hover,
	a:focus { color: #000; text-decoration: none; }

.btn { background-image: none; }

.tableline-grey {
	background-color: #eeeeee;
}
/** @end */

/*****************************************************
 * @group: LAYOUT
 ****************************************************/

.container { margin: 0 auto; padding-top: 20px; padding-bottom: 35px; }

.gray { background-color: #303030; color: #fff; border-top: 9px solid #c1c1c1; }
	.gray a { color: #fff; }

/** @end */

/*****************************************************
 * @group: TYPOGRAPHY
 ****************************************************/

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 300; line-height: 1em; margin: 0 0 10px 0; }

	h1 a,
	h2 a,
	h3 a { color: #000; text-decoration: none; }

	h1 a:hover,
	h2 a:hover,
	h3 a:hover { color: #fff; text-decoration: none; }

h1 { font-size: 40px; }
h2 { font-size: 24px; padding-top: 20px; }
	h2:first-child { padding-top: 0; }
h5  { font-size: 40px; }
h4  { font-size: 40px; }
h3 { font-size: 18px; padding-top: 20px; }
	h3:first-child { padding-top: 0; }

h1.pull-up,
h2.pull-up { color: #fff; margin-top: -70px; padding-top: 0; padding-bottom: 30px;}
h5.pull-up { color: #fff; margin-top: -45px; padding-top: 0; padding-bottom: 30px;padding-left: 180px;}
h4.pull-up { color: #fff; margin-top: -137px; padding-top: 0; padding-bottom: 60px;}

.twitter h2 { color: #ff8700; background: url('../Images/twitter-bg.png') 85px 0 no-repeat; margin-top: -20px; font-size: 16px; font-weight: bold; padding: 0 0 55px 125px; }

ul,
ol { padding: 0 0 30px 0; margin-left: 25px;  }
	li { line-height: 1.71em; }

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

hr { height: 18px; background: transparent url('../Images/hr-tall.gif') repeat-x; border: 0; margin-top: 0; margin-bottom: 15px; }
	hr.semi { height: 10px; }

p { padding: 0 0 15px 0; margin: 0; }

a { text-decoration: underline; }
	a:hover { text-decoration: none; }
	a:focus { outline: 0 none; }

small { font-size: 0.8em; }

.hidetext { overflow: hidden; text-indent: 100%; white-space: nowrap; }
.flatlink {
	color: #ffffff;
	text-decoration: none;
}
.flatlink:hover {
	color:#ffffff;
	text-decoration: underline;
}

.blacklink {
	color: #000000;
}
ul.shy { list-style-type: none; margin-left: 0; }

.container .highlight { padding: 15px; }
	.container .highlight a { color: #000; }
	.container .highlight ul { padding-bottom: 0; }

/** @end */

/*****************************************************
 * @group: HEADER
 ****************************************************/

header { margin-top: 30px; padding-bottom: 115px; }

.logo { display: block; background: url('../Images/typo3-conference-2013-de-logo.png') 20px 20px no-repeat; text-indent: -612px; width: 270px; height: 70px; margin: -20px 0 70px -20px; padding: 20px; }
	.logo:hover { -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }

header .summary { font-size: 48px; line-height: 1em; margin-bottom: 0; }
header .description { font-size: 24px; line-height: 1em; margin-bottom: 0; }

header nav { font-size: 18px; max-width: 210px; padding-left: 79px; }
	.primary { padding-bottom: 35px; }
		.primary li { padding-left: 14px; }
		.primary li.active { background: url('../Images/primary-active-bg.png') left center no-repeat; }
			.primary li a { display: block; color: #fff; line-height: 23px; text-decoration: none; padding: 1px 3px 1px 3px; }
			.primary li:hover a { background-color: #fff; color: #ea5b0c; }

	/*header nav .btn { font-size: 18px; margin-left: 14px; paddin-left: 10px; padding-right: 10px; }*/

	header nav .btn { background: #fff url('../Images/primary-ticket-bg.png') no-repeat; color: #ff8700; min-width: 121px; padding: 8px 20px 8px 38px; margin-top: 35px; margin-left: 16px; border-radius: 4px; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; font-size: 16px; font-weight: 600; }
	header nav .btn:hover { color: #fff; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
	
	header nav  .love { background: #fff url('../Images/primary-love-bg.png') no-repeat; color: #ff8700; }


/** @end */

/*****************************************************
 * @group: SUBNAV
 ****************************************************/
 
ul.subnav { float: right; background: url(../Images/subnav-orange.png) left top no-repeat; padding-left: 461px; padding-top: 29px; }
ul.subnav:after {clear: right; }
	ul.subnav li { display: inline-block; }
		ul.subnav li a { border-left: 1px solid green; padding-left: 10px; padding-right: 10px; }
		ul.subnav li:first-child a { padding-left: 0; border-left: 0; }
		ul.subnav li.active a { color: rgb(255, 135, 0); text-decoration: none; }
 
 
.pink ul.subnav { background-image: url(../Images/subnav-pink.png); }
.green ul.subnav { background-image: url(../Images/subnav-green.png); }
.blue ul.subnav { background-image: url(../Images/subnav-blue.png); }
 
.pink ul.subnav li.active a { color: #E6215F; }
.green ul.subnav li.active a { color: #95c11f; }
.blue ul.subnav li.active a { color: #04bfbf; }
 
/**
 * @end
 */

/*****************************************************
 * @group: Secondary
 ****************************************************/

.secondary { float: right; font-size: 18px; margin-bottom: 60px; }
	.secondary li { border-right: 1px solid #000; float: left; padding-right: 10px; margin-right: 10px;  }
    .secondary li.active a { color: #ea5b0c; text-decoration: none; }

    .secondary li:last-child { padding-right: 0; margin-right: 0; border-right: 0; }

.pink .secondary li.active a { color: #E6215F; }
.green .secondary li.active a { color: #95c11f; }
.blue .secondary li.active a { color: #04bfbf; }

/**
 * @end
 */

/*****************************************************
 * @group: CONTENT ELEMENTS
 ****************************************************/

a.track { display: block; text-decoration: none; margin-bottom: 20px; }

	.track .flap { color: #fff; font-size: 30px; padding: 0; line-height: 40px; text-indent: 100px; position: relative; }
	.track .flap:after { content: url('../Images/track-flap-bg.png'); display: block; right: 0; bottom: -9px; position: absolute; }
	.track .flap a { display: block; padding-top: 30px; padding-bottom: 30px; }

	.track.community .flap { background: #04bfbf url('../Images/track-community-bg.png') 35px 30px no-repeat; }
	.track:hover.community .flap { background-image: url('../Images/track-community-hover-bg.png'); background-position: 32px 28px; }

	.track.business .flap { background: #e6215f url('../Images/track-business-bg.png') 35px 30px no-repeat; }
	.track:hover.business .flap { background-image: url('../Images/track-business-hover-bg.png'); background-position: 32px 28px; }

	.track.future .flap { background: #95c11f url('../Images/track-future-bg.png') 35px 30px no-repeat; }
	.track:hover.future .flap { background-image: url('../Images/track-future-hover-bg.png'); background-position: 32px 28px; }

.speakers h2 { font-size: 40px; }

.speakers .media>.pull-left { margin-right: 30px; }

.speakers .carousel { line-height: inherit; margin-top: 62px;}
.speakers .carousel-inner { }

	.speakers .card { }
	.speakers .card small { }

.speakers .carousel-controls { font-size: 11px; margin-left: 114px; text-align: center; line-height: 40px; }

/** @end */

/*****************************************************
 * @group: SPEAKER
 ****************************************************/

.speaker { margin-bottom: 45px; }

.speaker hr { height: 10px; margin-bottom: 10px; }

.speaker ul.link-up-with { list-style-type: none; margin-left: 0; margin-bottom: 5px; }
	.speaker .link-up-with li { float: left; margin-left: 0; }
	.speaker .link-up-with li:first-child { margin-right: 10px; }
		.speaker .link-up-with a { color: #ff8700; font-size: 18px; text-decoration: none; }

.speaker a.img-circle { border: 11px solid #e6e6e6; }
	.speaker a.img-circle:hover { border-color: #ff8700; }

a.lupe { display: block; position: relative; clear: both; overflow: hidden; }
a.lupe:hover:after { content: url('../Images/lupe.png'); position: absolute; left: 50%; top: 50%; margin: -200px 0 0 -200px; }

/*a.lupe:hover { background: #000; }
	a.lupe:hover img { opacity: 0.6; filter:alpha(opacity=60); } */

ul.talks { list-style: none; margin-left: 0; padding-bottom: 0; }

.speaker ul.talks > li > a {
	text-decoration: underline;
}
.speaker ul.talks > li > a:hover,
.speaker ul.talks > li > a:focus,
.speaker ul.talks > li > a:active {
	text-decoration: none;
}

.pink .speaker .link-up-with a { color: #E6215F; }
	.pink .speaker a.img-circle:hover { border-color: #E6215F; }

.green .speaker .link-up-with a { color: #95c11f; }
	.green .speaker a.img-circle:hover { border-color: #95c11f; }

.blue .speaker .link-up-with a { color: #04bfbf; }
	.blue .speaker a.img-circle:hover { border-color: #04bfbf; }

/** @end */

/*****************************************************
 * @group: SPONSOR
 ****************************************************/

div.sponsor {
	margin-left: 0 !important;
	margin-right: 2.1%;
	margin-bottom: 1%
}
div.sponsor a { padding: 20px; background-color: #eeeeee; }

.platin,
.gold,
.silver,
.further { margin-bottom: 30px; }

	.platin a,
	.gold a,
	.silver a,
	.further a { display: block; text-align: center; }

.platin div.sponsor a { height: 330px; line-height: 330px; }

.gold div.sponsor a { height: 125px; line-height: 125px; }

.silver div.sponsor a { height: 125px; line-height: 125px; }

.further div.sponsor a { height: 62px; line-height: 62px; }

/** @end */

/*****************************************************
 * @group: FOOTER
 ****************************************************/

.gray.page-footer { border-top: 1px dashed #515151; }

footer ul { }
	footer li { background: url('../Images/footer-bg.png') right center no-repeat; display: inline-block; list-style-type: none; margin: 0 6px 0 0; padding-right: 20px; }
	footer li.last { background: none; padding-right: 0; margin-right: 0; }

ul.sponsors { background: #fff url('../Images/sponsors-bg.png') right bottom no-repeat; padding: 25px; margin-left: 0; }
	.sponsors li { display: inline-block; margin-right: 25px; }
    .sponsors li:last-child { margin-right: 0; }

.social-media-icons { float: left; padding: 0; margin: 0 0 10px 0; font-size: 24px; }
	.social-media-icons a { color: #fff; text-decoration: none; }

/** @end */

/*****************************************************
 * @group: Color coding
 ****************************************************/

header nav .btn { background-position: 10px 0px; }
header nav .btn:hover { background-color: #ea5b0c; background-position: 10px -50px; }

.social-media-icons a:hover { color: #ff8700; }

.highlight { background-color: #ff8700; color: #fff; }
	.container .highlight a,
	.highlight a { color: #fff; text-decoration: none; }

.highlight.mono,
.pink .highlight.mono,
.blue .highlight.mono,
.green .highlight.mono { background-color: #eeeeee; color: #000; }
	.highlight.mono a { color: #000; }

	.highlight ul { margin-bottom: 0; }

article .highlight { padding: 45px; border: 1px solid #e6e6e6; }

	.btn { background-color: #ff8700; color: #fff; text-shadow: none; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; filter: none; padding: 8px 20px; text-decoration: none; }
	.highlight .btn { background-color: #fff; color: #ff8700; }

		.btn:hover,
		.highlight .btn:hover { background-color: #ea5b0c; color: #fff; }

h1 a,
h2 a,
h3 a { color: #ea5b0c; }

	h1 a:hover,
	h2 a:hover,
	h3 a:hover { color: #ea5b0c; }

/** Business */

.pink header nav .btn { background-position: 10px -100px; }
.pink header nav .btn:hover { background-color: #E6215F; background-position: 10px -150px; }

.pink .speaker a.img-circle:hover { border-color: #E6215F; }

.pink .social-media-icons a:hover { color: #E6215F; }

.pink .primary li:hover a { color: #E6215F; }

.pink .highlight { background-color: #E6215F; color: #fff; }
	.pink .btn { background-color: #E6215F; color: #fff; }
	.pink .highlight .btn { background-color: #fff; color: #E6215F; }

		.pink .btn:hover,
		.pink .highlight .btn:hover { background-color: #b81a4c; color: #fff; text-decoration: none; }

.pink h1 a,
.pink h2 a,
.pink h3 a { color: #E6215F; }

/** Future */

.green header nav .btn { background-position: 10px -200px; }
.green header nav .btn:hover { background-color: #95c11f; background-position: 10px -250px; }

.green.speaker a.img-circle:hover { border-color: #95c11f; }

.green .social-media-icons a:hover { color: #95c11f; }

.green .primary li:hover a { color: #95c11f; }

.green .highlight { background-color: #95c11f; color: #fff; }
	.green .btn { background-color: #95C11F; color: #fff; }
	.green .highlight .btn { background-color: #fff; color: #95C11F; }

		.green .btn:hover,
		.green .highlight .btn:hover { background-color: #779a19; color: #fff; text-decoration: none; }

.green h1 a,
.green h2 a,
.green h3 a { color: #95c11f; }

/** Community */

.blue header nav .btn { background-position: 10px -300px; }
.blue header nav .btn:hover { background-color: #04bfbf; background-position: 10px -350px; }

.blue .speaker a.img-circle:hover { border-color: #04bfbf; }

.blue .social-media-icons a:hover { color: #04bfbf; }

.blue .primary li:hover a { color: #04bfbf; }

.blue .highlight { background-color: #04bfbf; color: #fff; }
	.blue .btn { background-color: #04bfbf; color: #fff; }
	.blue .highlight .btn { background-color: #fff; color: #04bfbf; }

		.blue .btn:hover,
		.blue .highlight .btn:hover { background-color: #039999; color: #fff; text-decoration: none; }

.blue h1 a,
.blue h2 a,
.blue h3 a { color: #04bfbf; }

/** @end */

/*****************************************************
 * @group: CSS3 transitions & animations
 ****************************************************/

.btn { transition-duration: 0.2s; -webkit-transition-duration: 0.2s; }
.btn:hover { transition-duration: 0.2s; -webkit-transition-duration: 0.2s;  }

/** @end */

/*****************************************************
 * @group: Responsive Overrides
 ****************************************************/

@media (max-width: 767px) {
	.container { padding-left: 20px; padding-right: 20px; }

	header { padding-bottom: 60px; }
		header nav { padding-top: 30px; }
			header nav .btn { margin-left: 0; }

	header { padding-bottom: 20px; }

	h1.pull-up,
	h2.pull-up {
		color: inherit;
		padding-top: 20px;
		padding-bottom: inherit;
		margin-top: 0;
	}
}
/** @end */

/*****************************************************
 * @group: Forms
 ****************************************************/
div.csc-mailform legend { margin-left: 0; }
div.csc-mailform fieldset ol { padding-left: 0; }
div.csc-mailform fieldset li { padding-left: 0; }
.csc-mailform input[type="submit"] { float: right; background-color: #ff8700; color: #fff; text-shadow: none; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; filter: none; padding: 8px 20px; text-decoration: none; }
.csc-mailform input[type="submit"]:hover { background-color: #ea5b0c; color: #fff; }


/**
 * @end
 *