/****** CYCON***/
/*GENERAL */

body {
  margin-top:0px;
  color:#5F5F5F;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  background-color:#fff;
  float:left;
}


#content{
  float:left;
  padding:0px 0px 0px 0px;
  background-repeat:no-repeat;
  background-color:#fff;
  width:780px;
  font-size:11px;
}

#content .headline{
  clear:both;
  float:left;
  padding-left:16px;
  color:#000000;
  height:122px;
}

#content .headline .first{
  clear:both;
  padding:45px 0 0 0;
}
#content .headline .second{
  clear:both;
  padding:9px 0 0 0;
}
#content .headline .third{
  clear:both;
  padding:5px 0 0 0;
}

h1 {
color:#B78F3D;
font-size:13px;
margin:0;
padding:5px 0;
}
h2 {
color:#B78F3D;
font-size:12px;
margin:0;
padding:5px 0;
}
h3 {
color:#B78F3D;
font-size:11px;
margin:0;
padding:5px 0;
}

#content .overview{
  float:left;
  width:779px;
  color:#5E5E5E;
}

#content .overview .gallery_news{
  margin:25px 5px 25px 0;
  text-align:right;
  background-image: url(../../pics/funktionen/bot_linie.gif);
  background-repeat:no-repeat;
  background-position:bottom left;
  padding: 4px 0 0 0;
  height:20px;
}

#content .overview .gallery_news a{
  text-align:right;
  color: #5E5E5E;
}



/*GALLERY DEFAULT */

#content .overview .gallery{
  background-image: url(../../pics/funktionen/bot_linie.gif);
  background-repeat:no-repeat;
  background-position:bottom left;
  width:780px;
  height:auto;
  min-height:150px;
  position:relative;
  text-align:left;
  margin-bottom: 10px;
}

#content .overview .gallery .img{
  z-index:10;
  float:right;
  text-align:right;
  margin:25px 25px 15px 0;
}

#content .overview .gallery .text{
  padding:25px 0 0 16px;
  z-index:1;
  float:left;
  font-size:11px;
  width:470px;
}

#content .overview .gallery .text .gallery_headline{
  padding:0 0 6px 0;
  font-weight:bold;
  color:#B78F3D;
  font-size:12px;
}

#content .overview .gallery .text .link{
  padding:12px 0 27px 0;
  font-weight:bold;
  color:#B78F3D;
  font-size:11px;
}

#content .overview .gallery .text .link a{
  font-weight:bold;
  color:#B78F3D;
  text-decoration:underline;
  font-size:11px;
}

#content .overview .gallery .text .link a:hover{
  font-weight:bold;
  color:#B78F3D;
  text-decoration:none;
}


/*GALLERY CONTENT */

#content .overview .gallery_detail{
  position:relative;
  width:100%;
  margin:15px 0 0 0;
}

#content .overview .gallery_detail .img{
  float:right;
  margin:25px 0 0 0;
    text-align:center;
/*  width:321px;*/
}

#content .overview .gallery_detail .text{
  padding:25px 0 0 16px;
  float:left;
  font-size:11px;
  width:400px;
}

#content .overview .gallery_detail .text .gallery_headline{
  padding:0 0 6px 0;
  font-weight:bold;
  color:#B78F3D;
  font-size:12px;
}

#content .overview .gallery_detail .text .link{
  padding:12px 0 0 0;
  font-weight:bold;
  color:#B78F3D;
  font-size:11px;
}

#content .overview .gallery_detail .text .link a{
  font-weight:bold;
  color:#B78F3D;
  text-decoration:underline;
  font-size:11px;
}

#content .overview .gallery_detail .text .link a:hover{
  font-weight:bold;
  color:#B78F3D;
  text-decoration:none;
}

#content .overview .gallery_detail a
{
  font-weight:bold;
  color:#B78F3D;
  text-decoration:underline;
  font-size:11px;
}


/* PIC */

#content .overview .img .or{
  background:url('../../pics/layout/presse/or.png') top right no-repeat;
}
#content .overview .img .ur{
  background:url('../../pics/layout/presse/ur.png') bottom right no-repeat;
}
#content .overview .img .ul{
  background:url('../../pics/layout/presse/ul.png') bottom left no-repeat;
}
#content .overview .img .u{
  background:url('../../pics/layout/presse/um.png') bottom left repeat-x;
}
#content .overview .img .mr{
  background:url('../../pics/layout/presse/mr.png') right 8px repeat-y #EAEAEA;
}
#content .overview .img img{
  margin:10px 11px 11px 9px;
}



