body{
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	font-weight:lighter;
}

.image{
	display:block;
	background-repeat: no-repeat;
	background-position: center;
	margin:0;
	padding:0;
}

.image.image-logo{
	background-image:url('../img/nav-logo.png');
	width:255px;
	height:31px;
	background-size:255px 31px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	.image.image-logo{background-image:url('../img/nav-logo%402x.png');}
}

.navbar-inverse{
	background-color:rgba(255,255,255,1);
	border-color:rgba(0,0,0,0.3);
}

.navbar .container{
	background-color:rgba(255,255,255,1);
}

.navbar-inverse .navbar-nav>li>a{
	color:#000;
}

.navbar-inverse .navbar-nav>li>a:focus, 
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover{
	background-color:rgba(86,187,171,0.3);
	color:#000;
}

.navbar-inverse .navbar-toggle .icon-bar{
	background-color:#000;
}

.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar{
	background-color:#fff;
}

.navbar-brand{
	padding-top:10px;
}

#header{
	background-repeat: no-repeat;
	background-position: top center;
	background-image:url('../img/header-1.jpg');
	margin-top:50px;
	width:100%;
	height:500px;
}

#header.venue{
	background-image:none;
}

#header .container{
	text-align: center;
}

#header img{
	margin-top:10px;
	max-width: 100%;
}

#header.empty #innerheader,
#header.empty{
	height:60px;
}

#innerheader{
	width:100%;
	height:500px;
}

h1,h2,h3{
	font-family: 'Montserrat', sans-serif;
	width:100%;
	text-align: center;
	margin:0;
	padding:0;
	color:#fff;
}

h3{
	font-size:20px;
	padding-top:15px;
}

h2{
	font-size:25px;
	padding-top:190px;
}

h1{
	font-weight:bold;
	font-size:30px;
	padding-top:10px;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
}

.content-page h1{
	text-shadow:none;
}

#legal{
	padding-bottom:50px;
}

p.center{
	text-align: center;
}

#intro{
	padding-top:80px;
}

#intro h5{
	line-height:16px;
	font-size:12px;
	padding-bottom:15px;
}

#intro strong{
	display: block;
	text-align: center;
	font-size:20px;
	padding-top:10px;
}

#intro h2,
#intro h3{
	color:#000;
	padding:0 0 5px 0;
	margin:0;
	text-align: left;
}

#intro h3{
	font-size:16px;
}

#intro h2{
	font-size:20px;
}

#intro p{
	padding-top:10px;
}

#intro .btn{
	text-decoration: none;
}

#intro .glyphicon{
	margin-right:10px;
	font-size:15px;
}

a.img-link{
	text-indent: -1000px;
	overflow:hidden;
	display: inline-block;
	background-position: top right;
	background-repeat: none;
	padding:0 !important;
}

a.img-link:hover{
	background-position:top left;
}

a.img-link.twitter{
	margin-top:14px;
	margin-right:20px;
	margin-left:15px;
	height:22px;
	width:27px;
	background-image:url("../img/twitter.gif");
}

a.img-link.facebook{
	margin-left:15px;
	margin-top:14px;
	height:22px;
	width:22px;
	background-image:url("../img/facebook.gif");
}

#vis_call_teaser{
	background-image:url("../img/vis_call_teaser.jpg");
	text-align: center;
	margin-bottom:10px;
}

#vis_call_teaser img{
	max-width:90%;
	margin: 40px auto 40px auto;
}

.color-border{
	border-top:5px solid rgba(86,187,171,1);
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	height:15px;
	width:100%;
	margin:0 0 15px 0;
	padding:0;
}

.divline{
	margin-top:30px;
	margin-bottom:60px;
	height:20px;
	background-image:url("../img/split.gif");
	background-size:600px 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.before-newsletter{
	margin-bottom: 0;
}

.icon-row{
	text-align: center;
	padding-bottom:30px;
	padding-top:30px;
}

.icon-row img{
	opacity:0.5;
	margin:10px;
}

p{
	padding-bottom:15px;
}

p .emph{
	font-size:20px;
}

p strong{
	font-weight:bold;
}

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

p a:hover{
	color:rgba(24,154,103,0.7);
}

#legal_copy{
	font-size:12px;
}

#legal label{
	font-size:12px;
}

#newsletter{
	padding-top:60px;
}

#newsletter .btn-default{
	height:40px;
}

