@import url(navi.css);
@import url(shader.css);
@import url(scrampler.css);

html {
	overflow-y: scroll;
}

body {
  margin: 0;
  padding: 8Px 0 40Px 0;
  background: #FFFFFF;
	overflow-y: visible;
}

body, h2, th, td, input, select, textarea, button {
  font-family: Arial, Geneva, Helvetica, sans-serif;
  line-height: 15Px;
  font-size: 12Px;
  color: #494949;
}

strong {
  color: #000000;
}

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

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

img {
  border: 0;
}

.clearer {
  margin: 0;
  padding: 0;
  line-height: 0;
  height: 0;
  clear: both;
}

input {
  margin: 0;
}

button {
  position: relative;
  vertical-align: top;
  margin: 0;
  padding: 0;
  color: #4B7703;
  border: 0;
  background: none;
}

button div {
  position: relative;
  height: 20Px;
  float: left;
  top: 0;
  left: 0;
  margin: 0 20px 0 0;
  padding: 0;
  background: url(../img/bg_button_l.gif) no-repeat;
}

button div span {
  position: relative;
  display: block;
  float: left;
  height: 20Px;
  line-height: 19Px;
  left: 20Px;
  margin: 0;
  padding: 0 20Px 0 0;
  white-space: nowrap;
  background: url(../img/bg_button_r.gif) no-repeat right top;
}

#logo {
  position: absolute;
  z-index: 2;
  top: 20Px;
  left: 30Px;
}

#wrapper_page {
  position: relative;
  width: 976Px;
  margin: 0 auto 0 auto;
  padding: 6Px 0 6Px 0;
  overflow: hidden;
  background: url(../img/shader/shade_page_sides.gif) repeat-y;
}

.home #wrapper_page {
  padding-bottom: 30Px;
}

#page_header, #page_footer {
  position: absolute;
  z-index: 2;
  width: 978Px;
  height: 13Px;
  left: -1Px;
  margin-top: -6Px;
  background: url(../img/shader/shade_page_top.gif) no-repeat;
}

#page_footer {
  height: 1000Px;
  margin-top: 0;
  background: #FFFFFF;
}

#page_footer .shader {
  position: absolute;
  height: 13Px;
  width: 100%;
  top: -8Px;
  background: url(../img/shader/shade_page_bottom.gif) no-repeat left bottom;
}

#page {
  position: relative;
  width: 964Px;
  margin: 0 6Px 0 6Px;
  padding-bottom: 50Px;
  background: #AEB9C5 url(../img/bg_content.jpg) repeat-x;
}

#page .pagecontent {
  position: relative;
  z-index: 2;
  float: right;
  margin: 50Px 0 0 -30Px;
  right: 24Px;
}

#wrapper_content {
  z-index: 10;
  position: relative;
  width: 399Px;
  margin-left: 325Px;
  background-color: #FFFFFF;
}

#box_content {
  position: relative;
}

a.more {
  position: relative;
  line-height: 15Px;
  text-decoration: none;
  padding-left: 12Px;
  color: #658200;
  background: url(../img/ico_more.gif) no-repeat left 5Px;
}

.pagecontent h1 {
  font-size: 15Px;
  font-weight: normal;
  color: #9B0101;
}

.pagecontent h2 {
  margin-bottom: 8Px;
  font-weight: bold;
  color: #000000;
}

.pagecontent h1 img {
  margin-bottom: 10Px;
}

.pagecontent div.text {
  clear: both;
  position: relative;
  margin-top: 12Px;
}

.pagecontent div.text .teaserimg {
  float: left;
  margin: 2px 10px 5px 0;
}

.pagecontent div.text .teaserimg.even {
  float: right;
  margin: 2px 0 5px 10px;
}

.pagecontent .text.withicon {
  margin: 40Px 0 0 93Px;
}

.pagecontent .text.withicon .icon {
  position: absolute;
  left: -93Px;
}

