/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   BASIC ELEMENTS
   
   Colors
   Light blue (e.g. links)                     : #62c8d2
   Hover-Blue (selected links)                 : #82e8d2
   dark grey (e.g. Text)                       : #373638
   
   */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   GLOBAL RESET : 
   Forces every browser to display HTML elements with the same margins, paddings etc.
   see: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { position: relative; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; margin: 0; padding: 0; outline: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "»" "«"; }
html { font-size:100.01%; }
body { font-size:1em; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   CLEARFIX HACK:
   fixes mistakes in displaying floating containers
   see: http://positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   INVISIBLE-CLASS
   will hide elements from the screen but will be recognized in screen reader applications
*/
.invisible { position: absolute; left: -1000em; width: 20em; }

a {
  text-decoration: none;
  color: #62c8d2;
}
a:hover {
  color: #82e8f2;
}
b, strong {
  font-weight: bold;
}
i, em {
  font-style: italic;
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   MAIN ELEMENTS */

html {
  margin-bottom    : 1px;
  height           : 100%;
}
body {
  position: absolute;
  width: 100%; min-height: 100%;
  padding: 1px 0 0 0;

  background: #ffffff;
  font-family: 'Times New Roman', serif;
  color: #373638;

  font-size: 0.625em; 
}
* html body {
  height: 100%;
}


#pagecontent {
  position: relative;
  margin: 25px auto 25px auto;
  width: 73em;
  z-index: 50;
}
* html #content {
/* MSIE 6 */
}
*+html #content {
/* MSIE 6 */
}


#content {
  padding: 1em 1em 0 1em;
  width: 48em;
}
#content p {
  font-size: 1.6em;
  line-height: 1.5em;
}
#content p.Headline {
  font-size: 2.4em;
  line-height: 1em;
}
#content p.Subline {
  font-size: 2em;
  line-height: 1.2em;
}

#pages {
  font-size: 1.2em;
  font-style: italic;
  margin: 0 0 2em 0; 
}
#pages a {
  color: #373638;
}
#pages a:hover,
#pages a.current {
  color: #62c8d2;
}
#pages .forbck {
  position: absolute;
  right: 0; top: 0;
}

.citem {
  display: block;
  margin: 0 0 1em 0;
  border-bottom: 1px solid #373638;
}
.imagedescription {
  font-size: 1.6em;
  line-height: 1.5em;
  font-style: italic;
  display: block;
  padding: 0.25em 0 0 0;
}



#header {
/*
  position: absolute;
  top: 0; left: 0;
*/
  padding: 0 0 1em 0;
  width: 73em;
  border-bottom: 1px solid #373638;
}
#breadcrumb {
  display: none;
}
#main_menu {
  width: 50em;
  font-family: Geneva, 'Lucida Sans', sans-serif;
  text-transform: uppercase;
  float: left;
}

#main_menu li {
  display: block;
  width: 12em;
  float: left;
}
#main_menu li .firstitem {
  display: block;
  width: 0.9em;
  float: left;

}
#main_menu li li {
  float: none;
  padding: 0 0 0 1em;
  width: 11em;

}
#main_menu li a {
  font-size: 1.1em;
  line-height: 1.5em;
  color: #373638;
}
#main_menu li a:hover,
#main_menu li a.current {
  color: #62c8d2;
}

#logo {
  color: #373638;
  font-family: Geneva, 'Lucida Sans', sans-serif;
  text-transform: uppercase;
  font-size: 3.2em;
}