html {
  height: 100%;
  margin: 0px;
  padding: 0px;
}
body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #F2F2F2;
}
body, p, td, h1, h2, h3, h4, h5, h6 {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  color: #5F5F5F;
  line-height: 15px;
}
img {
  border: 0px solid;
}
h2, h3, h4, h5 {
  font-weight: bold;
  margin-top: 0px;
}
h1 {
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 30px;
  color: #97C039;
}
h1.aktuell {
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 24px;
  color: #1F93F2;
  margin-bottom: 7px;
}
h1.detail {
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 24px;
  color: #1F93F2;
  margin-top: 2px;
  margin-bottom: 8px;
}
h1.projekt {
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 40px;
  color: #97C039;
  margin-bottom: 30px;
}
h2 {
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #1F93F2;
  margin-top: 30px;
  margin-bottom: 8px;
}
h2.kontakt {
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #5F5F5F;
  margin-top: 0px;
  margin-bottom: 8px;
}
h3 {
  margin: 0px;
  color: #1F93F2;
}
h4 {
  color: #97C039;
  margin: 0px;
}
h5 {
  font-family: Arial, Helvetica, sans-serif;
  color: #1F93F2;
  margin-top: 20px;
  margin-bottom: 1px;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
  color:#E50066;
  font-weight:normal;
  text-decoration:none;
}
h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active {
  text-decoration:underline;
}
a:link, a:visited, a:hover, a:active {
  color: #5F5F5F;
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: none;
}
form {
  margin: 0px;
}

/* ************************************** */
/* ********** Page Layout *************** */
.page {
  position: relative;
  width: 980px;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right:auto;
  top: 0px;
}
.topcontainer, .topcontainer1, .contentcontainer, .footercontainer, .contentspacer, .contentspacer1 {
  position: relative;
  float: left;
  clear: both;
  width: 980px;
}
.topcontainer {
  top: 0px;
  left: 0px;
  height: 110px;
}
.topcontainer1 {
  top: 0px;
  left: 0px;
  height: 335px;
}
.top1, .top2, .menu {
  position: relative;
  float: left;
  width: 980px;
}
.top1 {
  left: 0px;
  top: 0px;
  height: 40px;
}
.top2 {
  height: 225px;
}
.menu {
  height: 70px;
}
.contentcontainer {
  top: 0px;
  left: 0px;
  background-color: #FFFFFF;
}
.content, .content1 {
  position: relative;
  float: left;
  top: 0px;
  background-color: #FFFFFF;
}
.content {
  left: 30px;
  width: 920px;
}
.content1 {
  left: 15px;
  width: 950px;
}
.contentspacer {
  background-color: transparent;
  height: 15px;
  margin: 0px;
}
.contentspacer1 {
  background-color: transparent;
  height: 50px;
  margin: 0px;
}
.footercontainer {
  height: 40px;
  background-color: #FFFFFF;
}
.footerlinie {
  position: relative;
  float: left;
  height: 10px;
  background-color: #FFFFFF;
}

/* ************************************** */
/* ************** Boxen Startseite **************** */
.boxarea, .boxspacer, .box1, .box2, .box3, .headerbox1, .headerbox2, .headerbox3, .bottombox1, .bottombox2, .bottombox3, .contentbox1, .contentbox2, .contentbox3 {
  position: relative;
  float: left;
  left: 0px;
}
.boxarea {
  width: 980px;
}
.boxspacer {
  width: 15px;
  height: 250px;
}
.box1, .box2, .box3 {
  top: 0px;
  width: 306px;
  height: 270px;
}
.box1 {
  margin: 0px 0px 0px 15px;
  background-image: url('../images/box1_hg.gif');
  background-repeat: repeat-y;
}
.box2 {
  margin: 0px 0px 0px 16px;
  background-image: url('../images/box2_hg.gif');
  background-repeat: repeat-y;
}
.box3 {
  margin: 0px 0px 0px 16px;
  background-image: url('../images/box3_hg.gif');
  background-repeat: repeat-y;
}
.headerbox1, .headerbox2, .headerbox3 {
  top: 0px;
  width: 306px;
  height: 62px;
}
.bottombox1, .bottombox2, .bottombox3 {
  top: 0px;
  width: 306px;
  height: 23px;
}
.contentbox1, .contentbox2, .contentbox3 {
  top: 0px;
  left: 15px;
  width: 276px;
  height: 185px;
}

