/*********************************************************************
 * This stylesheet defines default styles for the
 * faculty of chemistry and pharmacy website.
 * Styles for other media are defined in separate files.
 *
 * version: 0.1 -- 2008-06-15
 * autor  : P. Kreitmeier
 * credits to faculty of physics, University Regensburg
 *********************************************************************/



/*********************************************************************
 * MAIN CONTAINERS
 *********************************************************************/



body {
    background:#FFF url("../img/shadebg.png") repeat-y left;
    color:#000;
    font:14px/123% Arial, Verdana, Helvetica, Tahoma, sans-serif;
/*    font:14px/123% sans-serif; */
    margin:0;
    padding:0.5em 0;
    min-width:640px;
    width:100%;
    float:left;
}

/* "CSS CHILD HACK": IE requires padding instead of margin */
div#chPage {
    float:left;
    position:relative; top:0; left:0;
    margin:0; padding:0 1.5%;  /* IE uses this definition */
    width:97%;
}
body>div#chPage {
    margin:0 1.5%; padding:0;  /* all browsers except IE use this definiton */
}
/* -- END of "CSS CHILD HACK" */

div#chShadeRight {
    background:transparent url("../img/shaderight.png") repeat-y right;
    position:absolute; top:0; left:0;
    height:100%;
    width:100.7%;  /* wider than ancestor -> right shade! */
    z-index:1;
}

div#chHead {
    background-color:#FFF;
    float:left;
    position:relative; top:0; left:0;
    margin:0; padding:0 0.2%;
    width:99.6%;
    z-index:2;
}

div#chBody {
    background-color:#FFF;
    clear:both;         /* clear floats from chHead */
    float:left;         /* allows usage of floats in chBody */
    position:relative;  /* allows rel./abs. positioning */
    top:0; left:0;
    margin:0; padding:1em 0.2%;
    width:99.6%;
    z-index:2;
}

div#chFooter {
    background-color:#F2F2E5;
    border-bottom:1px solid #600;
    font-size:x-small;
    clear:both;
    float:left;
    position:relative; top:0; left:0;
    margin:0; padding:4px 0.2% 3px 0.2%;
    width:99.6%;
    z-index:2;
}



/*********************************************************************
 * GENERIC DEFINITIONS & CLASSES
 *********************************************************************/



a, a:link, a:visited {color:#027; text-decoration:none; background-color:transparent;}

a:hover {color:#400; text-decoration: underline;}

h1, h2, h3, h4, h5 {
    clear:both;
    color:#333;
    font-style:normal;
    font-weight:bold;
    margin:0;
    padding:0.8em 8px;
}

h1 {font-size:120%; margin-top:1em;}

h2 {font-size:100%; margin-top:0.5em;}

h3 {font-size:95%; font-style:italic;}

h4 {font-size:95%; font-style:italic; font-weight:normal;}

h5 {font-size:95%;}

hr  {
    clear:both;
    border:none;
    color:#333; background-color:#666;
    width:100%; height:1px;
}

img {border:none;}

p   {text-align:left; margin:1em 0; width:100%;}

td, li {text-align:left;}

ol, ul {margin-top:0; margin-bottom:0;}

.hmargin5perc  {margin-left:5%;  margin-right:5%;  width:90%;}

.hmargin10perc {margin-left:10%; margin-right:10%; width:80%;}

.smaller {font-size:smaller;}

.tal {text-align:left;}

.tac {text-align:center;}

.tar {text-align:right;}

.taj {text-align:justify;}

div.cleardiv {clear:both; display:none;}  /* used by ch_clear_div() */

.hide {display:none;}



/*********************************************************************
 * BREADCRUMBS, BANNER, SEARCH, LANGUAGE SWITCH (chHead's children)
 *********************************************************************/



/* breadcrumbs */

div#chTopBreadcrumb {
    color:#FFF; background-color:#1B3896;
    font-size:small;
    position:absolute; top:0; right:0.2%;
    padding:4px 0.4em;
    width:25%;
}

div#chLocalBreadcrumb {
    color:#1B3896; background-color:transparent;
    font-size:small;
    float:left;
    padding:4px 0.2em;
}

