/*  balkan-criminology.eu 2013 */

@font-face {
    font-family: 'robotoregular';
    src: url('../res/fonts/Roboto/Roboto-Regular-webfont.eot');
    src: url('../res/fonts/Roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../res/fonts/Roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('../res/fonts/Roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../res/fonts/Roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../res/fonts/Roboto/Roboto-Light-webfont.eot');
    src: url('../res/fonts/Roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../res/fonts/Roboto/Roboto-Light-webfont.woff') format('woff'),
         url('../res/fonts/Roboto/Roboto-Light-webfont.ttf') format('truetype'),
         url('../res/fonts/Roboto/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*
	bc red:  rgb(161,77,63)
*/


/* typography */ 
html {
	font-family: 'robotolight', sans-serif; 
	line-height: 1.5;
	}
th, 
b, 
strong , 
.strong {
	font-weight: normal; 
	font-family: 'robotoregular', sans-serif; 
	}


h1, h2, h3, h4, h5, h6 {
	font-weight: normal; 
	}

ul, ol { 
	padding-left: 1.5em; 
	}
figure {
	margin: 1em 0; 
	}
figcaption {
	color: gray; 
	font-style: italic; 
	}

a {
	text-decoration: none; 
	}
a:hover {
	text-decoration: underline; 
	}
a.email { 
	background: url("../res/mail.png") no-repeat scroll 4px center transparent; 
	padding-left: 18px; 
	}
a.pdf {
	background: url("../res/file_pdf.png") no-repeat scroll 0 center transparent;
	padding-left: 27px;
	}
a.external {
	background: url("../res/link-external.png") no-repeat scroll 100% center transparent;
	padding-right: 18px;
	}
ul {
	list-style-type: square; 
	}
.langHint {
	font-variant: small-caps; 
	font-size: 10px; 
	font-weight: bold; 
	color: silver; 
	letter-spacing: 1px; 
	}
.small {
	font-size: smaller; 
	}
ul.gallery {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	}
ul.gallery .galleria-container {
	background-color: white; 
	}
ul.gallery .galleria-thumbnails-container {
	background-color: rgb(217, 217, 217); 
	padding: 5px 0; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	}
ul.gallery .galleria-thumbnails .galleria-image {
	border: none; 
	}

ul.gallery .galleria-thumb-nav-left, 
ul.gallery .galleria-thumb-nav-right {
	top: 5px; 
	}
ul.gallery .galleria-thumb-nav-left:hover, 
ul.gallery .galleria-thumb-nav-right:hover {
	background-color: rgb(161,77,63)
	}

	
	
	
nav h6, 
.offscreen {
	display: none; 
	}

.isMember h2 { font-size: 2em; }
.isMember h3 { font-size: 1.5em; }
	
	
.quote {
	float: right; 
	width: 40%; 
	padding: 0.5em 1em; 
	margin: 0 0 1em 2em; 
	background-color: rgb(161,77,63); 
	color: white; 
	}
.full-width {
	width: auto; 
	float: none; 
	margin: 0; 
}
td.cat {
	text-align: center; 
	}
td.cat span {
	border-radius: 3px;
	color: white;
	display: inline-block;
	padding: 2px 5px;
	text-align: center;
	font-variant: small-caps; 
	font-size: smaller; 
	background-color: #A5A7A9; 
	}
td.cat span:hover {
	background-color: black; 
	}


#sidebar {
background-color: white;
width: 250px !important;
float: right;
position: relative;
right: 0;
margin-left: 5em;
margin-bottom: 3em;
padding-top: 2.5em;
}
#sidebar .portrait img {
width: 100%;
}
	
hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
	}
/* -------------------------------------------------------------------------- */
/* page-ID: network */


#table_network {
	font-size: smaller; 
	margin-bottom: 2em; 
	-ms-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	}

.network .portrait {
	float: right; 
	width: 200px; 
	background-color: gray; 
	margin: 0 0 0.5em 2em; 
	}

/* -------------------------------------------------------------------------- */
/* page-ID: team */
	
.researchProjects {
	font-size: smaller; 	
}

/* -------------------------------------------------------------------------- */
/* page-ID: publications */

.list-publications {
	padding-left: 0;  
	}
