body, html {
  margin: 0;
  padding: 0;
  background-color:#FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  color: #53585B;
}

img {
  border: none;
}

p, li, td {
  margin: 0px;
  text-align: left;
}
p {
  margin-bottom: 6px;
}
ul {
  padding-left: 15px;
  margin-left: 0px;
}

h1 {
  font-size: 13px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 6px;
  text-align: left;
  color: #53585B;
}

h2 {
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  text-align: left;
  color: #53585B;
}

a {
  color: #009533;
  text-decoration: none;
}
a:visited {
  color: #3BA5AE;
}
a:hover {
  text-decoration: underline;
}
a.intern, a.extern, a.email, a.download,
span.intern, span.extern, span.email, span.download {
  background-repeat: no-repeat;
  background-position: left center;
}
a.intern, span.intern {
  background-image: url(link.gif);
  padding-left: 11px;
}
a.intern:visited {
  background-image: url(link_active.gif);
}
a.extern, span.extern {
  background-image: url(link_external.gif);
  padding-left: 13px;
}
a.extern:visited {
  background-image: url(link_external_active.gif);
}
a.email, span.email {
  background-image: url(link_mail.gif);
  padding-left: 15px;
}
a.email:visited {
  background-image: url(link_mail_active.gif);
}
a.download, span.download {
  background-image: url(link_download.gif);
  padding-left: 11px;
}
a.download:visited {
  background-image: url(link_download_active.gif);
}

#header {
  display: block;
  height: 100px;
  width: 920px;
  border: 1px solid #FFFFFF;
  text-align: right;
}
#infraserv_logo {
  position: absolute;
  left: 25px;
  top: 10px;
  display: block;
  background-repeat: no-repeat;
  background-image: url('logo.gif');
  height: 87px;
  width: 169px;
}
#functionlinks {
  color: #868E92;
  font-size: 11px;
  margin-top: 80px;
  margin-right: 15px;
}
#functionlinks a {
  color: #868E92;
  padding-left: 3px;
  padding-right: 3px;
}

#footer {
  display: block;
  clear: both;
  width: 715px;
  padding-top: 10px;
  padding-left: 30px;
  font-size: 10px;
  color: #868E92;
}

#mainnavi {
  width: 920px;
  height: 52px;
  background-image: url('navbg.gif');
  background-position: left top;
  background-repeat: repeat-x;
}
#nav_level_1 {
  height: 27px;
  background-image: url('nav1r.gif');
  background-position: right top;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  list-style: none;
  overflow: hidden;
}
#nav_level_1 li {
  float: left;
}
#nav_level_1 li a {
  display: block;
  height: 27px;
  float: left;
  background-image: url('nav1sp.gif');
  background-position: right 2px;
  background-repeat: no-repeat;
}
#nav_level_1 li a.last {
  background-image: none;
}
#nav_level_1 li a span {
  display: block;
  height: 27px;
  float: left;
  padding-top: 7px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  cursor: hand;
}
#nav_level_1 li a.active,
#nav_level_1 li a:hover {
  background-color: #5ABA7C;
  background-image: url('nav1hl.gif');
  background-position: left top;
  text-decoration: none;
  color: #FFFFFF;
}
#nav_level_1 li a.active span,
#nav_level_1 li a:hover span {
  background-image: url('nav1hr.gif');
  background-position: right top;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #FFFFFF;
}

#nav_level_2 {
  height: 27px;
  background-image: url('nav2r.gif');
  background-position: right 5px;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  list-style: none;
  overflow: hidden;
}
#nav_level_2 li {
  float: left;
}
#nav_level_2 li a {
  display: block;
  height: 25px;
  float: left;
  padding-top: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
}
#nav_level_2 li a.active,
#nav_level_2 li a:hover {
  text-decoration: none;
  color: #114F26;
}

#topbanner {
  display: block;
  width: 890px;
  padding-left: 30px;
  font-size: 0px;
}
#topbanner div.box,
#topbanner img {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
#topbanner img {
  border: 0px;
}

