body         { background-color: #303040; }

h1, h2, h3, h4 { font-family: Helvetica, sans-serif, Arial; }
h3, h4 { clear: both; }

span.quotmark {
  font-size: 200%;
  line-height: 0%;
  vertical-align:middle;
  padding-right:0.04em;
}

div.header { 
  background-color: #a0a0a0; 
  margin: 0cm; 
  height: 200px; 
  border-bottom-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border: 1px solid #e0e0e0;

  background-image: url('wireframe.png');
  background-repeat: no-repeat;
  background-position: top right;
}

h1 { 
  height: 200px; 
  padding-left: 60px; 
  margin: 0px;
  color: #101030;
  display: table-cell;
  vertical-align: middle 
}

h3, h4 {
  padding-top: 30px;
}

div.col_right { 
  float:right;
  width:30%;
}
div.col_left { 
  width:70%;
  padding: 0px;
  margin: 0px;
}

h2 { 
  background-color: #e0e0e0; 
  padding-left:20px;
  padding-top: 10px; 
  padding-bottom: 10px; 
  padding-right: 0px;
  margin-left:-60px;
  margin-right:-31px;  
  margin-top:-1px;
  border-bottom-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border: 1px solid #a0a0a0;
  background-image: url('wireframe-small.png');
  background-repeat: no-repeat;
  background-position: top right;
  height: 30px;
}

div.section_praise { 
  margin-top:30px;
  margin-left:60px; 
  margin-right: -0px;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-right:30px;
  padding-top:0px; 
  background-color: #000011; 
  color:#ffffff;
  border-top-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border: 1px solid #a0a0a0;
}

.section_praise li {
  padding-top: 10px;
  list-style:none;
  text-indent: -1.5em;
  font-style:italic;
}

.section_praise h2 {
  background-color: #112222; 
  padding-left:20px;
  padding-top: 10px; 
  padding-bottom: 10px; 
  padding-right: 0px;
  margin-left:-60px;
  margin-right:-31px;  
  margin-top:-1px;
  border: 0px solid #a0a0a0;
  background-image: url('wireframe-small.png');
  background-repeat: no-repeat;
  background-position: top right;
  height: 30px;
  border-bottom-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  -webkit-border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border: 1px solid #a0a0a0;
}

div.section { 
  margin-top:30px;
  margin-left:60px; 
  margin-right: -0px;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-right:30px;
  padding-top:0px; 
  background-color: #ffffff; 
  border-top-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -webkit-border-top-right-radius: 30px;
  border: 1px solid #a0a0a0;
}

p            {  margin-left: 1cm; }

table        {  margin-left: 1cm; }

span.teaser_wide      { 
  display: block;
  border: thin dashed #d0d0d0;
  padding:1em;
  margin-right: 30px;
  margin-left:  30px;
  margin-bottom: 30px;
}
span.teaser      { 
  float: left;
  border: thin dashed #d0d0d0;
  padding:1em;
  width: 500px;
  margin-right: 1em;
  margin-left:  30px;
  margin-bottom: 1em;
}
.code        { font-family: courier, fixed; }

.pub { font-family: Helvetica, sans-serif, Arial; }
ul.pub       { 
  list-style: none; 
  margin-left: 0px; 
}
.pub li      { margin-top: 1cm}
.pub_title   {  font-weight: bold; }
.pub_title a { text-decoration: none;  font-weight: bold; color: black; }
.pub_in      {  margin-left: 1em; }
.pub_authors {  margin-left: 1em; font-style: italic; }

.pub a img {
  border: 0px dotted black;
  margin-bottom: -4px;
  margin-top: -5px;
  margin-left: 0.5em;
}
div.question {
  margin-top: 1em;
  margin-bottom: 0.0em;
  font-weight: bold;
}
div.answer {
  margin-top: 0em;
}