/*** stylesheet image-with-text.css to be imported at the beginning of the sitename.css file when the resource image-with-text located in the extension module is used, that is: 
@import url(/system/modules/ch.ethz.sed.bootstrap.extensions/resources/css/image-with-text.css);
 ***/

.img_responsive_sed {
    display: block;
    height: auto;
    width: 100%;
}

.img_bordered_sed {
    border:1px solid  #000;
	padding:3px
}

.img_center15, .img_center20, .img_center25, .img_center33, .img_center50,.img_center66, .img_center80, .img_center100 {
	display:block;
	margin:0px auto 10px;
}
.img_left15, .img_left20, .img_left25, .img_left33, .img_left50, .img_left66, .img_left80 {
	display:block;
	float:left;
	margin-bottom:10px
}
.img_right15, .img_right20, .img_right25, .img_right33, .img_right50, .img_right66, .img_right80  {
	display:block;
	float:right;
	margin-bottom:10px
}

.img_center15, .img_left15, .img_right15 {
	width:15%;
}
.img_center20, .img_left20, .img_right20 {
	width:20%;
}
.img_center25, .img_left25, .img_right25 {
	width:25%;
}
.img_center33, .img_left33, .img_right33 {
	width:33%;
}
.img_center50, .img_left50, .img_right50 {
	width:50%;
}
.img_center66, .img_left66, .img_right66 {
	width:66%;
}
.img_center80, .img_left80, .img_right80 {
	width:80%;
}
.img_center100 {
	width:100%;
}

.text_right0, .text_left0 {
	display:none
}

.text_right20, .text_right25, .text_right33, .text_right50, .text_right66,  .text_right75, .text_right80, .text_right85 {
	padding-left:10px;
}
.text_left20, .text_left25, .text_left33, .text_left50, .text_left66, .text_left75, .text_left80, .text_left85 {
	padding-right:10px;
}

.text_right20 {
	margin-left:80%
}
.text_right25 {
	margin-left:75%
}
.text_right33 {
	margin-left:66%
}
.text_right50 {
	margin-left:50%
}
.text_right66 {
	margin-left:33%
}
.text_right75 {
	margin-left:25%
}
.text_right80 {
	margin-left:20%
}
.text_right85 {
	margin-left:15%
}


.text_left20 {
	margin-right:80%
}
.text_left25 {
	margin-right:75%
}
.text_left33 {
	margin-right:66%
}
.text_left50 {
	margin-right:50%
}
.text_left66 {
	margin-right:33%
}
.text_left75 {
	margin-right:25%
}
.text_left80 {
	margin-right:20%
}
.text_left85 {
	margin-right:15%
}


.bottom_separator {
	border-bottom:1px dotted #000
}

/*** End Image with text Block ***/


/*** Detail block extensions ***/
a.detail_close:before, a.detail:before {
    font-family: FontAwesome;
    font-size: 22px;
    font-weight: normal;
	color:#585f69;
}

a.detail_close:before {
	content: "\f106";
}

a.detail:before {
	content: "\f107";
}

a.detail, a.detail_close {
 background:none 
 padding:0px;
 margin:0px;
 border-bottom:0px dotted transparent;
}

a.detail:hover, a.detail_close:hover, a.detail:focus, a.detail_close:focus,a.detail:active, a.detail_close:active {
	 border-bottom:0px dotted transparent;
}


span.readmore {
	border-bottom:1px dotted #d43305
}

/*** Boxfeeders ***/
.boxfeeder .headline {
	position:relative
}
.boxfeeder h2 {
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 36px;
    margin: 0px;
    padding-left: 46px;
    padding-right: 15px;
	background-color:#e9e9e9;
	border-bottom:0px solid transparent
	
}

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:34px;
	height:36px;
	text-align:center;
	background-color:#2e6299;
	left:0px;
	color:#ffffff;
	font-size:24px;
	padding-left:2px
}

h2.blog:before {
	content:'\f0a1';
}

h2.events:before {
	content:'\f005';
}

h2.learnmore:before {
	content:'\f129';
}

h2.newsletter:before {
	content:'\f0e0';
}

h2.partners:before {
	content:'\f12e';
}

h2.link:before {
	content:'\f0c1';
}

h2.reference:before {
	content:'\f007';
}

h2.download:before {
	content:'\f019';
}

h2.contact:before {
	content:'\f0e0';
}

h2.reference:before {
	content:'\f0f6';
}