/*Styles by Nils Tarnowski - 2015*/

/*Grundlegendes*/

a {
  text-decoration: none;
}

#zoom {
  background-image: url(../images/bg_iris.gif);
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: normal;
  text-align: left;
  }

header, section, footer, aside, nav, main, article, figure {
  display: block; 
  }

header {margin-bottom: .2em;}

#page_sommaire, #page_rubrique {
  margin: 0 auto;
  width: 62.5em;
  }

#page_sommaire .span3, #page_rubrique .span3 {position: absolute; top: 2.8em; z-index: 1500;}
#page_article .span3, #page_recherche .span3, #page_auteur .span3, #page_404 .span3 {display: none;}
#page_sommaire .main, #page_rubrique .main {border-top: 0; padding-top: 1em}
#recents {margin-top: 50px;}
.recent-article, .found {border: 1px solid #69c; border-radius: 5px; padding: 1em;}
.recent-article:hover, .found:hover {background-color: #ddd; cursor: pointer;}
noscript .recent-article:hover {background-color: transparent; cursor: default;}
#page_sommaire .cartouche, #page_rubrique .cartouche {border-bottom: 0.0625em solid #ccc}
#page_sommaire .main .cartouche p, #page_rubrique .main .cartouche p {margin-top: 0; margin-bottom: 0;}
#page_sommaire .main .cartouche h1, #page_rubrique .main .cartouche h1 {margin-top: 0; margin-bottom: 0;}
#page_sommaire .main .cartouche .publication-autheur, #page_rubrique .main .cartouche .publication-autheur {margin-top: 0; margin-bottom: 1em;}
#page_sommaire .main .cartouche .publication-date, #page_rubrique .main .cartouche .publication-date {margin-top: 1em; margin-bottom: 0;}
.pagination {text-align: center;}
#page_sommaire .cartouche img, #page_rubrique .cartouche img {float: none;}

#page_article, #page_auteur, #page_404, #page_recherche {
  margin: 0 auto;
  width: 100%;
  max-width: 35em;
  }

noscript p.boutons {display: none;}
#noscript-recents {background-color: transparent;}


.no-color {color: black;}
.no-color:hover {background-color: #ddd !important;}
.recent-articles .nocolor p:hover{background-color: #ddd;}
.recent-articles a:hover {background-color: #ddd;}


#page_auteur .chapo {font-weight: inherit;}


#fix_it_baby_pos {position: relative;}
#fix_it_baby{position: relative;}
#resp-menue {display: none;}
#resp-menue ul li ul li:hover{background-color: #ddd; cursor: pointer;}
#resp-menue #formulaire_menu_lang {padding: 0;}
#resp-menue form select {width:90%;}
#resp-menue #var_lang {padding: 0;}
#plus {width: 32px; height: 32px;}
#plus:focus {border: none;}


.breadcrumb {background-color: white; font-size: .8em; text-align: center; margin: 0 0 0.1em; padding: 0.1em 0em; border: 0.1em solid #ddd; border-radius: 0em 0em 0.5em 0.5em;}

#logo_site_spip {
  color: #6699cc;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0;
  text-align: center;
  }

.spip_surligne {background-color: yellow; color: black;}

.container {
  background-color: white;
  border: 0.0625em solid #ccc;
  border-radius: 0.5em;
  margin-top: 1em;
  padding: 1em;
  width: auto;
  }

#page_article .container {
	  padding: 0 1em 1em 1em;
}

#art-nav {
	text-align: center;
	font-size:0.8em;
}

.wrapper {
  background-image:url(../images/bg_iriseye.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

#article {
  margin: 1em 0 2em 0;
  }

#article h1 {font-size: 1.250em; font-weight: bold; margin-bottom: 0em;}

#article footer {
  border-bottom: 0.063em solid #69c;
  padding-bottom: 1em;
  
}

.vcard h1 {margin-top: 1em;}

.cartouche {margin-bottom: 1em; height: auto;}

.cartouche h1 + .publication, .hero-unit h1 + .publication, .entry h1 + .publication, .cartouche .postmeta {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 0.8em;
}

.liste-items .publication {display: block;}
.liste-items .authors {display: inline;}

.cartouche .postmeta {opacity: 0.8;}

.cartouche .spip_logos, .hero-unit .spip_logos, .entry-title .spip_logos {
  clear: both;
  float: left;
  line-height: initial;
  margin:0em 1em 1em 0em;
}

.authors {display: block;}

.main {
  border-top: 0.063em solid #69c;
  padding-top: 1em;
  }

blockquote.spip {
  padding-left: 1em;
  margin-left: 1em;
  border-left-style: solid;
  border-left-width: 0.3em;
  border-left-color: #69c;
  font-style: italic;
  }

.tabelle {overflow: auto;}

#backtop {text-align: right; margin-top: 2em;}

.notes {max-width: 100%;}

.notes > div {
  padding: 1em;
  position:relative;
}

.notes .spip_note_ref {position: relative;}

/*.oembed {border: 3px solid #6699cc; border-radius: 5px; padding: 2px; background-color: #EEE;}*/
.spip_documents .oembed {border: 0px solid transparent; padding: 0px;}
.oembed .spip_doc_titre a {color: black; text-decoration: underline;}
#extra {
  float: none;
  margin: auto;
  width: auto;
  }

#funktionen ul {
  list-style-type: none;
  margin: auto;
  padding: 0;
  text-align: center;
  }

