/* fonts */
/*@import url(http://fonts.googleapis.com/css?family=Bangers);
@import url(http://fonts.googleapis.com/css?family=Varela);
*/
/* bangers-regular - latin */
@font-face {
  font-family: 'Bangers';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/bangers-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Bangers Regular'), local('Bangers-Regular'),
       url('../_font/bangers-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_font/bangers-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_font/bangers-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../_font/bangers-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_font/bangers-v10-latin-regular.svg#Bangers') format('svg'); /* Legacy iOS */
}
/* varela-regular - latin */
@font-face {
  font-family: 'Varela';
  font-style: normal;
  font-weight: 400;
  src: url('../_font/varela-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Varela'),
       url('../_font/varela-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_font/varela-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_font/varela-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../_font/varela-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_font/varela-v8-latin-regular.svg#Varela') format('svg'); /* Legacy iOS */
}


h4,h3,blockquote, blockquote p, .quotereference {font-family: 'Varela', sans-serif;}
.maincolumn, p, li, dl 	{ font-family: 'Varela', sans-serif;}
h1,h2,a.scotty	{ font-family:'Bangers', sans-serif;}

/* typo sizes */
h1 					{ font-size: 3.4em; font-weight: 500; }
h2, a.scotty 		{ font-size: 1.8em; font-weight: 500; letter-spacing: 1px; }
h3, .intro 			{ font-size: 1.4em; font-weight: normal;}
h4					{ font-size: 1.2em; font-weight: normal;}

