body
{
  background:#34363B;
  color:#F1F1F1;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:101%;
  text-align:center;
  margin:0;
  padding:0;
}

#gesamteseite
{
    width:60%;
    max-width:60em;
    margin:3em auto auto auto;
    text-align:left;
    font-size:0.95em;
}

#content
{
    border:0px solid #F1F1F1;
    border-bottom-width:2px;
    padding-bottom:1em;
}

#footer
{
  margin-top:0.25em;
  text-align:right;
}
#footer p
{
  margin:0;
  padding:0;
  margin-right:1em;
}
#footer a, img
{
  border:0px;
}
h1
{
  font-size:150%;
}

h2
{
  font-size:120%;
}

h3
{
  font-size:105%;
}

h1, h2
{
  margin:0em;
  padding:0em;
  letter-spacing:1px;
}

h2, h3
{
  margin-bottom:1em;
  margin-top:1em;
}

.stretcher
{
  padding-left:1em;
  padding-right:100px;
  margin-left:1em;
  padding-top:0.3em;
  padding-bottom:0.3em;
}
#inhaltdieperson.stretcher
{
  padding-right:160px;
}
.display h2:first-letter, .fehler h2:first-letter
{
  color:#268FD4;
}

.display
{
  padding-left:1em;
  margin-bottom:-0.5em;
  margin-left:1em;
  cursor:pointer;
}
.display h2
{
  background:transparent url(../grafiken/icons/pfeilnachunten.gif) no-repeat right center;
  margin-right:1em;
}

.display:hover
{
  background:#F1F1F1;
  background:#268FD4;
  color:#34363B;
}
.display:hover h2
{
  background:transparent url(../grafiken/icons/pfeilnachunten_hover.gif) no-repeat right center;
}
.display:hover h2:first-letter
{
  color:#34363B;
}
hr
{
  display:none;
}

#footer p #emailicon
{
  border:0px solid #666;
  padding-right:6px;
  border-right-width:1px;

}

#footer p #maximizeicon
{
  border:0px solid #666;
  padding-right:6px;
  border-right-width:1px;

}

td 
{ 
  border:0px solid white;
  vertical-align:top;
  width:50%;
}
table 
{ 
  width: 100%; 
}
ul
{
  margin-top:0;
  padding-left:1em;
  margin-left:0;
}
li
{
  margin-bottom:0.3em;
}



#inhaltdieperson { background: #3D4046 url(../grafiken/icons/portrait_lars_krahl.jpg) no-repeat right top; }
#inhaltdasimpressum { background: #3D4046 url(../grafiken/icons/wasserzeichen_dasimpressum.gif) no-repeat right top; }
#inhaltdiequalifikation { background: #3D4046 url(../grafiken/icons/wasserzeichen_diequalifikat.gif) no-repeat right top; }
#inhaltderlebenslauf { background: #3D4046 url(../grafiken/icons/wasserzeichen_derlebenslauf.gif) no-repeat right top; }
#inhaltdiedownloads { background: #3D4046 url(../grafiken/icons/wasserzeichen_diedownloads.gif) no-repeat right top; }

a { color:#B1B1B1; font-style:italic; }
a:visited { color:#858585; }
a:focus, a:hover, a:active { color:#F1F1F1; }

.sprungmarke { display:none;}

html>body p strong, html>body li ul li strong { font-weight:normal; } /* ignored by IE */
p:hover strong, li ul li:hover strong { color:#268FD4; }


#grafikbeispiele
{
  background:#3D4046;
  position:absolute;
  right:3em;
  top:3em;
  padding-bottom:1em;
}
#grafikbeispiele img
{
  margin:1em;
  margin-bottom:0em;
}

@-ms-viewport, @viewport{
        width: device-width;
	initial-scale = 1;
}