Resultat de la compression du code CSS de www.iserlohner-haken.de

Lasse nous voir ce que nous avons fait pour www.iserlohner-haken.de

CSSCruncher.com à sauvgardé
30,86 % de code poour ce site! je n\'y crois pas!

Mais oh la la! On vient de trouver des erreurs dans ton code CSS!

» Montre touts les erreurs et avertissement

« Cache toutes les erreurs CSS et avertissement

Error on Line 307:
  Property -webkit-box-shadow doesn't exist
  Class:     #Beschreibung
  Property:  -webkit-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 308:
  Property -khtml-box-shadow doesn't exist
  Class:     #Beschreibung
  Property:  -khtml-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 309:
  Property -moz-box-shadow doesn't exist
  Class:     #Beschreibung
  Property:  -moz-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 310:
  Property box-shadow doesn't exist
  Class:     #Beschreibung
  Property:  box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 312:
  Property -ms-filter doesn't exist
  Class:     #Beschreibung
  Property:  -ms-filter
  Value:     "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')"

Error on Line 314:
  attempt to find a semi-colon before the property name. add it
  Class:     #Beschreibung
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 314:
  Property progid doesn't exist
  Class:     #Beschreibung
  Property:  progid
  Value:     DXImageTransform

Error on Line 314:
  Line : 328 Context : #Planet in property : -webkit-box-shadow
  Class:     DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
  Property:  
  Value:     

Error on Line 329:
  Property -khtml-box-shadow doesn't exist
  Class:     #Planet
  Property:  -khtml-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 330:
  Property -moz-box-shadow doesn't exist
  Class:     #Planet
  Property:  -moz-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 331:
  Property box-shadow doesn't exist
  Class:     #Planet
  Property:  box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 333:
  Property -ms-filter doesn't exist
  Class:     #Planet
  Property:  -ms-filter
  Value:     "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')"

Error on Line 335:
  attempt to find a semi-colon before the property name. add it
  Class:     #Planet
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 335:
  Property progid doesn't exist
  Class:     #Planet
  Property:  progid
  Value:     DXImageTransform

Error on Line 335:
  Line : 336 Context : #Planet 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
  Property:  
  Value:     

Error on Line 349:
  Property -webkit-box-shadow doesn't exist
  Class:     #Detail
  Property:  -webkit-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 350:
  Property -khtml-box-shadow doesn't exist
  Class:     #Detail
  Property:  -khtml-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 351:
  Property -moz-box-shadow doesn't exist
  Class:     #Detail
  Property:  -moz-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 352:
  Property box-shadow doesn't exist
  Class:     #Detail
  Property:  box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 354:
  Property -ms-filter doesn't exist
  Class:     #Detail
  Property:  -ms-filter
  Value:     "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')"

Error on Line 356:
  attempt to find a semi-colon before the property name. add it
  Class:     #Detail
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 356:
  Property progid doesn't exist
  Class:     #Detail
  Property:  progid
  Value:     DXImageTransform

Error on Line 356:
  Line : 357 Context : #Detail 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
  Property:  
  Value:     

Error on Line 370:
  Property -webkit-box-shadow doesn't exist
  Class:     #Profil
  Property:  -webkit-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 371:
  Property -khtml-box-shadow doesn't exist
  Class:     #Profil
  Property:  -khtml-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 372:
  Property -moz-box-shadow doesn't exist
  Class:     #Profil
  Property:  -moz-box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 373:
  Property box-shadow doesn't exist
  Class:     #Profil
  Property:  box-shadow
  Value:     0 5px 20px rgba(0,0,0,0.4)

Error on Line 375:
  Property -ms-filter doesn't exist
  Class:     #Profil
  Property:  -ms-filter
  Value:     "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')"

Error on Line 377:
  attempt to find a semi-colon before the property name. add it
  Class:     #Profil
  Property:  filter
  Value:     attempt to find a semi-colon before the property name. add it

Error on Line 377:
  Property progid doesn't exist
  Class:     #Profil
  Property:  progid
  Value:     DXImageTransform

Error on Line 377:
  Line : 378 Context : #Profil 	Parse error - Unrecognized  : }
  Class:     DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
  Property:  
  Value:     

