.igpp_header { 
  border: 1 !important;
  padding: 0px;
}
html,body { 
  min-height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 45px;
}

body {
  /* margin-top:40px !important; */
  /* padding-top:50px;  */
  margin-bottom: 40px !important;
  background: #FAFAFA;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
padding-bottom: 30px;
}

h1 { 
  color:  #B90000;
}

a.active { 
  color:  #B90000;
}

img { 
  padding: 5px;

}

iframe { 
  border:none;
  -moz-box-shadow:1px 1px 6px #336699; /* Firefox */
  -webkit-box-shadow:1px 1px 6px #336699; /* Chrome, Safari */
  -khtml-box-shadow:1px 1px 6px #336699; /* Konqueror */
  box-shadow:1px 1px 6px #336699; /* CSS3 */
}
.iframe-aktuelles { 
  width:100%;
  height:120px;
}
.button-aktuelles { 
  margin: -18px 0 -5px -12px;
}
.button-aktuelles img { 
  height:60px;
}

content {
}

.textbackgr {
  background: #E3E3E3;
}

p.bibliographyentry {
margin-top:0cm;
margin-right:0cm;
margin-bottom:6.0pt;
margin-left:14.15pt;
text-indent:-14.15pt;
tab-stops:14.15pt;
}


.igpp_aktuelles {
  width: 100%;
  background: #FFFFFF;
  overflow: auto; 
  height: auto;
  /*  border: none;  */
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
/*  z-index: 5; */
  min-height: 60%; 
  float: right;
 }
.igpp_aktuelles h1 {
	text-align: left;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 10px;
	color: #0066CC;
 }
.igpp_aktuelles h2 {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: #000000;
 }
.igpp_aktuelles p {
	margin-top: 0;
	margin-bottom: 10px;
 }
.igpp_aktuelles hr {
	margin-top: 0;
	margin-bottom: 10px;
	border-top: 1px dotted #0066CC;
 }


.igpp_content {
  width: 100%;
  background: #FFFFFF;
  overflow: auto; 
  height: auto;
  /*  border: none;  */
  padding-top: 6px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
/*  z-index: 5; */
  min-height: 60%; 
  float: right;
-moz-box-shadow:1px 1px 6px #292929; /* Firefox */
-webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
box-shadow:1px 1px 6px #292929; /* CSS3 */
 }

.igpp_content ul, .content ul {
  list-style: none;
  text-indent:-0.75em;
  margin-left: 0.5em; 
  padding-left: 0.5em;
}

.igpp_content ul li:before, .content ul li:before {
  content: "\25AA \0020"        !important; 
  color: blue;
  font-size: 100%;
  vertical-align: middle;
}

.igpp_content ol ul, .content  ol ul {
  list-style: none;
  text-indent:-0.5em;
}

.igpp_content ol ul li:before, .content ol ul li:before {
  content: "\25AA \0020"        !important; 
  color: blue;
  font-size: 66%;
  vertical-align: middle;
}

.container { 
width: auto;
 }

.header { 
  position:fixed;
  top: 0px;
 }

.sidebarspace { 
  width: 20px;
 }

.footer {
  filter:alpha(opacity=80); 
  opacity: 0.8; 
  moz-opacity:0.8; 
  background-color: #FFFFFF;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  position:fixed;
  left: 0px;
  bottom:0px;
  width:100% !important;
  /* background-color:#fff; */
/*  background:    transparent    !important;  */
  border-color: #007acc;
  border-top:#B90000 1px solid; 
  z-index: 5;
/*  background: rgb(250, 250, 250);
   background: rgba(250,250,250,.6);  */
}

.youtubeicon, .twitter {
	height:25px;
	margin-bottom:3px;
}

.igpp_footer ,.igpp_footer {
  /* border: 0 !important;  */
/*  height: 60px; */
}
.igpp_sidebar, #sidebar {
  display: inline-block;
/*  position:relative;
  float: left;  */
  padding: 10px;
  border-right: 10px;
  /* position: relative; */
  /*  border: 0 !important; */
  /* bottom: 40px; */
  /*  height: auto; */
  /*  -webkit-hyphens: auto; */
  /*  -moz-hyphens: auto; */
  /*  -ms-hyphens: auto; */
  /*  hyphens: auto; */
  background: white;
/*  margin-right: 10px;
  margin-bottom: 10px; */
/* transparent; */
  z-index: 1;
-moz-box-shadow:1px 1px 6px #292929; /* Firefox */
-webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
box-shadow:1px 1px 6px #292929; /* CSS3 */
}
.sidebar  img { 
  padding: 5px; 
}

/* for the pictures of the staff */

.crop {
 height: auto;
 width: 25%;
 overflow: hidden;
}
.crop img {
 height: auto;
 width: 75%;
}

h1 { 
  text-align: center;
}

