/* -------------------------- Settings -------------------------- */

html { height: 100%; }
img, a img { border: 0; }
div, body, p, h1, h2, h3, h4 { padding: 0; margin: 0; border: 0; }
.clear { clear: both; }

/* -------------------------- Styles -------------------------- */

ul {
  padding:3px 0px 3px 2px;
  margin:0px 0px 5px 10px;
  list-style-image: url(../gfx/pfeil.jpg);
}
li {
  padding:0px 0px 0px 2px;
  margin:1px 0px 1px 10px;
}
p {
  padding-bottom: 0.9em;
  padding-top: 0.2em;
}
h1 {
  padding-bottom: 0.2em;
  
  color: #ff981c;
  font-size: 0.8em;
  font-weight: normal;
}
h2 {
  padding-top: 0.4em;
  padding-bottom: 0.2em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  line-height: 1.4em;
  font-size: 1.3em;
  font-weight: bold;
  
  border-bottom: solid 2px #ff9310;
}

h3 {
  padding-top: 0.4em;
  padding-bottom: 0.2em;
  margin-top: 1em;
  margin-bottom: 0.2em;
  line-height: 1.3em;
  font-size: 1.2em;
  font-weight: bold;
}

table {
  margin-top: 0.1em;
  margin-bottom: 0.8em;
  border-collapse: collapse;
}

table th {
  background: #ff9310;
}

table td {
  border: 1px solid #ff9310;
  padding: 0.5em;
}

table p.bodytext {
  padding-bottom: 0;
  padding-top: 0;
}

.f_right {
  float:right;
  margin-top: 1em;
  padding-left:15px;
  padding-top:10px;
}
.f_left {
  float:left;
  width:75%;
}
.clear {
  clear:both;
}

/* -------------------------- Links -------------------------- */

a:link, a:visited  { text-decoration: underline; font-weight: bold; color:#0e01d5;}
a:hover, a:active { color: #000000; text-decoration: underline; font-weight: bold; }

/* -------------------------- Site construction -------------------------- */

/* -------- BODY -------- */

body {
	height: 100%;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../gfx/bg.jpg);
	background-position: top;
	background-repeat: repeat-x ;
	font-size: 75%;
	line-height: 1.1em;
  color: #0e01d5;
	
  background-color: #fcbb2c;
	
	min-width: 775px;
	font-weight:normal;
}

/* -------- CONTAINER -------- */

div#container {
	text-align: left;
	margin: 0 auto;
	width: 775px;
  position: relative;
  top: 0px;
  left: 0px;
}

/* -------- CONTENT -------- */

div#content {
  position: relative;
  margin: 115px 0 0 14.5em;
  padding: 0 0 0 0.5em;
}

div.csc-textpic-imagewrap {
  margin-top: 2.2em;
  margin-bottom: 2.2em;
}

div#content_wbar {
  position: relative;
  margin: 115px 14.5em 0 14.5em;
  padding: 0 0.5em 0 0.5em;
}

/* -------- BAR -------- */

div#bar {
  position: absolute;
  width: 14.5em;
  right: 0px;
  top: 0px;
}
html* div#bar { top: 115px; }
* html div#bar { top: 115px; }

div.belement {
  background: #FEE4AC;
  padding: 0.1em 1em 1em 1em;
  margin-bottom: 1em;
  font-size:0.9em;
}

div.belement h2, div.newsletterform h2 {
  border: 0;
  padding: 0;
  margin: 1em 0 0.5em 0;
}

ul.usabilitylist {
  list-style: none;
  padding: 0; margin: 0;
}

ul.usabilitylist li {
  padding: 0; margin: 0;
}

ul.usabilitylist li a {
  padding: 0 0 0 20px;
  text-decoration: none;
  display: block;
  height: 2em;
  line-height: 2em;
}

ul.usabilitylist li#schriftgroesser a {
  background: url(../gfx/schriftgroesser.jpg) no-repeat 0px center;
}

ul.usabilitylist li#schriftkleiner a {
  background: url(../gfx/schriftkleiner.jpg) no-repeat 0px center;
}

ul.usabilitylist li#kontrastaktivieren a {
  background: url(../gfx/kontrast.jpg) no-repeat 0px center;
}

ul.latestnews {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}

ul.latestnews li {
  margin: 0; padding: 0;
}

ul.latestnews li a {
  display: block;
  text-decoration: none;
  color: #000000;
}

ul.latestnews li span {
  display: block;
  color: #ff910e;
  font-size: 0.9em;
  text-align: right;
}


/* -------- HEADER -------- */

div#header {
	width: 775px;
  height: 108px;
	background-image:url(../gfx/header.jpg);
  position: absolute;
  top: -115px;
  left: 0px;
}
html* div#header { top: 0px; }
* html div#header { top: 0px; }

/* -------- NAVIGATION -------- */

