body {
  /*font-family: "Myriad Pro", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;*/
  font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
  color: #616161;
  font-size: 14px;
  background: #FFF;
  margin: 0;
  padding: 0;
}

p {
  margin: 0 0 10px 0;
}

a {
  text-decoration: none;
  color: #006699;
  /*border-bottom: 1px dotted;*/
}

a:visited {
  color: #990099;
}

a:hover {
  text-decoration: underline;
  color: #D26D00;
  /*border-bottom: 1px solid;*/
}

img {
  border: 0px;
}

a img {
  border: 0px;
}

#header {
  width: 620px;
  margin: 20px auto 30px auto;
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #006699;
  margin: 0;
}

#header h1 {
  font-size: 260%;
  line-height: 140%;
  border-bottom: 1px solid #9ccee6;
}

#header h2 {
  font-size: 90%;
  line-height: 140%;
  text-decoration: none;
  letter-spacing: 0.15px;
}

#header a {
  text-decoration: none;
  color: #006699;
}

#content {
  width: 620px;
  margin: 20px auto;
  line-height: 135%;
  border: 0px;
}

#content h1 {
  font-size: 150%;
  line-height: 100%;
  border: 0;
  margin: 0 0 7px 0;
  color: #D26D00;
}

#content h2 {
  font-size: 120%;
  margin: 25px 0 0 0;
  color: #AAA;
}

#content h3 {
  font-size: 110%;
  margin: 10px 0;
}

#content h4 {
  font-size: 110%;
  margin: 10px 0;
  color: #D26D00;
}

#content h1 a {
  /*text-decoration: underline;*/
}

#content a img {
  border: 0px none;
}

#content img {
  border: 0px none;
}

#content ul, #content ol {
  margin: 0 0 5px 10px;
  padding-left: 15px;
}

.menu {
  font-size: 110%;
}


#mailform {
  margin: 0 0 0 110px;
}

.inpt {
  font-family: "Myriad Pro", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 110%;
  font-weight: normal;
  margin: 1px 0 10px 0;
  background-color:#FFF;
  padding: 3px;
  width: 400px;
  border:#9ccee6 1px solid;
  color:#006699;
}

#sbmt {
  font-family: "Myriad Pro", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 110%;
  background-color:#9ccee6;
  border:#9ccee6 1px solid;
  color:#006699;
  width: 200px;
  height: 30px;
  padding: 0;
  clear: both;
  margin: 0 0 10px 0;
}

#sbmt:hover {
  cursor: pointer;
  background-color:#006699;
  border: #006699 1px solid;
  color: #EBF9FE;
}

#middle {
  width: 2px;
  border-right: 1px #9ccee6 solid;
  margin: 0 28px;
  height: 185px;
  display: inline;
  float: left;
}

#left, #right {
  width: 280px;
  height: 185px;
  display: inline;
}

#left {
  float: left;
  text-align: right;
}

#right {
  float: right;
}

#freestuff_ruller {
  clear: both;
  width: 620px;
  height: 70px;
  background: url(img/freestuff.png) top center repeat-y;
}

#funstuff_ruller {
  clear: both;
  width: 620px;
  height: 70px;
  background: url(img/funstuff.png) top center repeat-y;
}

#bottom {
  clear: both;
  float: none;
  margin: 0px auto;
  width: 620px;
}

#footer {
  clear: both;
  float: none;
  margin: 20px auto 0 auto;
  width: 620px;
  border-top: 1px solid #9ccee6;
  /*font-size: 90%;*/
  text-align: center;
}

#footer p {
  margin: 0;
  line-height: 200%;
}

#footer ul {
  border-top: 1px solid #9ccee6;
  list-style: none;
  font-size: smaller;

}

#footer ul li {
  margin-right: 7px;
  float: left;
}


.float_left {
  float: left;
}

.float_right {
  float: right;
}

.underlined {
  text-decoration: underline;
}

.small_font {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 70%;
}

.grey_text {
  color: #616161;
}


/* Lebenslauf */

#main_data {
  font-size: 110%;
  /*border: 1px #A00 solid;*/
  width: 350px;
  color: #006699;
}

#main_data a {
  text-decoration: underline;
}

#main_picture {
  margin: 0 0 30px 0;
}

/* Expandable Blocks */

.exp-block {
  padding: 0 20px;
  margin: 0 0 10px 0;
  cursor: pointer;
  float: none;   /* simple fix for jquerry toggle IE8 bug */
  clear: both;   /* simple fix for jquerry toggle IE8 bug */
  /*cursor: pointer;*/
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.exp-block h3 {
  cursor: pointer;
  margin: 20px 0;
  /*cursor: pointer;*/
}

.exp-block h3:hover {
  color: #D26D00;
  text-decoration: underline;
}

.exp-block p {
  cursor: auto;
  margin: 0 0 10px 0;
}

.exp-text {
  /*display: none;*/
  cursor: auto;
  float: none;   /* simple fix for jquerry toggle IE8 bug */
  clear: both;   /* simple fix for jquerry toggle IE8 bug */
  font-size: 80%;
  font-family:  Verdana, Helvetica, Arial, sans-serif;
  color: #000;
}

.exp-text a {
  text-decoration: underline;
}

.exp-text li {
  margin-bottom: 7px;
}

.pastel-maroon {
  border: 1px solid #FFD9D9;
  background-color: #FFF4F4;
}

.pastel-green {
  border: 1px solid #CAE6E6;
  background-color: #F1F8F8;
}

.pastel-blue {
  border: 1px solid #BFDEFF;
  background-color: #ECF5FF;
}

.pastel-purple {
  border: 1px solid #FFD5FF;
  background-color: #FFF4FF;
}

.pastel-yellow {
  border: 1px solid #FCF1A9;
  background-color: #FEFFEA;
}