.igpplist table {
  font-size: 10pt;  /* for IE7 (6?))*/
  border-collapse: collapse;
  z-index: 2;
}

.igpplist tr { 
  height: 3em;
 }

.igpplist  tr:nth-child(even):not(#special)  { background: #FFF; }
.igpplist  tr:nth-child(odd):not(#special)  { background: #CCD; }

.igpplist  td {
  padding:.5em;
}
.igpplist th {
  padding:.5em;
  background-color: #cccccc;
}

.small   {
  font-size: smaller;
}

.red { 
  color: darkred;
  
 }
.blue {
  color: blue;
}

.even { 
  background: #FFF;
 }

.odd { 
  background: #CCD;
 }

.citation	{
  font-size: 100%;
  padding-left: 1em;
}

.left { 
  float: left;
  width: 33%;
}

.right { 
  float: right;
  width: 33%;
}

.middle { 
  float: auto;
  width: 33%;
}

.person { 
  margin: 15px;
  padding: 15px;
  border:1px solid black;
  float: left;
}

#warnung {
  padding: 3; 
  background-color: #ee7e68;
  border: 1px solid black;
  border-color: black;
}

/* search */

#namanyay-search-btn {
  background:#ffde00;
  color:#777777;
padding:5px 5px;
  border-radius:0 5px 5px 0;
  moz-border-radius:0 5px 5px 0;
  webkit-border-radius:0 5px 5px 0;
  o-border-radius:0 5px 5px 0;
  border:0 none;
  font-weight:normal;
  font-size:11px;
}

#namanyay-search-box {
  background: #eee;
  padding:5px;
  border-radius:5px 0 0 5px;
  moz-border-radius:5px 0 0 5px;
  webkit-border-radius:5px 0 0 5px;
  o-border-radius:10px 0 0 5px;
  border:0 none;
  width:160px;
  font-size:11px;
}

#logoimage { 
padding: 3px;
 }

.navbar-default { 
  background: #eee;
/*  max-height: 50px; */
 }

.navbar-brand {
    padding: 10px 15px;
/*    max-height: 40px; */
    overflow: visible;
    padding-top: 3;
    padding-bottom: 0;
  color: rgb(255,255,255);
}

.navbar-nav > li > a {
padding-top: 0px;
padding-bottom: 15px;
}

.navbar-brand > img {
height: 81px;
}


/* Sidebar hack - I do not fully believe what I did here */

.row {
    display: table;
}

[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
.igpp_sidebar, #sidebar {
    max-width: 20%;
/*    border: 2px solid red; */
  }  

#sidebar { 
  display: table-cell;
  max-width: 20%;
  margin-right: 10px;
    
 }


/* Media-dependent switches */ 

/* Extra Small */
@media screen and (max-width:767px){

html,body { 
    min-height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 45px;
}

#sidebar { 
    max-width: 50%;
 }

  .container { 
    width: auto;
  }

.igpp_content { 
    width: 100%;
    min-height: 80%;
 }

  
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: rgb(220, 220, 220);
  }
  
a {
    color: rgb(51, 122, 183);
  }

.dropdown-menu{
  z-index: 1000;
  list-style: square;
}
.row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active,  {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 3 columns */
  }
.navbar-brand, #search { 
   display: none                       !important;
    visibility: hidden                  !important;
 }

.navbar-header, .igppnavbar {
    text-decoration: none;
    color: white;
background: #207cca; /* Old browsers */
background: -moz-linear-gradient(left, #207cca 1%, #207cca 57%, #21568c 85%, #092d5e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#207cca), color-stop(57%,#207cca), color-stop(85%,#21568c), color-stop(100%,#092d5e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* IE10+ */
background: linear-gradient(to right, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#092d5e',GradientType=1 ); /* IE6-9 */
border-radius: 4px;
    overflow: visible;
    z-index: 3;
    width: 100%;
/*    max-height: 70px; */
  }
  
.footer {
  height: 60px;
  padding-left: 5px;
  padding-right: 10px;
  padding-top: 5px;
}
#copyright {
  font-size: 90%;
}
}

