@import url(animate.css);
/*@import url(box-shadows.css);*/
@import url(plugins.css);
@import url(/system/modules/ch.ethz.sed.bootstrap.extensions/resources/css/infotable.css);
@import url(/system/modules/ch.ethz.sed.bootstrap.extensions/resources/css/sed-accordion.css);
@import url(/system/modules/ch.ethz.sed.bootstrap.extensions/resources/css/image-with-text.css);
@import url(/system/modules/ch.ethz.sed.bootstrap.extensions/resources/css/extensions.css);
@import url('https://fonts.googleapis.com/css?family=Aldrich|Open+Sans|Open+Sans:bold');
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300*/






body {
	
    font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:16px
    /*font-family: 'Open Sans Condensed', sans-serif;*/

}


/*colors:
orange for boxfeeder: #df9627 
orange for active: #e8b364
red for headlines: #8e150e
red for background: #832119 (heller) / #5b1612 (dunkler)
grey for background: #3d414a
beige:#f7e5d7

*/

/*** general ***/

p, ul, li, a, li a {
	color: #000;
	font-size:16px
}

a, a:hover, li a, li a:hover {
	border-bottom: 1.5px dotted #832119;
	font-size:	16px;
	text-decoration:none;
	color:#000
}

a.anchor_name {
	text-decoration:none;
	border-bottom:none
}


/*** deactivate a border-bottom ***/

a.fancybox-item.fancybox-close, a.fancybox-item.fancybox-close:hover, a.contact, a.contact:hover {
	border-bottom:none !important
}



/*** styles für templaterows ***/

.wrapper {
	background-color:#fff
}

.t_header {
	background-color:#832119
}

.t_bckg_grey  {
	background-color:#3d414a;
	margin-bottom:	30px
}

div.t_bckg_grey div.margin-bottom-30:last-child, div.t_bckg_grey .iwt img {
	margin-bottom:0px
}


.t_bckg_grey .iwt img{
	margin:0px auto !important;
	display:block
}

.t_bckg_grey .iwt .img_center100 {
    margin-bottom: 0px 
}

.t_bckg_grey .iwt .img_responsive_sed {
    max-width: 1800px !important;
}


/**** header ****/

.header {
	position:relative;
}



.logo_ethz {
	width:100px;
	position:absolute;
	top:20px;
	display:block;
	z-index:6000
}

.logo_insight {
	width:50px;
	position:absolute;
	top: 12px;
	display:block;
	z-index:6000
}

.logo_seis {
	position: absolute;
	top: 20px;
	display: block;
	z-index: 6000
}


a.logo_ethz, a.logo_insight, a.logo_ethz:hover, a.logo_insight:hover {
	border-bottom:none;
	text-decoration:none
}

.logo_ethz img {
	width:100px;
	
}

.logo_insight img {
	width:50px;
	
}

.logo_bckg {
	position:absolute;
	top:0px;
	z-index:1500
}

.logo_bckg_a {
	position:absolute;
	top:0px;
	z-index:1500
}

.logo_bckg_b {
	position:absolute;
	top:86px;
	z-index:1500
}

.service_block {
	position:absolute;
	top:0px;
	padding:0px 18px 0px 6px;
	background-color:#5b1612;
	border:1px solid #5b1612;
	border-radius: 0px 0px 10px 10px;
	z-index:5000;
	width:182px
	
}

#language_block {
	display:inline-block;
	float:left;
}

.active #en_switch, .active #de_switch {
	color: #e8b364
}

#en_switch, #de_switch {
	padding-left:15px;
	color:#fff;
	line-height:46px
}

#searchButtonHeader, .contact {
	display:inline-block;
	float:left;
	padding-left:15px;
	color:#fff;
	line-height:46px
}

a.contact:hover, a.contact:focus {
	color:#ffffff
}


a#en_switch, a#de_switch {
	font-size:18px;
	color:#fff
}