/* ************************************** */
/* ************** Boxen Projektseite **************** */
.projektarea1, .projektbox1, .contentprojektbox1, .projekttext, .detailarea, .detailbox, .detailplanarea, .detailboxtop, .detailboxcontent, .detailboxbottom, .navarea, .navplan, .lageplan, .navtext, .navbutton, .detailplan {
  position: relative;
  float: left;
}
.projektarea1, .projektbox1, .contentprojektbox1, .projekttext, .detailarea, .detailbox, .detailplanarea, .detailboxtop, .detailboxcontent, .detailboxbottom, .sold, .reserved, .navarea, .navplan {
  top: 0px;
}
.projektarea1, .projektbox1, .detailarea, .detailbox, .detailboxbottom, .navarea, .navplan, .navtext, .navbutton, .detailplan, .projektbutton {
  left: 0px;
}
.projektarea1, .projekttext, .projektbox1, .projekttext, .detailarea, .detailplanarea, .projektbutton, .navarea, .navplan, .navtext, .navbutton, .detailplan {
  margin: 0px;
}
.projektarea1 {
  width: 950px;
}
.projektbox1 {
  width: 306px;
  background-image: url('../images/box1_hg.gif');
  background-repeat: repeat-y;
}
.contentprojektbox1 {
  left: 15px;
  width: 276px;
}
.projekttext {
  left: 30px;
  width: 599px;
}
.detailarea {
  width: 950px;
}
.detailbox {
  width: 460px;
  margin: 0px 0px 60px 0px;
  background-image: url('../images/detail_hg.gif');
  background-repeat: repeat-y;
}
.detailplanarea {
  left: 30px;
  width: 445px;
}
.detailboxtop {
  width: 460px;
  height: 14px;
}
.detailboxcontent {
  left: 15px;
  width: 430px;
}
.detailboxbottom {
  width: 460px;
  height: 23px;
}
.kosten {
  font-weight: bold;
  color: #5F5F5F;
  text-align: right;
  background-color: #FFFFFF;
  padding: 4px;
}
.kostenprozent {
  font-weight: normal;
  color: #5F5F5F;
  background-color: transparent;
  padding: 4px 0px 4px 0px;
}
.kostentext {
  font-weight: normal;
  color: #5F5F5F;
  background-color: transparent;
  padding: 4px 0px 4px 12px;
}
.projektbutton {
  position: absolute;
  float: left;
  top: 700px;
  width: 460px;
}
.lageplan {
  top: 3px;
  left: -5px;
  width: 273px;
  height: 200px;
  background-color: #DFEFFA;
}
.sold {
  position: absolute;
  float: left;
  left: 334px;
  width: 118px;
  height: 118px;
}
.reserved {
  position: absolute;
  float: left;
  left: 334px;
  width: 118px;
  height: 118px;
}
.navarea {
  width: 445px;
}
.navplan {
  width: 268px;
}
.navtext {
  top: 10px;
  width: 177px;
}
.navbutton {
  top: 8px;
  width: 445px;
}
.detailplan {
  top: 25px;
  width: 445px;
}

/* ************************************** */
/* ************** Footerlink **************** */
.footerlink {
  height: 30px;
  font-size: 11px;
  font-weight: normal;
  color: #B0B0B0;
  text-align: center;
  padding: 12px;
  background-color: #FFFFFF;
}
.footerlink a:link, .footerlink a:visited, .footerlink a:hover, .footerlink a:active {
  color: #B0B0B0;
  text-decoration: none;
}
.footerlink a:hover, .footerlinks a:active {
  color: #B0B0B0;
  text-decoration: underline;
}
.footerlink span.spacer {
  color: #B0B0B0;
  margin: 0px 8px;
}

/* ************************************** */
/* ************** Formular **************** */
.loginInput, .loginSelect, .loginSelect1, .loginSelect2 {
  background-color: #FFFFFF;
  color: #1F93F2;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: normal;
  width: 180px;
  border: #7D8183 1px solid;
  margin: 5px 0px 0px 0px;
}
.loginSelect1 {
  width: 175px;
}
.loginSelect2 {
  width: 135px;
}
label,.label {
  font-weight:bold;
  white-space:nowrap;
}