/**
 * (de) Zentrales Stylesheet
 * (en) central stylesheet
 * 
 * Fabian K. Profil
 * 
 * @author      Fabian Künzel
 * @copyright   Copyright 2009
 *
 * @license     cc-by-sa 3.0 (http://creativecommons.org/licenses/by-sa/3.0/deed.de)
 * 
 * @version     1.0.0
 */
 
@media all
{

/**
 * Browser Reset
 * 
 * (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente
 * (en) Global reset of paddings and margins for all HTML elements
 */   

  * { margin:0; padding: 0; }
 
  /* (en) Standard values for colors and text alignment */
  /* (de) Vorgabe der Standardfarben und Textausrichtung */   
  body {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 75.00%;
    color: #444; 
  }
  #top, #header, #nav, #content, #footer { clear:both; overflow:hidden; }  
  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: "Times New Roman", Times, serif;
    font-weight:normal;
    color:#222;
  }
  h2,h3,h4,h5,h6 { margin: 0 0 0.25em 0; }
  h1 { font-size: 250%; }                       /* 30px */
  h2 { font-size: 350%; }                       /* 24px */
  h3 { font-size: 220%; }                       /* 18px */
  h4 { font-size: 133.33%; }                    /* 16px */
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 116.67%; }                    /* 14px */
  
  p { line-height:1.5em; margin:0; }  
/**
 * Gestalltung des Layouts
 */

  body { background-color: #dfdfdf; }
  
  #page { min-width: 760px; max-width: 70em; min-height: 420px;}
  #page { margin: 0.5em auto; display: block; } /* Central Layout */
  
  #page { border: 1px #ccc solid; background-color: #fff; }
  
  
  #top {
    background: transparent;
    text-align:left;
    font-size: 75.0%;
	  padding: 5px 10px;
  }
  #top span { float:right; }
  
  #header {
    position: relative;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    padding: 1.5em; 
  }
  #header h1#pagetitle { font-size: 340.00%; margin-left: 1em; }
  #header span { font-size: 240.00%; font-style: italic; margin-left: 2em; }
  
  /* Navigation Elements */

  #nav {
    width: 100%;
    overflow: hidden;
    float: left;
    display: inline;
    position:relative;
    border-bottom: 1px #ccc solid;
    line-height: 0;
    padding-bottom:10px;
    padding-top:10px;
  }
  /* Nav List */
  #nav ul {
    display: inline;
    float: left; /* LTR */
    margin: 0 0 0 50px; /* LTR */
    padding: 0;
  }
  #nav ul li {
    border-right: 1px #aaa solid;
    display: inline;
    float: left; /* LTR */
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  #nav ul li.current,
  #nav ul li a {
    background: transparent;
    color: #000;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
  }
  #nav ul li a:focus,
  #nav ul li a:hover,
  #nav ul li a:active  { background: #666666; color: #fff; text-decoration: none; }
  
  #nav ul li.current { background: #880000; color: #fff; }
  
  /**
   * Position Elements
   */
   
  .left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }     

  /* Content */
  #content { margin: 1.5em; margin-top: 5em; }
  
  
  em.date { font-size: 75.00%; color: #666;}
  .page_bottom { margin-top: 4em; }
  
/**
 * @section subtemplates
 * @see     http://www.yaml.de/de/dokumentation/anwendung/subtemplates.html
 * 
 * @copyright http://yaml.de/, Dirk Jesse  
 */

.subcolumns { width: 100%; overflow:hidden; }
.subcolumns_oldgecko { width: 100%; float:left; }

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l { float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { float: right; margin-left: -5px; }

.c25l, .c25r { width: 25% }
.c33l, .c33r { width: 33.333% }
.c50l, .c50r { width: 50% }
.c66l, .c66r { width: 66.666% }
.c75l, .c75r { width: 75% }
.c38l, .c38r { width: 38.2% } /* Goldener Schnitt */
.c62l, .c62r { width: 61.8% } /* Goldener Schnitt */

/** Anpassung Subcolums **/
#lebenslauf .subcolumns { width: 80.00%; margin: 0 auto; margin-top: 2em; }
#lebenslauf .subcolumns p { font-size: 120%; }

#aktivitaeten .subcolumns { margin-top: 2em; border: 1px #ccc dashed; }

}