/*
181818
1f1f1f
e0e0e0
*/
/*****Html5 Reset ********/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
margin:0;
}
/***** Ende Html5 Reset********/
/***** Klassen ********/
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.justify {text-align:justify;}
.text_left {text-align:left;}
.text_right {text-align:right;}
.text_center {text-align:center;}
.clear {clear:both;}
.clear_0 {clear:both;height:0;border:0;display:table;}
.clearfix:after {clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}
.tab {margin-left:25px;}
.inline {display:inline;}
.margin {margin:0 7px 7px 14px;}
.nomargin {margin:0;}
.red {color:#FF6060 !important;}
.green {color:#4DDD4D !important;}
.orange {color:#DF5100 !important;}
.yellow {color:#F90 !important;}
.blue {color:#00A9D2 !important;}
b.blue {color:#FFBA00 !important;}
.bold {font-weight:bold;}
.dtg {color: #7ef20b;}
.skiptonavi {
left: -32768px;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1000;
}
.col2 {width:440px;max-width:90%;padding-right:3px;}
.col1.address {width: 295px;float: left;margin: 15px;padding: 10px 0px;border: 1px solid;}
/***** Ende Klassen ********/
html, body {
margin:0;
padding:0;
font: normal normal 16px/24px arial, verdana, sans-serif;
color:#181818;
background:#acacac url(https://w3alpha.com/cms/templates/104/img/bg_body.jpg) repeat-x left top;
min-width:320px;
width:100%;
}
:focus {outline:none;}
.mason_wrapper {max-width:100%;}
header, #content {max-width:960px;margin:0 auto;padding-bottom:3px;min-width:320px;}
header {position:relative;display:block;width:100%;min-height:134px;padding:0;}
header figure {display:inline-block;margin:10px auto 0; max-width:60%;}
#site_logo {margin: 18px 0 0;}
header:after,
#content:after,
footer:after,
nav:after,
#nav:after,
.news article:after,
.news form:after,
.subpages:after,
.articles li:after,
.product:after,
section.slider_photoline:after,
section.product_hints:after,
.basket_content:after,
.links:after,
section:after,
.gallery:after,
#breadcrumb:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
#content {padding-top:1px;}
.order,
.container { margin:0 10px 10px 0;position:relative;}
.order {min-width:300px;}
.workarea {margin:5px 0 0;}
.workarea img {margin:0 10px 10px 0;}
.workarea a,
.workarea a:link,
.workarea a:visited {color:#888;}
.workarea a:focus,
.workarea a:hover,
.workarea a:active {color:#e0e0e0;}
.workarea a {background:#3a3a3a;padding:3px 5px;}
/*****Ende Slideshow ********/
.slide_container { max-width:640px;margin:10px auto;}
.slideshow {width:50%;}
.slideshow img {width:100%;}
/*****Ende Slideshow ********/
/*****Photoline ********/
.slider_photoline { position:relative;}
.product .pager img {padding:0;margin:0;max-width:100%;}
#location_photoline {margin-right:15px;}
.bx-wrapper_photoline_c figcaption a {color:#F16428 ;}
a.my-start-stop {
position: absolute;
right: 20px;
top:30px;
z-index:9999;
cursor:pointer;
}
.bx-wrapper_photoline_c {margin:0 auto 0;padding-top:30px;width:640px;}
.bx-pager a {display:block;height:20px;width:20px;border-radius:20px;background:#0098BD;text-align:center;float:left;margin:5px;}
.bx-pager a:hover,
.bx-pager a.pager-active {display:block;height:20px;width:20px;border-radius:20px;background:#F16428;}
.bx-wrapper_photoline_c img {width:100%;}
/*****Ende Photoline ********/
/*** photoline***/
#article_photoline {
position:relative;
width:320px;
float:left;
border: 4px solid #222222;
}
#article_photoline figure {height:240px;}
#location_photoline {
position:relative;
float:left;
max-width:640px;
width:100%;
}
/*** ende article photoline***/
/***Social***/
.col3,
.col3_border {width:320px;float:left;margin:0 auto 10px;font-size:16px;line-height:18px;min-height:100px;padding-top:10px;position:relative;}
.home_page .col3,
.home_page .col3_border{min-height:230px;}
.col3_border {background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_col3_border.png) no-repeat center right;}
.col3_border nav {width:200px;margin:0 auto;}
.col3_border nav a {
width: 25px;
height: 25px;
text-indent: -9999px;
margin-right: 12px;
float:left;
}
.col3 span.orange,
.col3_border span.orange {font-weight:bold;font-size:24px;line-height:30px;}
.ref_center {width:100%;max-width:960px;margin:0 auto 10px;}
.map {display:block;width:310px;height:340px;margin:10px 10px 10px 0;float:left;background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_map.png) no-repeat top left;}
.contact_map {display:block;width:310px;height:350px;margin:10px 10px 10px 0;float:left;background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_contact_map.png) no-repeat top left;}
.ref_text {float:left;padding:10px 0;width:310px;margin:0 0 10px 10px;}
.ref_text strong {font-size:16px;line-height:18px;margin:5px 0;display:block;}
.ref_text span {display:block;margin:0;color:#e0e0e0;font-size:11px;line-height:18px;}
.anfrage_page .ref_text,
.jobs_page .ref_text {margin:0 10px 10px 0;min-height:432px;font-size:14px;line-height:18px;text-align:justify;}
.anfrage_page .ref_text strong,
.jobs_page .ref_text strong {text-align:left;}
.anfrage_page .contact,
.jobs_page .contact {line-height:18px;min-height:432px;}
@media all and (min-width: 340px) and (max-width: 960px) {
.anfrage_page .ref_text,
.jobs_page .ref_text {width:100%;max-width:640px;}
}
@media all and (max-width: 959px){
.anfrage_page .ref_text,
.jobs_page .ref_text {min-height:auto;}
.workarea img {margin:0;}
}
.col3_border {text-align:center;}
.fb2 {text-align:left;}
.col3_border span {color:#595959;}
.col3 span {font-weight:normal;}
.col3 p ,
.col3_border p {padding:0;font-size:15px;}
.col3 .linklist,
.col3_border .linklist {float:none;width:254px;margin:10px auto;display:block;}
.col3 .linklist ul ,
.col3_border .linklist ul {width:100%;margin-bottom:10px;}
.col3 .linklist a ,
.col3_border .linklist a {width:105px!important;}
.ref_links {background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_ref_link.png) no-repeat 166px 0;padding-right:120px;height:170px;}
.ref_links strong {display:block;padding-bottom:20px;background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_hook.png) no-repeat bottom center;}
.strong_wrapper strong {display:block;margin-bottom:5px;}
strong.heart {height:40px;margin:0 0 30px;display:block;}
strong.heart span {vertical-align:middle;margin:0 10px ;display:inline-block;height:40px;width:40px;background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_heart.png) no-repeat top center;}
.col3_border nav a {background-image:url(https://w3alpha.com/cms/templates/104/img/bg_social_sprite.png);}
a.twitter{background-position:-25px 0;}
a.twitter:hover {background-position:-25px -25px;}
a.facebook {background-position: top left;}
a.facebook:hover {background-position: bottom left;}
a.googleplus{background-position:top right;}
a.googleplus:hover{background-position:bottom right;}
a.youtube {background-position: -50px 0;}
a.youtube:hover {background-position: -50px -25px;}
a.pinterest{background-position: -75px 0;}
a.pinterest:hover {background-position: -75px -25px;}
.col3_border h2.dtb {padding:0; margin:20px;}
.col3_border h2.dtb span {background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_sprites_links.png) no-repeat 15px -146px ;width:264px;
margin:10px 0;padding:25px 10px ;font-size:18px;display:block;}
/*****News ********/
.chronik_h2 {margin:0 40px;padding:0;font-size:30px;color: #df5100;text-align:center;}
.chronik {border-collapse: separate; border-spacing: 0 10px;padding:10px 0; margin: 0;}
.chronik h3 {font-size:24px;text-transform:uppercase;}
td.bg_td {margin-bottom:10px;padding:10px;}
section.news {float:left;width:100%;/*max-width:636px*/;margin:0;}
.news .normal{position:relative;}
.news h3.normal {color:#181818;text-transform:uppercase;background:none;font-size:14px;height: 22px;
line-height:21px;font-weight:bold;margin:0;border-top:1px solid #ccc;}
.news h3.normal b {
font-weight:bold;
max-width:480px;
overflow:hidden;text-overflow:ellipsis;display: block;
height: 25px;
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
-ms-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
white-space: nowrap;
cursor:pointer;
}
@media all and (max-width: 639px) {
.news h3.normal b {max-width: 160px;}
#recaptcha_widget_div {margin-left:-19px;}
}
.news h3.ui-state-default {overflow:hidden;}
.news h3.ui-state-active b {cursor:auto;}
.news h3 span.ui-icon {display:none;}
.news_archive .news h3.normal {height:auto;}
.news_archive .news p {padding: 5px 10px 10px;}
.news h3.normal span {color:#e0e0e0;font-size:11px;text-transform:none;font-weight:normal;}
.news .normal img {display:block;height:240px;max-width: 313px;}
.news .normal p {color:#181818;float:left;width:280px;padding:0;margin:0 10px;line-height:16px;font-size:14px;}
.news .news_button,
ul.locations li a.news_button {
position:absolute;
bottom:0;
right:0;
display:block;
background:#383838;
color:#89ff00;
border-left:5px solid #2b2b2b;
height: 25px;
padding: 5px 0 0;
text-transform:uppercase;
line-height:20px;
width:120px;
text-align:center;
font-size:12px;
font-weight:bold;
text-decoration: none;
}
.news .ui-state-active .news_button {display:none;}
.news .news_button:hover {color: #EBEBEB;}
.center_wrapper {max-width:960px;width:100%;margin:0 auto;}
@media all and (max-width: 959px) {
.center_wrapper {max-width:640px;width:100%;margin:0 auto;}
section.news {float:none;margin:0 auto;clear:both;}
.col3_border {background:none;}
.home_page .startslider+.col3_border {min-height:320px;}
}
@media all and (max-width: 639px) {
#home_1,
.center_wrapper {max-width:320px;width:100%;margin:0 auto;}
section.news {max-width:320px;}
}
.news a {font-family: arial, Verdana, sans-serif;}
.news_author { font:italic 11px/18px Verdana, arial, Helvetica, sans-serif;}
.news_archive {width:300px;margin:20px 0 0 10px;float:right;font-size:12px;line-height:15px;}
.news_archive article {padding:0 0 30px;position:relative;}
@media all and (max-width: 959px) {
.news_archive {margin:0 auto;float:none;}
}
article.archive {padding:10px;margin:10px 0;}
article.quick {
padding:10px;
margin:10px;
padding:0;
border-bottom:1px solid #2b2b2b;
position:relative;
float:left;
width:460px;
}
article.quick h2 {padding:5px;display:block;font:18px/27px arial, Verdana, Sans-Serif;}
article.quick img {display:block;float:none;margin:0 auto;}
article.quick h2 span.left {width:15%;padding:10px 5%;height:32px;overflow:hidden;}
article.quick h2 span.left span {display:block; color:#909090;font:italic 11px/22px Verdana, arial, Helvetica, sans-serif;}
article.quick span.head {margin-left:15%;width:70%;text-align:left;display:block;float:none;}
.news p {padding:5px;}
.news h2 a,
.news h2 a:link,
.news h2 a:visited {color:#e0e0e0;font:18px/20px "Times New Roman",serif;padding:10px ;display:block;}
.news h2 a:focus,
.news h2 a:hover,
.news h2 a:active {box-shadow: 0 0 50px #202020 inset;text-decoration:none;color:#e0e0e0;font:18px/20px "Times New Roman",serif;display:block;padding:10px;}
.news h2 a span,
.news h2 a:link span,
.news h2 a:visited span {color:#8a8a8a;font:normal 14px/15px Verdana, arial, Helvetica, sans-serif;}
.news h2 a:hover span,
.news h2 a: span,focus
.news h2 a:active span {color:#8a8a8a;font:normal 14px/15px Verdana, arial, Helvetica, sans-serif;}
.quick a.more {position:absolute;width:100%;height:100%;padding:0;top:0;left:0;background:none;}
.quick a.more:hover {position:absolute;width:100%;height:100%;padding:0;top:0;left:0;background:none;box-shadow: none;}
.quick:hover {background:#1F1F1F;}
a.more {color:#e0e0e0;background:#1f1f1f ;padding:5px;display:inline-block;}
a.more:hover {color:#e0e0e0;background:#1f1f1f ;padding:5px; box-shadow: 0 0 50px #111111 inset;text-decoration: none;}
@media all and (max-width: 420px) {
.news h2 a span {text-indent:-8000px;}
}
/*****Ende News ********/
/*****Subpages ********/
ul.subpages {list-style-type:none;width:296px;margin:0 auto;padding:0;float:left;text-align:left;}
ul.subpages li {margin:1px 0;height:25px;padding:5px 0 0 10px;display:block;position:relative;background:#808080;float:none;}
ul.subpages li a{
background: none repeat scroll 0 0 #383838;
border-left: 5px solid #2B2B2B;
bottom: 0;
color: #89FF00;
display: block;
height: 25px;
width:180px;
padding: 5px 10px 0;
position: absolute;
right: 0;
text-transform: uppercase;
text-align:center;
font-size:12px;
}
ul.subpages li a:hover,
ul.subpages li a:focus,
ul.subpages li a:active{color: #EBEBEB;text-decoration:none;}
/*****Ende Subpages ********/
/*****Shop ********/
section.articles_all {width:100%;}
.articles {padding:0;margin:0;display:block;}
.articles li:last-child {margin:5px 0;}
.articles li {
background:#1f1f1f;
list-style-type:none;
padding:0;
margin:5px 10px 0 0 ;
border:3px solid #262626;
border-width:3px 0 0 0;
position:relative;
width:320px;
}
.articles li ul {display:inline-block;}
.articles li li {
background:none;
list-style-type:disc;
padding:0;
margin:0;
border:0;
box-shadow:none ;
}
.articles figure { margin:0;}
.articles p { padding:5px 10px;font:normal 14px/16px arial, Verdana, sans-serif;}
.articles h2 {padding:10px 20px ;line-height:20px;}
.articles h2 span {display:block;color:#888;font-size:12px;line-height:13px;}
/***small***/
.articles_small {padding:0;margin:0 0 0 -5px;display:block;}
.articles_small a {
display:block;
position:relative;
width:100%;
padding:0;
margin:0;
height:137px;
}
.articles_all div.clear {margin:0 10px 0 0;padding:20px 0;}
.articles_all div.clear p {position:relative;z-index: 11;}
.articles_all .articles_small li,
.articles_all .articles_small li:first-child,
.articles_all .articles_small li:last-child {
width:182px;
float: left;
margin: 5px;
background:#787878;
position:relative;
}
@media all and (max-width:639px) {
.articles_all .articles_small li,
.articles_all .articles_small li:first-child,
.articles_all .articles_small li:last-child {width:150px; }
.articles_all .articles_small a { height:113px;}
p.sitewrap {margin:30px 0 0;}
}
.articles_small li ul {display:inline-block;}
.articles_small li li {
background:none;
list-style-type:disc;
padding:0;
margin:0;
border:0;
box-shadow:none ;
}
.articles_small div { margin:0;position:relative;display:block;}
.articles_small p { padding:5px;font:normal 14px/16px arial, Verdana, sans-serif;}
.articles_small h2 {padding:10px 20px ;line-height:20px;margin:0 -5px;font-size:14px;min-height:52px;}
.articles_small h2 span {display:block;color:#e0e0e0;font-size:12px;line-height:12px;}
/***ende small***/
.articles_all span.more {
color:#e0e0e0;
font: bold 12px/24px arial, Verdana, sans-serif;
bottom:0;
right:0;
position:absolute;
background:#000;
background:rgba(0,0,0,0.4);
padding:2px 5px;
}
.articles_all a:hover span.more,
.articles_all a:focus span.more,
.articles_all a:active span.more { text-decoration: none;color: #FF5F02;}
.articles_small p.price {
color:#ccc;
background:#000;
background:rgba(0,0,0,0.6);
padding:5px;
margin:0;
}
section.product {clear:both;}
.product article {max-width:640px;float:left;width:100%;font-size:13px;}
.product article div.left ul {margin:0 15px 7px;padding-left:15px;}
@media all and (max-width: 640px) {
.product article .main_img {clear:both;margin:0 auto;display:block;}
.product .option_container {clear:both;margin:0 auto;}
}
.product .option_container {float:right;display:block;}
.product article .main_img {float:left;}
.product .option_container {font:normal 13px/18px arial, verdana, sans-serif;width:300px;}
.product .option_container form {margin:0 0 10px;}
.article_option {padding: 0 0 15px;width:300px;margin:0;}
input.article_count,
.article_option input[type="submit"] {float:left;}
input.article_count {margin:0 5px 0 0;}
.article_option p {padding:10px 0;}
.option_group select,
.basket_form_option input.article_count {float:right;}
.article_option .basket_form_option input[type="submit"] {float:right;margin:50px 0 0;}
.article_option .basket_form_option+p {float:right;margin:0 -110px 0 0;}
.article_option .basket_form+p {float:right;padding:0;margin-right:-170px;display:block;}
.article_option .basket_form_option+p span,
.article_option .basket_form+p span {margin-left:20px;}
.basket_form {float:right;margin-top:40px;}
.basket_form_option p { padding:0 0 15px;}
.product_hints {border:0;box-shadow:none;background:transparent;}
.product_hints li {
float:left;
margin:0 0 0 6px;
border:3px solid #262626;
border-width:3px 1px 1px 1px;
width:320px;
background:none;}
.product_hints li:last-child {margin:0 0 0 6px;}
.product_hints li:first-child {margin:0;}
.product_hints li {text-align:center;}
.product_hints a.title,
.product_hints a.title:link,
.product_hints a.title:visited {background: none repeat scroll 0 0 #1c1c1c;display:block;}
.product_hints a.title:hover,
.product_hints a.title:focus,
.product_hints a.title:active {box-shadow: 0 0 50px #111111 inset;text-decoration:none;}
.product_hints li p {text-align:left;margin:0 10px;}
/*****Ende Shop ********/
/*****Basket ********/
.container .form_confirm a,
.container .form_confirm a:link,
.container .form_confirm a:visited {text-decoration:underline;color:#888;}
.container .form_confirm a:focus,
.container .form_confirm a:hover,
.container .form_confirm a:active {text-decoration:none;color:#ccc;}
#basket {float:right;margin:2px;font-family: arial, Verdana, sans-serif;}
#basket a,
#basket a:link,
#basket a:visited {
font: bold 18px/18px arial, Verdana, sans-serif;
padding:5px 0 5px 30px;
background:url(https://w3alpha.com/cms/templates/104/img/bg_basket.png) left center no-repeat;
color:#181818;
}
.article_option .basket_form_option input,
.article_option .basket_form_option select {float:right;}
.article_count {width:40px;text-align:center;margin:0 0 0 10px;}
#basket p {padding:0;text-align:right;}
#basket p span{color:#181818;font-style:normal;}
.basket_summary { margin: 0 10px; padding: 10px 0 35px;}
.basket_content li {display:block;border:1px solid #aaa ; width:270px;max-width:100%;border-radius:5px;margin:10px;float:left;padding:5px;}
.basket_content ul {display:block;padding:0;margin:5px;}
.basket_content img {display:block;margin:5px;}
.basket_m {display:none;}
#basket_items h3 {padding:0;}
#fpayment td,
#fdispatch td,
#basket_items td {border-top:1px solid #222;}
#basket_items .article_count {float:right;}
#basket_items td.text_right,
#basket_items td.single,
#basket_items td.sum {padding-top:25px;}
#basket_items td.center {padding-top:23px;}
.basket_content a,
.basket_content a:link,
.basket_content a:visited,
#basket_items a,
#basket_items a:link,
#basket_items a:visited {color:#ccc;}
.basket_content a:hover,
.basket_content a:focus,
.basket_content a:active,
#basket_items a:hover,
#basket_items a:focus,
#basket_items a:active {color:#FF5F02;}
@media all and (max-width: 640px) {
.basket_d {display:none;}
.basket_m {display:block;}
}
/*****Ende Basket ********/
h2.locations {padding:16px 5px 5px;clear:both;}
p.locations {color: #e0e0e0;padding:5px;}
ul.locations {
margin: 0 auto;
padding:10px 0 0;
list-style-type:none;
display:block;
}
ul.cat_locations {margin: 0;padding: 0 0 40px;list-style-type:none;}
ul.locations li {
float: left;
width: 320px;
margin: 0 0 10px 10px;
position:relative;
}
.workarea ul.locations li {min-height:0;width:313px;}
.workarea ul.locations {margin-left:-10px;}
ul#sitemap li:last-child:after,
ul.locations li:last-child:after {clear:both;}
ul.locations li h3 {
color: #1f1f1f;
font-size: 14px;
font-weight: bold;
line-height: 16px;
text-transform:uppercase;
padding: 10px 10px 8px;
}
ul.locations li p {
padding: 10px 10px 38px;
font-size: 12px;
font-weight:normal;
}
ul.locations li h3 span {
display: block;
font-size: 12px;
font-weight: normal;
line-height: 16px;
color: #EBEBEB;
text-transform:none;
}
ul.locations li img {
/*width:320px;*/
height:240px;
margin:0 auto;
padding:0;
display:block;
}
.img-shadow {position: relative;max-width: 100%;float: right;}
.img-shadow::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: inset 0 0 1px rgba(255,255,255,1.0);
-moz-box-shadow: inset 0 0 1px rgba(255,255,255,1.0);
-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,1.0);
display:block;
}
.img-shadow::after {clear:both;}
ul.locations li a {
display: block;
float: left;
height: 25px;
min-width:120px;
padding: 5px 0 0;
text-transform:uppercase;
text-align:center;
position:absolute;
bottom:0;
right:0;
border-left:5px solid #2d2d2d;
/*border-right:1px solid #8e8e8e;*/
background:#3a3a3a;
font-size: 12px;
font-weight:bold;
}
ul.locations li a:link,
ul.locations li a:visited {color:#ff5f02;text-decoration: none;}
ul.locations li a:focus,
ul.locations li a:hover,
ul.locations li a:active,
ul.locations li.active a {color:#ebebeb;}
ul.locations li a.news_button,
ul.locations li a.news_button:link,
ul.locations li a.news_button:visited {color:#89ff00;}
ul.locations li a.news_button:focus,
ul.locations li a.news_button:hover,
ul.locations li a.news_button:active,
ul.locations li.active a {color:#ebebeb;}
ul.cat_locations li a {
display:block;
float: left;
padding: 5px 0 0;
background-color: #1F1F1F;
border: 1px solid #2B2B2B;
margin: 0;
padding: 8px 14px;
height: auto;
}
ul.cat_locations li span {display:block;float:left;}
ul.cat_locations li a:hover {text-decoration:none;color:#888;box-shadow: 0 0 20px #000000 inset;}
/*****Myorder ********/
.myorder {text-align:left; font-size:14px;}
.myorder p {font-weight:bold;padding:0;}
.myorder ul {padding:0;list-style-type:none;}
.myorder li {display:block;float:left;padding:0;}
.myorder li.position {margin:0 0 10px;width:100%;}
.myorder li.position li {margin:0;padding:5px;}
@media all and (max-width: 960px) {
.myorder li.position li{width:90%;}
.myorder li.position {max-width:300px;margin:0 10px 10px;}
}
.myorder li.position li li{margin:0;}
.myorder a,
.myorder a:link,
.myorder a:visited {color:#EBEBEB;}
.myorder a:focus,
.myorder a:hover,
.myorder a:active {text-decoration:underline;color:#e0e0e0 ;}
/*****Ende Myorder ********/
/*****Footer ********/
footer {
padding:0;
margin:0;
width:100%;
border:1px solid #676767;
border-width:3px 0 0 ;
font-family: arial, Verdana, sans-serif;
background:#222;
}
footer p.copy {margin:0;padding:0;color:#ccc;text-align:center;}
footer div.foot_content {width:100%;max-width:960px;margin:0 auto;}
footer nav div {border-top:3px solid #262626;padding:20px 10px 10px;}
footer ul{padding:0;margin:20px;}
footer li {padding:0;margin:0 5px 0 0;float:left;display:block;}
footer ul.right li a:before {
float:left;
content:'-';
margin:0 5px 0 0;
display:block;
}
footer li a {padding:5px;}
footer li a:hover {padding:5px;}
@media all and (max-width: 480px) {
footer li {width:90%;padding:5px 0;margin:5px 0;}
footer li a {
margin: 0 1px 1px 0;
padding: 5px;
text-decoration: none;
font-weight: bold;
font-size:13px;
display:block;
}
footer li a:hover {background:#333;text-decoration:none;}
footer div li {background:#111;}
}
/*****Ende Footer ********/
/*****Quicklogin ********/
.status {padding:4px 0 0;margin: -12px 0;}
#qlogin_form {float:right;margin:2px 0 0; }
#qlogin_form p {padding:0; }
#qlog_name,
#qlog_pass {width:80px;}
#qlog_name,
#log_name {background:#acacac;padding:3px;color:#181818;}
#qlog_pass,
#log_pass,
#register_pass,
#register_pass_confirm,
input [type="password"] {background:#acacac;padding:3px;color:#181818;}
.login_page .contact,
.register_page .contact {float:none;}
.register_page .contact .left p {max-width:280px;}
.login_page section a,
.login_page section a:link,
.login_page section a:visited,
.login_page section a:hover,
.login_page section a:focus,
.login_page section a:active,
.register_page form a,
.register_page form a:link,
.register_page form a:visited,
.register_page form a:hover,
.register_page form a:focus,
.register_page form a:active {color:#ccc;}
#siteagbs,
#agbs {width:auto;}
.order-confirm_page .container {margin:0 5px 10px;}
.order-confirm_page .container textarea {max-width:100%;}
.profile_page .col3,
.order-confirm_page .col3,
.order-confirm_page .col2 {padding-bottom:35px;}
.order-confirm_page .col3,
.profile_page .col3 {width:310px;margin:0 5px 10px;}
#login_form,
.register_page .contact form,
.error_wrapper h2 {color:#fff;margin-top:40px;}
.error_wrapper {margin:0 5px 10px;}
.dynamic {background:rgba(0, 0, 0, 0.5) url(https://w3alpha.com/cms/templates/104/img/delete2.png) no-repeat 90% 20px;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;}
/*****Ende Quicklogin ********/
/*****Quicksearch ********/
#qs {float:right;margin-top: 0;}
#qs+h1 {margin:10px 0;}
input,
select,
textarea,
.search input[type="text"] {
background:#acacac;
padding:3px;
color:#181818;
outline:0;
border:1px solid #000;
}
select {padding:0 0 0 3px;}
/*****Ende Quicksearch ********/
/*****Submit ********/
a.button,
#log_submit,
#log_submit:link,
#log_submit:visited,
input.submit,
input.submit:visited,
input.submit:link,
input[type="submit"] {
border:0;
color: #89FF00;
cursor: pointer;
font: 12px/14px arial,Helvetica,sans-serif;
padding: 4px 10px 2px;
background:#3B3B3B;
margin:0;
}
#log_submit:hover,
#log_submit:focus,
#log_submit:active,
input.submit:hover,
input.submit:focus,
input.submit:active,
input[type="submit"]:hover {background:#222;border:0;padding: 4px 10px 2px;color:#e0e0e0;}
#content .basket_form_option input[type="submit"]:hover,
#content .basket_form_option input.submit:hover {margin:50px 0 0;}
#content input[type="submit"]:hover,
#content input.submit:hover {margin:0;}
#qsearch {background:#909090;color:#c8c8c8;border:0;font-style:italic;float:left;margin:0;}
#qs_submit {margin:0;border:0;
background:#3b3b3b url(https://w3alpha.com/cms/templates/104/img/bg_search.png) no-repeat center center;
float:left;width:22px;height:22px;text-indent:-9999px;}
.jqTransformInputWrapper {float:left;display:block;background:#909090;}
.jqTransformInputInner div #qsearch {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 17px;
vertical-align: middle;
height: 22px;
color:#c8c8c8;
border: none;
padding: 2px 0px 0px 5px;
margin: 0px;
background:transparent;
}
.jqtransformdone #qs_submit {
margin: 0px 0 0 3px;
padding: 0px;
border: none;
background:#3b3b3b;
cursor: pointer;
overflow: visible;
font-family: Arial;
padding:12px 2px;
}
.jqtransformdone #qs_submit span {
background:#3b3b3b url(https://w3alpha.com/cms/templates/104/img/bg_search.png) no-repeat top left;
float:left;width:22px;height:22px;text-indent:-9999px;display:block;padding: 0;margin:-12px 0 0 -3px;
}
.jqtransformdone #qs_submit span span {margin:0;}
.jqTransformInputInner {background: transparent;padding: 0px;margin: 0px;}
*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */
/*****Ende Submit ********/
/*****Search ********/
.search a,
.search a:link,
.search a:visited {color:#181818;}
.search a:focus,
.search a:hover,
.search a:active {text-decoration:underline;}
.search li {
list-style-type:none;
padding:5px;
margin:0 0 1px;
position:relative;
border-bottom:1px solid #888;
}
/*****Ende Search ********/
/**** Contact *****/
.contact {float:right;width:100%;max-width:640px;margin:0 auto;font-size:12px;}
.contact form {position:relative;padding:20px;}
.contact input,
.contact textarea {width:264px;padding:3px;max-width:264px;color:#181818;}
.contact p {font-weight:normal;padding:5px 10px 0;}
.order_page .register input.submit,
.contact input.submit {
background: none repeat scroll 0 0 #383838;
border-left: 5px solid #2B2B2B;
bottom: 0;
display: block;
height: 30px;
width:120px;
padding: 5px 10px 5px;
position: absolute;
right: 0;
text-transform: uppercase;
color: #89FF00;
}
.order_page .register input.submit:hover,
.contact input.submit:hover {color:#EBEBEB;}
address {width:100%;max-width:640px;float:right;margin:0 0 10px 0;font-style:normal;}
address p {float:left;width:295px;padding:10px;margin:0 0 10px 0;}
address p:nth-child(2n+2) {margin:0 0 10px 10px;}
@media all and (max-width: 639px) {
address p:nth-child(2n+2) {margin:0 0 10px 0;}
}
address strong {font-size:16px; margin:5px 10px;display:block;}
address span {margin:0 10px 10px;font-size:12px;line-height:18px;}
address span span {margin:10px;}
/**** Ende Contact *****/
/**** Linklist ***/
.linklist {max-width:300px;width:100%;float:left;font-size:12px;margin:0 10px;}
.linklist p {text-align:center;padding:0;margin:10px 0;max-width:100%;font-size:15px;line-height:16px;}
.linklist ul {list-style-type:none;width:300px;margin:0 auto;padding:0;text-align:left;}
.linklist li {margin:1px 0;height:25px;padding:5px 0 0 10px;display:block;position:relative;float:none;}
.linklist a,
.linklist a:link,
.linklist a:visited {background: none repeat scroll 0 0 #383838;
border-left: 5px solid #2B2B2B;
bottom: 0;
color: #89FF00;
display: block;
height: 25px;
width:120px;
padding: 5px 10px 0;
position: absolute;
right: 0;
text-transform: uppercase;
text-align:center;
text-decoration:none;
font-size: 12px;
}
.linklist a:hover,
.linklist a:focus,
.linklist a:active {color: #EBEBEB;text-decoration:none;}
#dachtuning_1 .linklist {margin-left:0;}
#kunden .linklist {margin-left:0;}
/**** Linklist ***/
/*****Default Link ********/
a,
a:link,
a:visited {text-decoration:none;color:#888;outline:0;}
a:focus,
a:hover,
a:active {text-decoration:underline;color:#e0e0e0;outline:0;}
a.activ,
a.activ:link,
a.activ:visited {text-decoration:none;color:#e0e0e0;outline:0;}
a.activ:focus,
a.activ:hover,
a.activ:active {text-decoration:underline;color:#e0e0e0;outline:0;}
/*****Ende Default Link ********/
/*****Headings ********/
h1 {
color:#181818;
padding:0;
margin:0;
font:bold 24px/30px arial, Verdana, sans-serif;
text-transform: uppercase;
clear:left;
}
h2 {
font:bold 18px/30px arial, Verdana, sans-serif;
color:#181818;
font-weight:bold;
margin:0;
padding:5px 15px 0;
}
h2 a {text-decoration:none;}
h2 a:link {text-decoration:none;}
h2 a:visited {text-decoration:none;}
h2 a:focus {text-decoration:underline;}
h2 a:hover {text-decoration:underline;}
h2 a:active {text-decoration:underline;}
h3 {font:normal 16px/21px arial, verdana, sans-serif;margin:0;padding:6px 10px 2px;}
/*****Ende Headings ********/
img {border:0;max-width:100%;}
img.border {padding:4px;border:1px solid #CCC;}
p {margin:0;padding:0 15px 15px;}
.workarea>p,
.workarea>h2,
#register p,
#register h2,
.password p,
.password h2,
#password p,
#password h2 {padding:0 0 15px;}
hr {margin:10px;border:solid #888;border-width:1px 0 0 0;}
/***** Listen ********/
ul {margin:0 14px 14px 7px;padding-left:0;text-indent:0px;line-height:20px;}
ul p {line-height:18px;}
ol {margin:0 14px 14px 0;}
ul li ul {margin-bottom:0;}
ul.inline {padding-left:8px;padding-top:8px;display:block;}
ul.inline li {margin-right:9px;padding-left:13px;display:inline;}
/*****Ende Listen ********/
/***** Tabelle ********/
table {border-collapse:collapse;margin:0 10px;padding:0;}
div.table {padding:0 10px;}
div.table table {margin:0;width:100%;}
td, th {margin:0;padding:5px 4px;line-height:24px;vertical-align:top;-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
th {
padding:4px;
text-align:left;
vertical-align:bottom;
font-weight:bold;
line-height:16px;
}
th a {display:block;text-decoration:none;color:#C40000;}
th a:link {display:block;text-decoration:none;color:#C40000;}
th a:visited {display:block;text-decoration:none;color:#C40000;}
th a:focus {display:block;text-decoration:none;color:#474747;}
th a:hover {display:block;text-decoration:none;color:#474747;}
th a:active {display:block;text-decoration:none;color:#474747;}
td p {padding:0 0 15px;line-height:14px;}
td h3 {padding:0 0 15px;}
/***** Ende Tabelle ********/
/***** Container ********/
.container {min-width:230px;}
.container h2 {color:#ccc;}
.container #password,
.container #deactivate {margin:10px;text-align:center;}
.container #deactivate input[type='password'] {margin:10px;}
/***** Ende Container ********/
/***** Navi ********/
ul.helplink {position:absolute;right:0;bottom:0;list-style-type:none;padding:0;margin:0;}
ul.helplink li {display:block; float:left; position:relative;font-weight:bold;}
ul.helplink li a,
ul.helplink li a:link,
ul.helplink li a:visited {color:#ffba00;}
ul.helplink li a:hover,
ul.helplink li a:focus,
ul.helplink li a:active {color:#EBEBEB;border-width:0 1px 0 5px;text-decoration:none;}
ul.helplink li:first-child a:hover,
ul.helplink li:first-child a:focus,
ul.helplink li:first-child a:active {color:#181818;background:none;}
ul.helplink li a {
min-width:86px;
display: block;
float: left;
height: 24px;
padding: 5px 0 0;
text-transform:uppercase;
text-align:center;
border-left:5px solid #494949;
border-right:1px solid #ededed;
background:#616161;
font-size:12px;
}
ul.helplink li:first-child a {background:none;border:none;color:#181818;}
ul.helplink li:last-child a { min-width:125px;}
ul.helplink li:first-child a:hover span,
ul.helplink li:first-child a:focus span,
ul.helplink li:first-child a:active span {border-bottom:2px solid #ffba00;}
#nav {
margin:0 0 5px;
padding:0;
text-indent:0;
list-style:none none;
font-weight:bold;
float:left;
z-index: 250;
display:block!important;
font-size:12px;
}
#nav #nav1 a,
#nav #nav1 a:link,
#nav #nav1 a:visited {text-indent:-9000px;min-width:28px;width:20px;height:21px;padding:4px 5px 4px 4px;display:block;background:url(https://w3alpha.com/cms/templates/104/img/bg_home.png) no-repeat center center;}
#nav #nav1 a:hover,
#nav #nav1 a:focus,
#nav #nav1 a:active,
#nav #nav1.active a {background: url(https://w3alpha.com/cms/templates/104/img/bg_home1.png) no-repeat center center;box-shadow:inset 0 0 20px 0 #222;}
#nav li {
display:block;
float:left;
position:relative;
border-left:5px solid #2d2d2d;
border-right:1px solid #8e8e8e;
background:#3a3a3a;
}
#nav li a {
display: block;
float: left;
height: 24px;
min-width:125px;
padding: 5px 0 0;
text-transform:uppercase;
text-align:center;
}
#nav li li a {height:auto;}
#nav li a:link,
#nav li a:visited {color:#ebebeb;text-decoration:none;}
#nav li a:focus,
#nav li a:hover,
#nav li a:active,
#nav li.active a,
#nav li.active .sub_navi a:hover {color:#ff5f02;text-decoration:none;box-shadow: inset 0 0 50px #111;}
#nav .sub_navi {
border: 1px solid #575757;
border-top: 0;
display: none;
left:-1px;
margin: 0;
padding: 2px 0;
position: absolute;
top: 27px;
min-width:200px;
background:#111;
z-index: 3000;
list-style-type:none;
}
#nav li.active .sub_navi a {color:#e0e0e0;text-decoration:none;box-shadow: inset 0 0 50px #111;}
#nav li:hover .sub_navi {display:block;}
#nav .sub_navi li {
padding:0 1px;
border-top:1px solid #575757;
border-width: 1px 0;
clear: both;
float: none;
padding: 0 1px;
*height:24px;
min-width:120px;
z-index: 100;
}
#nav .sub_navi li a {
width:100%;
display:block;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* IE 8+ */
}
#home_1 {margin-bottom:-7px;}
.menu {display:none;}
.to_top {float:right;display:block;}
.form_confirm {clear:both;margin:5px 0;}
.order_page .register form {padding:0 0 35px;}
.order_page .register input.submit {width:240px;}
.form_confirm a,
.form_confirm a:link,
.form_confirm a:visited,
.order_page .container a,
.order_page .container a:link,
.order_page .container a:visited,
.order-completed_page .container a,
.order-completed_page .container a:link,
.order-completed_page .container a:visited {color:#ccc;margin-right:5px;}
.copy a,
.copy a:link,
.copy a:visited {color:#222;margin-right:5px;}
.status a:hover,
.status a:focus,
.status a:active,
.copy a:hover,
.copy a:focus,
.copy a:active,
.to_top:hover,
.to_top:focus,
.to_top:active {color:#676767;text-decoration:none;}
.to_top span{float:left;display:block;width:32px;height:32px;background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_up.png) no-repeat top left;margin-right:10px;}
.to_top:hover span {background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_up.png) no-repeat top right;}
.copy {padding:0 5%;margin:10px auto 0;max-width:960px; width:90%;font-size:12px;padding:0 10px;}
@media all and (max-width: 480px) {
#nav .sub_navi,
#nav li:hover .sub_navi {display: none;}
a.menu {color:#e0e0e0;display:block;height:30px;width:88%;margin:0 0 10px;padding:0 5%;background: #3A3A3A;border-left: 5px solid #2D2D2D;border-right: 1px solid #8E8E8E;}
a.menu:hover {text-decoration:underline;}
}
/*****Ende Navi ********/
/***** Breadcrumbs********/
.links { margin:0 0 0 -10px;padding:0;}
.links li {
width:313px;
height:75px;
margin:0 0 10px 10px;
display:block;
float:left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* IE 8+ */
position:relative;
text-transform:uppercase;
}
.links li.roof h2 {background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_sprites_links.png) no-repeat 0 -50px;}
.links li.request h2 {background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_sprites_links.png) no-repeat 0 -104px;}
.links li.phonehot h2 {background:transparent url(https://w3alpha.com/cms/templates/104/img/bg_sprites_links.png) no-repeat top left;}
.links li a {
position:absolute;
bottom:0;
right:0;
font-size:12px;
line-height:18px;
font-weight:bold;
display:block;
color:#00BAFF;
margin:0;
border:1px solid #2d2d2d;
border-width:0 0 0 5px;
background:#3b3b3b;
border-left:5px solid #2b2b2b;
height: 25px;
padding: 5px 0 0;
text-transform:uppercase;
line-height:20px;
width:120px;
text-align:center;
}
span.blue_link {
font-size:12px;
font-weight:bold;
display:block;
position:relative;
text-align:left;
color:#181818;
width:265px;
height:25px;
padding:5px 0 0 25px;
margin:10px auto;
}
a.basket_summary_button_left,
a.basket_summary_button_right,
p.left .sw,
p.right .sw,
.error a ,
a.edit,
span.blue_link a,
.workarea .links li a {
display:block;
padding:5px 0 0;
border:1px solid #2d2d2d;
border-width:0 0 0 5px;
width:120px;
height:25px;
text-align:center;
position:absolute;
right:0;
bottom:0;
color:#00baff;
background:#3b3b3b;
text-decoration:none;
text-transform:uppercase;
font-size: 12px;
font-weight:bold;
}
.error a:hover ,
p.left .sw:hover,
p.right .sw:hover,
a.basket_summary_button_left:hover,
a.basket_summary_button_right:hover,
a.edit:hover,
span.blue_link a:hover,
.links li a:hover { text-decoration:none;color: #EBEBEB;}
.links li h2 {
padding:0 0 20px 80px;
margin:10px;
color:#181818;
font-size:16px;
line-height:20px;
font-weight:bold;
}
p.left .sw,
a.basket_summary_button_left {left:0;width:180px;border-width:0 5px 0 0;}
.links li h2 span{
color:#e0e0e0;
display:block;
margin:0;
padding:0;
font-size:11px;
line-height:13px;
font-family:arial;
font-weight:normal;
}
.articles_all li {overflow:hidden;}
@media all and (max-width: 1000px) {
.articles li {width:30%;overflow:hidden;}
}
@media all and (max-width: 959px) {
.links {max-width:640px;margin:0 auto;}
.links li {margin-left:0;margin-right:10px;width:203px;}
.links li h2 span{ display:none;}
h1,
.workarea {max-width:640px;width:100%;margin:0 auto;}
}
@media all and (max-width: 639px) {
.articles_all li,
.articles_all li:first-child,
.articles_all li:last-child {margin:2px 0 ;width:100%;}
.articles_all li figure {text-align:center;}
ul.links {max-width:320px;margin:0 auto;}
.links li {background-repeat:repeat-x;width:310px;}
.news .normal img {display:block;height:240px;width: 320px;}
.workarea ul.locations {margin:10px auto;width:auto;}
.workarea ul.locations li {width:auto;}
.links li h2 span{ display:block;}
}
#breadcrumb {display:block;padding: 0 ;float:left;margin:0;margin-right:100px;}
@media all and (max-width: 640px) {
h1 {width:90%;margin:5px auto;}
.workarea {width:90%;}
ul.locations li {margin:0 0 10px 0;}
}
@media all and (max-width: 480px) {
#qlogin_form {float:right;margin:0; }
#basket {margin:0;}
#breadcrumb {display:block;width:100%;clear:both;padding:0;margin:0;}
}
@media all and (max-width: 340px) {
ul.locations {margin: 0 0 0 -10px;}
}
#breadcrumb li {float:left;margin-right:1px;color:#888;list-style:none;}
#breadcrumb li:before {content:'/';margin:0 4px 0 2px;}
#breadcrumb li.bc0:before { content:"";}
#breadcrumb li a,
#breadcrumb li a:link,
#breadcrumb li a:visited {font-size:12px;text-decoration:none;}
#breadcrumb li a:hover,
#breadcrumb li a:active,
#breadcrumb li a:focus {text-decoration:underline;color:#676767;}
@media all and (max-width: 480px) {
#qs {margin:0;}
#qlogin_form {margin:10px;float:left;}
}
/*****Ende Breadcrumbs********/
/*****Sitemap********/
#sitemap {display:block;margin:4px;}
#sitemap li{
position:relative;
float:left;
list-style-type:none;
margin:5px ;
padding:0;
}
#sitemap ul.sub_navi {display:block;border:0;}
#sitemap ul.sub_navi li {
clear:both;
background:none;
display:block;
margin:0;
width:90%;
padding: 2px 0;
min-width:0;
float:none;
}
ul#sitemap {margin: 30px auto 0;max-width:960px;padding:0;}
#sitemap ul {left: 0;position:relative;padding:0;margin:5px 0 0 0;}
#sitemap li {display: block;font: bold 12px/14px arial,Helvetica,sans-serif;margin:0 0 30px;}
#sitemap li ul li {margin:0 0 30px;display:block;float:none;}
#sitemap li a {
margin: 0 1px 1px 0;
padding: 0 5px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
display:list-item;
}
#sitemap li ul li a {border: 0;font-weight: normal;width:auto;text-transform: none;}
address a,
address a:link,
address a:visited,
ul#sitemap li a:link,
ul#sitemap li a:visited {color:#ccc;text-decoration: none;}
address a:focus,
address a:hover,
address a:active,
ul#sitemap li a:focus,
ul#sitemap li a:hover,
ul#sitemap li a:active {color:#e0e0e0;text-decoration: underline;}
@media all and (max-width: 880px) {
footer li,
#sitemap li,
#sitemap ul.sub_navi li {float:none;width:100%;text-align:center;}
}
@media all and (max-width: 480px) {
ul#sitemap {margin:20px;padding:0;}
ul#sitemap li {
width:90%;
padding:5px 2%;
margin:5px 3%;
border-top: 1px solid #222;
}
ul#sitemap li li {width:auto;padding:5px 0;margin:5px 0;}
ul#sitemap li a:hover {text-decoration:none;}
}
/*****Capcha Google********/
#recaptcha_table {border:0 !important;}
#recaptcha_table .recaptcha_image_cell {background: transparent !important;}
/***** Sitewrap ********/
p.sitewrap {text-align: center;z-index: 10 !important;}
p.sitewrap .sw {padding: 0 5px;}
/***** Ende Sitewrap ********/
/***** Error ********/
.error {padding:10px;}
.error span {
background: none repeat scroll 0 0 #ccc;
display: block;
font-family: arial,verdana,sans-serif;
font-style: normal;
padding: 10px;
display:block;
position:relative;
}
.error span.green {color:#222 !important;border:1px solid #4DDD4D;}
.error span.red {color:#222 !important;border:1px solid #ff0000;}
.error span.yellow {color:#222 !important;border:1px solid #FF9900;}
/***** Ende Error ********/
.startslider {width:306px;float:left;text-align:center;margin-left:10px;}
.startslider h2 {font-size:18px;color:#181818;padding:0;}
.startslider p {font-size:11px;color:#222;padding:0;margin:0 10px;}
.startslider .bx-wrapper img {max-width:100%;margin:0 auto;width:auto;}
#bxstart-pager a {width:40px;height:40px;display:block;float:left;opacity:0.5;margin:0 10px;}
#bxstart-pager a:hover,
#bxstart-pager a.active {opacity:1;}
.gallery_slider {max-width:960px;width:100%;margin:0 auto 10px;position:relative;padding:0;}
.gallery_slider ul {margin:0;}
a.go-next,
.gallery_slider .slider-next a.bx-next {
background: url(https://w3alpha.com/cms/templates/104/img/bg_next.jpg) no-repeat top left;
position:absolute;top:40%;right:-10px;width:38px;height:62px;display:block;z-index:1000;
}
a.go-prev,
.gallery_slider .slider-prev a.bx-prev {
background: url(https://w3alpha.com/cms/templates/104/img/bg_prev.jpg) no-repeat top left;
position:absolute;top:40%;left:-10px;width:38px;height:62px;display:block;z-index:1000;
}
.loc_cha p {font-size:14px;line-height:14px;padding:0 10px 2px;}
#location_photoline a.go-prev,
#location_photoline a.go-next {display:none;}
#location_photoline .bx-controls,
#article_photoline .bx-controls,
.gallery_slider .bx-controls {position: absolute;top: 0;right: 0;width:100%;display:block;z-index:1000;}
.gallery_slider .bx-wrapper .bx-pager {text-align:right;}
.gallery_slider .bx-wrapper .bx-pager.bx-default-pager a {background:#ccc;border:1px solid #222;}
.gallery_slider .bx-wrapper .bx-pager.bx-default-pager a.active {background:#222;border:1px solid #ccc;}
.gallery_slider div.figcaption {position:absolute;bottom:20px;}
.gallery_slider div.figcaption h2 {background: none repeat scroll 0 0 #000000;
color: #e0e0e0;
opacity: 0.8;
font: bold 12px/12px Arial,Verdana,Sans-Serif;
padding: 2px 15px;
text-transform: uppercase;}
.gallery_slider div.figcaption p {
background: none repeat scroll 0 0 #FFFFFF;
color: #181818;
opacity: 0.8;
padding: 12px 15px 2px;}
.clientslider_wrapper {margin-left:42px;}
.clientslider img {max-width:75px;float:left;margin: 0 10px 10px 0;}
.clientslider p {padding:5px 15px 0;}
.gallerylist {list-style-type:none;padding:0;margin: 10px 0;width:100%;max-width:640px;float:right}
.gallerylist li {margin:1px 0 0 20px;float:left;width:300px;}
.gallerylist li span.blue_link {margin: 0;}
.gallerylist li:last-child:after {clear:both;}
.icon_info {display:block;height:40px;width:40px;margin:0 auto;background: url(https://w3alpha.com/cms/templates/104/img/icon_info.png) no-repeat top center;}
.dachtuning_page .gallery_slider {width:100%;max-width:600px;float:right;}
@media all and (max-width: 960px) {
.gallery_slider .slider-next a.bx-next {right:10px;}
.gallery_slider .slider-prev a.bx-prev {left:10px;}
.dachtuning_page .gallery_slider {clear: both; float: none; margin: 10px auto;}
#dachtuning_1 .linklist {float:none;margin:0 auto;}
.kunden_page .linklist {margin:0 5px 0 15px;}
}
.gal_wrapper ul {list-style-type:none;margin:0;padding:0;}
.gal_wrapper ul li {float:left;margin:0;}
/***Gradient***/
.ref_text,
.col3_border h2.dtb,
td.bg_td,
.news_normal,
.news_archive article,
ul.locations li,
ul.locations li h3,
.search li,
.contact form,
address p,
.linklist li,
.links li,
span.blue_link,
.articles_small li,
.container,
.basket_content li,
.myorder li.position {
background: #a1a1a1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYTFhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDg0ODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #a1a1a1 0%, #848484 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#848484)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a1a1a1 0%,#848484 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a1a1a1 0%,#848484 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a1a1a1 0%,#848484 100%); /* IE10+ */
background: linear-gradient(to bottom, #a1a1a1 0%,#848484 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#848484',GradientType=0 ); /* IE6-8 */
}
/***Ende Gradient***/
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {max-width: 100%;display: block;}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(https://w3alpha.com/cms/templates/104/img/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 10px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url(https://w3alpha.com/cms/templates/104/img/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(https://w3alpha.com/cms/templates/104/img/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(https://w3alpha.com/cms/templates/104/img/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(https://w3alpha.com/cms/templates/104/img/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #e0e0e0;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
/* THEME-LIST Photoline*/
section.theme_pl {margin: 0 auto;}
section.theme_pl .pl_img {position:relative;float:left;margin: 0 5px;}
section.theme_pl .pl_img img {display:block;}
section.theme_pl .gallery {margin: 0;}
section.theme_pl .pl_content {
position: absolute;
bottom: 0;
background-color: #000;
color: #e0e0e0;
width: 320px;
height: 80px;
opacity: 0.5;
overflow: hidden;
}
.fancy img {width:320px; height:240px;}
.photo_overlay { box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-mso-box-sizing:border-box;
-khtml-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
border: 10px solid #E6E6E6;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-mso-transition: all 0.3s ease 0s;
-khtml-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
position:absolute;
width:100%;height:100%;z-index:60;
display:block;padding:0;margin:0;
}
section.theme figure a:hover .photo_overlay,
div.pl_img a:hover .photo_overlay {border: 10px solid rgba(0, 0, 0, 0.7);}
div.pl_img a .photo_overlay {border: 0px solid rgba(0, 0, 0, 0.7);}
/**** Isotope Filtering ****/
.isotope-item {z-index:2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/***Youtube Video***/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/***ende Youtube Video***/