div#navigation {
  width: 15.5em;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size:0.9em;
}
html* div#navigation { top: 115px; }
* html div#navigation { top: 115px; }

div#navigation div.clear {
  margin-bottom: 1em;
}

div#navigation ul, div#navigation li {
  margin: 0; padding: 0; border: 0;
}

div#navigation a:link, div#navigation a:visited {
  text-decoration: none;
}

div#navigation a:hover, div#navigation a:active, div#navigation a.active:link, div#navigation a.active:visited {
  text-decoration: none;
}

div#navigation ul {
  list-style: none;
}

div#navigation li {
  margin: 1px 0 0 0;
}

div#navigation li ul li {
  margin: 1px 0 0 0;
}
div#navigation li ul {
  margin: 0 0 0 0;
  background-color:#ff910e;
}


div#navigation li ul li ul li {
  margin: 1px 0 0 0;
  color:#fff;
}

div#navigation li a {
  display: block;
  background: #f8ead9;
  border-left: solid 5px #0e01d5;
  padding: 6px 10px 6px 10px;
}
div#navigation li a:hover, div#navigation li a:active, div#navigation li a.active:link, div#navigation li a.active:visited {
  border-left: solid 5px #ff910e;
  background: #f8ead9;
  color:#d87500;
}

div#navigation li ul li a {
  background: #f9a94b;
  color:#fff;
  border-left: solid 5px #ff910e;
  padding: 6px 10px 6px 10px;
  }
div#navigation li ul li a:hover, div#navigation li ul li a.active:link, div#navigation li ul li a:active, div#navigation li ul li a.active:visited  {
  background: #ed972f;
  border-left: solid 5px #dc8925;
  padding: 6px 10px 6px 10px;
  color:#fff;
}

div#navigation li ul li ul li a  {
  border-left: solid 5px #dc8925;
  padding: 6px 10px 6px 25px;
  color:#fff;
  background: url(../gfx/punkt.gif) no-repeat left top #fd981f;
}
div#navigation li ul li ul li a:hover, div#navigation li ul li ul li a.active:link, div#navigation li ul li ul li a:active, div#navigation li ul li ul li a.active:visited  {
  padding: 6px 10px 6px 25px;
  color:#fff;
  border-left: solid 5px #b7721f;
  background: url(../gfx/punkt.gif) no-repeat left top #dc8925;
}
*html div#navigation li ul li ul li a  {
  border-left: solid 5px #dc8925;
  color:#fff;
  background: url(../gfx/punkt2.gif) no-repeat left top #fd981f;
}
*html div#navigation li ul li ul li a:hover, div#navigation li ul li ul li a.active:link, div#navigation li ul li ul li a:active, div#navigation li ul li ul li a.active:visited  {
  color:#fff;
  border-left: solid 5px #b7721f;
  background: url(../gfx/punkt2.gif) no-repeat left top #dc8925;
}
/* -------- FOOTER -------- */

div#footer * { margin: 0; padding: 0; border: 0; }

div#footer {
  background: url(../gfx/footer.jpg) no-repeat top center;
  width: 745px;
  height: 62px;
  font-size: 0.75em;
  padding: 25px 0 0 30px;
  margin:0 0 0 15.5em;
}

div#footer p {
  width: 230px;
  float: left;
  font-weight: bold;
  overflow: hidden;
}

div#footer ul {
  margin: 0; padding: 0;
  list-style: none;
  float: left;
}

div#footer ul li {
  margin: 0 10px 0 10px;
  padding: 0;
  float: left;
}
.searchinput {
  background-color:#f8ead9;
  border:1px solid #0e01d5;
  padding:0.1em;
  color:#0e01d5;
  width:8.2em;
  float:left;
  margin-right:1em;
  height:1.2em;
}
.searchbutton {
  background-color:#f8ead9;
  border:1px solid #0e01d5;
  padding:0.1em;
  color:#0e01d5;
  float:left;
  height:1.6em;
  width: 3em;
}

div.contactform dl, div.contactform dt, div.contactform dd, div.newsletterform dl, div.newsletterform dt, div.newsletterform dd {
  padding: 0; margin: 0;
}
div.contactform dl {
  width: 20em;
  float: left;
  margin-bottom: 2px;
}
div.newsletterform dl {
  width: 10em;
  float: left;
  margin-bottom: 2px;
}
div.contactform dl.textarea, div.contactform dl.select, div.contactform dl.label {
  width: 40em;
}
div.contactform dl.label {
  padding: 10px 0px 5px 0;
  font-size: 1.1em;
  font-weight: bold;
}
div.contactform dl dd input {
  width: 17em;
}
div.contactform dl dd textarea {
  width: 36em;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom:20px;
}

div.newsletterform {
  background: #FEE4AC;
  padding: 0.1em 1em 1em 1em;
  margin-bottom: 1em;
  font-size:0.9em;
}