html, body, div, p, h1, h2, h3, h4, ul, li, a, span, img, table, tr, td { 
margin:0;
padding:0;
border:0 none;
}

body { 
overflow:-moz-scrollbars-vertical;
font: normal 12px Arial, Helvetica, sans-serif;
color:#000000;
background-color:#000000;
}

.invisible {
display:none;
}

div#container {
padding:20px 40px 20px 40px;
position:absolute;
top: 50%;
left: 50%;
width:860px;
height:520px;
margin-left: -470px;
margin-top: -280px;
background:#ffffff url(../img/1x1_black.gif) repeat-x 0 94px;
overflow:hidden;
}

a, a:link, a:active, a:visited, a:focus, a:hover {
outline:0;
}

/*******************************************************************************
/* logo, header-slogan, breadcrumb and page headlines */
/******************************************************************************/

h1#logo {
width:232px;
height:94px;
margin-left:-15px;
color:#cd071e;
}

h1#logo a {
color:#cd071e;
text-decoration:none;
}

img#header_slogan {
position:absolute;
right:100px;
top:70px;
width:195px;
height:16px;
}

a#facebook_button {
display:block;
position:absolute;
right:100px;
top:18px;
width:104px;
height:25px;
}


/*****************************************
/* breadcrumb */
/****************************************/

div.mod_breadcrumb {
margin-top:16px;
padding:10px 0 2px 0;
height:14px;
overflow:visible;
color:#000000;
font-size:11px;
font-weight:bold;
}

div.mod_breadcrumb span,
div.mod_breadcrumb a {
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

div.mod_breadcrumb span.home,
div.mod_breadcrumb a.home {
display:block;
float:left;
width:32px;
margin-right:188px;
}

/**************************************
/* page headlines */
/*************************************/


h2.pageheadline {
padding:11px 0 0 219px;
width:581px;
height:29px;
border-top:1px #000000 solid;
border-left:1px #000000 solid;
border-bottom:1px #000000 solid;
border-right:1px #ffffff solid;
line-height:18px;
color:#444444;
font-size:22px;
font-weight:normal;
text-transform:uppercase;
}


/*******************************************************************************
/* stage areas*/
/******************************************************************************/
div#full_width {
position:absolute;
left:260px;
top:198px;
padding:24px 30px 0 0;
width:550px;
height:296px;
border-right:1px #000000 solid;
text-transform:none;
}

div#left_half {
position:absolute;
left:260px;
top:198px;
padding:24px 20px 0 0;
width:270px;
height:296px;
text-transform:none;
}

div#right_half {
position:absolute;
left:550px;
top:198px;
padding:24px 20px 0 0;
width:270px;
height:296px;
border-right:1px #000000 solid;
text-transform:none;
}


div.mod_article {
height:296px;
}

div.shadow_image {
padding:1px 0 0 0;
background:#e7e7e7 url(../img/image_shadow_right.gif) no-repeat right top;
}

div.shadow_image div.image_container {
background:url(../img/image_shadow_bottom.gif) no-repeat left bottom;
}

div.shadow_image div.image_container img {
display:block;
padding:0 8px 8px 0;
background:url(../img/image_shadow_corner.gif) no-repeat right bottom;
}


div.shadow_image {
padding:1px 0 0 0;
background:#e7e7e7 url(../img/image_shadow_right.gif) no-repeat right top;
}

div.shadow_image div.image_container {
background:url(../img/image_shadow_bottom.gif) no-repeat left bottom;
}

div.shadow_image div.image_container img {
display:block;
padding:0 8px 8px 0;
background:url(../img/image_shadow_corner.gif) no-repeat right bottom;
}


/*******************************************************************************
/* Kombi grosses Bild links, Text rechts */
/******************************************************************************/

div#grosses-bild-links #start_image {
width:235px;
height:303px;
}

div#grosses-bild-links .ce_image {
width:225px;
height:303px;
}

div#grosses-bild-links .ce_image {
width:225px;
height:303px;
}

div#text-rechts {
margin-left:-20px;
padding-right:20px;
}