#funktionen ul li {
  display: inline;
  padding: 0 1em;
  }

#socialtags {
  display: block;
  }

.socialtags ul {display: block; text-align: center;}
.socialtags ul li {margin: 0em 0.5em;}
.socialtags ul li a:hover{background-color: transparent;}

.socialtags-hovers {
  opacity: 1;
}

.socialtags-hovers:hover {
  opacity:0.5;
  background-color: transparent;
}

.footer {
  border-top-style: none;
  border-top-width: 0em;
  padding-bottom: 2em;
  padding-top: 0em;
  position:relative;
  text-align:center;
}

#footer {margin-top: 1em; text-align: center;}

.footer .colophon {
  display: inline-block;
  padding-right: 0em;
  margin-bottom: 0em;
  padding-right: 0.5em;
  border-right: 0.0625em solid black;
}

.footer .generator {
  display: inline-block;
  position: relative;
  right: 0em;
  top: -1.1em;
 }

.spip-admin-bloc, .spip-admin-float {
  position: fixed !important;
  right: 0% !important;
  background: #666666 !important;
  border-radius: 0.3em 0 0.3em 0.3em !important;
  opacity: 0.7 !important;
  }

.spip-admin-boutons {
  display: block !important;
  border-radius: 0.3em 0 0.3em 0.3em !important;
  background: none !important;
  opacity: 1 !important;
  }

.spip-admin-boutons:hover {
  background: #69c !important;
  opacity: 1 !important;
  }

/*Suchformular*/

.formulaire_recherche {
  width: 15em;
  margin: auto;
  padding-right: 1em;
  }

.formulaire_recherche input.text {
  background-color: #FAFAFA;
  border: 0.091em solid #69c;
  border-radius: 0.273em;
  font-size: 0.6875em;
  height: 1.5em;
  padding: 0.182em 0.182em 0.182em 0.182em;
  text-align: center;
}

/*@keyframes expertensuche {
	0%	{height: 0px;}
	33%	{height: 0px;}
	100%	{height: 750px;}
}
@-webkit-keyframes expertensuche {
	0%	{height: 0px;}
	33%	{height: 0px;}
	100%	{height: 750px;}
}

@-o-keyframes expertensuche {
	0%	{height: 0px;}
	33%	{height: 0px;}
	100%	{height: 750px;}
}

@-moz-keyframes expertensuche {
	0%	{height: 0px;}
	33%	{height: 0px;}
	100%	{height: 750px;}
}

.exp-suche {text-align: center;}

#aide_recherche {height: 0px; overflow:hidden;}

#how-to-search {

}


#how-to-search:focus + #aide_recherche {
	animation-name: expertensuche;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	-webkti-animation-name: expertensuche;
	-webkti-animation-duration: 1.5sec;
	-webkti-animation-timing-function: ease-in-out;
	-moz-animation-name: expertensuche;
	-moz-animation-duration: 1.5sec;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-name: expertensuche;
	-o-animation-duration: 1.5sec;
	-0-animation-timing-function: ease-in-out;
	height:auto;
}*/