/* Small */
@media screen and (min-width:768px) and (max-width:991px){

.content { 
/*    border: 1px solid black; */
/*    display: table-cell; */
 }


.col-sm-height {
    display: table-cell;
    float: none !important;
  }

.igpp_content { 
/*    border: 1px solid blue; */
    display: table-cell; 
 }

  .dropdown-menu li ul li {
    z-index: 1000;
    list-style: square;
    color: blue;
  }

  .container { 
    width: auto;
    display: table;
  }


  .navbar-default { 
    border: none;
    color: #FFFFFF !important;
}
 .navbar-default .navbar-nav > li > a { 
    color: #FFFFFF;
  }
  .navbar .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FAFAFA;
  }

 .navbar {
    text-decoration: none;
    color: white;
background: #207cca; /* Old browsers */
background: -moz-linear-gradient(left, #207cca 1%, #207cca 57%, #21568c 85%, #092d5e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#207cca), color-stop(57%,#207cca), color-stop(85%,#21568c), color-stop(100%,#092d5e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* IE10+ */
background: linear-gradient(to right, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#092d5e',GradientType=1 ); /* IE6-9 */
border-color: #007acc #007acc #004c80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-color: #00a4db;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-radius: 4px;
    overflow: visible;
    z-index: 3;
    width: 100%;
/*    max-height: 70px; */
  }

.navbar-right, .navbar-collapse { 
    margin-right: 0px;
    max-height: 30px;
    padding-bottom: 15px;
 }
  
  .navbar-right > li > a { 
    color: white;
  }
}

/* Medium */
@media screen and (min-width:992px) and (max-width:1199px){
  
  .igpp_sidebar, #sidebar {
    max-width: 20%;
  }
 .container { 
    width: auto;
  }
  .navbar-default { 
    background-color: transparent; 
    border: none; 
}
 .navbar-default .navbar-nav > li > a { 
    color: #FFFFFF;
  }
  .navbar .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FAFAFA;
  }

 .navbar {
    text-decoration: none;
    color: white;
background: #207cca; /* Old browsers */
background: -moz-linear-gradient(left, #207cca 1%, #207cca 57%, #21568c 85%, #092d5e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#207cca), color-stop(57%,#207cca), color-stop(85%,#21568c), color-stop(100%,#092d5e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* IE10+ */
background: linear-gradient(to right, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#092d5e',GradientType=1 ); /* IE6-9 */
    border-radius: 4px;
    overflow: visible;
    z-index: 3;
    margin-right: 0px;
  }
  
  .navbar-right > li > a { 
    color: white;
  }
  .dropdown-menu li ul li {
    z-index: 1000;
    list-style: square;
    color: blue;
  }
}

/* Large */
@media screen and (min-width:1200px){
  .igpp_sidebar, #sidebar {
    max-width: 20%;
  }
 .container { 
    width: auto;
  }
  .nav, .navbar, .navbar-default { 
    background-color: transparent; 
    border: none; 
}
 .navbar-default .navbar-nav > li > a { 
    color: #FFFFFF;
  }
  .navbar .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FAFAFA;
  }
 .navbar {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5;
background: #207cca; /* Old browsers */
background: -moz-linear-gradient(left, #207cca 1%, #207cca 57%, #21568c 85%, #092d5e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#207cca), color-stop(57%,#207cca), color-stop(85%,#21568c), color-stop(100%,#092d5e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* IE10+ */
background: linear-gradient(to right, #207cca 1%,#207cca 57%,#21568c 85%,#092d5e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#092d5e',GradientType=1 ); /* IE6-9 */
border-radius: 4px;
    overflow: visible;
    z-index: 3;
  }
  
  .navbar-right > li > a { 
    color: white;
  }
 .dropdown-menu li ul li {
    z-index: 1000;
    list-style: square;
    color: blue;
  }
}


@media print {
  /**
     *	PRINT Stylesheet
     * 
     *	First 'neutralize' all the positioning/overflow CSS added by Layout
     *	Then change or add cosmetic styles (borders, padding) for printing
     *
     *	MUST use "!important" for all size, position, margin & overflow rules,
     *	so these will 'override' styles applied to the elements by Layout
     */
  
  html, body {
    /* NEUTRALIZE 'layout container' styles */
    overflow:	visible 	!important;
    width:		auto		!important;
    height:		auto		!important;
    position:	static		!important;
  }
  .igpp_content,
  .content ,
  .igpp_header,
  .igpp_footer,
  #sidebar {
    /* NEUTRALIZE 'layout element' styles */
    display:	none		!important; /* hide ALL by default */
    position:	relative	!important;
    top:		auto		!important;
    bottom:		auto		!important;
    left:		auto		!important;
    right:		auto		!important;
    width:		auto		!important;
    height:		auto		!important;
    overflow:	visible		!important;
  }
  /* SHOW ONLY the panes you want */
  .content,
  .igpp_content {
    display:	block		!important;
		/* OPTIONAL: change cosmetic styles as desired
		border:		0			!important;
		padding:	0			!important;
		background:	transparent	!important;
		*/
	}
	/* float the east pane to create a sidebar */
	.ui-layout-pane-east {
		float:			right;
		width:			25%			!important;
		margin-left:	1em			!important;
		margin-bottom:	1ex			!important;
	}
  .footer { 
    display: none                       !important;
    visibility: hidden                  !important;
 } 
  .nav { 
    display: none                       !important;
    visibility: hidden                  !important;
 }
 .no-print, .no-print *
    {
        display: none !important;
    }
}