a#en_switch, a#de_switch, a#en_switch:hover, a#de_switch:hover, a#en_switch:active, a#de_switch:active {
	text-decoration:none;
	border-bottom:none
}

a#en_switch:active, a#de_switch:active {
	color:#e8b364
}


.service_block .fa-2x {
	font-size:1.5em;
	line-height:46px
	
}

.counter {
	position: absolute;
    left: 0px;
    z-index: 3000;
	padding:5px;
	color: #e8b364;
	font-family: 'Aldrich', sans-serif;
	font-size: 18px;
	height: 60px;;
	background-color:#491717;
	width:410px;
	border: 1px solid #491717;
	border-radius:10px
	
}

.counter_txt {
	display:inline-block;
    color: #e8b364;
    font-family: 'Aldrich', sans-serif;
    font-size: 16px;
    padding: 0px;
	width:210px;
}

.counter_txt span {
	position:absolute;
	top:15px
}

.counter_block {
	display:inline-block;
	height:56px;
	width:40px;
	text-align:center;
	line-height:24px
}

.counter_num {
	color:#fff;
	padding:2px 5px;
	font-size:18px;
	display:inline
}

.counter_num_txt {
	color:#e8b364;
	padding:2px 5px;
	font-size:16px;
	display:inline
}

#counter_launched {
	display:none;
	line-height:48px;
	text-align:center;
	color: #e8b364;
	font-family: 'Aldrich', sans-serif;
	font-size: 16px;
}


#counter_launched a {
	color: #e8b364 !important;
	border: none;
}

a.site_title {
	font-family:'Aldrich', sans-serif;
	text-align:center;
	color:#e8b364;
	font-weight: 700;
	font-size:24px;
	position: absolute;
	z-index: 4000;
	line-height:28px;
	left:0px;
	right:0px
		
}

a.site_title, a.site_title:hover {
	text-decoration:none;
	border-bottom:none
}



/*** headings ***/

h1, h2, h3, h4, h5, h6 {
    color: #8e150e;
    font-family: 'Open Sans', sans-serif;
}

h6 a {
	font-size: 14px
}

.headline h1, h1 {
	font-size:26px;
} 

.headline h3{
    border-bottom: none;
	color:#404f6a;
	font-size:21px;
}

.headline h4 {
    border-bottom: none;
	color:#8e150e;
	font-size:18px;
}

.headline h2 {
	border-bottom: 2px solid #832119;
	color:#000;
	font-size:24px;
	width:100%
	
}

.headline h3 {
	color:#8e150e;
	padding-bottom:0px
}

div.headline > p {
	margin-bottom:0px
}

.headline h4 {
	color:#8e150e
}


.headline {
	margin-bottom:	20px;
	margin-top:0px;
	border-bottom:none
}

/*** boxfeeder ***/
h2.blog::before, h2.events::before, h2.learnmore::before, h2.newsletter::before, h2.partners::before, h2.link::before, h2.reference::before, h2.download::before, h2.contact::before, h2.reference::before {
    font-family: 'FontAwesome';
    box-sizing: content-box;
    position: absolute;
    width: 0px;
    height: 0px;
    text-align: center;
    background-color: transparent;
    left: 0px;
    color: transparent;
    font-size: 24px;
    padding-left: 0px;
	content:''
}

/*.boxfeeder h2 {
	font-family: "Open Sans Condensed",sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 36px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: transparent;
	border-bottom: 0px solid transparent;
	color:#c35004
}
*/
/*** image-with-text ***/
a.detail::before {
    content: "\f13a";
    color: #df9627;
}

a .readmore {
	text-decoration:none;
	border-bottom:none
}

a:hover span.readmore {
	text-decoration:none !important;
	border-bottom:none !important;
	color:#8e150e
}


/*** tabs accordion ***/