.list-publications > li {
	margin-bottom: 2em; 
	list-style: none;
	border-bottom: 1px solid silver;
	padding-bottom: 2em;
	}
.list-publications h3 {
	color: rgb(161, 77, 63); 
	}

.publications .cover {
	float: right;
	width: 260px;
	text-align: center; 
	margin: 0 0 1em 2em;  
	}
.publications .cover img {
	border: 1px solid silver; 
	padding: 2px; 
	}

.table_publikationen .title {
	width: 70%; /* fixes weird 3px jumping bug on slideToggle */
	padding-left: 0; 
	padding-right: 0; 
	}

/* -------------------------------------------------------------------------- */
/* page-ID: supporters */
.partnerlinks ul {
	padding: 0; 
	margin: 0 0; 
	overflow: hidden; 
	padding-bottom: 40px;
	background:  url(../res/plus.png) no-repeat 0 100%; 
	}
.partnerlinks .p_more_4 {
	background-image: none; 
	}
.partnerlinks h2 	{  
	padding-top: 40px; 
	background:  url(../style/icons/plus.png) no-repeat 0 0;  
	}

.partnerlinks .p_bc {
	margin-top: 3em; 
	}

.partnerlinks li {
	list-style-type: none; 
	display: block; 
	height: 140px; 
	overflow: hidden; 
	}
.partnerlinks a {
	display: block; 
	background-image: none; 
	padding-right: 0; 
/*
	background-repeat: no-repeat; 
	background-position: 50% 50%; 
	text-indent: -999em; 
	overflow: hidden; 
*/
	}

.partnerlinks  img {
	margin: auto auto; 
	padding: 20px 0; 
	max-width: 100%; 
	display: block; 
	}

.partnerlinks .p_more_3  li {
	float: left; 
	width: 33%; 
	}
.partnerlinks .p_more_4  li {
	float: left; 
	width: 50%; 
	}
.partnerlinks .p_more_4 img {
	max-width: 80%; 
	}

/*
.partnerlinks .p_bc a {
	background-image: url(../img/supporters/bc.png); 
	background-position: 0% 50%; 
	width: 284px; 
	height: 100px; 
	margin: 0 auto; 
	}
.partnerlinks .unifr-mpicc li {
	border: 0px solid blue;
	} 

.partnerlinks .unifr { float: left; width: 49%; }
.partnerlinks .mpicc { float: left; width: 49%; }
.partnerlinks .mpg  { clear: both; }
.partnerlinks .unifr a 	{ background-image: url(../style/logos/partner-uni-fr.png); height: 160px; background-position: 50%;  }
.partnerlinks .mpicc a 	{ background-image: url(../style/logos/partner-mpicc.png);  height: 160px; background-position: 50%; }
.partnerlinks .mpg a 	{ background-image: url(../style/logos/partner-mpg.png);  height: 140px; width: 150px; margin: 0 auto; }


.partnerlinks .korse 	{ background-image: none; }
.partnerlinks .korse a 	{ background-image: url(../style/logos/partner-korse.png);  height: 70px; width: 280px; margin: 0 auto; }
	
*/
	
	
/* 	=====================================================
	layout 
	===================================================== */
html {  
	overflow-y: scroll; 
	}

body {
	width: 960px; 
	padding: 0 1em; 
	margin: 0 auto 1em auto; 
	border-width: 0 0px; 
	border-color: black; 
	border-style: solid; 
	/* background: white url("../res/bc_bg.png") fixed no-repeat 0 100%;  */
	}

body > header {
	position: relative; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;

	}
	
body > header h1 {
	margin: 0; 
	padding: 40px 0 10px 0; 
	}
h1 a {
	display: block; 
	width: 284px; 
	height: 100px; 
	}

header .partners {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 960px;
	border-bottom: 1px solid black; 
	}

header .partners p, 
header .partners a {
	line-height: 17px; 
	}

header .partners p, 
header .partners ul {
	float: left; 
	}
header .partners p {
	width: 230px;
	background-image: none; 
	}
header .partners ul {
	display: block; 
	letter-spacing: 0;
	}
header .partners li {
	margin-right: 1.8em; 
	}
header .partners li:first-child {
	margin-left: 1.8em; 
	}