#content {
  display: block;
  clear: both;
  float: left;
  width: 430px;
  padding-left: 30px;
}
#content div.text,
#content div.text-courseList {
  margin-top: 10px;
  font-size: 11px;
}
#content div.text-courseList ul {
  margin: 0px;
  padding: 0px;
  padding-bottom: 25px;
  list-style: none;
}
#content div.text-courseList ul li {
  padding: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #B2DFC1;
}
#sidebar {
  display: block;
  float: left;
  width: 450px;
  padding-left: 10px;
}

#sidebar img.picture {
 margin-top: 10px;
 border: 0px;
}

div.box {
  display: block;
  width: 237px;
  margin-top: 10px;
}
div.boxtitle {
  display: block;
  width: 227px;
  height: 17px;
  background-image: url('boxtitle.gif');
  background-repeat: no-repeat;
  padding-top: 3px;
  padding-left: 10px;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  -moz-opacity: .9;
  opacity: .9;
}
div.infobox {
  display: block;
  width: 215px;
  padding: 10px;
  margin: 0px;
  list-style: none;
  border: 1px solid #979797;
  font-size: 11px;
}
div.infobox hr {
  height: 1px;
  border-style: none;
  border-bottom: 1px dotted #979797;
}
ul.contactbox {
  display: block;
  width: 237px;
  padding: 0px;
  margin: 0px;
  list-style: none;
  border-top: 1px solid #979797;
}
ul.contactbox li {
  width: 235px;
  padding: 0px;
  margin: 0px;
  border: 1px solid #979797;
  border-top: 0px;
}
ul.contactbox a {
  display: block;
  width: 170px;
  height: 14px;
  padding: 10px;
  padding-left: 55px;
  background-repeat: no-repeat;
  font-size: 13px;
  font-weight: bold;
  color: #53585B;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  -moz-opacity: .95;
  opacity: .95;
}
ul.contactbox a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
ul.contactbox a.contactbox_info {
  background-image: url('cb_info.gif');
}
ul.contactbox a.contactbox_download {
  background-image: url('cb_download.gif');
}

table.databox {
  width: 420px;
  margin-top: 10px;
  background-color: #009533;
}
table.databox td {
  padding: 5px;
  padding-left: 10px;
  padding-right: 5px;
  color: #FFFFFF;
  font-size: 11px;
  vertical-align: top;
}

div.referenzliste {
  margin-top: 10px;
}
div.referenzliste a.item {
  display: block;
  width: 310px;
  min-height: 75px;
  height:auto !important;
  height:75px;
  padding-left: 120px;
  margin-bottom: 30px;
  color: #53585B;
  font-size: 11px;
  background-repeat: no-repeat;
}
div.referenzliste a.last {
  margin-bottom: 0px;
}
div.referenzliste a.item:hover {
  text-decoration: none;
}

#page_Start #topbanner {
  position: relative;
  top: -25px;
  background-image: url('startbg.jpg');
  background-repeat: no-repeat;
  height: 472px;
  width: 920px;
  font-size: 11px;
}
#page_Start #footer {
  position: relative;
  top: -25px;
}
#page_Start #content,
#page_Start #sidebar {
  display: none;
}
#page_Start div.box {
  position: absolute;
  top: 300px;
  left: 683px;
}