div.mod_article h3 {
font-size:12px;
margin-bottom:12px;
text-transform:uppercase;
}

div.mod_article div.ce_text {
margin-bottom:10px;
font-size:12px;
line-height:15px;
}

div.mod_article div.ce_text h3 {
height:12px;
line-height:12px;
font-size:12px;
margin-bottom:2px;
color:#cd071e;
text-transform:uppercase;
}


/*******************************************************************************
/* Home und Mediendaten erste Seite */
/******************************************************************************/

div.view_link {
position:absolute;
bottom:0;
left:-20px;
}

div.view_link a {
color:#cd071e;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
text-decoration:none;
}


div.download_link {
width:100px;
position:absolute;
bottom:0;
left:300px;
}

div.download_link a {
color:#000000;
text-transform:uppercase;
font-size:10px;
text-decoration:none;
}

div.teaserbutton {
position:absolute;
right:-30px;
top:-70px;
}

/*******************************************************************************
/* Broschueren Galerie */
/******************************************************************************/

div#broschuere td div.image_container {
width:442px;
height:304px;
background:#ffffff url(../img/image_shadow_big.gif) no-repeat top left;
}

div#broschuere div.pagination {
position:absolute;
bottom:0;
left:446px;
height:40px;
}

div#broschuere div.pagination p {
margin-bottom:15px;
color:#999999;
height:11px
}

div#broschuere div.pagination ul {
list-style:none;
height:14px;
}

div#broschuere div.pagination li {
float:left;
}

div#broschuere div.pagination a {
color:#000000;
font-size:11px;
text-decoration:none;
text-transform:uppercase;
}

div#broschuere div.pagination a.pagination_previous {
display:block;
width:72px;
height:14px;
text-indent:-99999px;
background:#ffffff url(../img/gallery_back.jpg) no-repeat top left;
padding-right:4px;
}

div#broschuere div.pagination a.pagination_next {
display:block;
width:51px;
height:14px;
text-indent:-99999px;
background:#ffffff url(../img/gallery_next.jpg) no-repeat top left;
}

div#broschuere div.pagination a.pagination_link,
div#broschuere div.pagination span.pagination_current,
div#broschuere div.pagination a.pagination_first,
div#broschuere div.pagination a.pagination_last {
display:none;
}

div#broschuere div.download_link {
width:100px;
position:absolute;
bottom:0;
left:590px;
}



/*******************************************************************************
/* Anzeigenformate */
/******************************************************************************/

div#anzeigenformate-preise table {
font-size:11px;
vertical-align:top;
border-collapse:collapse;
}

div#anzeigenformate-preise td {
padding:0;
border-bottom:#000000 solid 1px;
height:14px;
vertical-align:middle;
}

div#anzeigenformate_1 tr.row_0 td {
border:0 none;
height:92px;
line-height:0;
}

div#anzeigenformate_1 td.col_0,
div#anzeigenformate_1 td.col_2 {
padding-right:13px;
}

div#anzeigenformate_1 td.col_1 {
padding-right:13px;
width:159px;
}

div#anzeigenformate_1 tr.row_2 {
font-weight:bold;
}

div#anzeigenformate_1 tr.row_3 {
color:#cd071e;
font-weight:bold;
}

div#anzeigenformate_1 tr.row_4 {
color:#009900;
font-weight:bold;
}


div#anzeigenformate_1 tr.row_3 {
font-weight:bold;
}

div#anzeigenformate_legend {
position:absolute;
left:0;
top:190px;
width:260px;
font-size:11px;
text-transform:uppercase;
}

div#anzeigenformate_legend ul {
list-style-type:none;
}

div#anzeigenformate_legend li.first {
margin:0 0 2px 0;
color:#cd071e;
font-weight:bold;
padding:0 0 0 16px;
background:url(../img/anzeigenformate_leg_1.gif) no-repeat 0 center;
}

div#anzeigenformate_legend li.last{
color:#009900;
font-weight:bold;
padding:0 0 0 16px;
background:url(../img/anzeigenformate_leg_2.gif) no-repeat 0 2px;
}

div#anzeigenformate_2 {
margin-top:74px;
float:left;
width:237px;
}