#aide_recherche table tbody tr {
display: block;
float: none;
clear: both;
}

.exp-suche {text-align: center;}

#aide_recherche {height: 0; overflow: hidden; -webkit-transition: height 1s;}

#how-to-search {

}

#how-to-search:focus + #aide_recherche {
	height:820px;
}

.formulaire_menu_lang select {
  background-color:#FAFAFA;
  border:0.091em solid #6699CC;
  border-radius:0.273em;
  font-size:0.6875em;
  height:2.15em;
  padding:0.182em;
}

.formulaire_menu_lang select option {
	margin: 1em;
	text-align: center;
}

.formulaire_ecrire_auteur legend {
	  font-family: Verdana, Arial, Helvetica, sans-serif;
}

::-webkit-input-placeholder {
  color: #69c;
  opacity: 1;
  }
:-moz-placeholder {
  color: #69c;
  opacity: 1;
  }
::-moz-placeholder {
  color: #69c;
  opacity: 1;
  }
:-ms-input-placeholder {
  color: #69c;
  opacity: 1;
  }

/*Toolbar*/
#tb-wrapper {
	position: fixed;
    	top: 21%;
    	left: 50%;
	width: 0em;
	height: 0em;
	}

#tb-wrapper ul {
	list-style: none;
	padding: 0em;
        margin: 0em;
	}

#tb-wrapper ul li {
	background-color: white;
	width: 6.25em;;
	height: auto;
	text-align: center;
	margin: 1em 0em 1em 0em;
	padding: 0.625em 0.3125em 0.625em 0.3125em;
	border: 0.0625em solid #AAAAAA;
	border-radius: 0em 0.3125em 0.3125em 0em;
	}

#toolbar li:hover {background-color: #ddd; cursor: pointer;}


#tb-wrapper ul li a {	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #6699CC; z-index: -500;}

#toolbar {
	text-align: center;
	margin: 0em auto 0em 17.4375em;
	opacity: 0.8;
	}

#toolbar #formulaire_menu_lang {padding: 0;}
#toolbar form select {width:90%;}
#toolbar #var_lang {padding: 0;}

.noscript-tb {
  position:fixed;
  right:5%;
  width:12em;
  background-color:#69c;
  color:white;
  padding:0.5em;
  border-radius:0.5em;
  text-align: center;
  }

.noscript-cal{
  text-align: center;
  margin: 2em auto;
  background-color:#69c;
  color:white;
  padding: 2em;
  border-radius:0.5em;
  }

.noscript-cal p {background-color: #69c;}

/*Grundlegende Überschreibung von Bootstrap-Eigenschaften, die mir von Anfang an auf den Sack gegangen sind...*/

h1, .h1, .h1-like, h2, .h2, .h2-like,
h3, .h3, .h3-like, h4, .h4, .h4-like,
h5, .h5, .h5-like, h6, .h6, .h6-like,
label, input, button, select, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }

a {color: #69c;}

a:focus {
  outline:-webkit-focus-ring-color auto 0.313em;
  outline-offset:0.125em;
  }

a:focus, a:hover, a:active {
  background-color:#ddd;
  color: #69d;
  text-decoration: none;
  }

/*FUllcalendar*/

#calendar {
  margin: 1em 0;
  }

.fc table {
  margin: 0;
  }

.fc th, .fc td {
  border-style: solid;
  border-width: 0.125em;
  border-color: #ddd;
  }

