/**
 * Standard Style
 */
 
/* Globale Defnitionen */
html, body, div, table, tr, th, td, img, ul, li, a, h1, h2, h3, h4, h5, h6, button, p {
  margin:            0;
  border:            0 none;
  padding:           0;
  font:              normal normal 12px Arial, Helvetica, sans-serif;
}
input, textarea {
  font:              normal normal 12px Arial, Helvetica, sans-serif;
}

html, body {
	width:             100%;
	height:            100%;
  color:             #000;
  background:        #FFF url();
}
table {
  border-collapse:   collapse;
  empty-cells:       show;
}
a {
  color:             #000;
  text-decoration:   none;
}
a:hover {
  text-decoration:   underline;
}
.right {
  text-align:        right;
}
.orange {
  color:             #FEA500;
}
.more {
  text-align:        right;
  font-size:         0.9em;
}
/* Applikationsrahmen */
.frmMain {
  width:             100%;
  height:            100%;
  color:             #000;
  background:        transparent url(images/bg-frm.png) no-repeat 50px bottom;
}
.frmMain td {
  text-align:        left;
  vertical-align:    top;
}
.frmFoot {
  height:            40px;
  background:        transparent url();
}
.frmCol1 {
  width:             220px;
  background:        transparent url(images/bg-frm-col1.png) repeat-y left top;
}
.frmCol3 {
  width:             160px;
  overflow:          hidden;
  background:        transparent url(images/bg-frm-col3.png) repeat-y right top;
}
.frmLine {
  height:            5px;
  font-size:         1px;
  background:        #FEA500 url();
}
.frmLine td {
  font-size:         1px;
}
.frmLine .frmCol1 {
  background:        #E49400 url(images/bg-sep-col1.png) repeat-y left top;
}
.frmLine .frmCol2 {
  background:        #E49400 url(images/bg-sep-col2.png) repeat-x left top;
}
.frmLine .frmCol3 {
  background:        transparent url(images/bg-sep-col3.png) repeat-y right top;
}
.frmFoot .frmCol2 {
  text-align:        right;
  font-size:         125%;
  padding:           0.25em 2em;
}
.frmFoot .frmCol1 {
  text-align:        left;
  padding-left:      1em;
}
.frmFoot .frmCol3 {
  text-align:        right;
}
.frmFoot .frmCol3 a {
  font-size:         80%;
  color:             #EEE;
  padding:           0px 1em;
}

.frmFoot .frmCol1 a {
  font-size:         80%;
  color:             #EEE;
  padding:           0px;
}

/* Sidebar1 */
.sideBar1 {
  width:             100%;
  height:            100%;
}
.sideBar1 .sbLogo {
  height:            180px;
}
.sideBar1 .sbMenu {
  
}
.sideBar1 .sbLogin {
  height:            160px;
}
.sideBar1 .sbImage {
  height:            200px;
}

/* SideBar 1 Menu */
.sideBar1 .sbMenu ul li {
  width:             160px;
  list-style:        none;
}
.sideBar1 .sbMenu ul li a {
  display:           block;
  color:             #FFF;
  height:            40px;
  line-height:       3.5em;
  text-align:        right;
  padding-right:     35px;
  background:        transparent url(images/btn-mnu-off.png)
}
.sideBar1 .sbMenu ul li a:hover {
  text-decoration:   none;
  background:        transparent url(images/btn-mnu-on.png)
}
.sideBar1 .sbMenu ul li.active a,
.sideBar1 .sbMenu ul li.active a:hover {
  background:        transparent url(images/btn-mnu-active.png)
}

/* Sidebar2 Menu */
.sideBar2 {
  width:             100%;
  height:            100%;
}
.sideBar2 .sbMenu ul li {
  width:             160px;
  height:            140px;
  list-style:        none;
}
.sideBar2 .sbMenu ul li a {
  display:           block;
  color:             #000;
  height:            140px;
  background:        transparent url(images/bg-news-box-off.png)
}
.sideBar2 .sbMenu ul li a:hover {
  text-decoration:   none;
  background:        transparent url(images/bg-news-box-on.png)
}

.sideBar2 .sbMenu ul li h4 {
  color:             #FFF;
  font-size:         90%;
  line-height:       3em;
  text-align:        right;
  padding-right:     10px;
}
.sideBar2 .sbMenu ul li h3 {
  font-size:         90%;
  padding:           0px 10px 0.5em 20px;
  font-weight:       bold;
}
.sideBar2 .sbMenu ul li div {
  font-size:         90%;
  padding:           0px 10px 0px 20px;
}
.sideBar2 .sbMenu ul li div p {
  font-size:         100%;
}

/* News Item */
.newsItem {
  position:          relative;
  margin:            0px 20px 30px;
  border:            1px solid #FEA500;
  border-top:        2px solid #FEA500;
  border-bottom:     3px solid #FEA500;
}
.newsItem h3 {
  height:            28px;
  padding:           0px 1em;
  background:        transparent url(images/bg-headline.png);
}
.newsItem h3 div {
  line-height:       2.5em;
  font-style:        italic;
}
.newsItem h3 .date {
  width:             80px;
  float:             right;
  color:             #FFF;
  text-align:        right;
}

