/* ____________________________________________ Content/Text */

#content {
  padding: 0 25px 25px 25px;
}

h2 {
  font: normal 180%/150% georgia, garamond, serif;
  color: #600;
  text-align: center;
  letter-spacing: 1px;
  margin: 1.5em 0 1em 0;
}

h3 {
  font: normal 130%/1.4 georgia, garamond, serif;
  color: #600;
  text-align: left;
  border-bottom: 1px solid #da251d;
  letter-spacing: 1px;
  margin: 1em 0 0;
  padding: 0 0 .5em 0;
  /* background: transparent url(/img/h2.gif) bottom right no-repeat; */
}

h4, div.termine h3 {
  font: normal 120%/1.2 georgia, garamond, serif;
  margin: 2em 0 0;
  letter-spacing: 1px;
  color: #600;
  border-bottom: none;
  background: none;
}

h5, div.termine h4 {
  font: bold 100%/100% verdana, sans-serif;
  margin: 1em 0 -0.5em 0;
  color: #600;
}

.kasten {
  background: #ffe770;
  border: 1px solid #da251d;
  padding: 0 .75em;
  margin: 1em 0;
  font-size: 90%;
}

.kasten h4 {
  margin: .5em 0 0;
}

.kasten p {
  margin: .5em 0;
}

.kasten .zarb {
  font-weight: bold;
}

#content ul {
  margin: 1em 0;
  padding: 0;
}

#content ul li, #content ol li {
  margin: 0 0 .25em 20px;
  text-align: left;
}

#content ol {
  list-style-type: lower-alpha;
  margin: 1em 0;
  padding: 0;
}

#content ol ol {
  list-style-type: decimal;
}

* .zarb {
  letter-spacing: 1px;
}

p.top {
  text-align: right;
  font-size: 90%;
  clear: both;
}

#content table {
  margin: .5em auto;
  width: 99.9%;
  border: 1px solid #da251d;
}

#content table.breit {
  width: 99.9%;
  margin: 1em 0;
  border: 1px solid #da251d;
}

#content table.gitter {
  border-right: none;
  border-bottom: none;
}

table.gitter td, table.gitter th {
  border-right: 1px solid #da251d;
  border-bottom: 1px solid #da251d;
}

#content table td, #content table th {
  padding: 2px 4px;
}

.makro {
  font-weight: bold;
}

.head {
  font-weight: bold;
  background-color: #ffe770;
}

.head td, .head th {
  border-bottom: 1px solid #da251d; 
}

.even {
  background-color: #FFE770; 
}

.neu {
  color: #da251d;
}

blockquote, div.example {
  display: block;
  margin: 1em 25px;
  border-bottom: 1px solid #da251d;
}

div.example#ide-b-1 p {
  line-height: 40px;
  text-align: left;
}

div.example#ide-b-1 img, div.example#ide-d-4 img {
  vertical-align: middle;
  margin: 0 0.5em;
}

span.inq {
  color: #da251d;
  font: bold 2.5em/1em georgia, garamond, serif;
  padding: 0 0.5em 0 0;
}

address {
  margin: 0 0 0 25px;
}

img.handbuch {
  width: 45px;
  height: 45px;
  float: right;
  margin: 0.25em 0 0 1em;
  border-width: 4px;
  border-color: #999 #999 #eee #eee;
  border-style: solid;
}

p.nlsymbol img {
  width: 16px;
  height: 16px;
  margin: 0 2px;
}


/* ____________________________________________ Formulare */

fieldset {
  border: 1px solid #da251d;
  padding: 0 0 0 10px;
  margin: 1em 0;
}

fieldset p {
  margin: 0 0 0 -10px;
  text-align: left;
  padding: 0 5px;
}

legend {
  font-weight: bold;
  border: 1px solid #da251d;
  padding: 2px 5px;
  margin: 1em 0;
  background: #fe9;
}

.inputlabel {
  display: block;
  float: left;
  width: 11em;
  text-align: right;
  padding: 0 1em 0 0;
}

.input {
  border: 1px solid #999;
  padding: 2px;
  letter-spacing: 0.5px;
}


/* ____________________________________________ Haupt-Navigation */

#mainnav {
  /* padding: 15px 0 0 0; mit skip-Link */
  padding: 0;
  border-right: 1px solid #da251d;
  width: 180px;
}

#mainnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#mainnav li.nav-head {
  border-bottom: 1px solid #da251d;
  font: bold 110%/130% georgia, garamond, serif;
  text-align: right;
  letter-spacing: 2px;
  margin: 1em 15px 0.5em 0;
}

#mainnav li {
  margin: 0 0 0.15em;
  padding: 0;
  text-align: right;
}

#mainnav ul a {
  padding: 0 15px 0 3px;
	font-weight: normal;
}

#mainnav ul a.active {
  background: url(/img/pfeil_l.gif) 100% 50% no-repeat;
}