.pagecontent .links {
  margin-top: 12Px;
  line-height: 15Px;
}

.pagecontent .links a {
  display: block;
}

.pagecontent ul {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pagecontent ul li {
  position: relative;
  display: block;
  padding-left: 7Px;
  background: url(../img/ico_list.gif) no-repeat left 9Px;
}

#teasercol {
  width: 214Px;
  margin-top: 70Px;
}

.content {
  position: relative;
}

.shader_footer {
  clear: both;
}

.teaser {
  width: 214Px;
  position: relative;
  margin-bottom: 20Px;
}

.teaser .shader_body {
  background-image: url(../img/shader/shade_teaser_body.png);
}

.teaser .shader_header {
  background-image: url(../img/shader/shade_teaser_top.png);
}

.teaser .shader_footer {
  background-image: url(../img/shader/shade_teaser_bottom.png);
}

/* IE hacks */
* html .teaser .shader_body {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_teaser_body.png', sizingMethod='scale');
}

* html .teaser .shader_header {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_teaser_top.png', sizingMethod='image');
}

* html .teaser .shader_footer {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_teaser_bottom.png', sizingMethod='image');
}
/* /IE hacks */

.teaser .content {
  padding: 10Px 10Px 15Px 10Px; 
}

.teaser .teaserimg {
  margin-top: 14Px;
}

.text_small {
  position: relative;
  width: 316Px;
}

.text_small .shader_body {
  background-image: url(../img/shader/shade_textsmall_body.png);
}

.text_small .shader_header {
  background-image: url(../img/shader/shade_textsmall_top.png);
}

.text_small .shader_footer {
  background-image: url(../img/shader/shade_textsmall_bottom.png);
}

/* IE hacks */
* html .text_small .shader_body {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_textsmall_body.png', sizingMethod='scale');
}

* html .text_small .shader_header {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_textsmall_top.png,abs:2', sizingMethod='image');
}

* html .text_small .shader_footer {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_textsmall_bottom.png', sizingMethod='image');
}
/* /IE hacks */

.text_small .content {
  padding: 20Px 20Px 25Px 20Px; 
}

.text_medium {
  position: relative;
  width: 545Px;
}

.text_medium .shader_body {
  background-image: url(../img/shader/shade_textmedium_body.png);
}

.text_medium .shader_header {
  background-image: url(../img/shader/shade_textmedium_top.png);
}

.text_medium .shader_footer {
  background-image: url(../img/shader/shade_textmedium_bottom.png);
}

/* IE hacks */
* html .text_medium .shader_body {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_textmedium_body.png', sizingMethod='scale');
}

* html .text_medium .shader_header {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_textmedium_top.png', sizingMethod='image');
}

* html .text_medium .shader_footer {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_textmedium_bottom.png', sizingMethod='image');
}
/* /IE hacks */

.text_medium .content {
  padding: 30Px 20Px 40Px 20Px; 
}



.text_tiny {
  position: relative;
  width: 287Px;
}

.text_tiny .shader_body {
  background-image: url(../img/shader/shade_texttiny_body.png);
}

.text_tiny .shader_header {
  background-image: url(../img/shader/shade_texttiny_top.png);
}

.text_tiny .shader_footer {
  background-image: url(../img/shader/shade_texttiny_bottom.png);
}

/* IE hacks */
* html .text_tiny .shader_body {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_texttiny_body.png', sizingMethod='scale');
}

* html .text_tiny .shader_header {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_texttiny_top.png', sizingMethod='image');
}

* html .text_tiny .shader_footer {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/layout/img/shader/shade_texttiny_bottom.png', sizingMethod='image');
}
/* /IE hacks */

.text_tiny .content {
  padding: 20Px 20Px 25Px 20Px; 
}

#moodpic {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 800Px;
  background-repeat: no-repeat;
  background-position: 225px 0;
}

.home #moodpic {
  background-image: url(../../content/hintergrundbilder/mood_home.jpg);
}

