/* Layout */
*{
margin:0;
padding:0;
}
html{
margin-bottom:1px;
font:100.01% Verdana,Geneva,Arial,Helvetica,sans-serif;
height:100.15%;
}
body{
color:#20201e;
background:#ffffff url(images/body.jpg) no-repeat 50% 0;
font-size:75%;
}
#container{
width:940px;
margin:0 auto;
background:#ffffff;
}
#header{
background:url(images/header8.jpg) no-repeat 0 0;
height:205px;
}
#home{
text-indent:-10000px;
display:block;
width:230px;
height:155px;
margin-right:-230px;
margin-bottom:-155px;
position:relative;
top:20px;
left:25px;
}
#email{
text-indent:-10000px;
display:block;
width:190px;
height:18px;
margin-right:-230px;
margin-bottom:-155px;
position:relative;
top:93px;
left:730px;
}
#web{
text-indent:-10000px;
display:block;
width:190px;
height:18px;
margin-right:-230px;
margin-bottom:-155px;
position:relative;
top:252px;
left:730px;
}
#header h1{
position:relative;
top:120px;
left:292px;
font-size:140%;
font-style:italic;
font-weight:normal;
}
#header h1 span{
font-size:150%;
font-style:normal;
font-weight:bold;
}
.skip{
width:1px;
position:absolute;
top:-9000px;
left:0;
height:1px;
overflow:hidden;
}
#wrapper{
float:left;
width:100%;
}
#content{
margin:30px 50px 0 50px;
line-height:1.5;
}
#footer{
clear:both;
height:26px;
padding:14px 50px 0 50px;
color:#ffffff;
font-size:80%;
font-weight:bold;
border-bottom:2px solid #000000;
background:-moz-linear-gradient(top,rgba(208,34,0,1) 1%,rgba(153,23,0,1) 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(208,34,0,1)),color-stop(100%,rgba(153,23,0,1)));
background:-webkit-linear-gradient(top,rgba(208,34,0,1) 1%,rgba(153,23,0,1) 100%);
background:-o-linear-gradient(top,rgba(208,34,0,1) 1%,rgba(153,23,0,1) 100%);
background:-ms-linear-gradient(top,rgba(208,34,0,1) 1%,rgba(153,23,0,1) 100%);
background:linear-gradient(top,rgba(208,34,0,1) 1%,rgba(153,23,0,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d02200',endColorstr='#991700',GradientType=0 );
background:#d02200;
}
#footer #copy{
display:block;
float:left;
}
#footer a{
display:block;
float:right;
color:#ffffff;
}
/* Nav */
#nav{
height:88px;
list-style:none;
background:url(images/nav.jpg) repeat-x 0 100%;
}
#nav li{
float:left;
background: rgb(253,253,253);
background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(254,254,254,1) 35%, rgba(234,234,234,1) 58%, rgba(228,228,228,1) 68%, rgba(228,228,228,1) 94%, rgba(226,226,226,1) 98%, rgba(220,220,220,1) 99%, rgba(219,219,219,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(35%,rgba(254,254,254,1)), color-stop(58%,rgba(234,234,234,1)), color-stop(68%,rgba(228,228,228,1)), color-stop(94%,rgba(228,228,228,1)), color-stop(98%,rgba(226,226,226,1)), color-stop(99%,rgba(220,220,220,1)), color-stop(100%,rgba(219,219,219,1)));
background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(254,254,254,1) 35%,rgba(234,234,234,1) 58%,rgba(228,228,228,1) 68%,rgba(228,228,228,1) 94%,rgba(226,226,226,1) 98%,rgba(220,220,220,1) 99%,rgba(219,219,219,1) 100%);
background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(254,254,254,1) 35%,rgba(234,234,234,1) 58%,rgba(228,228,228,1) 68%,rgba(228,228,228,1) 94%,rgba(226,226,226,1) 98%,rgba(220,220,220,1) 99%,rgba(219,219,219,1) 100%);
background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(254,254,254,1) 35%,rgba(234,234,234,1) 58%,rgba(228,228,228,1) 68%,rgba(228,228,228,1) 94%,rgba(226,226,226,1) 98%,rgba(220,220,220,1) 99%,rgba(219,219,219,1) 100%);
background: linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(254,254,254,1) 35%,rgba(234,234,234,1) 58%,rgba(228,228,228,1) 68%,rgba(228,228,228,1) 94%,rgba(226,226,226,1) 98%,rgba(220,220,220,1) 99%,rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dbdbdb',GradientType=0 );
display: block;
}
#nav li a{
text-decoration:none;
color:#000;
font-weight:bold;
font-size: 150%;
float:left;
width: 233px;
height:52px;
padding:30px 2px 0 0;
text-align: center;
background:url(images/pipe.jpg) no-repeat top right;
}
#nav li a:hover,#nav li a:focus,#nav li.current a{
color:#D11C01;
background: rgb(244,245,250);
background: -moz-linear-gradient(top,  rgba(244,245,250,1) 0%, rgba(243,245,242,1) 5%, rgba(243,244,246,1) 9%, rgba(244,246,245,1) 28%, rgba(234,236,235,1) 43%, rgba(228,230,229,1) 46%, rgba(227,229,228,1) 49%, rgba(216,218,217,1) 57%, rgba(205,205,205,1) 71%, rgba(203,203,203,1) 77%, rgba(204,204,204,1) 98%, rgba(208,208,208,1) 99%, rgba(201,201,201,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,245,250,1)), color-stop(5%,rgba(243,245,242,1)), color-stop(9%,rgba(243,244,246,1)), color-stop(28%,rgba(244,246,245,1)), color-stop(43%,rgba(234,236,235,1)), color-stop(46%,rgba(228,230,229,1)), color-stop(49%,rgba(227,229,228,1)), color-stop(57%,rgba(216,218,217,1)), color-stop(71%,rgba(205,205,205,1)), color-stop(77%,rgba(203,203,203,1)), color-stop(98%,rgba(204,204,204,1)), color-stop(99%,rgba(208,208,208,1)), color-stop(100%,rgba(201,201,201,1)));
background: -webkit-linear-gradient(top,  rgba(244,245,250,1) 0%,rgba(243,245,242,1) 5%,rgba(243,244,246,1) 9%,rgba(244,246,245,1) 28%,rgba(234,236,235,1) 43%,rgba(228,230,229,1) 46%,rgba(227,229,228,1) 49%,rgba(216,218,217,1) 57%,rgba(205,205,205,1) 71%,rgba(203,203,203,1) 77%,rgba(204,204,204,1) 98%,rgba(208,208,208,1) 99%,rgba(201,201,201,1) 100%);
background: -o-linear-gradient(top,  rgba(244,245,250,1) 0%,rgba(243,245,242,1) 5%,rgba(243,244,246,1) 9%,rgba(244,246,245,1) 28%,rgba(234,236,235,1) 43%,rgba(228,230,229,1) 46%,rgba(227,229,228,1) 49%,rgba(216,218,217,1) 57%,rgba(205,205,205,1) 71%,rgba(203,203,203,1) 77%,rgba(204,204,204,1) 98%,rgba(208,208,208,1) 99%,rgba(201,201,201,1) 100%);
background: -ms-linear-gradient(top,  rgba(244,245,250,1) 0%,rgba(243,245,242,1) 5%,rgba(243,244,246,1) 9%,rgba(244,246,245,1) 28%,rgba(234,236,235,1) 43%,rgba(228,230,229,1) 46%,rgba(227,229,228,1) 49%,rgba(216,218,217,1) 57%,rgba(205,205,205,1) 71%,rgba(203,203,203,1) 77%,rgba(204,204,204,1) 98%,rgba(208,208,208,1) 99%,rgba(201,201,201,1) 100%);
background: linear-gradient(top,  rgba(244,245,250,1) 0%,rgba(243,245,242,1) 5%,rgba(243,244,246,1) 9%,rgba(244,246,245,1) 28%,rgba(234,236,235,1) 43%,rgba(228,230,229,1) 46%,rgba(227,229,228,1) 49%,rgba(216,218,217,1) 57%,rgba(205,205,205,1) 71%,rgba(203,203,203,1) 77%,rgba(204,204,204,1) 98%,rgba(208,208,208,1) 99%,rgba(201,201,201,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f5fa', endColorstr='#c9c9c9',GradientType=0 );
}
/* Produkte - Slideshow */
div.content{
display:none;
float:left;
width:415px;
margin-right:0;
}
div.content a,div.navigation a{
text-decoration:none;
color:#777777;
background-color:#ffffff;
}
div.content a:focus,div.content a:hover,div.content a:active{
text-decoration:underline;
}
div.controls{
margin-top:5px;
height:23px;
}
div.controls a{
padding:5px;
outline:none;
}
div.ss-controls{
float:left;
}
div.nav-controls{
float:right;
}
div.slideshow-container{
position:relative;
clear:both;
width:471px;
height:328px;
margin-top:10px;
}
div.loader{
position:absolute;
top:0;
left:0;
background-image:url('images/loader.gif');
background-repeat:no-repeat;
background-position:center;
width:471px;
height:328px;
}
div.slideshow span.image-wrapper{
display:block;
position:absolute;
width:471px;
height:328px;
top:0;
left:0;
background:url(images/slideshow-bg.png) no-repeat 0 0;
}
div.slideshow a.advance-link{
display:block;
width:431px;
height:328px;
line-height:328px;
text-align:center;
}
div.slideshow a.advance-link:hover,div.slideshow a.advance-link:active,div.slideshow a.advance-link:visited{
text-decoration:none !important;
background-color:#ffffff !important;
}
div.slideshow img{
position:relative;
top:-328px;
}
div.download{
float:right;
}
div.caption{
width:471px;
position:relative;
top:-20px;
min-height: 200px;
}
div.caption h3,div.caption h4,div.caption h5{
margin-top:300px;
color:#464646;
}
div.image-title{
font-weight:bold;
font-size:1.4em;
}
div.image-desc{
line-height:1.3em;
padding-top:12px;
}
div.navigation{
padding:0;
margin:0;
}
ul.thumbs{
height:350px;
overflow:hidden;
clear:both;
padding:0;
position:relative;
top:-7px;
left:50px;
}
ul.thumbs li{
float:left;
padding:0;
margin:0;
list-style:none;
background:none !important;
}
a.thumb{
width:102px;
height:102px;
padding:0;
margin:4px 0;
display:block;
}
ul.thumbs li.selected a.thumb{
-webkit-box-shadow:#666666 0px 2px 5px;
-moz-box-shadow:#666666 0px 2px 5px;
box-shadow:#666666 0px 2px 5px;
background:#b5bdc8;
}
a.thumb:focus{
outline:none;
}
ul.thumbs img{
border:none;
display:block;
}
div.pagination{
clear:both;
float:left;
}
div.navigation div.top{
margin-bottom:12px;
height:11px;
}
div.navigation div.bottom{
margin:-20px 0 0 76px;
}
div.pagination a,div.pagination span.current{
display:block;
float:left;
margin-right:2px;
padding:4px 7px 8px 7px;
}
div.pagination a[title='']{
display:none;
}
div.pagination a:hover{
text-decoration:none;
}
div.pagination span.current{
background:url(images/arrow-up.gif) no-repeat 6px 100%;
}
div.pagination span.ellipsis{
border:none;
padding:5px 0 3px 2px;
display:none;
}
div.slidenav{
width:471px;
text-align:center;
}
/* Formate */
a,a:link,a:active,a:visited{
color:#20201e;
text-decoration:underline;
outline-style:none;
}
a:hover,a:focus{
color:#ca0707;
}
#footer a:hover,#footer a:focus{
text-decoration:underline;
}
img{
border:none;
}
p{
margin-bottom:1em;
}
hr{
margin:1.5em 0;
color:#e3e3e3;
background-color:#e3e3e3;
height:1px;
}
#content ul,#content ol{
margin:1em 0 1em 1.5em;
opacity:1 !important;
}
#content ul li{
opacity:1 !important;
padding:0 0 0 15px;
margin-bottom:.3em;
}
h2{
margin-bottom:.5em;
color:#464646;
font-size:130%;
}
h3,h4,h5{
margin:1.5em 0 .5em 0;
color:#464646;
font-size:120%;
}
h4,h5{
font-size:100%;
}
h3{
color:#c21f00;
}
a.button{
font-size: 200%;
position:relative;
color:#1f7a6b;
text-decoration:none;
font-weight:bold;

margin-bottom: 30px;
padding:30px 8px;
text-align:center;
width:320px;
display:block;
border: 1px solid #cdcdcd;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
-webkit-box-shadow: #666 3px 3px 17px;
-moz-box-shadow: #666 3px 3px 17px;
box-shadow: #666 3px 3px 17px;
background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#D7D7D7));
background: -webkit-linear-gradient(#FFFFFF, #D7D7D7);
background: -moz-linear-gradient(#FFFFFF, #D7D7D7);
background: -ms-linear-gradient(#FFFFFF, #D7D7D7);
background: -o-linear-gradient(#FFFFFF, #D7D7D7);
background: linear-gradient(#FFFFFF, #D7D7D7);
-pie-background: linear-gradient(#FFFFFF, #D7D7D7);
behavior: url(/css/PIE.htc);
}
a.button:hover,a.button:focus{
color:#000;
background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#CF2200));
background: -webkit-linear-gradient(#FFFFFF, #CF2200);
background: -moz-linear-gradient(#FFFFFF, #CF2200);
background: -ms-linear-gradient(#FFFFFF, #CF2200);
background: -o-linear-gradient(#FFFFFF, #CF2200);
background: linear-gradient(#FFFFFF, #CF2200);
-pie-background: linear-gradient(#FFFFFF, #CF2200);
behavior: url(/css/PIE.htc);
}
.bold{
font-weight:bold;
}