/****************************/
/* CUSTOM STYLE CSS         */
/****************************/
/* 
Put your custom css and css overrides in this file.  By restricting 
your css changes to custom-style.css, your changes will not be overwritten 
when upgrading to a new version of this theme.

Steps to customize your 0 Point theme:                       
1. Add your custom css to this file                
2. Uncomment different examples and modify data as you wish 
3. Clear cached data at admin/settings/performance 
4. Save this file with a different name to avoid loosing it after a theme update.
*/
/****************************/

/* Alle Absätze mit längeren Texten sollten lesefreundlicher formatiert sein.
   Globale Umstellung ist etwas heikel */
.content p.rtejustify {
  line-height: 1.5em;
}

p.read { 
line-height: 1.5em;
text-align: justify;
/* font-size: 2em; */
}

#search-box { 
  z-index: -50;
  margin-top: 52px;     /* identisch padding-top in #name-and-slogan */

  /* CHG JO 16/11/30: not functional on static pages. */
  visibility: hidden;
  display: none;
}

#top-elements { }

#user_links {
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: black;
/*  color: #144094; */
  color: black;
  opacity: .5;
  filter: alpha(opacity=60);
  border: 0px solid orange;

     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;

  /* CHG JO 16/11/30: not functional on static pages. */
  visibility: hidden;
  display: none;
}

/* Links für Login und Log off */
#user_links a {
  color: white;
}

#search-box input { 
/*  background-color: white;
  opacity: .5;
  filter: alpha(opacity=80);  */

  /* CHG JO 16/11/30: not functional on static pages. */
  visibility: hidden;
  display: none;
}

#site-name {
  z-index: 20;
/*  background-color: white;
  opacity: .9;               
  filter: alpha(opacity=99);
 */

  width: auto;
  max-width: 80%;
  border: 0px solid yellow;
  font-size: 1.2em;

  position: relative;
  top: -1.65em;
  left: 2em;
}

#logo { 
  float: left;
  width: 300px;                /* muss identisch sein mit #name-and-slogan margin-left */
/*  padding-right: 100px; */
}

#name-and-slogan {
  border: 0px solid orange;
  padding-top: 80px;      /* Abstand angepaßt auf die Köpfe auf dem Hintergrund bzw. das Logo links. */
  padding-bottom: 0;
  margin-left: 300px;          /* identisch Breite #logo width */
  font-size: 120%;
  /* text-outline not supported at time of creation, so 4 shadows (which look not perfect) */
  text-shadow: -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
}

#name-and-slogan-2 {
  z-index: 10;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: white;
  max-width: 70%;
  height: 2em;
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;

}

#site-name a, #site-name a:hover {
  color: #134094;
  font-size: 1.25em;
  font-weight: bold;
}

.bgOpaque {
  background-color: white;
  opacity: .5;                /* CSS 2 */
  filter: alpha(opacity=50);  /* IE old */
}


/* Für den kompletten inhaltlichen Fließtext wird der Zeilenabstand hochgesetzt. */
.pane-content p { 
  line-height: 1.1em;
}

p .running { 
  line-height: 1.5em;
}

/**
 * Extwas lesbarere Listen (Abstände zwischen Items)
 */
.docList li, ul.readList li {
  margin-bottom: 0.5em;
}

/***************
 * EVENTS BLOCK
 ***************/
.events {  }

.event {
  margin-top: 0.75em;
}
.event_new {
  background-image: url( /sites/default/files/images/status_software-update-available_16x16.png );
  background-repeat: no-repeat;
  background-position: 1px 1px;
  margin-top: 0.75em;
}

.events .event:first-child { margin-top: 0 }   /* Kein Abstand direkt unter Blocktitel */

.event_heading { 
  font-weight: bold;
  font-style: italic;
  font-size: 0.9em;
}

.event_new .event_heading {
  text-indent: 18px;
}

.event_text { 
  font-size: 0.8em;
}

/************************************
 * Styles für die Neuigkeiten Box.
 ************************************/
.news {  }

.news, .news_new { 
  margin-top: 0.75em;
}

.news_new {
  background-image: url( /sites/default/files/images/status_software-update-available_16x16.png );
  background-repeat: no-repeat;
  background-position: 1px 1px;
}

.news .news_new:first-child { margin-top: 0 }   /* Kein Abstand direkt unter Blocktitel */

.news_heading {
  font-weight: bold;
  font-style: italic;
  font-size: 0.9em;
}

.news_new .news_heading {
  text-indent: 18px;
}

.news_text { 
  font-size: 0.8em;
}