#mainnav ul a:focus, #mainnav ul a:hover, #mainnav ul a.active:hover {
  background: #ffe770 url(/img/pfeil_l.gif) 100% 50% no-repeat;
}

#mainnav address {
  font-size: 85%;
  margin: 0;
  padding: 0 15px 0 0;
}

#mainnav li.banner {
  font-size: 85%;
  text-align: center;
  margin: 2em 0;
  padding: 0 15px 0 0;
}

#mainnav address a, #mainnav .banner a {
  padding: 0;
}

#mainnav address a:focus, #mainnav .banner a:focus, #mainnav address a:hover, #mainnav .banner a:hover {
  background: #ffe770; 
}

#mainnav a img {
  border: 1px solid #da251d;
}


/* ____________________________________________ Subnavigation */

.subnav {
  font-size: 85%;
  background: url(/img/pfeil_r.gif) left center no-repeat;
  padding: 0 0 0 15px;
  line-height: 200%;
  margin: 2em 0 0 0;
}

#content ul.verzeichnis li {
  text-align: left;
}


/* ____________________________________________ Skip */

#skip {
  /* border-bottom: 1px solid #da251d; mit skip-Link */
  border-right: 1px solid #da251d;
}

#skip ul {
   display: inline;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#skip a {
  font-weight: normal;
}

#content-anker {
  display: block;
  font-size: 1px;
  line-height: 1px;
}


/* ____________________________________________ Sprachauswahl */

#langnav {
  border-bottom: 1px solid #da251d;
}

#langnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  font-size: 85%;
}

#langnav li {
  margin: 0 5px;
  display: inline;
}

#langnav li a {
	font-weight: normal;
}


/* ____________________________________________ Header */

#header, #logo {
  border-bottom: 1px solid #da251d;
  text-align: center;
}

#header h1 {
  font: normal 150%/2 georgia, garamond, serif;
  color: #da251d;
  letter-spacing: 1px;
	padding: 0;
	margin: 0 0 .5em;
}

#header h1 a:focus, #header h1 a:hover,
#logo h1 a:focus, #logo h1 a:hover {
  background: none;
}

.head-logo {
  color: #fe9;
  padding: 0 0.25em;
  background: #da251d;
  margin: 0 4px 0 0;
  font: bold 120%/1 Verdana, sans-serif;
}

#logo {
	width: 180px;
  padding: 0 0 15px;
}

#logo h1 {
  margin-bottom: 10px;
}

#logo p {
  line-height: 100%;
  margin: 0;
}

#logo a {
  font-weight: normal;
}


/* ____________________________________________ Adresse/Banner */

div#add, div#banner {
  border-top: 1px solid #da251d;
  font-size: 85%;
  margin-top: 3em;
  padding: 0 15px 0 0;
  text-align: right;
}

div#add address {
  margin: 3em 0;
}

div#banner p {
  text-align: center;
  margin: 3em 0;
}


/* ____________________________________________ Footer */

#footer p {
  border-top: 1px solid #da251d;
  font-size: 85%;
  text-align: center;
  padding: 5px 0;
	margin: 0 25px;
}


/* ____________________________________________ Startseite */

h2#start {
  border-bottom: 1px solid #da251d;
  padding: 0 0 0.5em 0;
  margin: 0;
  font-weight: normal;
  text-align: center;
  font-size: 85%;
  line-height: 100%;
  font-family: verdana, sans-serif;
  letter-spacing: 0;
}

.startnav a {
  display: block;
  padding: 0.5em 0;
  margin: 0;
  background: #fe9 url(/img/pfeil_r.gif) left center no-repeat;
  border: 1px solid #da251d;
  text-align: center;
  text-decoration: underline;
}

.startnav a:hover {
  background: #ffe770 url(/img/pfeil_r.gif) left center no-repeat;
}

.startnav {
  padding: 10px 25px 0 25px;
}

.startdes {
  padding: 5px 25px 0 0;
}

.startdes p {
	text-align: left;
}

#footer address {
  border-top: 1px solid #da251d;
  font-size: 85%;
  text-align: center;
  padding: 10px 0;
  margin: 0;
}


/* ____________________________________________ Body und Grundlagen */

body {
  background: #fe9 url(/img/bg_collage.gif) 760px -150px repeat-y;
  margin: 0;
  font: normal 80%/1.5 verdana, arial, helvetica, sans-serif;
  color: #600;
}

#wrap {
  width: 730px;
  margin: 0 0 25px 15px;
}

img {
  border: none;
  margin: 0;
  padding: 0;
}

.hidden, b {
  display: none;
}

a:link, a:visited {
  color: #da251d;
  font-weight: normal;
  text-decoration: none;
}

a:focus, a:hover {
  background-color: #ffe770;
  text-decoration: underline;
}

p {
  text-align: left;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic; 
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.small {
  font-size: 85%;
}

.red {
  color: #da251d; 
}

abbr[title], acronym[title] {
  cursor: help;
  border-bottom: 1px dotted #aaa;
}

kbd {
  font: normal 100%/100% "courier new", monospace;
}