header .partners li:last-child {
	float: right; 
	margin-right: 0; 
	}
#nav_service {
	position: absolute; 
	top: 24px; 
	right: 0; 
	font-size: smaller; 
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	}
#nav_service li {
	float: right; 
	margin-left: 1px; 
	list-style: none; 
	}
#nav_service a {
	background-color: rgb(161,77,63); 
	color: white; 
	display: block; 
	text-decoration: none; 
	padding: 2em 0.5em 0.25em 0.5em; 
	}
#nav_service a:hover {
	text-shadow: 0 0 1em rgba(255,255,255,0.8), 0 0 0.4em rgba(255,255,255,0.8); 
	}
#nav_service li:first-child a {
	background: black;  
	font-weight: bold; 
	}
#nav_service li:last-child a {
	background: rgb(161,77,63) url(../res/home.png) no-repeat 50% 80%;
	text-indent: -99em; 
	overflow: hidden; 
	padding-left: 40px;  
	}

nav ul {
	padding: 0; 
	margin: 1em 0 0 0; 
	}
nav ul ul {
	margin: 0; 
	}
nav li {
	background-color: rgb(217,217,217); 
	background-color: white; 
	display: block; 
	list-style: none; 
	margin: 1px 0; 
	}
nav li li {
	}
nav li a {
	padding: 2px 5px; 
	display: block; 
	color: black; 
	text-decoration: none; 
	-moz-transition: all 0.15s ease-in-out; 
	-webkit-transition: all 0.15s ease-in-out; 
	-o-transition: all 0.15s ease-in-out; 
	transition: all 0.15s ease-in-out; 
	}
nav li li a {
	padding-left: 2em; 
	}

nav a:hover, 
nav .current_page {
	text-decoration: none; 
	background-color: rgb(161,77,63); 
	color: white; 
	}
nav .current_folder {
	background-color: rgb(138, 138, 138); 
	background-color: rgb(194, 194, 194); 
	background-color: rgb(217, 217, 217); 
	}



.wrapper {
	padding-bottom: 2em; 
	clear: both; 
	overflow: hidden; 
	}

.wrapper > nav, 
.wrapper > main {
	background-color: white; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	}
.wrapper > nav {
	float: left; 
	width: 22%; 
	}
.wrapper > main {
	float: right; 
	width: 75%; 
	}
.wrapper > main > section p {
	text-align: left; 
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}



.citeas {
	text-align: left; 
	line-height: 130%; 
	margin-top: 3em; 
	font-size: smaller; 
	color: #828282; 
	}

footer {
	font-size: 11px; 
	letter-spacing: 1px; 
	clear: both; 
	border-top: 1px solid black; 
	border-bottom: 1px solid black; 
	position: relative; 
	}


.partners {
	font-size: 11px; 
	letter-spacing: 1px; 
	}
.partners h6 {
	display: none; 
	}
.partners p {
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	background: url(../res/logo_14x14.png) no-repeat 3px 40%; 
	margin: 0; 
	padding: 3px; 
	padding-left: 22px; 
	background-color: black; 
	color: white; 
	text-transform: uppercase; 
	display: inline-block; 
	width: 24%; 
	}
.partners ul {
	overflow: hidden; 
	margin: 0; 
	padding: 3px; 
	background-color: white; 
	}
.partners li {
	display: block; 
	width: auto; 
	float: left; 
	margin-right: 3em; 
	overflow: hidden; 
	background-repeat: no-repeat; 
	background-position: 50% 100%; 
	}
.partners li:last-child {
	margin-right: 0; 
	}
.partners li a {
	color: black; 
	text-transform: uppercase; 
	}


footer a {
	text-decoration: none; 
	}
footer a:hover {
	text-decoration: underline; 
	}

	
footer .legal {
	position: absolute; 
	top: 0px; 
	right: 0; 
	background-color: black; 
	color: white; 
	padding: 3px; 
	font-weight: bold; 
	}
footer .legal a {
	font-weight: normal; 
	display: inline-block; 
	color: white; 
	border-left: 0px solid white; 
	border-bottom: 0px solid white; 
	}
	

th, td {
	vertical-align: top; 
	text-align: left; 
	padding: 6px; 
	font-weight: normal; 
	}