div#anzeigenformate_2 h3 {
margin:0;
border-bottom:#000000 solid 1px;
height:12px;
font-size:11px;
line-height:12px;
}

div#anzeigenformate_2 table {
width:237px;
}

div#anzeigenformate_2 td.col_0 {
width:210px;
}

div#anzeigenformate_2 td.col_1 {
text-align:right;
}

div#anzeigenformate_3 {
margin:11px 0 0 322px;
}

div#anzeigenformate_3 tr.row_0 td {
border:0 none;
height:92px;
line-height:0;
}

div#anzeigenformate_3 td.col_0 {
padding-right:13px;
}

div#anzeigenformate_3 tr.row_2 {
font-weight:bold;
}

div#anzeigenformate_3 tr.row_3 {
color:#cd071e;
font-weight:bold;
}

div#anzeigenformate_3 tr.row_4 {
color:#009900;
font-weight:bold;
}


/*******************************************************************************
/* Vertrieb */
/******************************************************************************/


div#vertrieb div.vertrieb_left {
padding:0 24px 0 0;
border-right:dotted #000000 1px;
margin:0 0 10px 0;
float:left;
width:250px;
}

div#vertrieb div.vertrieb_right {
margin:0 0 10px 25px;
float:left;
width:250px;
}

div#vertrieb div.image_container {
float:left;
width:70px;
height:230px;
}

div#vertrieb h3 {
margin:0 0 4px 0;
padding-bottom:2px;
border-bottom:#000000 solid 1px;
color:#cd071e;
text-transform:uppercase;
}

div#vertrieb div.vertrieb_right h3{
color:#009900;
}

div#vertrieb div.vertrieb_slogan {
padding:20px 0 0 0;
clear:both;
width:100%;
}


/*******************************************************************************
/* Abonnement */
/******************************************************************************/

div#abonnement div.ce_image {
float:left;
width:88px;
height:117px;
}

div#abonnement div#rabatt_button {
position:absolute;
top:-70px;
right:-30px;
z-index:50;
width:90px;
height:90px
}

div#abonnement h3 {
margin:0 0 2px 0;
padding-bottom:2px;
border-bottom:#000000 solid 1px;

color:#cd071e;
text-transform:uppercase;
}

div#abonnement div.ce_text {
margin:0 0 10px 0;
}

div#abonnement h4 {
padding-bottom:8px;
color:#000000;
height:26px;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}

div#abonnement div.gift {
float:left;
margin:10px 15px 0 0;
width:120px;
font-size:11px;
}

div#abonnement div.nogift {
float:left;
margin:10px 0 0 0;
width:120px;
font-size:11px;
}

div#abonnement div.gift_1 {
position:absolute;
left:0;
top:156px;
width:140px;
font-size:11px;
}

div#abonnement div.gift_2 {
position:absolute;
left:160px;
top:156px;
width:120px;
font-size:11px;
}

div#abonnement div.gift_3 {
position:absolute;
left:290px;
top:156px;
width:114px;
font-size:11px;
}

div#abonnement div.gift div.image_container {
text-align:center;
}

div#abonnement div.nogift div.image_container {
text-align:center;
}

a.abo_link {
display:block;
padding:2px 4px;
position:absolute;
bottom:0;
right:40px;
color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
background-color:#cd071e;
}


/*******************************************************************************
/* Shop */
/******************************************************************************/

div#shop div.ce_image {
float:left;
width:88px;
height:117px;
}

div#shop div#rabatt_button {
position:absolute;
top:-70px;
right:-30px;
z-index:50;
width:90px;
height:90px
}

div#shop h3 {
margin:0 0 2px 0;
padding-bottom:2px;
border-bottom:#000000 solid 1px;
color:#cd071e;
text-transform:uppercase;
}

div#shop div.ce_text {
margin:0 0 10px 0;
}

div#shop h4 {
padding-bottom:8px;
color:#000000;
height:26px;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}

div#shop div.gift {
float:left;
margin:10px 15px 0 0;
width:120px;
font-size:11px;
}