h1,h2,p,.maincolumn { text-align:center; }
h1+h2				{ margin-top: -1.2em; }
h3,h4				{ margin-top:2.5em; }
p, li, dl			{ color: #fff; font-size: 0.9em; line-height: 2em;}
q					{ font-size: 100%; font-family: "Courier New", Courier, Monaco, monospace;  }
.eins q				{ text-align: right; display: block; }
a					{ color: #fff }
blockquote, blockquote p, .intro { color:#fff; line-height: 1.6em; text-align:center; margin:1em 0 0.5em; opacity:0.88;}
blockquote, blockquote p, .quotereference  { font-style: italic; }
.quotereference 	{ color:#00afee;text-align:center; margin-top: 1em; margin-bottom: 2em;}

/* layout */
html, body			{ margin:0; padding:0; }

.header, .footer	{ margin:0; text-align:center; }
.header 			{ background-color: #1d638c; }
.footer 			{ background-color: #f0f0f0; }

ul.navigation,
ul.social	 		{ margin:0; padding:0.6em; }

.navigation li,
.social li			{ display:inline; margin: 0 7px; text-transform: uppercase; font-size: 0.8em; }
.navigation a,
.social a			{ text-decoration:none; }
.header a			{ color: #fff; }
.footer a 			{ color: #259bd9; }

ul.social			{ position: absolute; left: auto; right: 0; }

.section, .sponsors { background-color: #fff; padding-top: 3em; padding-bottom: 5em; }
.section.stage		{ color: #fff;background-color: #1a577e;background-image: url(../2013/-media/stage_background.jpg);padding-top: 10em;padding-bottom: 3em;background-position: center top; background-repeat: repeat-x; }
.section.stage h2 	{ margin-top:3em; }
.section.stage a 	{ color: #fff; }
.section.map 		{ padding: 0; }
.section.eins 		{ background-color: #1a577e; }
.section.zwei 		{ color: #fff; background-color: #316f97; }
.section.drei 		{ background-color: #4091c5; }
.section.vier 		{ background-color: #b7d6ea; }
.section.stage h1, 	.section.stage h2,
.section.eins h1, 	.section.eins h2, .section.eins p, .section.eins a, .section.eins li,
					.section.zwei h2, .section.zwei p, .section.zwei li, .section.zwei a,
.section.drei h1,	.section.drei h2, .section.drei p, .section.drei a, .section.drei li
					{ color:#fff; }
.section.eins h3, .section.eins h3 a, .section.eins h4,
.section.zwei h3, .section.zwei h4 { color:#00aced; }
.section.vier p, .section.vier a, .section.vier li { color: #112633; }
.section.drei h3	{ color:#b7d6eb; }
.section.vier h2	{ color:#214b66; }
.section.vier h3	{ color:#0f9ed7; }

.maincolumn 		{ width: 100%; max-width: 960px; margin: 0 auto; padding: 0px; }

.twocolumns 		{ column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;
					  column-width: 360px; -moz-column-width: 360px; -webkit-column-width: 360px; }
.threecolumns 		{ column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;
					  column-width: 240px; -moz-column-width: 240px; -webkit-column-width: 240px; }
.fourcolumns 		{ column-count: 4; -webkit-column-count: 4; -moz-column-count: 4;
					  column-width: 240px; -moz-column-width: 240px; -webkit-column-width: 240px; }
.twocolumns > p:first-child, .threecolumns > p:first-child, .fourcolumns > p:first-child { margin-top: 0; }

.maincolumn li, .twocolumns p, .threecolumns p, .fourcolumns p { text-align: left; }

/* twitter wall */
.twitter-friends img { margin:0 11px 11px 0; }
img.crew{ width: 48px; height: 48px; margin-right: 5px; margin-bottom: -16px; }
.twitter-friends img, img.crew { 
	opacity: 0.77;
	-webkit-transition: opacity 3.3s linear;
	-moz-transition: opacity 3.3s linear;
	-o-transition: opacity 3.3s linear;
	}
.twitter-friends img:hover, a:hover img.crew {
	 opacity: 1;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	}

/* speaker */
.speaker h3:nth-of-type(2n+1), 
.speaker h3:nth-of-type(2n+1) + p,
.speaker h3:nth-of-type(2n+1) + p + p,
.speaker h3:nth-of-type(2n+1) + p + p + p { text-align: left; margin-left: 200px; }
.speaker h3:nth-of-type(2n+1) img,
.speaker img.portrait[align="left"] { margin-left: -200px; }

.speaker h3:nth-of-type(2n),
.speaker h3:nth-of-type(2n) + p,
.speaker h3:nth-of-type(2n) + p + p,
.speaker h3:nth-of-type(2n) + p + p + p { text-align: right; margin-right: 200px; }
.speaker h3:nth-of-type(2n) img,
.speaker img.portrait[align="right"] { margin-right: -200px; }

.speaker h3 img		{
	Xwidth: 166px;
	Xheight: auto;
	margin-top: 6px; }

.programm			{ text-align: center; }

iframe.video, object.video, iframe[src^="http://www.youtube.com"], iframe[src^="http://player.vimeo"], iframe[src^="http://www.slideshare"] { margin-top: 11px; margin-bottom: 11px; }

/* sponsors */
.sponsors			{
	text-align: center;
	padding-bottom: 2em; }
.sponsors img		{ margin: 11px 44px; }
.sponsors p, .sponsors a			{ color: #000; }


/* button and link indicators */
a.scotty			{ color: #f0f; text-align: center; margin: 1em; display: block; }

.maincolumn	a.button { margin-right: 7px; padding:5px 10px; text-decoration: none; margin-left: if; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.maincolumn a[href^="http://www.slideshare.net"],
.maincolumn a[href^="http://slideshare.net"] {
	padding-left: 28px;
	background: url(../_media/general/slideshare.gif) no-repeat 10px center;
	}
.maincolumn a[href^="http://prezi.com"] {
	padding-left: 28px;
	background: url(../_media/general/prezi.png) no-repeat 10px center;
	}
.maincolumn	a.button { color:#ac40cd; background-color:white; }
.maincolumn	a.register { color:#fff; background-color:#c100cd; }



/* Nexus Chrome und VDI remote!*/
@media only screen and (device-width:1280px) and (orientation: landscape){
.speaker h3:nth-of-type(2n+1), 
.speaker h3:nth-of-type(2n+1) + p,
.speaker h3:nth-of-type(2n+1) + p + p,
.speaker h3:nth-of-type(2n+1) + p + p + p { margin-left: 99px; }
.speaker h3:nth-of-type(2n+1) img,
.speaker img.portrait[align="left"] { margin-left: -99px; }

.speaker h3:nth-of-type(2n),
.speaker h3:nth-of-type(2n) + p,
.speaker h3:nth-of-type(2n) + p + p,
.speaker h3:nth-of-type(2n) + p + p + p { text-align: right; margin-right: 99px; }
.speaker h3:nth-of-type(2n) img,
.speaker img.portrait[align="right"] { margin-right: -99px; }

.speaker h3 img		{ width:84px !important; height:auto !important;}

.threecolumns, .fourcolumns{ column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
}


@media only screen and (device-width:720px) and (orientation: portrait) {
.speaker h3:nth-of-type(2n+1), 
.speaker h3:nth-of-type(2n+1) + p,
.speaker h3:nth-of-type(2n+1) + p + p,
.speaker h3:nth-of-type(2n+1) + p + p + p { margin-left: 99px; }
.speaker h3:nth-of-type(2n+1) img,
.speaker img.portrait[align="left"] { margin-left: -99px; }

.speaker h3:nth-of-type(2n),
.speaker h3:nth-of-type(2n) + p,
.speaker h3:nth-of-type(2n) + p + p,
.speaker h3:nth-of-type(2n) + p + p + p { text-align: right; margin-right: 99px; }
.speaker h3:nth-of-type(2n) img,
.speaker img.portrait[align="right"] { margin-right: -99px; }

.speaker h3 img		{ width:84px !important; height:84px !important;}

.threecolumns, .fourcolumns	{ column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
}


/* iPad */
@media only screen and (max-device-width:1024px) {
* 					{ font-size:100% }
.twitter-friends img, img.crew { opacity: 0.77; }
}

/* iPhone */
@media only screen and (max-device-width: 640px) {
	h1					{
		font-size: 2.5em; }
	h2					{ font-size: 1.2em; }
	.twocolumns, .threecolumns, .fourcolumns { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
.twitter-friends img, img.crew { opacity: 0.77; }
	ul.social			{ position: relative; padding-bottom: 0; display:block; }
	.maincolumn img {
		height: auto;
		max-width: 100%; }
}