.fc .fc-toolbar {
  background-color: #6699cc;
  margin-bottom: 0;
  padding: 1em;
  color: white; 
  }

.fc .fc-center {
  padding-left: 1em;
  vertical-align: middle;
  }

.fc .fc-button {
  margin-left: .5em;
  margin-right: .5em;
  }

.fc .fc-state-default {
  background-color: transparent;
  background-image: none;
  color: white;
  text-shadow: none;
  }

.fc .fc-toolbar h2 {
  margin-left: 0em;
  margin-right: 0em;
  margin-top: .2em;
  width: 11.875em;
  }

.fc .fc-head {
  background-color: #6699cc;
  border-bottom: .125em solid white;
  border-left: .125em solid #ddd;
  border-right: .125em solid #ddd;
  border-top: .125em solid white;
  }

.fc .fc-body {
  border-bottom: .125em solid #ddd;
  border-left: .125em solid #ddd;
  border-right: .125em #ddd;
  border-top: .125em solid white;
  }

.fc-day-grid-container {
  height: auto !important;
  }

.fc .fc-widget-header {
  color: white;
  }

.fc .fc-widget-header th {
  border: 0.125em solid white;
  }

.fc .fc-bg .fc-widget-content {
  background-color: transparent;
  border: 0.125em solid #ddd;
  }

.fc .fc-bg .fc-other-month {
  background-color: rgba(0,0,0,0.125);
  border: 0.125em solid white;
  }

.fc .fc-bg .fc-today {
  background-color: #69c;
  }

.fc .fc-content-skeleton .fc-today {color: white;}

.fc-event {font-size: .8em;}

.fc-content-skeleton .fc-day-number {padding: 0.188em 0.5em 0.125em 0.5em;}

.fc-time {
  display:none;
  }

.fc-title {white-space: normal;}
.fc-title:hover {
	color: #6699cc;
}

#loading_show {
  display: none;
  position: absolute;
  top: 33%;
  left: 40%;
  background: #6699cc;
  border: 0.125em solid #ddd;
  border-radius: 0.5em;
  color: white;
  font-weight: bold;
  z-index: 100;
  }

#loading_text {
  font-size: 2em;
  padding: 1em;
  }


/*qtip-style*/

.qtip-content {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }


.iris-qtip-light{
  background-color: white;
  border: 0.25em solid #6699cc;
  color: #454545;
  padding: 0.250em;
}

.qtip-light .qtip-titlebar{
  background-color: #f1f1f1;
  }






.mediabox img {margin-bottom: 5px;}




/*recents list*/

#recents {display: none;}

/*pdf*/

#pdf_frontpage {page-break-after:always;}

/*bing*/
#MicrosoftTranslatorWidget {

}


@media screen and (max-width: 1005px) {

	#calendar {visibility: hidden; position: fixed;}
	.noscript-cal {display:none;}
	#loading_show {visibility: hidden;}
	#recents  {display: block;}
	#noscript-recents .recent-article:hover {cursor: default; background-color: transparent;}
	#page_sommaire, #page_rubrique  {width: 80%;}
	.span3 {display: none !important;}
	#fix_it_baby {position: fixed; top:0; left:5%; width: 90%; background-color: white; padding-bottom:1em; z-index:999; border: 1px solid #ddd; border-radius: 0 0 5px 5px;}
	#page_article .container, #page_404 .container, #page_auteur .container, #page_recherche .container {margin-top:60px; padding-top: 30px;}
	.breadcrumb {display: none;}
	#page_sommaire #resp-menue, #page_rubrique #resp-menue {display: block; position: fixed; right: 5px; top: 20px; z-index:1000;}
	#page_sommaire #resp-menue ul, #page_rubrique #resp-menue ul {list-style: none;}
	#page_sommaire #resp-menue ul li ul, #page_rubrique #resp-menue ul li {display: none; padding: 0.5em; background-color: #6699cc;}
	#page_sommaire #resp-menue ul li #plus:focus + ul, #page_rubrique #resp-menue ul li #plus:focus + ul {display: block; background-color: #6699cc; border-radius: 16px; position: relative; left: -20%;}
	#page_sommaire #resp-menue ul li ul:hover, #page_rubrique #resp-menue ul li ul:hover {display: block; background-color: #6699cc; border-radius: 16px; position: relative; left: -20%;}
	#page_sommaire #resp-menue ul li ul li, #page_rubrique #resp-menue ul li ul li {
				  background-color: white;
				  display: block;
				  width: 6.5em;;
				  height: auto;
				  text-align: center;
				  margin: 0em 0.5em .5em 0em;
				  padding: 0.625em 0.3125em 0.625em 0.3125em;
				  border: 0.0625em solid white;
				  border-radius: 0.3125em 0.3125em 0.3125em 0.3125em;
				}
}