table table td, 
table table th {
	padding-left: 0; 
	padding-top: 6px;
    padding-bottom: 6px; 
	}
table table th {
	white-space: nowrap; 
	}
table {
	width: 100%; 
	border-top: 2px solid rgb(231, 230, 228); 
	border-bottom: 2px solid rgb(231, 230, 228); 
	}
table .toggled {
	display: none; 
	}
table thead tr {
	background-color: rgb(244, 242, 241); 
	}
table thead th {
	line-height: 2em; 
	}
table td {
	border-top: 1px solid rgb(232, 230, 228);
	padding: 12px 6px; 
	}
table table, 
table td td {
	border: none; 
	}



table .lessToggle:after { content: "\a0▴"; } 

table p {
	margin: 0.25em 0; 
	}

.author i {
	font-size: smaller
	}

.eventDetails th, 
.eventDetails td {
	padding: 6px 6px; 
	}

.eventDetails {
	font-size: smaller; 
	}
.eventDetails thead tr {
	background-color: rgb(217, 217, 217); 
	color: black; 
	}
.eventDetails tbody tr {
	background-color: rgb(161,77,63); 
	color: white; 
	font-family: 'robotoregular'; 
	}


.col1, 
.col2 {
	width: 49%; 
	float: left; 
	}
.col2 {
	float: right; 
	}
.newsletter main hr {
	clear: both; 
	}


	
/* dataTables */

th.sorting:after 	{ content: "\a0▾▴"; }
th.sorting_asc:after 	{ content: "\a0▾"; }
th.sorting_desc:after 	{ content: "\a0▴"; }

.dataTables_filter {
	background-color: rgb(244, 242, 241); 
	overflow: hidden; 
	border-bottom: 1px solid white; 
	padding: 6px; 
	}
.dataTables_filter label {
	float: right; 
	}
.dataTables_filter label span {
	visibility: hidden; 
	}
.dataTables_filter label input {
	width: 20em; 
	border-color: rgb(102, 102, 102) rgb(204, 204, 204) rgb(204, 204, 204) rgb(102, 102, 102);
	border-radius: 0;
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px;
	background: url(../res/search.png) no-repeat scroll 3px center white;
	padding-left: 30px;
	}
.dataTables_filter label input.filtered {
	background-color: rgba(212,212,212,1);
	}
.dataTables_empty, 
.dataTables_info {
	color: rgb(161,77,63); 
	text-align: right; 
	}
/* -----------------------------------------------------------------------------
jquery accessible tabs 
----------------------------------------------------------------------------- */
.tabs {
width:100%;
}
.tabs ul.tabs-list {
width: 100%; 
float: left; 
list-style: none;
padding: 0;
margin: 0 0 1em 0;
border-bottom: 1px solid black;
}
.tabs ul.tabs-list li {
float: left;
border-width: 1px 0 0 1px; 
border-style: solid; 
border-color: silver;
border-right: 1px solid rgb(244, 242, 241);
padding-top: 0em; 
margin-top: 0.25em; 
}
.tabs ul.tabs-list li.last {
border-right: 1px solid silver; 
}
.tabs ul.tabs-list a {
float:left;
display:block;
padding:5px 2em 4px 2em;
text-decoration:none;
font-weight:bold;
color:#765;

background-color: rgb(244, 242, 241); 
text-align: center; 
}

.tabs ul.tabs-list a:hover {
background: rgb(161,77,63); 
color: white; 
}
.tabs ul.tabs-list .current {
border-width: 1px 1px 0 1px;
border-style: solid; 
border-color: black !important;
padding-top: 0.25em; 
margin-top: 0;
}
.tabs ul.tabs-list .current a {
position: relative;
top: 1px;
background: white;
color: rgb(161,77,63); 
}

.js .tabs .current-info,
.js .tabs .accessibletabsanchor,
.js .tabs .tabhead {
	position:absolute;
	left:-999em;
}
.js .tabs .content{
	clear:both;
}

.tabs table {
border-top: none; 
border-bottom: none; 
}

.tabs table h4 {
margin-top: 0; 
}

	
	
/* -----------------------------------------------------------------------------
jquery colorbox 
----------------------------------------------------------------------------- */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}