#sitetitle {
  display: block;
  position: absolute;
  top: 50px;
  left: 60px;
}
#slider {
  position: absolute;
  top: 280px;
  left: 60px;
  display: block;
  width: 433px;
  height: 160px;
}
#slider_items {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 155px;
  padding: 0px;
  margin: 0px;
  list-style: none;
  border-top: 1px solid #53585B;
}
#slider_items li {
  display: block;
  border-bottom: 1px solid #53585B;
}
#slider_items li a {
  display: block;
  width: 135px;
  height: 13px;
  margin: 0px;
  padding: 10px;
  background-image: url('slideri.gif');
  background-repeat: no-repeat;
  background-position: 138px center;
  font-size: 12px;
  font-weight: bold;
  color: #53585B;
}
#slider_items li a:hover,
#slider_items li a.active {
  background-color: #808080;
  background-image: url('sliderih.gif');
  color: #FFFFFF;
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  -moz-opacity: .5;
  opacity: .5;
}
#slider div {
  position: absolute;
  top: 1px;
  left: 155px;
  width: 278px;
  height: 158px;
  display: block;
}
#slider #slider_teaser_bg {
  display: none;
  top: 0px;
  left: 0px;
  width: 278px;
  height: 158px;
  background-image: url('slidertbg.gif');
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  -moz-opacity: .5;
  opacity: .5;
}
#slider div.slider_teaser {
  display: none;
  top: 0px;
  left: 0px;
  width: 268px;
  height: 148px;
  margin: 0px;
  padding: 5px;
  font-size: 12px;
  color: #FFFFFF;
}
div.slider_teaser h1 {
  font-size: 17px;
  color: #FFFFFF;
}
div.slider_teaser a {
  color: #FFFFFF;
}
div.slider_teaser a:hover {
  text-decoration: none;
}
div.slider_teaser a.intern:hover {
  text-decoration: underline;
}
#page_start_InfraservLink {
  position: absolute;
  top: 445px;
  left: 60px;
  padding-left: 20px;
  background-image: url('slideri.gif');
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 11px;
  font-weight: bold;
  color: #53585B;
}
#page_start_toprightLink {
  position: absolute;
  top: 55px;
  right: 30px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  -moz-opacity: .5;
  opacity: .5;
}
#page_start_toprightLink:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  -moz-opacity: .9;
  opacity: .9;
}
#page_start_toprightLink img {
  padding: 0px;
  margin: 0px;
}
.loader {
  background-image: url('loader.gif');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  height: 16px;
}
.error {
  border-color: #CC3300;
  background-color: #F6B9AD;
}
.valid {
  border-color: #979797;
  background-color: #ffffff;
}
form {
  font-size: 11px;
}
form #formBlock {
  background-color: red;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
form div.field,
form div.checkfield {
  clear: both;
  display: block;
  width: 100%;
  padding-top: 5px;
}
form div.field label {
  display: block;
  float: left;
  width: 90px;
}
form div.field input.text,
form div.field select,
form div.field textarea {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #53585B;
  margin-right: 1px;
  border: 1px solid #979797;
}
form div.field input.text,
form div.field textarea {
  width: 250px;
  padding: 2px;
}
form div.field input.plz { width: 35px; }
form div.field input.ort { width: 208px; }
form div.field #submit {
  position: relative;
  left: -106px;
}
form div.field #scriptPoster {
  position: relative;
  top: -16px;
  left: -100px;
  visibility: hidden;
}
form div.checkfield input.checkbox {
  float: left;
}
form div.checkfield label {
  float: left;
  display: block;
  padding-top: 3px;
  padding-left: 3px;
}
form div.mandatory label {
  background-image: url('mandatory.gif');
  background-repeat: no-repeat;
  background-position: right top;
}
li.error { color: #CC3300; background-color: #FFFFFF; border: none; }
li.error h1 { color: #CC3300; font-size: 20px; }
li.success { color: #009533; background-color: #FFFFFF; border: none; }
li.success h1 { color: #009533; font-size: 20px; }

div.accordion a.toggler {
	cursor: pointer;
	display: block;
	padding: 5px;
	padding-left: 15px;
}

div.accordion div.element {
	margin:0px;
	margin-left: 10px;
	padding:5px;
	background-color: #eff4ea;
}

div.hinweisbox {
  display: block;
  width: 413px;
  background-image: url('hinweisbox_m.gif');
  background-repeat: repeat-y;
}
div.hinweisbox div.hinweisbox_body {
  display: block;
  min-height: 38px;
  height: auto !important;
  height: 38px;
  padding-top: 15px;
  padding-left: 70px;
  padding-right: 25px;
  font-size: 11px;
  background-image: url('hinweisbox_t.gif');
  background-repeat: no-repeat;	
}
div.hinweisbox div.hinweisbox_bottom {
  display: block;
  width: 413px;
  height: 26px;
  background-image: url('hinweisbox_b.gif');
  background-repeat: no-repeat;
}