element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
position: relative;
}
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 75px;
height: 75px;
}
/**
* The buttons are added dynamically by jCarousel before
* the
list (inside the described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
/***********************************************************************
* Modelldetails
*/
#panelStage {
border:1px dotted #605B58;
width:600px;
height:375px;
float:left;
margin: 10px 0 15px 0;
display: table-cell;
text-align: center;
vertical-align: middle;
position:relative;
}
#panelStage * {
vertical-align: middle;
}
#panelInfo{
width:215px;
height:260px;
padding-top:10px;
margin-left:20px;
float:left;
margin-right:0px;
}
#panelInfo h1{
color:#605b58;
border-bottom: dotted #605b58 1px;
padding-bottom:8px;
}
#modellDescription{
color: #605b58;
/*border: solid green 1px; */
}
#LinkSameWood{
width:170px;
display:block;
color:#ffffff;
font-size:0.8em;
font-weight:bold;
padding:3px;
background-image:url(/grafiken/box_wood.png);
background-repeat: repeat-x;
margin-top:10px;
}
#LinkSameAlu{
width:170px;
display:block;
color:#FFFFFF;
font-size:0.8em;
font-weight:bold;
padding:3px;
background-image:url(/grafiken/box_alu.png);
background-repeat: repeat-x;
margin-top:10px;
}
#LinkSameFence {
width:170px;
display:block;
color:#FFFFFF;
font-size:0.8em;
font-weight:bold;
padding:3px;
background-image:url(/grafiken/box_fence.png);
background-repeat: repeat-x;
margin-top:10px;
}
#LinkSendRequest{
width:170px;
display:block;
color:#FFFFFF;
font-size:0.8em;
font-weight:bold;
padding:3px;
background-image:url(/grafiken/box_red.png);
background-repeat: repeat-x;
margin-top:10px;
}
.productDetailsPictureDescription{
position:absolute;
display:block;
left:10px;
top:5px;
padding:5px;
border: solid black 1px;
background-color:#ffffff;
opacity : 0.7;
filter : Alpha(opacity=70);
-moz-opacity:0.7;
}
/*
.productDetailsPictureDescriptionText{
color:#ff0000;
display:block;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
backgound-color:#ff0000;
}
*/
/*.pics{
}
.pics img{
width:498px;
height:310px;
}*/
/*
*
* New image carousel at the prodcut details page
*/
#PreviewCarouselDiv{
clear:both;
/*width:600px;*/
/*border:1px solid red;*/
}
#PreviewCarousel
{
}
#PreviewCarouselDiv .jcarousel-container-horizontal {
width: 520px;
height: 68px;
padding: 0 40px;
/*border:1px solid red;*/
}
#PreviewCarouselDiv .jcarousel-clip-horizontal {
width: 520px;
height: 68px;
/*border:1px solid blue;*/
}
#PreviewCarouselDiv .jcarousel-list.jcarousel-list-horizontal
{
height: 68px !important;
}
#PreviewCarouselDiv .jcarousel-item {
margin-right:12px;
width: 88px;
height: 68px;
}
#PreviewCarouselDiv .jcarousel-item a img{
border:1px solid white;
padding:3px;
}
#PreviewCarouselDiv .jcarousel-item a img:hover {
border-color:#605B58;
}
#PreviewCarouselDiv .jcarousel-item.active a img{
border-color:#605B58;
}
#PreviewCarouselDiv .jcarousel-next-horizontal,
#PreviewCarouselDiv .jcarousel-prev-horizontal {
top: 15px;
}
#PreviewCarouselDiv .jcarousel-list li,
#PreviewCarouselDiv .jcarousel-item {
width: 80px;
height: 60px;
}
.linkWithArrow{
float:none;
display:block;
text-decoration:underline;
color:#992004;
font-size:0.8em;
margin-top:10px;
padding-left:8px;
background: url(/grafiken/littleArrow.gif) 0px 6px no-repeat;
}
a.linkWithArrow:hover{
text-decoration:none;
}
/*Nav Slideshow neu::*/
#navSlideShow2{
position:absolute;
z-index:1500;
left:20px;
/*background:#cccccc;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;*/
}
#navSlideShow2 a{
width: 25px;
height: 25px;
border:solid red 0px;
font-size:0px;
display:block;
float:left;
margin-right:10px;
}
#prevBtn{
background:url(/grafiken/buttons/slideshowButtons.png) 0 0;
}
#nextBtn{
background:url(/grafiken/buttons/slideshowButtons.png) -75px 0;
}
#pauseBtn{
background:url(/grafiken/buttons/slideshowButtons.png) -50px 0;
}
#playBtn{
background:url(/grafiken/buttons/slideshowButtons.png) -25px 0;
}
/*NAV SLiedeshow rechts oben :: not in use any more*/
/*
#navSlideShow{
margin-bottom:20px;
width:150px;
height:15px;
}
#navSlideShow a{
width: 15px;
height: 13px;
border:solid red 0px;
font-size:0px;
display:block;
float:left;
margin-right:10px;
}
#prev{
background:url(/grafiken/navelemets_slideshow_ho.gif) 0 0;
}
#next{
background:url(/grafiken/navelemets_slideshow_ho.gif) -45px 0;
}
#pause{
background:url(/grafiken/navelemets_slideshow_ho.gif) -30px 0;
margin-left:20px;
}
#play {
background: url(/grafiken/navelemets_slideshow_ho.gif) -15px 0;
margin-left:20px;
}
#prev:hover{
background:url(/grafiken/navelemets_slideshow_ho.gif) -60px 0;
}
#next:hover{
background:url(/grafiken/navelemets_slideshow_ho.gif) -105px 0;
}
#pause:hover{
background:url(/grafiken/navelemets_slideshow_ho.gif) -90px 0;
}
#play:hover{
background: url(/grafiken/navelemets_slideshow_ho.gif) -75px 0;
}
*/
/***********************************************************************
* OnlineDesigner
*/
#OnlineDesignerStage{
height:298px;
width:397px;
background-color:#fefefe;
float:left;
}
#OnlineDesignerStage img{
height:298px;
width:397px;
}
#OnlineDesignerHouseSelector{
height:298px;
width:342px;
background-image:url(/grafiken/background_stage.png);
background-repeat:no-repeat;
background-position: bottom right;
float:left;
}
#stageShadow{
border:solid red 0px;
background-image:url(/grafiken/shadow_pictureMain.gif);
background-repeat:no-repeat;
background-position: bottom right;
width:741px;
height:300px;
margin:1px 0 27px 4px;
position:relative;
}
#OnlineDesignerHouseSelector h1{
margin-top:80px;
margin-left:30px;
color:#605b58;
font-size:1.4em;
}
.onlinDesignerHeadline{
color:#605b58;
font-size:1.4em;
}
#OnlineDesignerHouseSelectorImageContainer{
margin-top:5px;
margin-left:33px;
width:270px;
}
#OnlineDesignerHouseSelectorImageContainer img{
float:left;
margin-left:5px;
margin-top:5px;
width:84px;
height:64px;
}
.OnlineDesignerVariationIcon{
height:12px;
width:20px;
margin-left:5px;
}
.OnlineVariationText{
margin-left:20px;
}
/***********************************************************************
* Leeb in Ihere Nähe
*/
#loadingIndicator{
margin-bottom:20px;
}
#loadingIndicator img{
margin-left:20px;
margin-right:20px;
}
/***********************************************************************
* Messeplan
*/
#Messeplan{
}
p#NoMessen{
font-size:1em;
font-weight:bold;
}
table#MessenListe{
width:600px;
border:0;
border-collapse:collapse;
border-spacing:0;
}
table#MessenListe thead{
border-bottom: 1px dotted #605b58;
}
table#MessenListe th div{
text-align:right;
}
table#MessenListe th a{
margin-right:10px;
}
table#MessenListe tr.Even{
background-color:#ecebeb;
}
table#MessenListe td{
font-size:0.85em;
padding: 0 2px 0 2px;
}
.NoWrap{
white-space: nowrap;
}
#RemindViaEmail{
font-size:0.9em;
}
#Legend{
font-size:0.8em;
}
/**********************************************************************
* Jobs
*/
#subNavJobs {
font-size:0.85em;
font-style:normal;
color:#9c2104;
}
.jobHeadline{
color:#1F4027;
font-size:0.75em;
}
.jobHeadline a{
color:#1F4027;
text-decoration:underline;
}
.jobHeadline a:hover{
text-decoration:none;
color:#1F4027;
}
/**********************************************************************
* Reference_Customers
*/
#productsCarousel div.Shadow{
background-image:url(/grafiken/shadow_pictureMain.gif);
background-repeat:no-repeat;
background-position: bottom right;
width:194px;
height:123px;
margin:4px 0 0 4px;
position:relative;
}
#productsCarousel div.Shadow img{
position:absolute;
top:-4px;
left:-4px;
margin:0;
}
/***********************************************************************
* Footer Content
*/
#NavigationHelperOuter {
width:100%;
height:10px;
display:block;
}
#NavigationHelper{
display:block;
margin:5px 0 0 0;
padding:0;
right:0;
position:absolute;
}
#NavigationHelper li {
margin: 0 0 0 3px;
padding:0;
list-style:none;
float:left;
display:block;
font-size:0.7em;
}
#NavigationHelper li:before{
content:" | ";
margin: 0 5px 0 5px;
}
#NavigationHelper li:first-child:before{
content:"" !important;
}
#NavigationHelper li a{
padding:0;
color: #393735;
font-weight:bold;
}
#NavigationHelper li a:hover{
text-decoration:none;
color: black;
}
#LinkInterad{
display:block;
width:320px;
text-align:center;
margin: 0 auto 0 auto;
color: #393735;
font-weight:bold;
font-size:0.7em;
}
#LinkInterad:hover{
color:white;
text-decoration:none;
}
#FooterKeywords {
/*text-indent: 30em;*/
color: #B4ACAA;
font-size:0.9em;
margin-top:10px;
line-height:150%;
text-align:justify;
}
#FooterKeywords a{
color: #B4ACAA;
text-decoration:none;
}
#FooterKeywords a:hover{
text-decoration:underline;
}
#FooterKeywords h1, #FooterKeywords h2, #FooterKeywords h3, #FooterKeywords h4, #FooterKeywords em, #FooterKeywords strong{ /*Footer keywords*/
/*font-weight:normal;*/
display:inline;
font-size:1.4em;
font-style:normal;
padding: 0 3px 0 3px;
color: #B4ACAA;
}
#FooterKeywords h1 { font-size:1.6em; }
#FooterKeywords h2 { font-size:1.45em; }
#FooterKeywords h3 { font-size:1.35em; }
#FooterKeywords h4 { font-size:1.25em; }
#FooterKeywords em { font-size:1.2em; }
#FooterKeywords strong { font-size:1.1em; }
/***************************************************************************************************
** thickbox.css
**/
/* -------------------------------------------------------*/
/* ----->>> global settings needed for thickbox <<<-------*/
/* -------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* -------------------------------------------------------*/
/* ----->>> thickbox specific link and font settings <<<--*/
/* -------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
/*#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}*/
/* -----------------------------------*/
/* ----->>> thickbox settings <<<-----*/
/* -----------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
height:100%;
width:100%;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
/*padding:5px 0px 5px 0px;*/
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}