div#shop div.gift div.image_container {
text-align:center;
}

div#shop div.nogift div.image_container {
text-align:center;
}

a.shop_link {
display:block;
padding:2px 4px;
position:absolute;
bottom:0;
right:40px;
color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
background-color:#cd071e;
}


/*******************************************************************************
/* Bildergalerie */
/******************************************************************************/

div#bildergalerie div.ce_gallery ul {
position:relative;
clear:both;
padding-bottom:20px;
height:125px;
}

div#bildergalerie div.ce_gallery li {
display:block;
margin-right:2px;
}

div#bildergalerie div.ce_gallery li,
div#bildergalerie div.ce_gallery li div.image_container {
width:180px;
height:125px;
}

div#bildergalerie div.ce_gallery li div.image_container img {
width:172px;
height:117px;
cursor:pointer;
}

div#bildergalerie div.ce_gallery div.caption {
text-indent:3px;
position:relative;
width:172px;
font-size:9px;
}

div#bildergalerie div.ce_gallery div.caption span {
display:block;
position:absolute;
top:0;
right:0;
}


div#bildergalerie div.ce_gallery li {
padding:1px 0 0 0;
background:#e7e7e7 url(../img/image_shadow_right.gif) no-repeat right top;
}

div#bildergalerie div.ce_gallery li div.image_container {
background:url(../img/image_shadow_bottom.gif) no-repeat left bottom;
}

div#bildergalerie div.ce_gallery li div.image_container img {
display:block;
padding:0 8px 8px 0;
background:url(../img/image_shadow_corner.gif) no-repeat right bottom;
}


/*******************************************************************************
/* Presse*/
/******************************************************************************/

ul.presse {
position:relative;
margin-bottom:6px;
width:550px;
height:57px;
clear:both;
list-style:none;
}

ul#archiv {
position:relative;
margin-bottom:6px;
width:550px;
height:51px;
clear:both;
list-style:none;
}

ul.presse li.col_0 {
float:left;
width:100px;
height:16px;
line-height:16px;
border-bottom:#000000 solid 1px;
color:#000000;
font-size:11px;
font-weight:bold;
}

ul.presse li.col_1 {
float:left;
width:440px;
height:16px;
line-height:16px;
border-bottom:#000000 solid 1px;
padding-left:10px;
font-weight:bold;
font-size:11px;
}

ul.presse li.col_2 {
clear:both;
padding-top:2px;
width:550px;
color:#cd071e;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
}

ul.presse li.col_3 {
width:550px;
height:16px;
font-size:11px;
}

ul.presse li.col_4 {
position:absolute;
top:1px;
right:0;
width:40px;
padding-left:10px;
text-align:right;
}

ul.presse li.col_5 {
display:none;
}

ul.presse li.col_4 a,
ul.presse li.col_4 a:link,
ul.presse li.col_4 a:active
ul.presse li.col_4 a:visited {
display:block;
width:40px;
height:15px;
line-height:15px;
font-size:11px;
text-decoration:none;
color:#ffffff;
text-align:center;
background-color:#999999;
}

div#archiv div.pagination p {
display:none;
}

div#archiv div.pagination ul {
list-style:none;
height:14px;
}

div#archiv div.pagination li {
float:right;
}

div#archiv div.pagination a {
color:#000000;
font-size:11px;
text-decoration:none;
text-transform:uppercase;
}

div#archiv div.pagination a.pagination_previous {
display:block;
width:72px;
height:14px;
text-indent:-99999px;
background:#ffffff url(../img/gallery_back.jpg) no-repeat top left;
padding-right:4px;
}

div#archiv div.pagination a.pagination_next {
display:block;
width:51px;
height:14px;
text-indent:-99999px;
background:#ffffff url(../img/gallery_next.jpg) no-repeat top left;
}

div#archiv div.pagination a.pagination_link,
div#archiv div.pagination span.pagination_current,
div#archiv div.pagination a.pagination_first,
div#archiv div.pagination a.pagination_last {
display:none;
}


/*******************************************************************************
/* Termine */
/******************************************************************************/