.panel-default {
	border-left: 30px solid #3d414a;
    border-top: 0px solid #3d414a;
    border-right: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
}
.panel-default > .panel-heading::before {
	border-bottom: 1px solid #f5f5f5;
    content: "";


}

.sed_accordion::before {
    content: "\f13a";
	color:#df9627;
	left:-37px
}

.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus {
    background: #2c2f35;
}

.tab-v1 .nav-tabs {
    border-bottom: solid 2px #2c2f35;
}

.tab-v1 .nav-tabs a {
    background-color: #6f6f6f;
}

.tab-v1 .nav-tabs li > a:hover {
    background-color: #8e150e !important;
}



/*** carousel ***/
.carousel-v1 .carousel-caption {
	position:relative;
	padding:0px;
	background-color:transparent !important;
	text-shadow:none
}

.carousel-caption-block {
	position:relative;
	background-color:#e5e6eb;
	padding:8px 12px
}


.carousel-caption-block p {
	text-align:left;
	color:#000 !important
}

ol.carousel-indicators {
	margin-left: 0px !important;
	bottom: 0;
    left: 0;
    list-style: outside none none;
    margin-bottom: 0px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 15;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 10px;
}

.carousel-indicators .active {
    background-color: #000;
}


.carousel-v1 .carousel-arrow a.carousel-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 30px;
    height: inherit;
    opacity: 0.8;
    position: absolute;
    text-shadow: none;
    width: 40px;
	border-bottom:none
}

.carousel-v1 .carousel-arrow a i {
    background: #000 none repeat scroll 0 0;
    margin-top: -18px;
    padding: 2px 12px;
    position: absolute;
    top: 50%;
}

/*** infotable ***/
.default_label p {
	    font-weight: 700 !important;
		color:#3d414a
}

/**** footer ****/
#footer {
	border-top:2px solid #832119;
	width:100%;	
	padding: 10px 0px 20px
}