.unternehmen #moodpic {
  background-image: url(../../content/hintergrundbilder/mood_unternehmen.jpg);
}

.agentur #moodpic {
  background-image: url(../../content/hintergrundbilder/mood_agenturservices.jpg);
}

.presse #moodpic {
  background-image: url(../../content/hintergrundbilder/mood_presse.jpg);
}

.newsletter #moodpic {
  background-image: url(../../content/hintergrundbilder/mood_presse.jpg);
}

.blickpunkt #moodpic {
  background-image: url(../../content/hintergrundbilder/mood_blickpunkt.jpg);
}

table {
  width: 100%;
  border-top: 1Px solid #B9B7B7;
}

th, td {
  margin: 0;
  padding: 5Px 15Px 5Px 15Px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1Px solid #B9B7B7;
}

th.date, td.date {
  padding: 5Px 5Px 5Px 5Px;
}

td.icon {
  width: 30Px;
  padding: 1Px 0 1Px 0;
  line-height: 0;
  vertical-align: middle;
  text-align: right;
}

th {
  background-color: #F3F3F3;
  color: #000000;
}

table.linklist th, table.linklist td {
  background: url(../img/bg_dot_vert.gif) repeat-y ;
}

table.linklist td {
  cursor: pointer;
}

table.download td,
table.linklist td, table.linklist td.date {
  padding: 0;
}

table.linklist th.first, table.linklist td.first {
  background-image: none;
}

table.download td {
  background: url(../img/ico_download.gif) no-repeat right center;
  vertical-align: middle;
}

table.download td.first, table.download td.picture{
  background-image: none;
  width: 60Px;
}


table.download td a,
table.linklist td a {
  display: block;
  padding: 5Px 15Px 5Px 15Px;
  text-decoration: none;
  color: #494949;
}

table.linklist td.date a {
  padding: 5Px 5Px 5Px 5Px;
}

table.download td a {
  height: 40Px;
  line-height: 40Px;
  margin: 3Px 0 3Px 0;
  padding: 0;
}

table.linklist tr:hover td, table.linklist tr.over td {
  background-color: #658200;
}

table.linklist tr:hover a, table.linklist tr.over a {
  color: #FFFFFF;
}

table.linklist.download tr:hover td, table.linklist.download tr.over td {
  background-image: none;
}

#projects {
  position: fixed;
  left: 50%;
  top: 200px;
  z-index: 20;
}

#projectdetail {
  position: absolute;
  left: -327px;
  z-index: 20;
}

#darkener {
  position: fixed;
  display: none;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: #858585;
  opacity: 0.79;
  -moz-opacity:0.79;
  -khtml-opacity:0.79;
  filter:alpha(opacity=79);
}

#darkener.on {
  display: block;
}

#darkener span {
  display: none;
}

#projectsearch {
  display: block;
  position: relative;
  width: 180Px;
  top: -35Px;
  left: 312Px;
}

#projectsearch select {
  display: block;
  width: 180Px;
  margin-bottom: 10Px;
}

.project {
  position: absolute;
  z-index: 11;
  display: none;
  width: 655Px;
/*
  top: 50%;
  left: 50%;
  margin: -150Px 0 0 -200Px;
*/
  padding: 20Px 0 25Px 0;  
  background: #FFFFFF;
}

.project.on {
  display: block;
}

.project .imgbox {
  position: relative;
  left: 20Px;
  float: left;
  border: 1Px solid #A8A8A8;
}

.project .textbox {
  position: relative;
  right: 20Px;
  float: right;
  margin-bottom: 30Px;
  width: 233Px;
}

.project h2, .project h3, .project .p {
  margin: 0;
  padding: 4Px 0 4Px 0;
  line-height: 12Px;
  font-size: 11Px;
}

.projectctrl {
  position: absolute;
  left: 20Px;
  bottom: 6Px;
  color: #658200;
}