div#termine table {
table-layout:auto;
border-spacing:0;
line-height:18px;
width:550px;
}

div#termine th {
padding-right:24px;
border-bottom:#000000 solid 1px;
text-align:left;
height:16px;
font-size:11px;
}

div#termine td {
height:18px;
font-size:12px;
}

div#termine tr.even td {
background-color:#eceded;
}

div#termine tr.row_0 td {
border-top:#ffffff solid 18px;
}



/*******************************************************************************
/* Ansprechpartner */
/******************************************************************************/


div#ansprechpartner h3 {
float:left;
margin-bottom:2px;
padding-bottom:2px;
border-bottom:#000000 solid 1px;
width:260px;
color:#cd071e;
text-transform:uppercase;
}

div#ansprechpartner div.ce_text {
margin-left:260px;
width:170px;
}

div#ansprechpartner h4 {
margin-bottom:2px;
padding-bottom:2px;
border-bottom:#000000 solid 1px;
font-size:12px;
text-transform:uppercase;
}

div#ansprechpartner a,
div#ansprechpartner a:link,
div#ansprechpartner a:active,
div#ansprechpartner a:visited {
color:#000000;
text-decoration:none;
}



/*******************************************************************************
/* kontakt */
/******************************************************************************/


div#kontakt h3 {
float:left;
margin-bottom:2px;
padding-bottom:2px;
border-bottom:#000000 solid 1px;
width:260px;
color:#cd071e;
text-transform:uppercase;
}

div#kontakt div.ce_text {
margin-left:260px;
width:170px;
}

div#kontakt h4 {
margin-bottom:2px;
padding-bottom:2px;
border-bottom:#000000 solid 1px;
font-size:12px;
text-transform:uppercase;
}

div#kontakt a,
div#kontakt a:link,
div#kontakt a:active,
div#kontakt a:visited {
color:#000000;
text-decoration:none;
}


/*******************************************************************************
/* Impressum */
/******************************************************************************/


div#impressum div.ce_image {
float:left;
width:88px;
height:117px;
}

div#impressum h3 {
margin:0 0 2px 108px;
padding-bottom:2px;
width:400px;
color:#cd071e;
text-transform:uppercase;
}

div#impressum div.ce_text {
margin:0 0 10px 108px;
width:400px;
}


div#impressum div.small_text {
width:440px;
font-size:11px;
}


/*******************************************************************************
/* Haftungshinweis*/
/******************************************************************************/

div#haftungshinweis div.ce_image {
float:left;
width:88px;
height:117px;
}

div#haftungshinweis h3 {
margin:0 0 2px 108px;
padding-bottom:2px;
width:400px;
color:#cd071e;
text-transform:uppercase;
}

div#haftungshinweis div.ce_text {
margin:0 0 10px 108px;
width:400px;
}


/*******************************************************************************
/* navigation */
/******************************************************************************/

div.mod_navigation {
position:absolute;
left:40px;
top:224px;
width:160px;

}

.mod_navigation ul {
width:160px;
list-style:none;
cursor:default;
}

.mod_navigation li {
margin-bottom:5px;
height:26px;
float:left;  /* Killing IE whitespace bug */
clear:left;
}


/*********************************
/* navigation main links */
/*********************************/

.mod_navigation a.mediadaten span,
.mod_navigation p.mediadaten span {
width:181px;
background:url(../img/nav_mediadaten.gif) no-repeat 0 0;
}

.mod_navigation a.vertrieb span,
.mod_navigation p.vertrieb span {
width:160px;
background:url(../img/nav_vertrieb.gif) no-repeat 0 0;
}

.mod_navigation a.abonnement span,
.mod_navigation p.abonnement span {
width:126px;
background:url(../img/nav_abonnement.gif) no-repeat 0 0;
}

.mod_navigation a.shop span,
.mod_navigation p.shop span {
width:71px;
background:url(../img/nav_shop.gif) no-repeat 0 0;
}

.mod_navigation a.bildergalerie span,
.mod_navigation p.bildergalerie span {
width:160px;
background:url(../img/nav_bildergalerie.gif) no-repeat 0 0;
}