div#chTopBreadcrumb a   {color:#FFF;}

div#chLocalBreadcrumb a {color:#1B3896;}

div#chTopBreadcrumb img, div#chLocalBreadcrumb img {padding:0 5px; height:11px;}


/* banner */

div#chBanner     {width:100%;}

div#chBanner img {display:block; width:100%;}


/* search form */

form#chSearch {
    background-color:#B4CCFF;
    font-size:small;
    float:left;
    margin:0; padding:3px 1px 3px 0;
    max-height:1.5em;
    min-width:15%; width:23%; max-width:23%;
}

form#chSearch #chSearchButton {padding:0 2px; width:15px; height:15px; vertical-align:middle;}

form#chSearch #chSearchText   {width:80%; background-color:transparent; border:none; border-bottom:2px dotted #FFF;}

/* search form : Google search*/
/*
form#cse-search-box {
    background-color:#B4CCFF;
    font-size:small;
    float:left;
    margin:0; padding:3px 1px 3px 0;
    max-height:1.5em;
    min-width:15%; width:23%; max-width:23%;
}

form#cse-search-box #chSearchButton {padding:0 2px; width:15px; height:15px; vertical-align:middle;}

form#cse-search-box #q   {width:80%; background-color:transparent; border:none; border-bottom:2px dotted #FFF;}
*/
/* language switch */

div#chLangSwitch {float:right; margin:0; padding:4px 0.2em; font-size:small;}



/********************************************************************
 * MAIN CONTENT LAYOUTS (chBody)
 *
 * NOTE: As main menu should span full page width, it must reside outside of multi-column layout.
 * To ensure consistent layout it is recommended to set both margin-top and padding-top zero!
 * Modify #chBody / #chMenuMainTabs if necessary.
 * NOTE: Sum of horizontal margins, horizontal paddings, vertical borders, and width must be less(!) than 100%,
 * otherwise some browsers will break before the last column.
 *******************************************************************/



div#chBody div.chLayoutCols1       {float:left; position:relative; width:100%;  margin:0;        clear:both;}
div#chBody div.chLayoutCols1Narrow {float:left; position:relative; width:90%;   margin:0; padding:0 5%; clear:both;}
div#chBody div.chLayoutCols2Left   {float:left; position:relative; width:48.5%; margin:0 1% 0 0;  clear:both;}
div#chBody div.chLayoutCols2Right  {float:left; position:relative; width:48.5%; margin:0 0  0 1%;}
div#chBody div.chLayoutCols3Left   {float:left; position:relative; width:32%;   margin:0 1% 0 0; clear:both;}
div#chBody div.chLayoutCols3Middle {float:left; position:relative; width:31.5%; margin:0 1% 0 1%;}
div#chBody div.chLayoutCols3Right  {float:left; position:relative; width:32%;   margin:0 0  0 1%;}


/* Added by P. Kreitmeier */
div#chBody div.chLayoutColsAddon   {float:left; position:relative; width:100%;  margin:0; background: url(/ci/img/addon_background.gif) repeat-y 72% 0; clear:both;}
div#chBody div.chLayoutColsAddonContent   {float:left; position:relative; width:60%;   margin:0; padding:0 5%; clear:both;}
div#chBody div.chLayoutColsR   {float:right; position:relative; width:24%;   margin:0; padding:0 2%;}

div.chLayoutCols2Left p { margin: 0 0 0 1.2em;}
div.chLayoutCols2Right p { margin: 0 0 0 1.2em;}

div#chBody div.chLayoutInfoRight  {float:right; position:relative; width:67%;   margin:0; padding:0 5%; }
div#chBody div.chLayoutInfoLeft   {float:left; position:relative; width:18%;   margin:0; padding:1em 1em; clear:both; }

/* Starting Page */

div#chBody div.chLayoutStartPage_L   {float:left; position:relative; width:72%; margin:0 1% 0 0;  clear:both;}
div#chBody div.chLayoutStartPage_R  {float:left; position:relative; width:23%; margin:0 0  0 1%;
                                     border-width:0 0 0 2px; border-style:solid; 
                                     border-color:transparent transparent transparent #D0D0D0;  padding-left:0.5em;}