/* Partner Item */
.partnerItem {
  position:          relative;
  margin:            20px;
  border:            1px solid #FEA500;
  border-top:        2px solid #FEA500;
  border-bottom:     3px solid #FEA500;
  clear:             both;
}
.partnerItem h3 {
  height:            28px;
  padding:           0px 1em;
  color:             #FFF;
  background:        transparent url(images/bg-headline.png);
  line-height:       2em;
  font-style:        italic;
  text-align:        right;
}
.partnerItem table {
  width:             100%;
}
.partnerItem .logo {
  padding:           10px;
  width:             200px;
  border-right:      1px solid #FEA500;
  text-align:        center;
}

/* Produkt Item */
.produktItem {
  margin:            0px 20px 20px 0px;
  border:            1px solid #FEA500;
  border-top:        2px solid #FEA500;
  border-bottom:     3px solid #FEA500;
}
.produktItem h3 {
  height:            28px;
  padding:           0px 1em;
  background:        transparent url(images/bg-headline.png);
}
.produktItem h3 div {
  line-height:       2.5em;
  font-style:        italic;
}
.produktItem h3 .date {
  width:             80px;
  float:             right;
  color:             #FFF;
  text-align:        right;
}


/* LoginBox */
.loginBoxHead {
  height:            10px;
  font-size:         1px;
  background:        transparent url(images/bg-login-head.png) no-repeat left top;
}
.loginBoxFoot {
  height:            10px;
  font-size:         1px;
  background:        transparent url(images/bg-login-foot.png) no-repeat left top;
}
#loginBox {
  width:             160px;
  background:        transparent url(images/bg-login.png) repeat-y left top;
  padding:           0px 25px 0px 15px;
}
#loginBox table {
  margin-top:        10px;
  width:             120px;
}
#loginBox h3 {
  padding:           0px;
  margin:            0px;
  color:             #FFF;
  font-size:         100.01%;
  font-weight:       normal;
}

#loginBox h4 {
  padding:           0px;
  margin:            10px 0px 0px;
  color:             #FFF;
  font-size:         80%;
  font-weight:       normal;
}
#loginBox hr {
  color:             #FFF;
  border:            1px solid #FFF;
}
#loginBox h3 a {
  font-size:         100.01%;
  line-height:       1.75em;
}
#loginBox label {
  color:             #FFF;
  font-size:         75%;
}
#loginBox input {
  color:             #000;
  font-size:         75%;
  width:             120px;
}
#loginBox #password {
  width:             100px;
}
#loginBox button.button {
  width:             18px;
  height:            18px;
  background:        transparent url();
  cursor:            pointer;
}
#loginBox td.btnLine {
  vertical-align:    bottom;
}

#loginBox a {
  display:           block;
  width:             120px;
  text-align:        right;
  color:             #FFF;
  font-size:         75%;
  margin:            1em 0px 0px;
  text-decoration:   none;
}
#loginBox a:hover {
  text-decoration:   underline;
}
#loginBox p {
  width:             120px;
  margin:            0.25em 0px 0px;
  padding:           0.25em 0px;
  border:            1px solid #FFF;
  font-size:         75%;
  text-align:        center;
  color:             #555;
  background:        #FEEED0 url();
}

/* Contact Form */
.contactForm {
  width:             450px;
  margin:            2em 10px;
  border:            1px solid #FEA500;
  background:        #FFF url();
}
.contactForm table {
  width:             100%;
}
.contactForm table th {
  height:            28px;
  padding:           0px 1em;
  text-align:        right;
  color:             #FFF;
  background:        transparent url(images/bg-headline.png);
  font-style:        italic;
}
.contactForm table td {
  padding:           0.25em 1em;
  text-align:        right;
}
.contactForm table td.first {
  padding:           1em 1em 0.25em;
}
.contactForm table td label {
  font-size:         90%;
  font-weight:       bold;
  line-height:       2em;
}
.contactForm table td input,
.contactForm table td textarea {
  width:             290px;
  border:            1px solid #FEA500;
  background:        #F2F2F2 url();
  padding:           0.25em 0.5em;
}
.contactForm table td input:hover,
.contactForm table td textarea:hover {
  background:        #FFF url();
}
.contactForm table td textarea {
  height:            100px;
}
.contactForm table td button {
  color:             #FFF;
  width:             90px;
  background:        #FEA500 url();
  padding:           0.2em 0.5em;
  cursor:            pointer;
  border:            2px solid #DDD;
  border-color:      #DDD #999 #999 #DDD;
}
.contactForm table td button:hover {
  border-color:      #999 #DDD #DDD #999;
}
.contactForm table td button img {
  vertical-align:    middle;
}

.contactForm td.error {
  padding:           0px 1em;
  text-align:        left;
}
.contactForm div.errors {
  color:             #555;
  font-size:         80%;
}
.contactForm div.errors strong {
  color:             #A00000;
}
.contactForm div.errors ul {
  list-style-type:   circle;
  margin-left:       1.5em;
}
.contactForm div.errors li {
  font-size:         80%;
}

/* Startseite */
.logoText {
  margin:            40px 0px 50px;
}