/***** print *****/
@media print {

	/*display webpage title */
	div.print_site_name::before {
    	margin: 0px 0px 20px;
    	content: "ETH Zurich on Mars Website";
    	display: block;
    	font-weight: 700;
	}
	
	
	/*disable these elements*/
	.header, .logo_bckg_a, .logo_bckg_b, .logo_ethz, .logo_insight, .service_block, .site_title, .counter,  div#topcontrol, #footer{
		display:none
	}
	

	
	/* restyle these elements with background color/image */
		
	
	/*to avoid table cut on Chrome */
	div.tableMargin {
		overflow:visible
	}
	
	/*to avoid image cut on firefox */
	img.img_responsive_sed, img.img_kti {
  			display:inline-block		
	}
	
	
	/*to avoid url as content of a tag */
	a:link:after, a:visited:after {
    	content: "";	
	}

	/* to avoid text cut on the right side of the table in Chrome */
	div.tableMargin {
		overflow:visible
	}
	
	/*to print columns correctly on chrome */
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    	float: left;
	}
	
	.col-sm-12 {
    	width: 100%;
  	}
	
  	.col-sm-11 {
    	width: 91.66666667%;
  	}
	
  	.col-sm-10 {
   		width: 83.33333333%;
  	}
	
  	.col-sm-9 {
    	width: 75%;
  	}
	
  	.col-sm-8 {
    	width: 66.66666667%;
  	}
	
  	.col-sm-7 {
    	width: 58.33333333%;
  	}
	
  	.col-sm-6 {
    	width: 50%;
  	}
	
  	.col-sm-5 {
    	width: 41.66666667%;
  	}
	
  	.col-sm-4 {
    	width: 33.33333333%;
  	}
	
  	.col-sm-3 {
    	width: 25%;
  	}
	
  	.col-sm-2 {
    	width: 16.66666667%;
  	}
	
  	.col-sm-1 {
    	width: 8.33333333%;
  	}
	
  	.col-sm-pull-12 {
    	right: 100%;
  	}
	
  	.col-sm-pull-11 {
    	right: 91.66666667%;
  	}
	
  	.col-sm-pull-10 {
    	right: 83.33333333%;
  	}
	
  	.col-sm-pull-9 {
    	right: 75%;
  	}
	
  	.col-sm-pull-8 {
    	right: 66.66666667%;
  	}
	
  	.col-sm-pull-7 {
    	right: 58.33333333%;
  	}
	
  	.col-sm-pull-6 {
    	right: 50%;
  	}
	
  	.col-sm-pull-5 {
    	right: 41.66666667%;
  	}

	.col-sm-pull-4 {
    	right: 33.33333333%;
  	}
	
  	.col-sm-pull-3 {
    	right: 25%;
  	}
	
  	.col-sm-pull-2 {
    	right: 16.66666667%;
  	}
	
  	.col-sm-pull-1 {
    	right: 8.33333333%;
  	}
	
  	.col-sm-pull-0 {
    	right: auto;
  	}
	
  	.col-sm-push-12 {
    	left: 100%;
  	}
	
  	.col-sm-push-11 {
    	left: 91.66666667%;
  	}
	
  	.col-sm-push-10 {
    	left: 83.33333333%;
  	}
	
  	.col-sm-push-9 {
    	left: 75%;
  	}
	
  	.col-sm-push-8 {
    	left: 66.66666667%;
  	}
	
  	.col-sm-push-7 {
    	left: 58.33333333%;
  	}
	
  	.col-sm-push-6 {
    	left: 50%;
  	}
	
  	.col-sm-push-5 {
    	left: 41.66666667%;
  	}
	
  	.col-sm-push-4 {
    	left: 33.33333333%;
  	}
	
  	.col-sm-push-3 {
    	left: 25%;
  	}
	
  	.col-sm-push-2 {
    	left: 16.66666667%;
  	}
	
  	.col-sm-push-1 {
    	left: 8.33333333%;
  	}
	
  	.col-sm-push-0 {
    	left: auto;
  	}
	
  	.col-sm-offset-12 {
    	margin-left: 100%;
  	}
	
  	.col-sm-offset-11 {
    	margin-left: 91.66666667%;
  	}
	
  	.col-sm-offset-10 {
    	margin-left: 83.33333333%;
  	}
	
  	.col-sm-offset-9 {
    	margin-left: 75%;
  	}
	
  	.col-sm-offset-8 {
    	margin-left: 66.66666667%;
  	}
	
  	.col-sm-offset-7 {
    	margin-left: 58.33333333%;
  	}
	
  	.col-sm-offset-6 {
    	margin-left: 50%;
  	}
	
  	.col-sm-offset-5 {
    	margin-left: 41.66666667%;
  	}
	
  	.col-sm-offset-4 {
    	margin-left: 33.33333333%;
  	}
	
  	.col-sm-offset-3 {
    	margin-left: 25%;
  	}
	
  	.col-sm-offset-2 {
   		margin-left: 16.66666667%;
  	}
	
  	.col-sm-offset-1 {
    	margin-left: 8.33333333%;
  	}
	
  	.col-sm-offset-0 {
    	margin-left: 0%;
	}
		
	.visible-xs {
    	display: none !important;
  	}
	
  	.hidden-xs {
    	display: block !important;
  	}
	
  	table.hidden-xs {
    	display: table;
  	}
	
  	tr.hidden-xs {
    	display: table-row !important;
  	}
	
  	th.hidden-xs,
  	td.hidden-xs {
    	display: table-cell !important;
  	}
	
  	.hidden-xs.hidden-print {
    	display: none !important;
  	}
	
  	.hidden-sm {
    	display: none !important;
  	}
	
  	.visible-sm {
    	display: block !important;
  	}
	
  	table.visible-sm {
    	display: table;
  	}
	
  	tr.visible-sm {
    	display: table-row !important;
  	}
  
  	th.visible-sm,
  	td.visible-sm {
    	display: table-cell !important;
	}

	
	
}