/* Allgemeine Stildefinitionen */
* {
  font-size: 100.1%;
  font-family: arial, helvetica, sans-serif;
  margin: 0; padding: 0;
}
body {
  font-size: 0.75em;
  text-align: left;
  color: #666666;
  text-transform: uppercase;
}
a img {
  border: 0;
}
.clear {
  font-size: 1px; height: 1px;
  overflow: hidden;
  clear: both;
}
sub, sup {
  font-size: 0.6em;
}
label, .toggler {
  cursor: pointer;
}
td, th {
  vertical-align: top;
}
.onlyprint  {
  display: none;
}
img.mime_icon {
  vertical-align:middle;
}
.invisible {
  width: 0px; height: 0px; overflow: hidden;
  position: absolute; left: -1000px; top: 1000px;
  display: inline;
}

/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
#wrapper {
  text-align: left;
  margin: 0;
  width: 940px;
}
#header {
  width: 940px; height: 197px;
  position: relative;
}
#container {
  width: 940px;
}
#main {
  position: relative;
  width: 668px; float: left;
}
#left {
  width: 260px; float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}
#right {
  display: none;
}
#footer {
  display: block; width: 670px;
  margin-left: 270px;
  margin-bottom: 20px;
  text-align: center;
}

/* Logo im Header */
#header #headlogo {
  position: absolute; left: 270px; top: 0;
} 

/* linke Spalte: Navigation */
#left .mod_navigation {
  padding: 5px 0 0 45px;
}
#left .mod_navigation ul {
  list-style: none;
}
#left .mod_navigation li {
  position: relative;
}
#left .mod_navigation li a {
  display: block; position: relative; z-index: 5;
  width: 160px; height: 21px; he\ight: 0px;
  margin: 0 0 10px 0; padding-top: 21px; overflow: hidden;
  background-image: url(layout/icons.gif);
  background-repeat: no-repeat;
  background-postion: 0px 0px;
}
#left .mod_navigation li a.active,
#left .mod_navigation li a.trail,
#left .mod_navigation li a:hover {

}
#left .mod_navigation ul ul {
  display: none;
}
#left .mod_navigation li.active ul,
#left .mod_navigation li.trail ul {
  display: block
}
/* in Originalgröße, unten die neue Version mit 80% 
#left .mod_navigation li.spots a { background-position: 0px -277px; }
#left .mod_navigation li.spots a:hover, 
#left .mod_navigation li.spots a.active,
#left .mod_navigation li.spots a.trail { background-position: 0px -238px; }
#left .mod_navigation li.directors a { background-position: 0px -41px; }
#left .mod_navigation li.directors a:hover, 
#left .mod_navigation li.directors a.active, 
#left .mod_navigation li.directors a.trail { background-position: 0px 0px; }
#left .mod_navigation li.clients a { background-position: 0px -195px; }
#left .mod_navigation li.clients a:hover, 
#left .mod_navigation li.clients a.active,
#left .mod_navigation li.clients a.trail { background-position: 0px -157px; }
#left .mod_navigation li.contact a { background-position: 0px -122px; }
#left .mod_navigation li.contact a:hover, 
#left .mod_navigation li.contact a.active,
#left .mod_navigation li.contact a.trail { background-position: 0px -81px; }
*/
#left .mod_navigation li.spots a { background-position: 0px -222px; }
#left .mod_navigation li.spots a:hover, 
#left .mod_navigation li.spots a.active,
#left .mod_navigation li.spots a.trail { background-position: 0px -190px; }
#left .mod_navigation li.directors a { background-position: 0px -33px; }
#left .mod_navigation li.directors a:hover, 
#left .mod_navigation li.directors a.active, 
#left .mod_navigation li.directors a.trail { background-position: 0px 0px; }
#left .mod_navigation li.clients a { background-position: 0px -156px; }
#left .mod_navigation li.clients a:hover, 
#left .mod_navigation li.clients a.active,
#left .mod_navigation li.clients a.trail { background-position: 0px -126px; }
#left .mod_navigation li.contact a { background-position: 0px -98px; }
#left .mod_navigation li.contact a:hover, 
#left .mod_navigation li.contact a.active,
#left .mod_navigation li.contact a.trail { background-position: 0px -65px; }

#left .mod_navigation li span {
  display: none; position: absolute;  z-index: 3;
  width: 40px; height: 40px; he\ight: 0px;
  padding-top: 40px; overflow: hidden;
  background-image: url(layout/icons.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#left .mod_navigation li.spots span {
  left: -32px; top: -32px;
  width: 28px; height: 68px; he\ight: 0px; padding-top: 68px; 
  background-position: -347px -215px;
}
#left .mod_navigation li.directors span {
  left: 88px; top: -77px;
  width: 93px; height: 74px; he\ight: 0px; padding-top: 74px; 
  background-position: -137px -366px;
}
#left .mod_navigation li.clients span {
  left: -38px; top: -50px;
  width: 36px; height: 67px; he\ight: 0px; padding-top: 67px; 
  background-position: -359px -366px;
}
#left .mod_navigation li.contact span {
  left: -41px; top: 6px;
  width: 60px; height: 67px; he\ight: 0px; padding-top: 67px; 
  background-position: -118px -274px;
}
#left .mod_navigation li.active span {
  display: block;
}


/* Standard-Stilangaben */
#main .mod_article {
  width: 668px; w\idth: 640px; 
  padding: 14px 14px 0px 14px;
  margin-bottom: 15px;
  background: #fff;
  border: 1px dashed #000;
}
#main h1 {
  font-size: 1.1em;
  text-transform: uppercase;
  margin-bottom: 1em;
  color: #ed1c22;
}
#main h1:before {
  content: ':: ';
}
#main h2 {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}
#main h3 {
  font-size: 1em;
  margin-bottom: 0.8em;
}
#main p, #main table, #main ul, #main ol {
  margin-bottom: 1em;
}
#main ul, #main ol {
  margin-left: 1.5em;
}
#main strong {
  color: #ed1c22;
}
#main a,
#footer a {
  color: #666;
  text-decoration: none;
}
#main a:hover,
#footer a:hover {
  color: #666;
  text-decoration: underline;
}
#main #newbutton {
  position: absolute; bottom: 20px; left: -60px;
  width: 120px; height: 110px; he\ight: 0px; overflow: hidden;
  padding-top: 110px;
  background: url(layout/icons.gif) no-repeat -12px -340px;
}
#main .borderbottom {
  padding-bottom: 20px;
  border-bottom: 1px dashed #000;
}

/* Video-Player */ 
#main .ce_ce_jw_media {
  margin-bottom: 1em;
}

/* Seitenwahl */
#main .pagination {
  margin: 0;
  padding: 0;
}
#main .pagination p {
  margin: 0;
  padding: 0;
}
#main .pagination ul {
  margin: 0; padding: 0;
  list-style: none;
}
#main .pagination ul li {
  float: left;
  margin: 0 0.8em 0 0;
  padding: 0;
  background: none;
}
#main .pagination ul li .pagination_current {
  color: #666;
  font-weight: bold;
}

/* Formulare */
#main .formbody {
  margin-bottom: 1em;
}
#main .formbody label {
  clear: left;
  display: block; 
  width: 600px;
  margin: 0px 0px 4px 0px; padding: 1px 1px 1px 1px;
}
#main p.error,
#main span.error {
  color: #ed1c22;
  font-weight: bold;
}
#main .formbody div.error,
#main .formbody label.error {
  color: #ed1c22;
}
#main .formbody input.captcha,
#main .formbody input.text {
  width: 636px;
  margin: 0px 0px 0px 0px;
  padding: 1px;
  border: 1px solid #999;
}
#main .formbody input.error {
  border-color: #ed1c22;
}
#main .formbody textarea {
  width: 200px; height: 100px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #999;
}
#main .formbody label.error {
  font-weight: bold;
  color: #ff0000;
}
#main .formbody .checkbox_container {
  padding-left: 5px;
  padding-bottom: 14px;
}
#main .formbody .checkbox_container span {
  clear: left;
  display: block;
  margin-bottom: 1px;
}
#main .formbody .checkbox_container label {
  display: inline; float: none; 
  margin-left: 10px;
  width: 300px;
}
#main .formbody .submit_container {
  text-align: right;
}
#main .formbody .submit_container input.submit {
  background: none; border: 0; padding: 5px;
  cursor: pointer; font-weight: bold;
}
#main .formbody br {
  clear: left;
  font-size: 1px; height: 1px;
}


/* Footer: Service-Navigation */
#footer p {
  display: block; width: 670px;
  text-align: center;
  text-transform: uppercase;
}

/* Sonderformate */
.startseite #main .ce_text {
  padding-left: 50px;
}
.clients #main .mod_article,
.directors #main .mod_article {
  width: 668px; clear: all; 
  padding: 0;
  margin-bottom: 15px;
  border: 0;
}
.directors #main .ce_text {
  clear: all; 
  padding: 14px 14px 0px 14px;
  margin-bottom: 15px;
  background: #fff;
  border: 1px dashed #000;
}
.clients #main .ce_text {
  float: left; width: 152px; w\idth: 130px;
  height: 146px; he\ight: 135px;
  padding: 11px 11px 0px 11px;
  margin: 0 13px 13px 0;
  background: #fff;
  border: 1px dashed #000;
  font-size: 0.9em;
}
.clients #main .old43 {
  height: 160px; he\ight: 149px;
}
.clients #main .ce_text .image_container {
  display: block; margin-bottom: 4px;
}
.contact #main a {
  color: #ed1c22;
}
.contact #main .contact {
  clear: left;
  margin-bottom: 15px;
}
.contact #main .gitte {
  margin-top: 25px;
}
.contact #main .contact .image_container {
  position: relative; width: 60px; height: 60px;
  border: 1px dashed #000;
  margin: 0 20px 15px 0;
}
.contact #main .contact .image_container img {
  position: absolute; left: 0; top: 0;
}
.contact #main .gitte .image_container img {
  left: 0px; top: -7px;
}
.contact #main .ina .image_container img {
  left: 0px; top: 7px;
}
.contact #main .aleksandar .image_container img {
  left: 15px; top: 0px;
}
.contact #main .contact p {
  padding-top: 10px;
}