#newsletter .btn-default,
.btn-default{
	color:#fff;
	background-color:rgba(86,187,171,1);
	border:3px solid rgba(86,187,171,1);
	clear:both;
}

.btn-primary{
	color:#fff;
	background-color:rgba(86,187,171,1);
	border-color:rgba(86,187,171,1);
}

.btn-primary:hover{
	color:rgba(24,154,103,1);
	background-color:#fff;
}

#newsletter .btn-default:hover,
#newsletter .btn-default:focus,
.btn-default:hover{
	color:rgba(86,187,171,1);
	background-color:#fff;
	border:3px solid rgba(86,187,171,1);
}

.checkbox-inline.first{
	padding-left:30px;
}

.checkbox-inline{
	font-size:14px;
}

#legal{
	padding-top:30px;
}

h1.head{
	color:#000;
	font-size:35px;
	text-align: center;
	padding-bottom:40px;
	padding-top:100px;
}

#about{
	padding-top:50px;
	padding-bottom:50px;
	background-color:rgba(86,187,171,1);
	background-position:center;
}

#about .col > div{
	padding: 40px 10px 20px 10px;
	background-color:#fff;
}

#about h4, #about p{
	width:100%;
	max-width:400px;
	display:block;
	margin: 0 auto;
}

#newsletter{
	padding-bottom:75px;
}

#mc_embed_signup form{
	padding:0;
}

h4{
	text-align: left;
	font-size:25px;
	padding-bottom:20px;
}

#footer{
	background-color:#111;
}

#innerfooter{
	background-repeat: no-repeat;
	background-position: center;
}

#innerinnerfooter{
	padding-top:0px;
	padding-bottom:50px;
	color:#fff;
	background-color:rgba(255,255,255,0.3);
	border-bottom:15px solid #333;
}

#footer p, #footer h5{
	text-align: center;
}

#footer a{
	margin: 0 20px;
	color:#fff;
	text-decoration: none;
}

#footer p.legal{
	margin: 0;
	padding-top:20px;
	font-size:14px;
}

#footer h5{
	padding:50px 0 10px 0;
}

#attribution{
	padding:20px 0;
	background-color:#000;
	font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
	color:rgba(255,255,255,0.5);
}

#attribution a{ color:rgba(255,255,255,0.7); }
#attribution a:hover{ color:rgba(255,255,255,1); }

@media screen and (max-width: 990px) {
	.nav>li>a {
		padding: 15px 10px;
	}
}

@media screen and (min-width: 990px) {
	#vis_call_teaser{
		height:370px;
		margin:0;
	}

	#vis_call_teaser img{
		margin-top:110px;
	}

}

@media screen and (min-width: 1200px) {
	#vis_call_teaser{
		height:305px;
	}

	#vis_call_teaser img{
		margin-top:80px;
	}

}


@media screen and (min-width: 768px) {

	.nav-lang{
		margin-left:10px;
	}

	.navbar-inverse .navbar-nav.nav-lang>li,
	.navbar-inverse .navbar-nav.nav-lang>li a{
		padding-right:0;
		padding-left:0;
		color:rgba(0,0,0,0.5);
	}

	.navbar-inverse .navbar-nav.nav-lang>li.first span{
		padding-right:5px;
		margin-right:5px;
		border-right:2px solid rgba(0,0,0,0.6);
	}

	.navbar-inverse .navbar-nav.nav-lang>li>a:focus,
	.navbar-inverse .navbar-nav.nav-lang>li>a:hover,
	.navbar-inverse .navbar-nav.nav-lang>.active>a:focus,
	.navbar-inverse .navbar-nav.nav-lang>.active>a:hover{
		background-color:transparent;
		color:rgba(0,0,0,1);	
	}

	.navbar-inverse .navbar-nav.nav-lang>.active>a{
		background-color:transparent;
		color:rgba(0,0,0,0.8);
	}
}

@media screen and (max-width: 470px) {
	h2{
		padding-top:100px;
	}
}

.event-item{
	height:80px;
	border-bottom:1px solid rgba(0,0,0,0.3);
	border-right:1px solid rgba(0,0,0,0.3);
	margin-left:-15px;
	margin-right:-15px;
	padding:5px;
}

.event-item a{
	color:#000;
	cursor: pointer;
}

.event-item strong{
	font-size:12px;
}

