/*
Farben

hellblau: #E6E6ED
mittelblau: #D0D0DB
dunkelblau: #8989A5
orange: #FF9B00
hell-orange: #FFC366
dunkel-orange: #DE7300
*/


/*** html, body und gesamt ***/

* {
  padding:0px;
  margin:0px;
}

html, body {
  text-align:center;
  margin:0px;
  padding:0px;
  border:0px;
  background:#E6E6ED;
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
}


/*** Elemente ***/

p {
  font-size:12px;
  line-height:1.6em;
  text-align:left;
  margin-bottom:10px;
}

q {
  font-weight:bold;
  font-style:italic;
  color:#8989A5;
}

table {
  border:none;
}

td {
  vertical-align:top;
}


img {
  border:none;
}

i {
  font-style:italic;
}

a {
}

a:link {
  text-decoration:underline;
  font-weight:bold;
  color:#8989A5;
  padding-left:2px;
  padding-right:2px;
}

a:visited {
  text-decoration:none;
  font-weight:bold;
  color:#8989A5;
  border-bottom:dashed 1px #8989A5;
  padding-left:2px;
  padding-right:2px;
}

a:hover, a:active {
  text-decoration:none;
  border:none;
  font-weight:bold;
  color:#FFFFFF;
  background:#FF9B00;
  padding-left:2px;
  padding-right:2px;
}

a.imglink:link, a.imglink:visited {
  border:none;
}

a.imglink:hover, a.imglink:active {
  border:none;
  background:transparent;
}

h1 {
  font-weight:bold;
  font-size:20px;
  margin-bottom:10px;
  text-align:left;
}

h2 {
  font-weight:bold;
  font-size:17px;
  margin-bottom:10px;
  text-align:left;
}

h3 {
  font-weight:bold;
  font-size:15px;
  margin-bottom:10px;
  text-align:left;
}

h4 {
  font-weight:bold;
  font-size:12px;
  text-align:left;
  margin-bottom:10px;
}

ul.normlist {
  font-size:12px;
  list-style-type:disc;
  line-height:1.6em;
}

ul.normlist li {
  color:#FF9B00;
  margin-left:20px;
}

ul.normlist li span {
  color:#000000;
}


/*** Definitionen zur Struktur ***/

.content {
  position:relative;
  padding:10px 50px 10px 50px;
  text-align:left;
  overflow:visible;
}

.titel {
  height:180px;
  background:url(images/titel_01.gif) no-repeat;
  position:relative;
  top:-12px;
}

.titel h1, .titel h3 {
  display:none;
}

.allesunten {
  position:relative;
  width:735px;
  height:85px;
  margin-left:auto;
  margin-right:auto;
  background:transparent url(images/flecken_03.gif) 500px no-repeat;
}

.links {
  float:left;
}

.rechts {
  float:right
}

.halb {
  width:300px;
}

.drittel {
  width:200px;
}

.zweidrittel {
  width:400px;
}

.mittig {
  text-align:center;
}

.brecher {
  clear:both;
}

.inline {
  display:inline;
}

.versteckt {
  display:none;
}

.linksdiv {
  margin-bottom:10px;
}

.linksdiv span {
  font-size:12px;
  margin-left:25px;
  font-style:italic;
}

.linksdiv p {
  margin-top:10px;
}

.linksh {
  text-align:left;
  margin-top:30px;
  margin-bottom:20px;
  left:20px;
}

.arbeitdiv {
  margin-bottom:20px;
}

.arbeitdiv h3 {
  margin-bottom:10px;
}

.recentdiv h4 {
  margin-bottom:10px;
}

.projnav p {
  text-align:center;
}

.projnav span {
  margin-left:15px;
  margin-right:15px;
}

.news h2 {
  color:#8989A5;
}

.terminediv a:link {
  text-decoration:underline;
  font-weight:bold;
  color:#FFFFFF;
  padding-left:2px;
  padding-right:2px;
}

.terminediv a:visited {
  text-decoration:none;
  font-weight:bold;
  color:#FFFFFF;
  border-bottom:dashed 1px #FFFFFF;
  padding-left:2px;
  padding-right:2px;
}

.terminediv a:hover, a:active {
  text-decoration:none;
  border:none;
  font-weight:bold;
  color:#FF9B00;
  background:#FFFFFF;
  padding-left:2px;
  padding-right:2px;
}

.sprachen {
  position:absolute;
  z-index:10;
  right:50px;
  top:-35px;
}

.sprachen a {
  font-size:12px;
  margin-right:20px;
}

.alltable {
  width:100%;
  background:transparent;
  margin-top:10px;
}

.tdlinks {
  background:transparent url(images/flecken_01.gif) top right no-repeat;
  width:auto;
}

.tdrechts {
  background:transparent url(images/flecken_02.gif) top left no-repeat;
  width:auto;
}

.tdmitte {
  width:734px;
  background:#E6E6ED;
}

.mittelinks {
  background:#FFFFFF url(images/rahmen_a_l.gif) top left repeat-y;
}

.mitterechts {
  background:url(images/rahmen_a_r.gif) top right repeat-y;
}

.alloben {
  height:52px;
  background:url(images/rahmen_a_o.gif) no-repeat;
}

.allunten {
  height:57px;
  background:url(images/rahmen_a_u.gif) no-repeat;
}

.invisible {
  visibility:hidden;
}

.block {
  display:block;
}

/*** Die Menüs ***/

.menu1 {
  text-align:center;
  position:relative;
  top:-20px;
  font-size:12px;
  margin-bottom:10px;
}

.menu li {
  display:inline;
  margin-left:10px;
  margin-right:10px;
}

.copyright, .menu2 {
  font-size:11px;
  margin-bottom:10px;
  color:#8989A5;
}


/*** Die Trenner ***/

.trenner1 {
  height:12px;
  background:url(images/trenner_01.gif) center no-repeat;
  margin-bottom:10px;
}

.trenner2 {
  height:12px;
  background:url(images/trenner_02.gif) center no-repeat;
  margin-bottom:10px;
}

.trenner3 {
  height:12px;
  background:url(images/trenner_03.gif) center no-repeat;
  margin-bottom:10px;
}

.trenner4 {
  height:12px;
  background:url(images/trenner_04.gif) center no-repeat;
  margin-bottom:10px;
}


/*** Die Validatoren ***/

.validators {
  text-align:left;
  margin-left:50px;
}

.validators img {
  vertical-align:bottom;
}

.validators span {
  margin-right:15px;
  font-size:11px;
}


/*** Das gerissene Papier ***/

.risse_a_om {
  background:#FF9B00 url(images/risse_a_om.gif) top repeat-x;
}

.risse_a_um {
  background:url(images/risse_a_um.gif) bottom repeat-x;
}

.risse_a_lm {
  background:url(images/risse_a_lm.gif) left repeat-y;
}

.risse_a_rm {
  background:url(images/risse_a_rm.gif) right repeat-y;
}

.risse_a_ol {
  background:url(images/risse_a_ol.gif) top left no-repeat;
}

.risse_a_or {
  background:url(images/risse_a_or.gif) top right no-repeat;
}

.risse_a_ul {
  background:url(images/risse_a_ul.gif) bottom left no-repeat;
}

.risse_a_ur {
  background:url(images/risse_a_ur.gif) bottom right no-repeat;
}

.risse_a_i {
  padding:20px;
  color:#FFFFFF;
}

.risse_a_i h3 {
  margin-bottom:10px;
}