/***************************************************************************
* General Settings
***************************************************************************/

* {
  margin: 0px;
  padding: 0px;
}

body {
  background: #fff;
  color: #4d4d4d;
  font: 11px Arial, Helvetica, sans-serif;
  height: 125%;
  text-align: center;
}

#container {
  height: auto !important;
  height: 100%;
  left: 50%;
  margin-left: -470px;
  position: absolute;
  text-align: left;
  width: 940px;

}

/* the following rule is recognized only by IE */
* html body #container {
  margin-left: -469px;
}


a {
  color: #d1d300;
  text-decoration: none;
}

a:hover {
  color: #4d4d4d;
  text-decoration: underline;
}

h1 {
  color: #d1d300;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0px;
}

h2, h3, h4, h5 {
  font-size: 1em;
}

.clearAfter:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* Holly Hack Targets IE Win only \*/
* html .clearAfter {height: 1%;}
/* End Holly Hack */

/***************************************************************************
* Header
***************************************************************************/

#header {
  height: 400px;
  position: relative;
  width: 940px;
}

#lang {
  display: block;
  height: 30px;
  line-height: 2em;
  text-align: right;
  width: 940px;
}

#logo {
  float: left;
  height: 45px;
  margin-bottom: 10px;
  margin-left: 20px;
  width: 142px;
}

.homeLink {
  background: url(../img/logo.jpg) top left no-repeat;
  display: block;
  height: 45px;
  text-decoration: none;
  width: 142px;
}

.homeLink a {
  text-decoration: none;
}

.homeLink:hover {
  text-decoration: none;
}

#contactTop {
  float: right;
  height: 40px;
  line-height: 2em;
  text-align: right;
  width: 300px;
}

#contactTop .detail {
  color: #d1d300;
  font-weight: bold;
}


#lang a.active {
  color: #d1d300;
}


#mainMenu {
  left: 9px;
  position: absolute;
  top: 100px;
}

/* Holly Hack Targets IE Win only \*/
* html #mainMenu {

}
/* End Holly Hack */

/* the following rule is recognized only by IE7 */
*:first-child+html #mainMenu {

}

#mainMenu ul {
  list-style: none;
}

#mainMenu li.active,
#mainMenu li {
  float: left;
  line-height: 2.5em;
  margin-right: 2px;
}

#mainMenu ul.firstLevel li a {
  background: #fff url(../img/mainMenu_li.jpg) 10px 10px no-repeat;
  color: #808080;
  display: block;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  height: 31px;
  padding-left: 25px;
  text-decoration: none;
  width: 105px;
}

#mainMenu ul.firstLevel li a:hover {
  background: #d1d300 url(../img/mainMenu_li_hover.jpg) 10px 10px no-repeat;
  color: #fff;
}

#mainMenu ul.firstLevel li.active a {
  background: #d1d300 url(../img/mainMenu_li_hover.jpg) 10px 10px no-repeat;
  color: #fff;
  display: block;
  height: 31px;
  padding-left: 25px;
  text-decoration: none;
  width: 105px;
}

#mainMenu ul.secondLevel {
  clear: left;
  padding-top: 2px;
  overflow: hidden;
}

#mainMenu ul.secondLevel li {
  float: left;
  position: relative;
  line-height: 2.5em;
}

#mainMenu ul.secondLevel li a {
  background: #d1d300 url(../img/mainMenu_li_sub.jpg) 10px 10px no-repeat;
  color: #808080;
  height: 31px;
  display: block;
  padding-left: 25px;
  width: 105px;
}

#mainMenu ul.secondLevel li a:hover {
  background: #d1d300 url(../img/mainMenu_li_hover.jpg) 10px 10px no-repeat;
  color: #fff;
}

#mainMenu ul.secondLevel li.active a {
  background: #d1d300 url(../img/mainMenu_li_hover.jpg) 10px 10px no-repeat;
  color: #fff;
  display: block;
  height: 31px;
  padding-left: 25px;
  text-decoration: none;
  width: 105px;
}

#headerImage {
  height: 300px;
  width: 940px;
}

/***************************************************************************
* Main
***************************************************************************/

#main {
  margin-bottom: 20px;
  width: 940px;
}

#main ul {
  list-style: none;
}

#content {
    float: left;
    width: 620px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    margin-right: 5px;
}


#contentSpecial {
  float: left;
  margin-bottom: 20px;
  width: 300px;
}

* html #contentSpecial {
  width: 290px;
}

#content {
  margin-right: 20px;
}

#contentSpecial ul {
  list-style: none;
}

#content ul {
    list-style: circle;
    list-style-image: url(../img/bullet_point.gif);
    margin-left: 12px;
}

#contentSpecial p.bodytext,
#content p.bodytext {
  margin: 5px 0;
  text-align: justify;
}

#content .csc-textpic p.bodytext {
  padding-bottom: 5px;
}

.csc-textpic-lastcol {
  padding: 0 12px 0px 0;
}

#content .csc-textpic h1 {
}

#content .csc-text {
  margin: 5px 0 5px;
}

#content .csc-menu {
  margin: 5px 0 15px;
}

#content .csc-textpic {
  margin: 5px 0 20px 0;
}

#content .csc-textpic-text p.bodytext {
  margin: 0 0 0 0px;
}

#sidebar .csc-textpic-caption,
#contentSpecial .csc-textpic-caption,
#content .csc-textpic-caption {
  margin: 2px 2px 5px;
  font-style: italic;
}

#sidebar .csc-header,
#contentSpecial .csc-header,
#content .csc-header {
  margin-bottom: 10px;
}

#content ol li {
  margin-left: 10px;
}

/* Contact Form */
fieldset {
  font-size: 12px;
  margin: 0;
  border: none;
}

label {
  display: block;
  float: left;
  text-align:left;
  margin-right: 10px;
  /*width: 120px;*/
}

input, textarea {
  margin-bottom: 4px;
  width: 300px;
}

#mailformrueckrufcheck {
  margin-bottom: 10px;
  width: 100px;
}

input.csc-mailform-submit {
  /*margin-left: 165px; */
  width: 85px;
  float: right;
}


/***************************************************************************
* Footer
***************************************************************************/

#footer {
  border-top: 1px solid #d8d8d8;
  clear: both;
  height: 50px;
  padding-top: 10px;
  width: 940px;
}

#footer ul {
  list-style: none;
}

#footer .menuBottom {
  float: left;
  height: 50px;
  width: 190px;
}

#footer .menuBottom a {
  color: #d1d300;
}

#footer .menuBottom a:hover {
  color: #808080;
}