* {
    margin: 0;
    padding: 0;
  }

/*------*/
/* ID's */
/*------*/
#header,#sidebar,#main,#footer {
    overflow: hidden;
    display: block;
  }

#header,#footer {
    text-align: center;
  }

#container {
    background: #fafafa url("../pics/bg_container.png") repeat-x fixed;
    _background: #fafafa;
    max-width: 74em;
    /* hack für den IE */ _width:74em;
    margin: auto;
    min-height: 480px;
    /* hack für den IE */ _height: 480px;
    padding: 0 1em 2em 0;
    position: relative;
    border: #ddd 2px solid;
    overflow: auto;
    }

#header, #header_wit {
    min-height: 50px;
    /* hack für den IE */ _height: 50px;
    width: 75em;
    display: block;
    margin: auto;
  }

#header {
    background: transparent url("../pics/streifen.png") repeat-x center center;
}

#header_wit {
    background: transparent url("../pics/streifen_wit.png") repeat-x center center;
  }

/* ohne den Rand ist komischerweise die Headerüberschrift verschoben */
#header #header_logo {
    height: 80px;
    border-top: #eee double 1px;
  }

/* ohne den Rand ist komischerweise die Headerüberschrift verschoben */
#header_wit #header_logo {
    background: transparent url("../pics/logo_wit2_rund-klein-trans.png") no-repeat left center;
    height: 80px;
    border-top: #eee double 1px;
  }

#header h1 {
    color:#0041B1 ;
    font-size:17pt;
    margin:9pt 0 0;
    text-align:center;
}

#header_wit h1 {
    font-size:20pt;
    margin: 17pt 0pt 0pt;
    color:#007083;
    text-align: center;
  }

#sidebar {
    background-color: transparent;
    float: left;
    width: 245px;
    height: 460px;
  }


#main {
    position:relative;
    line-height: 1.4em;
    text-align: justify;
    background: transparent;
    overflow:auto;
    _margin-left: 200px;
  }


#main ul {
    margin-left:15px;
    list-style: circle outside;
  }

.din#main ul {
    text-indent:-13px;
    margin-left:13px;
    list-style: circle inside;
  }

#main ul.bottom_1em li {
    margin-bottom: 1em;
  }

/* das kann weg, sobald die DIN-Screenseite auch mit css formatiert wurde */
ul.bottom_1em li {
    margin-bottom: 1em;
  }

#main ul ol {
    margin-left: 2em;
    list-style: lower-alpha inside;
  }

#box1 {
    float: left;
    margin-left: 4em;
    padding: 0.5em;
    width: 45%;
    height: 215px;
  }


#box2 {
    float: right;
    width: 42%;
    height: 215px;
    text-align: left;
    padding: 0.5em;
  }

#footer {
    background:transparent url("../pics/bg_unten.png") repeat-x;
    font-size: 9px;
    color: #525252;
    margin-top: -55px;
    padding-top: 55px;
  }


#subtest-bezeichnungen {
    margin-left:1em;
  }


#subtest-bezeichnungen div {
    font-weight: bold;
  }

/*------*/
/* TAGS */
/*------*/

html {
    height: 100.1%;
  }

body {
    background:#eee url("../pics/bg_oben.png") repeat-x fixed;
    overflow: auto;
    color: #000;
    font-family: arial,sans-serif;
    font-size: 11pt;
    padding: 0 0 1em 0;
  }


h2, h3 {
    text-align: left;
  }


h1 {
    font-size:20pt;
    margin: 10px 0 5px;
  }


h2 {
    font-size : 15pt;
    font-style : italic;
    margin: 2em 0 5px;
  }


h3 {
    font-size: 12pt;
    text-align: left;
    margin: 1.5em 0 3px;
  }


p {
    margin: 1em 0 10px 0;
  }


caption {
    text-align: left;
    font-weight: bold;
  }


[icon ="pdf"] {
    padding-right: 18px;
    background: transparent url("../pics/pdf.gif") no-repeat center right;
  }


[icon ="out"] {
    padding-right: 18px;
    background: transparent url("../pics/external.gif") no-repeat center right;
  }


[icon ="lupe"] {
    padding-right: 18px;
    background: transparent url("../pics/lupe.gif") no-repeat center right;
  }


[icon ="mail"] {
    padding-right: 18px;
    background: transparent url("../pics/mail.gif") no-repeat center right;
  }


[icon ="ppt"] {
    padding-right: 18px;
    background: transparent url("../pics/ppt.gif") no-repeat center right;
  }


[icon ="idea"] {
    padding-right: 18px;
    background: transparent url("../pics/idea.gif") no-repeat center right;
  }

/*---------*/
/* KLASSEN */
/*---------*/




.centered {
    display: block;
    margin: 5px auto 2px;
  }


.centered-logo {
    display: block;
    margin: 4em auto;
  }


div.abbildung {
    color: gray;
    font-size: small;
    text-align: left;
    margin: 0 0 0.3em;
  }


#literatur p, p.quelle, .quelle p {
    text-indent:-1em;
    margin-left: 1em;
  }


.tab_ersatz span {
    margin-right: 2em;
  }

/*-----------------*/
/* PSEUDO-ELEMENTE */
/*-----------------*/




a:link, a:visited, a:active, a:hover {
    text-decoration: none;
  }


a:link {
    border-bottom: blue 1 dashed;
    color:#04167F;
  }


a:visited {
    color:#435EF4;
  }


a:active {
    color:#0F0;
  }


a:hover {
    color : #7A0427;
  }

/*** css anstatt table, tr und td ***/
/*         Anfang        */

div.row, div.row1 {
    margin: 1em 0;
    text-align: left;
  }


div.row strong {
    float: left;
    width: 1em;
    margin-right: 1em;
  }


div.row1 strong {
    float: left;
    width: 6em;
    margin-right: 1em;
  }


div.row1 span, div.row1 span {
    text-indent: 1em;
  }


.zu_faul_fuer_divs {
    vertical-align: top;
  }

/* Ausrichtung im Table auf lebenslauf.html */
#lebenslauf1 tr td, #lebenslauf2 tr td {
  padding:2pt;
  text-align:left;
  vertical-align:top;

  }

/********* Ende **********/

.micha {
	color: #FAFAFA 
}

.micha a:link, .micha a:visited, .micha a:hover {
	color: #FAFAFA 
}