.event-item.odd{
	background-color: rgba(0,0,0,0.05);
}

.event-item.even{
	
}

.splitter{
	font-size:5px;
}

.color-legend{
	width:30px;
	height:100%;
	border:1px solid rgba(0,0,0,0.3);
}

.label-legend{
	padding-left:20px;
}

.event-track.color-cands span,
.event-item.color-cands,
.color-legend.color-cands{
	background-color:#E4DB91;
}

.event-item.color-cands.odd{
	background-color:#CDC480;
}

.event-track.color-anthro span,
.event-item.color-anthro,
.color-legend.color-anthro{
	background-color: #E18792;
}

.event-item.color-anthro.odd{
	background-color: #CC7882;
}

.event-track.color-vis span,
.event-item.color-vis,
.color-legend.color-vis{
	background-color: #89CAE3;
}

.event-item.color-vis.odd{
	background-color: #7DB8CF;
}

.event-track.color-partner span,
.event-item.color-partner,
.color-legend.color-partner{
	background-color: #D4A0E8;
}

.event-item.color-partner.odd{
	background-color: #C695D9;
}

.time-item{
	height:40px;
	border-bottom:1px solid rgba(0,0,0,0.7);
	border-right:1px solid rgba(0,0,0,0.7);
	margin-left:-15px;
	margin-right:-15px;
	padding:5px;
}

.event-item strong{
	display: block;
	width:100%;
}

.phase-title{
	border-bottom:1px solid rgba(0,0,0,0.7);
	border-right:1px solid rgba(0,0,0,0.7);
	padding:5px;
	font-size:24px;
}

#calendar{
	padding-bottom:100px;
}

.phase-title.second-title{
	clear:both;
}

@media (max-width: 1200px){
	.phase-title.second-title{
		margin-top:50px;
	}
}

@media (min-width: 768px)  and (max-width: 992px){
	.nav-social{
		display: none;
	}

	.event-item{
		height:100px;
	}
}

@media (max-width: 768px){
	.event-item{
		height:auto;
		border-left:1px solid rgba(0,0,0,0.3);
	}	

	.time-item{
		margin-top:20px;
		border-right:none;
	}

	.phase-title{
		border-right:none;
	}

	.phase-title.second-title{
		clear:both;
		margin-top:0;
		padding-top:50px;
	}
}

#header.calendar{
	background-image:url('../img/header_calendar_bg.jpg');
}

#header.calendar.detail{
	background-image:url('../img/event_detail_default_bg.jpg');
}


#header.calendar,
#header.calendar #innerheader{
	height:auto;
}

#header.calendar.detail #innerheader{
	height:360px;
	background-repeat: no-repeat;
	background-position: top center;
	background-image:url('../img/event_detail_default.jpg');
}

#header.calendar img{
	margin-top:0px;
	max-width: 100%;
}

#calendar-intro{
	padding-top:50px;
	padding-bottom:100px;
}

#calendar-intro .head{
	padding-top:70px;
}

.event-skyline{
	display: block;
	text-align: center;
	color: #fff;
	padding-top: 100px;
	font-size:20px;
	font-weight:normal;
}

h1.event-headline{
	padding-top:5px;
	font-size: 36px;
}

h2.event-subline{
	padding-top:7px;
	font-size:24px;
	font-weight:normal;
	padding-bottom:24px;
}

.event-time{
	border-radius: 4px;
	background-color: #fff;
	padding:3px 6px;
}

.event-description strong{
	font-size:20px;
}

#header #stoerer img{
	width:146px;
	height:146px;
	margin-top:0;
}

#header #stoerer{
	width:100%;
	float:right;
	margin-top:-37px;
	height:146px;
}

.event-track{
	text-align: center;
	line-height:24px;
}

.event-track span{
	border-radius: 3px;
	padding:2px 4px;
	font-size:20px;
}

.insite-headline{
	color: #000;
	padding-top:40px;
	text-align: left;
	font-weight: bold;
	padding-bottom:5px;
}

.english-note{
	padding-top:20px;
	display: block;
}

.event-back{
	display: block;
	text-align: center;
}

.event-back a{
	text-decoration: none;
	color:rgba(24,154,103,0.7);
}

#map{
	width:100%;
	height:500px;
}

.image-hover .hover,
.image-hover:hover .normal{
	display: none;
}

.image-hover:hover .hover,
.image-hover .normal{
	display: block;
}