.mod_navigation a.presse span,
.mod_navigation p.presse span {
width:95px;
background:url(../img/nav_presse.gif) no-repeat 0 0;
}


.mod_navigation a.kontakt span,
.mod_navigation p.kontakt span {
width:160px;
background:url(../img/nav_kontakt.gif) no-repeat 0 0;
}


.mod_navigation a.impressum span,
.mod_navigation p.impressum span {
width:130px;
background:url(../img/nav_impressum.gif) no-repeat 0 0;
}


/*********************************
/* navigation sub links */
/*********************************/

.mod_navigation a.anzeigenformate-preise span,
.mod_navigation p.anzeigenformate-preise span {
width:168px;
background:url(../img/subnav_anzeigenformate-preise.jpg) no-repeat 0 0;
}

.mod_navigation a.termine span,
.mod_navigation p.termine span {
width:60px;
background:url(../img/subnav_termine.jpg) no-repeat 0 0;
}

.mod_navigation a.technische-daten span,
.mod_navigation p.technische-daten span {
width:119px;
background:url(../img/subnav_technische-daten.jpg) no-repeat 0 0;
}

.mod_navigation a.ansprechpartner span,
.mod_navigation p.ansprechpartner span {
width:121px;
background:url(../img/subnav_ansprechpartner.jpg) no-repeat 0 0;
}

.mod_navigation a.archiv span,
.mod_navigation p.archiv span {
width:53px;
background:url(../img/subnav_archiv.jpg) no-repeat 0 0;
}


.mod_navigation a.haftungshinweis span,
.mod_navigation p.haftungshinweis span {
width:118px;
background:url(../img/subnav_haftungshinweis.jpg) no-repeat 0 0;
}

.mod_navigation a,
.mod_navigation p {
float:left; 
position:relative;
height:26px;
line-height:26px;
font-size:12px;
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
}

.mod_navigation a span {
position:absolute; 
left:0;
top:0;
z-index:2;
display:block; 
height:26px;
font-size:12px;
background-position:0 0;
cursor:pointer;
}

.mod_navigation p.active span {
position:absolute; 
left:0;
top:0;
z-index:2;
display:block; 
height:26px;
font-size:12px;
color:#ffffff;
background-position:0 -26px;
}

.mod_navigation a {
background-color:#000000;
}

.mod_navigation p {
background-color:#cd071e;
}

.mod_navigation a:hover,
.mod_navigation a:focus,
.mod_navigation a.trail {
color:#ffffff;
background-color:#cd071e;
}

.mod_navigation a:hover span,
.mod_navigation a:focus span,
.mod_navigation a.trail span {
background-position:0 -26px;
}

.mod_navigation ul ul {
display:none;
}

.mod_navigation li.active,
.mod_navigation li.trail {
height:auto;
}

.mod_navigation li.active ul,
.mod_navigation li.trail ul {
display:block;
height:100%;
overflow:visible;
}

.mod_navigation li.active li,
.mod_navigation li.trail li {
margin-bottom:0;
padding-left:8px;
height:14px;
white-space:nowrap;
margin-top:2px;
}

.mod_navigation li.active li.last,
.mod_navigation li.trail li.last {
padding-bottom:4px;
}

.mod_navigation li ul a,
.mod_navigation li ul p {
float:left; 
position:relative;
display:block;
height:14px;
line-height:14px;
color:#000000;
font-size:10.7px;
background-color:#ffffff;
text-decoration:none;
}

.mod_navigation li ul a:hover,
.mod_navigation li ul a:focus,
.mod_navigation li ul p {
color:#cd071e;
background-color:#ffffff;
}

.mod_navigation li ul a span {
position:absolute; 
left:0;
top:0;
z-index:2;
display:block; 
height:14px;
background-position:0 0;
cursor:pointer;
}

.mod_navigation li ul p.active span {
position:absolute; 
left:0;
top:0;
z-index:2;
display:block; 
height:14px;
background-position:0 -14px;
}

.mod_navigation li ul a:hover span,
.mod_navigation li ul a:focus span {
background-position:0 -14px;
color:#cd071e;
}