@media screen and (max-width: 782px) {
	
	#calendar {visibility: hidden; position: fixed;}
	.noscript-cal {display:none;}
	#loading_show {visibility: hidden;}
	#recents  {display: block;}
	#noscript-recents .recent-article:hover {cursor: default; background-color: transparent;}
	#page_sommaire, #page_rubrique {width: 95%;}
	.span3 {display: none !important;}
	#page_sommaire #fix_it_baby, #page_rubrique #fix_it_baby {position: fixed; top:0; left:5%; width: 90%; background-color: white; padding-bottom:1em; z-index:999; border: 1px solid #ddd; border-radius: 0 0 5px 5px;}
	#fix_it_baby {position: fixed; top:0; left:2.5%; width: 95%; background-color: white; padding-bottom:1em; z-index:999; border: 1px solid #ddd; border-radius: 0 0 5px 5px;}
	#page_article .container, #page_404 .container, #page_auteur .container, #page_recherche .container {margin-top:60px; padding-top: 30px;}
	#page_article #fix_it_baby {position: fixed; top:0px; left:2.5%; width: 95%; background-color: white; padding-bottom:1em; z-index:999; border: 1px solid #ddd; border-radius: 0 0 5px 5px;}
	.breadcrumb {display: none;}
	#tb-wrapper, toolbar {display:none;}
	#resp-menue {display: block; position: fixed; right: 5px; top: 20px; z-index:1000;}
	#resp-menue ul {list-style: none;}
	#resp-menue ul li ul {display: none; padding: 0.5em; background-color: #6699cc;}
	#resp-menue ul li #plus:focus + ul {display: block; background-color: #6699cc; border-radius: 16px; position: relative; left: -20%;}
	#resp-menue ul li ul:hover {display: block; background-color: #6699cc; border-radius: 16px; position: relative; left: -20%;}
	#resp-menue ul li ul li {
				  background-color: white;
				  display: block;
				  width: 6.5em;;
				  height: auto;
				  text-align: center;
				  margin: 0em 0.5em .5em 0em;
				  padding: 0.625em 0.3125em 0.625em 0.3125em;
				  border: 0.0625em solid white;
				  border-radius: 0.3125em 0.3125em 0.3125em 0.3125em;
				}
	.formulaire_recherche input.text {height: 2em;}


}

@media screen and (max-width: 490px) {
	#logo_site_spip {padding: 0px 75px 0px 75px;}
	#page_article .container, #page_404 .container, #page_auteur .container, #page_recherche .container {margin-top:60px; padding-top: 75px;}

}

@media screen and (max-width: 405px) {
	#logo_site_spip {padding: 0px 35px 0px 35px;}

}

@media screen and (max-width: 335px) {
	#logo_site_spip {padding: 0px 0px 0px 0px;}
	#resp-menue {display: block; position: fixed; right: 0px; top: 20px; z-index:1000;}

}

@media print {
	
	#toolbar {display:none !important;}
	.no_print {display: none !important;}
	body {font-size: 75% !important;}
	#formulaire_recherche {display: none !important;}
	.breadcrumb {display: none;}
	a:link:after, a:visited:after {content: "";}
	.span3 {display: none !important;}

}