hr {
margin: 15px 0 15px 0;
height:1px;
border:none;
border-top:1px solid #d6d6d6;
clear:both;
line-height: 1px;
}

/*META NAVI */

.meta_navi {
  height:30px;
  line-height:30px;
  background-image:url(../../pics/funktionen/bot_linie.gif);
  background-repeat:no-repeat;
  background-position:bottom left;
  width:780px;
  font-size:11px;
}

.meta_navi a {
  color:#5E5E5E;
  text-decoration:none;
  font-size:11px;
}

.meta_navi a:hover {
  color:#5E5E5E;
  text-decoration:underline;
}

.meta_navi .zurueck {
  float:left;
  background-image:url(../../pics/layout/melitta/zurueck_icon.gif);
  background-repeat:no-repeat;
  background-position:0px 8px;
  padding:0 27px 0 25px;
  margin:0 0 0 8px;
  font-size:11px;
}

.meta_navi .empfehlen {
  float:left;
  background-image:url(../../pics/layout/melitta/empfehlen_icon.gif);
  background-repeat:no-repeat;
  background-position:0px 8px;
  padding:0 27px 0 25px;
  font-size:11px;
}

.meta_navi .drucken {
  float:left;
  background-image:url(../../pics/layout/melitta/drucken_icon.gif);
  background-repeat:no-repeat;
  background-position:0px 8px;
  padding:0 10px 0 25px;
  font-size:11px;
}


p.file img {
vertical-align:middle;
margin:0px;
}

p.file a {
margin-left: -8px;
}


.spacer {
  clear:both;
  height:46px;
  display:block;
}


/******* CAD ********/

h1{
font-size:14px;
margin:5px;
padding:0px;
}

#overall{
width:788px;
border:0px solid black;
text-align:left;
margin-left:-4px;
margin-top:10px;
}

.all{
width:780px;
margin-top:5px;

}

.info{
padding:5px 7px;
border:1px dotted black;
}

.head{
position:relative;
min-height:127px;
height:auto !important;
height:127px;
margin-bottom:10px;
}

.image{
position:absolute;
top:1px;
left:0px;
width:779px;
height:127px;
}

.ueberschrift{
position:absolute;
top:0px;
left:0px;
z-index:2;
}

.downloads{
position:absolute;
top:30px;
left:10px;
z-index:2;
}

.downloadBox{

}

.downloadBox ul{
list-style-image:url("../../../_php_externals/cad/templates/img/pdf.gif");
padding-left:30px;
}

.artikel{
padding:5px 0px;
background-image:url("../../../_php_externals/cad/templates/img/bg.gif");
border-bottom:1px dotted black;
height:228px;
width:780px;
}

.box{
width:235px;
float:left;
margin:0px 10px;
border:0px dotted black;
}

.bild{
margin:39px 10px 0px 10px;
width:235px;
float:left;
text-align:center;
border:0px dotted black;
}

.strich{
margin:39px 10px 0px 10px;
width:235px;
float:left;
text-align:center;
border:0px dotted black;
}

.clear{
clear:both;
}

.artikel_box{
color:#B78F3D;
float:left;
width:185px;
height:180px;
position:relative;
margin:5px;
border:1px dotted black;
}

.leer{
width:187px;
height:182px;
border:0px dotted red;
}

.artikel_box .img{
/*margin-top:10px;*/
text-align:center;
width:180px;
z-index:10;
overflow:hidden;
position:absolute;
bottom:20px;
}

.artikel_box .link{
font-size:10px;
position:absolute;
bottom:5px;
color:#B78F3D;
font-weight:bold;
text-align:center;
width:185px;
}

.gallery_headline{
font-weight:bold;
padding:6px 0;
font-size:11px;
text-align:center;
}

a{
color:#B78F3D;
}

.error{
margin:5px;
}

.zurueck {
background-image:url(../../pics/layout/melitta/zurueck_icon.gif);
background-position:0 8px;
background-repeat:no-repeat;
font-size:11px;
margin:0 0 0 8px;
padding:0 27px 0 25px;
height:30px;
}

.zurueck a{
line-height:30px;
color:#5E5E5E;
text-decoration:none;
}

.zurueck a:hover{
text-decoration:underline;
}

.vor {
background-image:url(../../pics/layout/melitta/vor_icon.gif);
background-position:right 8px;
background-repeat:no-repeat;
font-size:11px;
margin:0 0 0 8px;
padding:0 27px 0 25px;
height:30px;
float:right;
}

.vor a{
line-height:30px;
color:#5E5E5E;
text-decoration:none;
}

.vor a:hover{
text-decoration:underline;
}