/***************
 * Projektseite
 ***************/
#projectlist {
  padding-left: 1.25em;
}

#projectlist .projectlist_advisor {
  margin-left: 0em;
}

#projectlist ol li { 
  margin-top: 1em;
}

#projectlist ol li:first-child { 
  margin-top: 0em;
}


/**
 * Anpassungen für den Kalender: teilweise lief die Darstellung weit über den rechten
 * Rand (wg. absoluter Pixelangabe)
 */
.calendarMediasres { 
  max-width: 60%;
}

.calendar-calendar .day-view table.full { 
  max-width: 95%;
}

/**
 * Allgemeine Styles für Submitbuttons.
 */
input.submit { 
  -moz-border-radius: 8px;
  border: 2px groove black;

  background-color: white;
  cursor: pointer;

  padding-left:   2px;
  padding-top:    2px;
  padding-right:  2px;
  padding-bottom: 2px;
}

.submit:hover {
  background-color: #afffaf;
  color: black;
  cursor: pointer;
}


/* Erase or comment the lines below to get rid of the image in the right sidebar 
 * and the brand image or choose another image and change the path instead. */

#wrapper {
/* @CHG JO 111220: Grafik weg (ein paar Ringe) */
/*	background: transparent url(../images/all/_sidebarimg.png) 99% 99% no-repeat; */
}

#brand {
/* @CHG JO 111208: Grafik fuer Branding weg (war ein Ring) */
/*	background: url(../images/all/_brand.png) 50% 30% no-repeat;
	position: relative;
	margin: 5px auto 0;
	width: 250px;
	height: 50px;
 */
}

/************************/
/* HEADER IMAGE ROTATOR */
/************************/
.himg #headimg {
/*	background: #fff url(headerimg/rotate.php) no-repeat 100% 100%; */
	background: #fff url(../../images/background_fellows.png) no-repeat 100% 100%;
	border-bottom: 1px solid #eee;
}

/********************/
/* DROP DOWN SHADOW */
/********************/

ul.firstsublayer, 
ul.sublayer {
	background: url(../images/menushadow.png) no-repeat 7px 5px; 
}




/* Uncomment the first declaration below to hide the titles on the front page 
 * Addapt the second declaration to hide a certain title. 
 * Third one is for no "Read more" on the first page. */ 
/*
.front h2 a {
	display: none;
}
.front #node-XXX h2 a {
	display: none;
}
.front .node_read_more {
	display: none;
}
*/


/*******************************/
/* CUSTOM FIXED or FLUID WIDTH */
/*******************************/ 
/* First choose "Custom Layout width" in 0 Point settings page.
 * Uncomment the lines below and modify the value as you wish. 
 * E.g. 1000px for fixed width or 85% for fluid width */
/*
body.layout-fluid .sizer {
	width: 90%;
}
body.layout-fixed .sizer {
	width: 980px;
}
*/


/*******************************/
/* CUSTOM Equal width sidebars */
/*******************************/ 
/* First choose "Equal width sidebars" in 0 Point settings page.
 * Uncomment the lines below and modify the values keeping pair values. */
/*
body.l-m-r-eq .colleft, body.m-r-eq .colleft, body.l-m-eq .colleft {
	width: 199px;
	margin-left: -199px;
}
body.l-m-r-eq .colright, body.m-r-eq .colright, body.l-m-eq .colright {
	width: 199px;
	margin-right: -199px;
}
body.l-m-r-eq .outer, body.l-m-eq .outer, body.l-m-eq .outer {
	margin-left: 199px;
}
body.l-m-r-eq .outer, body.m-r-eq .outer, body.m-r-eq .outer {
	margin-right: 199px;
}
body.l-m-eq .colleft {
	width: 199px;
	margin-left: -199px;
}
body.m-r-eq .colright {
	width: 199px;
	margin-right: -199px;
}
*/


/******************************/
/* SPECIAL STATIC-MENU COLORS */
/******************************/

/* Uncomment this to have different colors (and chooose them) for first and last menu items. */
/*
#navlist li.first a {
	background: #D0932C;
}
#navlist li.last a {
	background: #BF5D8C;
}
*/


/* Change the values below accordingly: XXX=menu numer; YYY=background color. */
/*
#navlist li.menu-XXX a {
	background: #YYY;
}
*/


/*******************************/
/* UPDATE ICONS FOR NEW BLOCKS */
/*******************************/
/* where XXX is the block number */

/*
#block-block-XXX .block-icon {
background: transparent url(../images/contact_48.png) no-repeat;
}
*/