/* Body */
html,body{
height: 100%;
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
margin: 0px;
background-image: url(../media/limeslices.jpg);
}
h2{
font-size: 20px;
font-weight: bold;
}
h4{
font-size: 16px;
font-weight: bold;
}
h6{
font-size: 9px;
font-weight: bold;
color: #666666;
line-height: 10px;
}
.myBox{
margin: 0 auto;
border: 1px solid #999999;
text-align: left;
background-color: #ffffff;
}
a:link {
text-decoration: underline;
font-weight: bold;
color: #333333;
}
a:visited {
text-decoration: none;
font-weight: bold;
color: #FF0000;
}
a:hover {
text-decoration: underline;
font-weight: bold;
color: #0000CC;
}
a:hover span{
background-color: #000000;
}
a:active {
text-decoration: none;
font-weight: bold;
color: #333333;
}
a:focus {
text-decoration: none;
font-weight: bold;
}
/* layout */
#layerone {
text-align: center;
margin-left: 0.5%;
margin-right: 0.5%;
margin-top: 15px;
margin-bottom: 15px;
width: 99%;
height: auto;
z-index: 99;
}
#main{
margin-bottom: 13px;
height: auto;
width: 100%;
min-width: 950px;
border-width: 0px;
float: left;
display: block;
z-index: 98;
}
#mainheader {
height: 112px;
width: 100%;
border-width: 0px;
float: left;
display: block;
margin-bottom: 27px;
}
#header{
width: 75%;
float: left;
background-color: #666666;
background-image: url(../media/header_v2.jpg);
height: 112px;
z-index: 96;
}
#telefon{
width: 24%;
float: right;
height: 112px;
background-color: #CCCCCC;
/*margin-bottom: 30px;*/
/* z-index: 95;*/
}
#contentline2{
display: block;
heigth: auto;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 15px;
margin-top: 0px;
}
#content_header{
float: left;
width: 100%;
margin-top: 10px;
margin-left: 0px;
margin-right: 0p%;
margin-bottom: 10px;
background-color: #FFFFFF;
height: 92px;
}
.content_holder2{
heigth: auto;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 0px;
z-index: 88;
text-align: center;
}
#column_left{
width: 20%;
min-width: 190px;
float: left;
height: auto;
background-color: #666666;
background-image: url(../media/sider.jpg);
z-index: 96;
}
#column_right{
width: 79%;
float: right;
height: auto;
background-color: #666666;
z-index: 95;
}
#footer{
margin-top: 10px;
margin-bottom: 15px;
width: 99%;
margin-right: 0.5%;
margin-left: 0.3%;
height: 40px;
background-color: #ffffff;
float: right;
z-index: 50;
}
#placeholder_bottom{
width: 100%;
color: #009900;
}
/* Navigationsleiste */
#navigation {
border: 1px solid #999999;
width: 90%;
height: auto;
background-color: #666666;
margin-top: 15px;
margin-bottom: 15px;
z-index: 93;
}
#navigation ul{
margin-left: 0px;
margin-right: 0px;
border: 0px solid #999999;
padding: 0px;
list-style-type: none;
font: bold 12px verdana, arial, helvetica, sans-serif;
z-index: 92;
}
#navigation li a{
background: white url(../media/navi_grey.gif) repeat-x bottom left;
display: block;
color: #555555;
font-weight: bold;
height: 25px;
line-height: 25px;
text-decoration: none;
text-indent: 10px;
border-right: 0px solid #999999;
border-bottom: 0px solid #999999;
border-left: 7px solid #FF0000;
z-index: 91;
}
#navigation li a:hover{
background-image: url(../media/navi_red.gif);
border-left-color: #FFFFFF;
color: white;
}
#navigation li a[href="horizontal.htm"] {
background: white url(../media/navi_grey.gif) repeat-x bottom left;
display: block;
color: #555555;
font-weight: bold;
height: 25px;
line-height: 25px;
text-decoration: none;
text-indent: 10px;
border-right: 0px solid #999999;
border-bottom: 0px solid #999999;
border-left: 7px solid #00FF00;
z-index: 91;
}
#navigation li a[href="vertikal.htm"] {
background: white url(../media/navi_grey.gif) repeat-x bottom left;
display: block;
color: #555555;
font-weight: bold;
height: 25px;
line-height: 25px;
text-decoration: none;
text-indent: 10px;
border-right: 0px solid #999999;
border-bottom: 0px solid #999999;
border-left: 7px solid #00FF00;
z-index: 91;
}
#navigation li a[href="selbstfahrer.htm"] {
background: white url(../media/navi_grey.gif) repeat-x bottom left;
display: block;
color: #555555;
font-weight: bold;
height: 25px;
line-height: 25px;
text-decoration: none;
text-indent: 10px;
border-right: 0px solid #999999;
border-bottom: 0px solid #999999;
border-left: 7px solid #00FF00;
z-index: 91;
}
#navigation li a[href="teleskoplader.htm"] {
background: white url(../media/navi_grey.gif) repeat-x bottom left;
display: block;
color: #555555;
font-weight: bold;
height: 25px;
line-height: 25px;
text-decoration: none;
text-indent: 10px;
border-right: 0px solid #999999;
border-bottom: 0px solid #999999;
border-left: 7px solid #00FF00;
z-index: 91;
}
#navigation li a[href="baureihe6.htm"] {
background: white url(../media/navi_grey.gif) repeat-x bottom left;
display: block;
color: #555555;
font-weight: bold;
height: 25px;
line-height: 25px;
text-decoration: none;
text-indent: 10px;
border-right: 0px solid #999999;
border-bottom: 0px solid #999999;
border-left: 7px solid #00FF00;
z-index: 91;
}
#navigation li a[href="baureihe7.htm"] {
background: white url(../media/navi_grey.gif) repeat-x bottom left;
display: block;
color: #555555;
font-weight: bold;
height: 25px;
line-height: 25px;
text-decoration: none;
text-indent: 10px;
border-right: 0px solid #999999;
border-bottom: 0px solid #999999;
border-left: 7px solid #00FF00;
z-index: 91;
}
#navigation li a[href="industrial.htm"] {
background: white url(../media/navi_grey.gif) repeat-x bottom left;
display: block;
color: #555555;
font-weight: bold;
height: 25px;
line-height: 25px;
text-decoration: none;
text-indent: 10px;
border-right: 0px solid #999999;
border-bottom: 0px solid #999999;
border-left: 7px solid #00FF00;
z-index: 91;
}
* html #navigation li a{ /*IE only */
/*width: 100%; /*IE 5*/
/* w\idth: 169px; /*185px minus all left/right paddings and margins*/
}
#navigation li a:hover[href="horizontal.htm"]{
background-image: url(../media/navi_green.gif);
border-left-color: #FFFFFF;
color: white;
}
#navigation li a:hover[href="vertikal.htm"]{
background-image: url(../media/navi_green.gif);
border-left-color: #FFFFFF;
color: white;
}
#navigation li a:hover[href="selbstfahrer.htm"]{
background-image: url(../media/navi_green.gif);
border-left-color: #FFFFFF;
color: white;
}
#navigation li a:hover[href="teleskoplader.htm"]{
background-image: url(../media/navi_green.gif);
border-left-color: #FFFFFF;
color: white;
}
#navigation li a:hover[href="baureihe6.htm"]{
background-image: url(../media/navi_green.gif);
border-left-color: #FFFFFF;
color: white;
}
#navigation li a:hover[href="baureihe7.htm"]{
background-image: url(../media/navi_green.gif);
border-left-color: #FFFFFF;
color: white;
}
#navigation li a:hover[href="industrial.htm"]{
background-image: url(../media/navi_green.gif);
border-left-color: #FFFFFF;
color: white;
}
#navigation .menutitle{
width: 90%;
color: white;
border-bottom: 0px solid #999999;
padding-left: 5px;
background-color: #666666;
font: bold 90% verdana, arial, helvetica, sans-serif;
}
.active2 a{
background-image: url(../media/navi_red.gif);
border-left-color: #FFFFFF;
color: white;
}
#anschrift{
margin-top: 55px;
margin-bottom: 55px;
padding: 5%;
border-color: #CCCCCC;
width: 90%;
text-align: center;
font: bold 13px;
display: block;
}
#drucken {
margin-bottom: 0px;
margin-left: 82%;
width: 15%;
text-align: center;
line-height: 12px;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
}
#google {
margin-top: 0px;
margin-bottom: 55px;
border-color: #CCCCCC;
width: 90%;
text-align: center;
display: block;
}
/* Platzhalter */
#placeholder2{
width: 100%;
height: 15px;
}
#placeholder3{
width: 100px;
height: 15px;
background-color: none;
}
#placeholder_content{
width: 100%;
height: 15px;
}
/* Platzhalter fuer Content */
#contentline1{
display: block;
heigth: auto;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 15px;
margin-top: 0px;
z-index: 90;
}
#contentline1 img:hover {
border: solid 1px #FF0000;
}
.picture_left{
float: left;
margin-right: 10px;
margin-bottom: 10px;
border: solid 1px #DEDEDE;
}
.picture_left_atborder{
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
border: solid 1px #DEDEDE;
}
.picture_right{
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: solid 1px #DEDEDE;
}
.picture_last{
float: none;
margin-right: 10px;
margin-bottom: 10px;
border: solid 1px #DEDEDE;
}
#content_product{
float: left;
width: 100%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
display: block;
z-index: 89;
margin-top: 10px;
margin-bottom: 10px;
}
.content_small_product {
width: 50%;
border-width: 1px;
}
.content_holder1{
heigth: auto;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 0px;
z-index: 88;
}
#content1{
float: left;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content3{
float: left;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content5{
float: left;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content7{
float: left;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content9{
float: left;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content11{
float: left;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
.content_left{
float: left;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content2{
float: right;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content4{
float: right;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content6{
float: right;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content8{
float: right;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content10{
float: right;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content12{
float: right;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
.content_right{
float: right;
width: 49.5%;
background-color: #ffffff;
heigth: auto;
border-width: 0px;
margin-top: 15px;
margin-bottom: 15px;
}
#content99{
float: left;
width: 100%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
background-color: #ffffff;
}
#content98{
float: left;
width: 100%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
background-color: #ffffff;
}
#content97{
float: left;
width: 100%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
background-color: #ffffff;
}
#content96{
float: left;
width: 100%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
background-color: #ffffff;
}
#content95{
float: left;
width: 100%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
background-color: #ffffff;
}
#content94{
float: left;
width: 100%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
background-color: #ffffff;
}
#content93{
float: left;
width: 100%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
background-color: #ffffff;
}
#content92{
float: left;
width: 100%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
background-color: #ffffff;
}
#content91{
float: left;
width: 100%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
background-color: #ffffff;
}
.space {
float: left;
width: 100%;
margin-top: -5px;
margin-bottom: -5px;
background-color: #ffffff;
height: 1px;
background-color:#666666;
}
/* Navigation mit Tabs */
#tabbar {
margin: 0px;
}
.tab a:link, .tab a:visited{
background: url(img/tab-round.png) right 52px;
color: #56554e;
display: block;
d\isplay: inline-block;
font-weight: bold;
height: 26px;
line-height: 26px;
text-decoration: none;
margin: 0 auto;
}
.tab a span{
background: url(img/tab-round.png) left 52px;
display: block;
d\isplay: inline-block;
height: 26px;
line-height: 26px;
margin-right: 14px;
margin-left: 0px;
margin-bottom: 0px;
margin-top : 0px;
padding-left: 14px;
}
.tab a:hover{
background: url(img/tab-round.png) right 26px;
display: block;
d\isplay: inline-block;
color: #ffffff;
}
.tab a:hover span{
background: url(img/tab-round.png) left 26px;
display: block;
d\isplay: inline-block;
}
.tab li {
float:left;
margin-right:2px;
border:0;
margin:0;
list-style:none;
height: 26px;
line-height: 26px;
}
.active a:link, .active a:visited, .active a:visited, .active a:hover{
color:#1c4e7e;
background:url(img/tab-round.png) right 0 no-repeat;
}
.active a span, .active a:hover span{
background:url(img/tab-round.png) left 0 no-repeat;
}
/* Spezialtabs fuer Faresin Produkte */
.faresintab a:link, .faresintab a:visited {
background: url(img/tab-round_green.png) right 52px;
color: #56554e;
display: block;
d\isplay: inline-block;
font-weight: bold;
height: 26px;
line-height: 26px;
text-decoration: none;
margin: 0 auto;
}
.faresintab a span{
background: url(img/tab-round_green.png) left 52px;
display: block;
d\isplay: inline-block;
height: 26px;
line-height: 26px;
margin-right: 14px;
margin-left: 0px;
margin-bottom: 0px;
margin-top : 0px;
padding-left: 14px;
}
.faresintab a:hover{
background: url(img/tab-round_green.png) right 26px;
display: block;
d\isplay: inline-block;
color: #ffffff;
}
.faresintab a:hover span{
background: url(img/tab-round_green.png) left 26px;
display: block;
d\isplay: inline-block;
}
.faresintab li {
float:left;
margin-right:2px;
border:0;
margin:0;
list-style:none;
height: 26px;
line-height: 26px;
}
.faresinactive a:link, .faresinactive a:visited, .faresinactive a:visited, .faresinactive a:hover{
color:#1c4e7e;
background:url(img/tab-round_green.png) right 0 no-repeat;
}
.faresinactive a span, .faresinactive a:hover span{
background:url(img/tab-round_green.png) left 0 no-repeat;
}
/* buttons */
.button {
border: 0px solid #cccccc;
width: 246px;
height: 53px;
float: right;
margin-bottom: 18px;
z-index: 93;
}
.button_left {
border: 0px solid #cccccc;
width: 246px;
height: 53px;
float: left;
margin-bottom: 18px;
margin-right: 15px;
z-index: 93;
}
.button ul{
margin-left: 0px;
margin-right: 0px;
border: 0px solid #999999;
padding: 0px;
list-style-type: none;
font: bold 12px verdana, arial, helvetica, sans-serif;
z-index: 92;
}
.button_left ul{
margin-left: 0px;
margin-right: 0px;
border: 0px solid #999999;
padding: 0px;
list-style-type: none;
font: bold 12px verdana, arial, helvetica, sans-serif;
z-index: 92;
}
.button li a{
display: block;
color: #555555;
font-weight: bold;
font-size: 14px;
height: 53px;
line-height: 53px;
text-decoration: none;
background-image: url(../media/button_a.gif);
text-align: center;
border: 0px;
z-index: 91;
}
.button_left li a{
display: block;
color: #555555;
font-weight: bold;
font-size: 14px;
height: 53px;
line-height: 53px;
text-decoration: none;
background-image: url(../media/button_a.gif);
text-align: center;
border: 0px;
z-index: 91;
}
.button li a:hover{
background-image: url(../media/button_ahover.gif);
border-left-color: #FFFFFF;
color: white;
}
.button_left li a:hover{
background-image: url(../media/button_ahover.gif);
border-left-color: #FFFFFF;
color: white;
}
/* NewsTicker */
#NewsTicker{
float: left;
width: 100%;
height: 150px;
margin-top: 15px;
margin-bottom: 15px;
}
#NewsTicker h1{
padding: 6px;
margin: 0px;
border: 0px;
color: #000000;
font-size: 11px;
font-weight: bold;
}
#NewsVertical {
width: 98%;
height: 150px;
display: block;
overflow: hidden;
position: relative;
}
#TickerVertical {
width: 98%;
height: 160px;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#TickerVertical li {
width: 29.1%;
color: #444444;
text-align: left;
font-size: 11px;
margin: 0;
padding-bottom: 6px;
padding-top: 6px;
padding-left: 15px;
padding-right: 20px;
float: left;
height: 184px;
display: inline;
}
#TickerVertical li .NewsTitle{
display: block;
color: #000000;
font-size: 14px;
margin-bottom: 6px;
}
#TickerVertical li .NewsImg{
float:left;
margin-right: 10px;
border:solid 1px #DEDEDE;
}
#TickerVertical li .NewsFooter{
display: block;
font-size: 10px;
margin: 6px 0 14px 0;
color: #000000
}
/* Inhalte fuer Footer */
#ijective {
margin-top: 12px;
margin-bottom: 10px;
margin-left: 1%;
margin-right: 0%;
width: 18%;
background-color: #FFFFFF;
font-size: 14px;
font-weight: bold;
float: left;
text-align: center;
}
#agb {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0%;
margin-right: 1%;
width: 78%;
background-color: #FFFFFF;
float: right;
font-size: 13px;
color: #666666;
text-align: center;
}
#vertikalanfrage {
background-color: #666666;/*#CFCFCF;*/
padding: 15px;
color: #ffffff;
border-color: #FF6600;
border-width: 1px;
}
#vertikalanfrage p {
/*font-size: 16px;*/
}
.anfragetextbox {
border-color: #FF6600;
border-style: solid;
border-width: 1px;
margin-right: 30px;
height: 22px;
font-size: 16px;
width: 65%;
padding-left: 10px;
padding-right: 10px;
}
.anfragetextfeld {
border-color: #FF6600;
border-style: solid;
border-width: 1px;
margin-right: 30px;
height: 300px;
font-size: 16px;
width: 65%;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 10px;
}
/* */
.slideshowContainer {
border: 1px solid #ccc;
width: 450px;
height: 300px;
margin-bottom: 5px;
}
.loading {
background: url(images/loading.gif) center no-repeat;
}
.slideshowThumbnail {
outline: none;
}
.slideshowThumbnail img {
border: 1px solid white;
padding: 4px;
}
a:hover.slideshowThumbnail img {
border: 1px solid #ccc;
padding: 4px;
}
.current img {
border: 1px solid red;
padding: 5px;
}
.outline {
border: 1px solid orange;
z-index: 0;
position: absolute;
}
#thumbnails {
/*width: 130px;
float: left;*/
}
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }