html,body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}
#deco1 {
  background-image:url(images/pageBg.png);
  background-repeat:no-repeat;
  width:460px;
  height:260px;
  position:absolute;
  left:38%;
  top:0;
  z-index:1;
}
body,table,input,textarea,select,button {
  font-family:verdana,sans-serif;
  font-size:11px;
  color:#888;
  line-height:17px;
}

acronym {
  cursor:help;
}

a {
  text-decoration:none;
  color:#99AECE;
}
a:hover {
  text-decoration:underline;
}

h1 {
  font-size:14px;
  margin:0 0 1em 0;
}
h2 {
  font-size:12px;
  margin:0 0 1em 0;
}

ul {
  margin:0 0 1em 0;
  padding:0 0 0 15px;
}
ul li {
  list-style-type:square;
}

kbd {
  font-family:'Lucida Console',monospaced;
  font-size:11px:
  background-color:#EBEFF5;
  padding:1px;
}

img.left {
  float:left;
  margin:0 20px 20px 0;
  border:solid #99AECE 1px;
}
img.left2 {
  float:left;
  margin:0 0 20px 0;
  border:solid #99AECE 1px;
}

table.deco tr th {
  padding:3px;
  background:#99AECE;
  color:#fff;
  text-align:left;
}

table.deco tr td {
  padding:3px;
  background:#EBEFF5;
}

.nowrap {
  white-space:nowrap;
}
.right {
  margin-left:240px;
}

#logo {
  position:absolute;
  left:20px;
  top:300px;
  width:220px;
  height:120px;
  background-image:url(images/logo.png);
  background-repeat:no-repeat;
}
#logo h1 {
  display:none;
}

#navig {
  position:absolute;
  left:20px;
  top:40px;
  width:35%;
  line-height:20px;
}
#navig ul, #navig li {
  margin:0;
  padding:0;
  list-style-type:none;
}
#navig a {
  font-size:12px;
  display:block;
  width:110px;
  padding-right:25px;
}
#navig a:hover {
  text-decoration:none;
}
#navig a.a1,
#navig a.s1 {
  background-image:url(images/nvActive.png);
  background-repeat:no-repeat;
  background-position:115px 0;
  font-weight:bold;
}

#nv2 {
  position:absolute;
  left:38%;
  top:40px;
  width:480px;
  z-index:1;
}

#nv2 a {
  width:88px;
  height:88px;
  padding:5px;
  border:solid #99AECE 1px;
  margin:0 20px 20px 0;
  float:left;
  color:#EBEFF5;
  font-size:10px;
}
#nv2 a:hover {
  color:#fff;
  border:solid #233B62 1px;
  text-decoration:none;
}

#path {
  position:absolute;
  left:20px;
  top:240px;
  width:33%;
  height:20px;
  padding:0 0 20px 0;
  border-bottom:solid #99AECE 1px;
}
#path .label {
  display:none;
}

#productLinks {
  width:480px;
  height:19px;
  padding:0;
  color:#fff;
  font-size:10px;
  position:absolute;
  left:38%;
  top:0px;
  z-index:2;
  xborder:solid red 1px;
}
#productLinks .label {
  display:none;
}
#productLinks a {
  color:#EBEFF5;
  background-color:#99AECE;
  display:block;
  float:left;
  width:90px;
  padding:1px 5px 0 5px;
  margin:0 20px 0 0;
}
#productLinks a:hover {
  color:#fff;
  text-decoration:none;
}
#copyright {
  display:none;
}

#skipLinks {
  display:none;
}

#pagenavig {
  width:200px;
  height:19px;
  background-color:#99AECE;
  padding:1px 10px 0 10px;
  position:absolute;
  left:0px;
  margin-left:240px;
  top:-281px;
  z-index:4;
  color:#fff;
  text-align:right;
  font-size:10px;
}
#pagenavig a {
  color:#E4ECC0;
}
#pagenavig a:hover {
  color:#fff;
  text-decoration:none;
}
#pagenavig a.a1 {
  color:#fff;
  font-size:11px;
}

/* Artikel */
#articles {
  position:absolute;
  left:0;
  top:-241px;
  width:480px;
}
#articles .inner {
  width:500px;
  height:240px;
  background-image:url(images/articleBg.png);
  background-repeat:no-repeat;
  border:solid red 1px;
}


.article {
  width:98px;
  height:98px;
  border:solid #99AECE 1px;
  margin:0 20px 20px 0;
  float:left;
}
/* großes Bild */
.big {
  width:218px;
  height:218px;
}
div.article,
a.article {
  display:block;
  width:88px;
  height:88px;
  padding:5px;
  font-size:10px;
  color:#fff;
  background-color:#99AECE;
}
a.article:hover  {
  border:solid #7D9320 1px;
  text-decoration:none;
}
#articles a.a1  {
  border:solid red 1px;
}

/* Banner-Bild */
#bannerImg {
  position:absolute;
  left:38%;
  top:40px;
  border:solid #99AECE 1px;
  z-index:2;
}

#content {
  border-top:solid #99AECE 1px;
  position:absolute;
  left:38%;
  top:280px;
  width:60%;
  height:220px;
  z-index:3;
  padding:20px 0 0 0;
}
#content .inner {
  width:460px;
  padding:0 0 20px 0;
}

/* NextLink */
.nextLink {
  margin:1em 0 0 0;
  text-align:right;
}
.nextLink a {
  padding:3px 5px;
  background:#99AECE;
  color:#fff;
  font-weight:bold;
  font-size:13px;
}
.nextLink a:hover {
  text-decoration:none;
}
/* Templates 2-spaltig */

.twoColumns .col1 {
  width:220px;
  margin:0 20px 0 0;
  float:left;
}
.twoColumns .col2 {
  width:220px;
}

.info {
  font-size:10px;
  margin:1em 0;
}


/* Kontakt-Formular */

.sendmailForm div.left {
  float:left;
  width:240px;
}

.sendmailForm div.formLeft div {
  width:220px;
  padding:3px 0;
}
.sendmailForm label {
  display:block;
  width:75px;
  float:left;
  margin:0;
  padding:0;
}
.sendmailForm input.text {
  width:135px;
  border:solid #99AECE 1px;
}
div.formRight {
  width:220px;
  padding:3px 0 0 0;
  float:left;
  mergin-left:240px;
}
.sendmailForm textarea {
  width:218px;
  height:218px;
  border:solid #99AECE 1px;
}
.sendmailForm .submit {
  clear:left;
}
.sendmailForm .submitButton {
  background-color:#99AECE;
  color:#fff;
  margin:-40px 0 0 0;
  border:none;
  height:20px;
}
.sendmailForm .sendmail_emptyfield_1 input,
.sendmailForm .sendmail_emptyfield_1 textarea {
  border:solid red 1px;
}
.sendmailForm .sendmail_emptyfield_1 label {
  color:red;
}



/* styleSwitcher */
#styleSwitcher {
  text-align:right;
}
#styleSwitcher a span {
  display:none;
}
#styleSwitcher a {
  display:block;
  float:right;
  margin:0 0 0 10px;
  width:10px;
  height:10px;
}

#styleSwitcher .label {
  display:none;
}
#styleSwitcher .red {
  background:#A42235;
}
#styleSwitcher .blue {
  background:#173454;
}
#styleSwitcher .green {
  background:#99AECE;
}
#styleSwitcher .nodesign {
  background:#fff;
  border:solid #000 1px;
  width:9px;
  height:9px;
}