Error on Line 573:
  Unrecognized  - [empty string]
  Class:     .produkt a:hover span
  Property:  font
  Value:     Unrecognized  - [empty string]

Error on Line 591:
  Property opacity doesn't exist
  Class:     .caption
  Property:  opacity
  Value:     0.7

Error on Line 633:
  
  Class:     }
  Property:  
  Value:

Code CSS comprimé:

@charset "UTF-8";@media screen,projection{html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;background:#fff;color:#000;font:normal 100.1%/1.2em CantarellRegular}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{border:0;border-top:2px solid #840265;margin:0.8em 0 0.8em 1.5em}
input,select{vertical-align:middle}
#wrapper{width:960px;height:670px;margin:0 auto;padding:20px}
#header{width:956px;height:80px;margin:0;padding:0}
#container{height:500px;margin:0;padding:0}
#left{float:left}
#right{float:right}
#main{width:756px;position:relative;height:496px;border:1px solid black;margin:0 0 0 30px;padding:0}
#main.full_width{width:956px;position:relative;height:496px;border:1px solid #fff;margin:0 0 0 5px;padding:0}
#footer{width:956px;margin:0 0 0 30px;padding:0}
a,a:visited{color:#000}
a:focus,a:hover{color:#840265}
a:active{color:#840265}
a.artikel{color:#000}
a.architekt{color:#999}
a.gronert,a.gonert:visited{color:#840265}
a.gronert:focus,a.gronert:hover{color:#000}
a.hyperlink_txt:focus,a.hyperlink_txt:hover,a.hyperlink_txt:active{color:#840265;text-decoration:none}
a.visible{color:#840265;text-decoration:none;font-weight:bold;cursor:pointer}
a.inactive{cursor:pointer}
h1,h2,h3,h4,h5,h6{color:#000;font-size:100%;font-weight:bold;margin:1em 0}
h1{font-size:1.2em}
h1.box{font-size:1.1em;font-weight:bold;margin:0 0 0.6em 0}
h1.weiss{color:#fff}
h1.projekt{color:#840265;margin:1.5em 1.5em 0.5em}
h2{font-size:1em;font-weight:bold;margin:0 0 1em 0}
h2.projekt{margin:0;line-height:1.5em}
p{color:#000;font-size:0.9em}
p.weiss{color:#fff}
h1.claim{font-size:1em;margin:10px 0 0 0;color:#840265;text-align:right;font-weight:bold}
span.claim{font-weight:normal}
p.architekt{text-align:justify;margin:1em 0 0 0}
p.artikel{line-height:1.5em;margin:0 0 0.8em;text-align:justify}
p.artnr{margin:0 0 0.8em;text-align:justify;font-weight:bold}
p.box{margin:0 0 0.8em;text-align:justify}
p.box a{line-height:1.5em}
p.box_active{color:#840265;font-weight:bold;margin:0 0 0.8em;text-align:justify;font-size:0.9em}
span.box{position:absolute;bottom:5px;right:5px}
span.normal{font-size:1.1em;font-weight:normal;margin:0 0 0.6em 0}
p.impressum{font-size:0.9em;line-height:1.5em;margin:0 0 0.8em;text-align:justify}
strong.projekt{color:#840265;font-size:14px;font-weight:bold;text-align:left;line-height:16px}
span.projekt{text-align:left}
.right{text-align:right;padding:0 1em 0 0}
.ce_text{margin:1.5em}
.ce_text.rechts{margin:0.5em 0}
.ce_text.claim{text-align:right;margin:0;padding:0}
div.isHidden{visibility:hidden;float:left}
div.isVisible{visibility:visible}
#Beschreibung{position:absolute;bottom:50px;left:-45px;max-width:600px;height:auto;width:auto;z-index:1000;background-color:#fff;border:1px solid #000;margin:0;padding:20px;-webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.40);-khtml-box-shadow:0px 5px 20px rgba(0,0,0,0.40);-moz-box-shadow:0px 5px 20px rgba(0,0,0,0.40);box-shadow:0px 5px 20px rgba(0,0,0,0.40);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=180,Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=180,Color='#000000')}
#Planet{position:absolute;bottom:0px;left:-45px;width:auto;height:auto;max-width:600px;z-index:20000;background-color:#fff;border:1px solid #000;margin:0;padding:20px;-webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.40);-khtml-box-shadow:0px 5px 20px rgba(0,0,0,0.40);-moz-box-shadow:0px 5px 20px rgba(0,0,0,0.40);box-shadow:0px 5px 20px rgba(0,0,0,0.40);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=180,Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=180,Color='#000000')}
#Detail{position:absolute;bottom:50px;left:-45px;width:auto;height:auto;max-width:600px;z-index:1000;background-color:#fff;border:1px solid #000;margin:0;padding:20px;-webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.40);-khtml-box-shadow:0px 5px 20px rgba(0,0,0,0.40);-moz-box-shadow:0px 5px 20px rgba(0,0,0,0.40);box-shadow:0px 5px 20px rgba(0,0,0,0.40);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=180,Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=180,Color='#000000')}
#Profil{position:absolute;bottom:50px;left:-45px;width:auto;height:auto;max-width:600px;z-index:1000;background-color:#fff;border:1px solid #000;margin:0;padding:20px;-webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.40);-khtml-box-shadow:0px 5px 20px rgba(0,0,0,0.40);-moz-box-shadow:0px 5px 20px rgba(0,0,0,0.40);box-shadow:0px 5px 20px rgba(0,0,0,0.40);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=180,Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=180,Color='#000000')}
table.box{color:#000;font-size:0.9em}
th.box{font-weight:bold;font-size:0.9em;margin:0 0 0.8em;padding:0 0.9em 0 0}
th.span.normal{font-weight:normal;font-size:0.9em;margin:0 0 0.8em;padding:0 0.9em 0 0}
td.box{padding:0 0.8em 0 0;text-align:justify;font-size:0.9em}
th.artnr{text-align:right;font-weight:bold;font-size:0.9em;margin:0 0 0.8em}
td.artnr{text-align:right;font-weight:bold;font-size:0.9em;margin:0 0 0.8em}
.ce_text.projekt{margin:1em 1.5em 0.5em 1.5em;padding:0}
.ce_text.rechts{font-family:CantarellRegular;line-height:1.6em;font-size:1em}
.ce_headline.projekt{color:#840265;margin:1.5em 1.5em 0.5em}
.articlepagination_container{margin:0}
.ce_lightboxtext{margin:10px 0;height:1.2em}
.ce_hyperlink{margin:10px 0;height:2.2em}
#show_1{border:1px solid #000}
ul{list-style-type:none}
.nav_main{display:block;width:100%}
.nav_main ul{float:right;margin:10px 0 0 0;font-size:0.9em}
.nav_main li{float:left;margin:5px 0 5px 13px}
.nav_main li.active{color:#840265;font-weight:bold}
.nav_main li .trail{color:#840265;font-weight:bold}
.nav_main a:focus, .nav_main a:hover{color:#840265}
.nav_architekten{line-height:1.6em}
.nav_architekten ul{margin:15px 0 0 0;font-size:0.9em}
.nav_architekten li{float:left;margin:0 15px 0 0}
.nav_architekten li .active{color:#840265;font-weight:bold}
.nav_architekten li .trail{color:#840265;font-weight:bold}
.nav_architekten a:focus, .nav_architekten a:hover{color:#000}
.ce_pagination_pagebar{position:absolute;top:10px;height:50px;font-weight:normal;font-size:0.9em}
.pagination{display:block;width:100%}
.pagination p{line-height:1.5em;color:#000;position:absolute;right:1.5em}
.pagination ul{float:right;margin:1.5em 1.5em 0 0;font-size:1em}
.pagination li{float:left;margin:5px 0 5px 13px}
.pagination span.current{color:#840265;font-weight:bold}
.pagination a:focus, .pagination a:hover{color:#840265;text-decoration:underline}
.produkt{float:left;display:block;z-index:1;background:#fff;margin:20px 18px}
.produkt a span{display:none}
.produkt a:hover{text-decoration:none}
.produkt ul{float:left;display:block;margin:0;padding:0;list-style-type:none}
.produkt li{float:left;display:inline;margin:20px 25px;list-style-type:none}
.produkt a:hover span{display:block;position:absolute;text-indent:0;top:450px;left:45px;width:auto;z-index:100;color:#000;background:transparent;font:1em;text-decoration:none;text-align:left}
.caption{background:#000;bottom:3px;color:#FFF;left:0;height:22px;font:normal 12px/22px CantarellRegular;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;opacity:.7}
.rahmen img{border:1px solid #000}
.schwerter img{border:1px solid #000;margin:0 20px 10px 0}
.slideshow-captions{font:normal 12px/22px CantarellRegular}
.text_oben{position:absolute;top:140px;margin:0 0 0 15px}
.text_unten{position:absolute;top:310px;margin:0 0 0 15px}
.oben{position:absolute;top:206px}
.mitte{position:absolute;top:306px}
.unten{position:absolute;top:406px}}

» Montre le code CSS originaire

« Cache le code CSS originaire

@charset "UTF-8";
@media screen, projection 
{
  /* Basiseinstellungen */

/*
  html5doctor.com Reset Stylesheet v1.6.1
  Last Updated: 2010-09-17
  Author: Richard Clark - http://richclarkdesign.com
  */
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
  }
  body {
    line-height:1;
    background: #fff;
    color: #000;
    font: normal 100.1%/1.2em CantarellRegular;
  }
  article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {
    display:block;
  }
  nav ul {
    list-style:none;
  }
  blockquote, q {
    quotes:none;
  }
  blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
  }
  a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
  }
  /* change colours to suit your needs */
  ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
  }
  /* change colours to suit your needs */
  mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
  }
  del {
    text-decoration: line-through;
  }
  abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
  }
  table {
    border-collapse:collapse;
    border-spacing:0;
  }
  /* change border colour to suit your needs */
  hr {
    border:0;
    border-top: 2px solid #840265;
    margin: 0.8em 0 0.8em 1.5em;
  }
  input, select {
    vertical-align:middle;
  }
  
  /* Seiten-Layout */
  #wrapper {
    width: 960px;
    height: 670px;
    margin: 0 auto;
    padding: 20px;
  }
  #header {
    width: 956px;
    height: 80px;
    margin: 0;
    padding: 0;
  }
  #container {
    height: 500px;
    margin: 0;
    padding: 0;
  }
  #left{
    float:left;
   }
  #right{
    float:right;
  }
  #main {
    width: 756px;
    position:relative;
    height: 496px;
    border: 1px solid black;
    margin: 0 0 0 30px;
    padding: 0;
  }
  #main.full_width {
    width: 956px;
    position:relative;
    height: 496px;
    border: 1px solid #fff;
    margin: 0 0 0 5px;
    padding: 0;
  }
  #footer {
    width: 956px;
    margin: 0 0 0 30px;
    padding: 0;
  }
  
  /* Basic-Tags */
  
  /* Links */
  a, a:visited {
    color: #000;
  }
  a:focus, a:hover {
    color: #840265;
  }
  a:active {
    color: #840265;
  }
  a.artikel {
    color: #000;
  }
  a.architekt {
    color: #999;
  }
  a.gronert, a.gonert:visited {
    color: #840265;
  }
  a.gronert:focus, a.gronert:hover {
    color: #000;
  }
  a.hyperlink_txt:focus, a.hyperlink_txt:hover, a.hyperlink_txt:active {
    color: #840265;
    text-decoration: none;
  }
  a.visible {
    color: #840265;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
  }
  a.inactive {
    cursor: pointer;
  }
   
  /* Headline */
  h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-size: 100%;
    font-weight: bold;
    margin: 1em 0;
  }
  h1 {
    font-size: 1.2em;
  }
  h1.box {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 0.6em 0;
  }
  h1.weiss {
    color: #fff;
  }
  h1.projekt {
    color: #840265;
    margin: 1.5em 1.5em 0.5em;
  }
  h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 1em 0;
  }
  h2.projekt {
    margin: 0;
    line-height: 1.5em;
  }

/* Abs?e */
  p {
    color: #000;
    font-size: 0.9em;
  }
  p.weiss {
    color: #fff;
  }
  h1.claim {
    font-size: 1em;
    margin: 10px 0 0 0;
    color: #840265;
    text-align: right;
    font-weight: bold;
  }
  span.claim{
    font-weight: normal;
  }
  p.architekt {
    text-align: justify;
    margin: 1em 0 0 0;
  }
  p.artikel {
    line-height: 1.5em;
    margin: 0 0 0.8em;
    text-align: justify;
  }
  p.artnr {
    margin: 0 0 0.8em;
    text-align: justify;
    font-weight: bold;
  }
  p.box {
    margin: 0 0 0.8em;
    text-align: justify;
  }
  p.box a {
    line-height: 1.5em;
  }
  p.box_active {
    color: #840265;
    font-weight: bold;
    margin: 0 0 0.8em;
    text-align: justify;
    font-size: 0.9em;
  }
  span.box{
    position: absolute;
    bottom: 5px;
    right: 5px;
  }
  span.normal {
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 0 0.6em 0;
  }
  p.impressum {
    font-size: 0.9em;
    line-height: 1.5em;
    margin: 0 0 0.8em;
    text-align: justify;
  }
  strong.projekt {
    color: #840265;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
  }
  span.projekt {
    text-align: left;
  }
  
  /* Elemente */
  .right {
    text-align: right;
    padding: 0 1em 0 0;
  }
  .ce_text {
    margin: 1.5em;
  }
  .ce_text.rechts {
    margin: 0.5em 0;
  }
  .ce_text.claim {
    text-align: right;
    margin: 0;
    padding: 0;
  }
  
  /* schwebende Text-Boxen */
  div.isHidden {
	visibility: hidden;
	float: left;
  }
  div.isVisible {
	visibility: visible;
  }
  #Beschreibung {
    position:absolute; 
    bottom: 50px; 
    left: -45px; 
    max-width: 600px;    
    height: auto;
    width: auto;
    z-index:1000; 
    background-color:#fff;
    border: 1px solid #000;
    margin: 0;
    padding: 20px;
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
  }
  #Planet {
    position:absolute; 
    bottom: 0px; 
    left: -45px; 
    width: auto; 
    height: auto;
    max-width: 600px;
    z-index:20000; 
    background-color:#fff;
    border: 1px solid #000;
    margin: 0;
    padding: 20px;
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
  }
  #Detail {
    position:absolute; 
    bottom: 50px; 
    left: -45px; 
    width: auto;
    height: auto;
    max-width: 600px;
    z-index:1000; 
    background-color:#fff;
    border: 1px solid #000;
    margin: 0;
    padding: 20px;
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
  }
  #Profil {
    position:absolute; 
    bottom: 50px; 
    left: -45px; 
    width: auto;
    height: auto;
    max-width: 600px;
    z-index:1000; 
    background-color:#fff;
    border: 1px solid #000;
    margin: 0;
    padding: 20px;
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
  }
  table.box {
    color: #000;
    font-size: 0.9em;
  }
  th.box {
    font-weight: bold;
    font-size: 0.9em;
    margin: 0 0 0.8em;
    padding: 0 0.9em 0 0;
  }
  th.span.normal {
    font-weight: normal;
    font-size: 0.9em;
    margin: 0 0 0.8em;
    padding: 0 0.9em 0 0;
  }
  td.box{
    padding: 0 0.8em 0 0;
    text-align: justify;
    font-size: 0.9em;
  }
  th.artnr {
    text-align: right;
    font-weight: bold;
    font-size: 0.9em;
    margin: 0 0 0.8em;
  }
  td.artnr {
    text-align: right;
    font-weight: bold;
    font-size: 0.9em;
    margin: 0 0 0.8em;
  }
  .ce_text.projekt {
    margin: 1em 1.5em 0.5em 1.5em;
    padding: 0;
  }
  .ce_text.rechts {
    font-family: CantarellRegular;
    line-height: 1.6em;
    font-size: 1em;
  }
  .ce_headline.projekt {
    color: #840265;
    margin: 1.5em 1.5em 0.5em;
  }
  .articlepagination_container{
    margin:0;
  }
  
  /* Lightbox */
  .ce_lightboxtext {
    margin: 10px 0;
    height: 1.2em;
  }
  .ce_hyperlink {
    margin: 10px 0;
    height: 2.2em;
  }
  
  #show_1{
    border: 1px solid #000;
  }
  
  /* Navigation */
  ul {
    list-style-type: none;
  }
  /* Haupt-Men?
  .nav_main {
    display: block;
    width: 100%;
  }
  .nav_main ul {
    float: right;
    margin: 10px 0 0 0;
    font-size: 0.9em;
    }  
  .nav_main li {
    float: left;
    margin: 5px 0 5px 13px;
  }
  .nav_main li.active {
    color: #840265;
    font-weight: bold;
  }
  .nav_main li .trail {
    color: #840265;
    font-weight: bold;
  }
  .nav_main a:focus,
  .nav_main a:hover {
    color: #840265;
  }

/* Architekten-Navigation */
  .nav_architekten {
    line-height: 1.6em;
  }
  .nav_architekten ul {
    margin: 15px 0 0 0;
    font-size: 0.9em;
    }
  .nav_architekten li {
    float: left;
    margin: 0 15px 0 0;
    }
   .nav_architekten li  .active {
      color: #840265;
      font-weight: bold;
    }
    .nav_architekten li  .trail {
      color: #840265;
      font-weight: bold;
    }
  .nav_architekten a:focus,
  .nav_architekten a:hover {
    color: #000;
  }

/* Paginierung */
  .ce_pagination_pagebar{
    position: absolute;
    top: 10px;
    height: 50px;
    font-weight: normal;
    font-size: 0.9em;
  }
  .pagination {
    display: block;
    width: 100%;
  }
  .pagination p {
    line-height: 1.5em;
    color: #000;
    position:absolute;
    right: 1.5em;
  }
  .pagination ul {
    float: right;
    margin: 1.5em 1.5em 0 0;
    font-size: 1em;
  }
  .pagination li {
    float: left;
    margin: 5px 0 5px 13px;
  }
  .pagination span.current {
    color: #840265;
    font-weight: bold;
  }
  .pagination a:focus,
  .pagination a:hover {
    color: #840265;
    text-decoration: underline;
  }
    
  /* Produktnavigation */
  .produkt {
    float:left;
    display:block;
    z-index:1;
    background:#fff;
    margin: 20px 18px;
  }
  .produkt a span {
    display:none;
  }
  .produkt a:hover {
    text-decoration: none;
  }
  .produkt ul {
    float:left;
    display:block;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .produkt li {
    float: left;
    display: inline;
    margin: 20px 25px;
    list-style-type: none;
  }
  .produkt a:hover span {
    display: block;
    position: absolute; 
    text-indent: 0;
    top: 450px; 
    left: 45px; 
    width: auto;
    z-index: 100;
    color: #000; 
    background: transparent;
    font: 1em;
    text-decoration: none;
    text-align: left;
   }
  
  /* Formatierung und positionierung der Bilder */
  .caption {
    background: #000; 
    bottom: 3px; 
    color: #FFF; 
    left: 0;
    height: 22px;   
    font: normal 12px/22px CantarellRegular; 
    overflow: hidden; 
    position: absolute; 
    text-indent: 10px; 
    width: 100%; 
    z-index: 10000;
    opacity: .7;
  }

/* Bilder mit Rahmenversehen */
  .rahmen img {
    border: 1px solid #000; 
  }
  .schwerter img {
    border: 1px solid #000;
    margin: 0 20px 10px 0;
  }
  
  .slideshow-captions {
  font: normal 12px/22px CantarellRegular;
  }
  
  
  /* Artikel-Bilder mit Bildunterschrift */
  /* M?che Varianten: unten/mitte/oben */
  .text_oben {
    position: absolute;
    top: 140px;
    margin: 0 0 0 15px;
  }
  .text_unten {
    position: absolute;
    top: 310px;
    margin: 0 0 0 15px;
  }
  .oben {
    position: absolute;
    top: 206px;
  }
  .mitte {
    position: absolute;
    top: 306px;
  }
  .unten {
    position: absolute;
    top: 406px;
  }

}