.projectctrl a {
  display: inline;
  color: #658200;
  text-decoration: none;
}

.projectctrl a:focus, .projectctrl a:hover, .projectctrl a:active {
  color: #9B0101;
}

.projectctrl a.on {
  color: #9B0101;
  font-weight: bold;
}

.projectlinks {
  position: absolute;
  right: 20Px;
  bottom: 25Px;
  width: 233Px;
}

.projectcloser {
  position: absolute;
  top: 0;
  right: 5px;
  padding-top: 6Px;
  width: 11Px;
  height: 11Px;
}

.hr {
  height: 1Px;
  background: url(../img/bg_dot_hori.gif) repeat-x;
}

.hr hr {
  display: none;
}

ul.partner {
  border-top: 1Px solid #858585;
}

ul.partner li {
  position: relative;
  display: block;
  padding: 0;
  background: none;
}

ul.partner li strong {
  display: block;
  padding: 4Px 0 4Px 2Px;
}

.pagecontent ul.partner li ul {
  margin-top: -21Px;
}

.pagecontent ul.partner li ul li {
  padding: 4Px 0 4Px 30Px;
  border-bottom: 1Px solid #858585;
}

.leftcol {
  float: left;
}

.rightcol {
  float: right;
}

.text_tiny .leftcol, .text_tiny .rightcol {
  width: 100Px;
}

.text_small .leftcol, .text_small .rightcol {
  width: 114Px;
}

.text_medium .leftcol, .text_medium .rightcol {
  width: 230Px;
}

.text_medium .cardblock .leftcol {
  width: 230Px;
  margin-right: -1px;
  padding-right: 15px;
  border-right: 1px solid #B9B7B7;
}

.text_medium .cardblock .rightcol {
  width: 230Px;
  margin-left: -1px;
  padding-left: 15px;
  border-left: 1px solid #B9B7B7;
}

ul.linklist {
  border-bottom: 1Px solid #B9B7B7;
  margin-bottom: 17Px;
}

ul.linklist li {
  background: none;
  padding: 4Px 0 6Px 0;
  border-top: 1Px solid #B9B7B7;
}

.route {
  position: absolute;
  width: 170Px;
  top: 0;
  right: 0;
}

.route img {
  margin-top: 8Px;
}

form.sheet .inputrow {
  position: relative;
  line-height: 18Px;
  margin-bottom: 10Px;
}

form.sheet .label {
  position: absolute;
  display: block;
  line-height: 18Px;
}

form.sheet .input {
  position: relative;
  display: block;
  line-height: 18Px;
  margin-left: 90Px;
}

form.sheet input.text,
form.sheet textarea {
  width: 400Px;
  background: transparent;
  border: 1Px solid #B9B7B7;
}

form.sheet textarea {
  height: 90Px;
}

form.sheet input.clickbox {
  position: absolute;
  margin-left: -2Px;
  margin-top: 3Px;
  padding: 0;
  height: 11Px;
}

form.sheet label.clickbox {
  margin-left: 18Px;
}

form.sheet .info {
  position: absolute;
  margin-top: -12Px;
}

form.sheet button.reset {
  margin-left: 90Px;
}

.cardblock label {
  display: block;
  margin-bottom: 20px;
  text-align: right;
  border-bottom: 1px dotted #494949;
}

.cardblock label span {
  display: none;
}

.cardblock label input {
  width: 230px;
  border: 0;
  background: transparent;
}

.cardblock .input {
  margin: 30px 0 10px 0;
  text-align: right;
}

.error {
  color: #FF872F;
}

.cardblock .inputrow.error label {
  border-color: #FF872F;
}

.cardblock .error.hint {
  position: absolute;
  margin-top: -12px;
  font-size: 11Px;
}

#screens {
  position: absolute;
  width: 700Px;
  height: 470Px;
  left: 250Px;
  bottom: 0;
}

.print {
  display: none;
}

#popup {
  position: absolute;
  top: 0;
  z-index:10001;
}