/* End od Added by... */


/********************************************************************
 * MAIN MENU (chBody)
 *******************************************************************/

ul#chMenuMainTabs {
    background:#FFF url("../img/tabs_bg.jpg") repeat-x center;
    border-top:1px solid #CCC; border-bottom:1px solid #666;
    margin:1.2em 0 0 0; padding:0 0 2px 0;
    height:1em; max-height:1em;
}
ul#chMenuMainTabs li {
    float:left;
    list-style-type:none;
    min-width:15%; width:23%; max-width:23%;
    height:1em; max-height:1em;
    margin:-0.5em 1.5% 2px 0;
    padding:0.2em 0 0.3em 0;
    border-width:2px 1px 0 0;
    border-style:solid;
    border-color:transparent #C2C2C2 #666 transparent;
    background:#FFF url("../img/CHtabs_bg.jpg") repeat-x left;
    font-weight:bold;
    text-align:center;
}


ul#chMenuMainTabs li a {color:#666; display:block;}

/* ACTIVE TAB */
ul#chMenuMainTabs li.chMenuMainTabActive {
    color:#600;
    background-image:none;
    margin-bottom:1px;
    border-bottom-width:1px;
    border-color:#999 #999 #FFF transparent;
}
ul#chMenuMainTabs li.chMenuMainTabActive a {color:#600;}

/* "START EDITION" */
ul.chMenuMainStart {background-image:none !important; border-color:#C2C2C2 !important;}
ul#chMenuMainTabs li.chMenuMainTabStart {
    background-image:none;
    margin-bottom:1px;
    border-bottom-width:1px;
    border-color:#C2C2C2 #C2C2C2 #FFF transparent;
}



/********************************************************************
 * DETAILSTART: columns with "main areas" (chBody)
 *******************************************************************/

div#chHomeCols {clear:both; margin:0; padding:0;}
div#chHomeCols div {  /* NOTE: "div#chHomeCols > div" would be better, but IE6 does not support this selector */
    border-right:1px solid #C2C2C2;
    font-size:small;
    float:left;
    height:100%;
    min-width:16%; width:24%; max-width:24%;
    margin:0;
    padding:1em 0.5% 0.5em 0;
}
div#chHomeCols #chHomeColsRightCol {border-right-style:none;}  /* rightmost column: no right border */
div#chHomeCols div ul li {  /* NOTE: using ">" would be better, but... */
    list-style-type:disc;
    margin:0;
    padding:0 0 0.4em 0;
}
div#chHomeCols div ul li ul li {
    list-style-type: square;
    margin-left: 0;
    padding-left: 0;
}

.chLayoutColsR h1, h2, h3, h4, h5, h6 {
    padding-left: 0;
}
.chLayoutColsR ul li {
    list-style: none;
    margin-left: -2em;
    padding-left: 0;
    padding-bottom: 0.3em;
}


/******************************
  Tabellen fuer Module
************************/


.module table {
   width: 100%;
   border: 1px solid #000;
   background: #fff;
   border-collapse: collapse;
}

.module table caption {
   margin: 0;
   padding: 5px 10px;
   text-align: left;
   font-weight: bold;
   font-style: italic;
   border: 1px solid #000;
   border-bottom: none;
   background: #fff;
}

.module table th, .module table td {
   margin: 0;
   padding: 5px 10px;
   text-align: left;
   border-bottom: 1px solid #b5b5b5;
}

.module table th {
   color: #222;
   background: #eee;
   font-weight: bold;
}


/*********************************************************************
 * IMPRESSUM, WEBMASTER (chFooter's children)
 *********************************************************************/



div#chFooter #chWebmaster     {width:48%; margin:0 0.2em; float:right; text-align:right;}
div#chFooter #chImpressum     {width:48%; margin:0 0.2em; float:left;  text-align:left;}
div#chFooter #chImpressum img {padding-right:5px; height:11px;}



/* EOF */