/*
Theme Name: glasprofi24
Theme URI: www.glasprofi24.de
Description: custom theme for glasprofi24.de
Version: 0.1
Author: Martin Schwedes
Author: KnowEx media-consulting GmbH
Author URI: http://www.knowex.de/
*/


/* Site preparations */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

* {
    margin: 0;
    padding: 0;
}
html {
    /*font: 62.5% Geneva, Arial, Helvetica, sans-serif; */ /* Means 1em == 10px, 1.2em == 12px, etc. */
}
body {
    font:12px/1.2 Geneva,Arial,Helvetica,sans-serif;
    background-color: white;
}


/* Over all Elements */
p, h2, h3, h4, h5, h6 {
    /*font-size: 1em;*/
}
h1 {
    font-size: 12pt;
}
h2 {
    font-size: 11pt;
}
h3 {
    font-size: 10pt;
}
.textwidget h2, .index h2{
    font-size: 1em;
}
h2 {
    font-weight: bold;
}
#imagebox-show h3  {
    font-size: 1em;
    margin: 0 0 8px 2px;
    font-weight: bold;
}
p {
    margin: 0 0 6px 0;
    font-weight: normal;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}


img {
    border: 0;
}

img.alignright, .alignright {
    float:right;
    margin:0 0 1em 1em;
}
img.alignleft, .alignleft {
    float:left;
    margin:0 1em 1em 0;
}
img.aligncenter, .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a img.alignright {
    float:right;
    margin:0 0 1em 1em;
}
a img.alignleft {
    float:left;
    margin:0 1em 1em 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.center {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}
.blue {
    color: #1570C0;
}
.brown {
    color: #A07A62;
}
.green {
    color: #54A27C;
}
.orange {
    color: #F7A606;
}
.lightgrey {
    background: #F9F9F9;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*|--wrapper-------------------------------------------------|*/
/*|                                                          |*/
/*||-contentheader------------------------------------------||*/
/*||                                                        ||*/
/*||--------------------------------------------------------||*/
/*|                                                          |*/
/*||-contentwrapper-----------------------------------------||*/
/*||                                                        ||*/
/*|||-sb-left-----||-contentbox-------------||-sb-right----|||*/
/*||| 1.          || 2.                     || 3.          |||*/
/*|||             ||                        ||             |||*/
/*|||             ||                        ||             |||*/
/*|||-------------||------------------------||-------------|||*/
/*||--------------------------------------------------------||*/
/*|                                                          |*/
/*||-footer-------------------------------------------------||*/
/*||                                                        ||*/
/*||--------------------------------------------------------||*/
/*|----------------------------------------------------------|*/

#wrapper {
    width: 1070px;
    /*height: 400px;*/
    margin: 0 auto 0 auto;
    clear: both;
}
#contentheader {
    width: 1070px;
    margin: 0px 0 25px 0;
    color: #666;
    border: 1px solid #B7B7B7;
    border-top: none;
    border-left: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
     -moz-box-shadow:    1px 1px 2px  rgba(68,68,68,0.2);
    -webkit-box-shadow: 1px 1px 2px  rgba(68,68,68,0.2);
    box-shadow:         1px 1px 2px  rgba(68,68,68,0.2);
}
#logo {
    float: left;
    margin-top: 25px;
}
#headTeaser {
    float: left;
    margin: 20px 0 20px 16px;
}
#headTeaser a {
    color: #666;
    text-decoration: none;
}
#headTeaser img {
    vertical-align: middle;
}
#headTeaser ul li {
    float: left;
    margin: 0 20px 0px 0;
    font-size: 10px;
    padding: 3px 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    /*border: 1px solid */
    /*border: 1px solid #ccc;

    border-left: 0px;
    border-top: 0px;*/
    background: #F9F9F9;
}
#headTeaser ul li.last {
    float: left;
    margin: 0 10px 0px 0;
    font-size: 10px;
}
#headTeaser ul li span {
    font-weight: bold;
}
#headContact {
    margin: 10px;
    text-align: right;
    float: right;
    /*background: url(images/phone.png) 0px 0px no-repeat;*/
}
#headContact span {
    display: block;
    font-size: 13px;
    padding: 0 0px 0 36px;
    text-align: right;
}
.phoneNumber {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0px;
    color: #666;
}
#contactPhone {
    padding: 0 0 0 25px;
    background: url(images/phone-16.png) 0px 0px no-repeat;
    color: #666;
}
#contactForm {
    padding: 0 0 10px 25px;
    background: url(images/id-16.png) 0px 0px no-repeat;
    color: #666;
}
#contactEmail {
    padding: 0 0 10px 25px;
    background: url(images/email-16.png) 0px 0px no-repeat;
    color: #666;
}
#contactFax {
    padding: 0 0 10px 25px;
    background: url(images/print-16.png) 0px 0px no-repeat;
    color: #666;
}
#contactQuestion {
    padding: 0 0 10px 25px;
    background: url(images/print-16.png) 0px 0px no-repeat;
    color: #666;
}
#contactPhone span {
    color: #666 !important;;
    padding: 0 !important;
    margin: 0 0 5px 0 !important;
    background: none !important;
    font-size: 12px !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#contactFax span {
    font-size: 12px !important;
    padding: 0 !important;
    margin: 0 0 5px 0 !important;
    background: none !important;
    color: #666 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}
#metaNav {
    float: right;
    margin: 5px 10px 20px 0;
}
#metaNav a {
    color: #666;
    text-decoration: none;
    font-size: 10px;
}
#metaNav ul li {
    float: left;
    margin: 0px 0 0 10px;
}
#metaNav ul li img {
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin-bottom: 2px;
}
#headerCallBack {
    float: left;
    margin: 0 0 0 190px;
}
#headerNav {
    float: left;

}
#contentwrapper {
    float: left;
    width: 1070px;
    /*background: url(images/glasprofi_bg_new.png) repeat-y;
    min-height: 1000px;*/
}
#sidebar_left {
    float: left;
    position: relative;
    width: 185px;
    height: 100%;
    /*background-color: #919CAC;*/
    list-style: none;
    z-index: 99;
}
#sidebar_left ul, ul{
    list-style-type: none;
}
#sidebar_right {
    float: right;
    position: relative;
    width: 175px;
    list-style-type: none;
}
#contentbox {
    float: left;
    position: relative;
    width: 683px;
    background-color: white;
    padding: 0 10px 10px 17px;

}

.shadow {
  -moz-box-shadow: 1px 2px 2px rgba(68,68,68,0.2);
  -webkit-box-shadow: 1px 2px 2px rgba(68,68,68,0.2);
  box-shadow: 1px 2px 2px rgba(68,68,68,0.2);
}

/* Content header */
#contentheader img {
    background-color: #FFF;
}
#contentheader .siteinfo {
    /*margin-top: 40px;*/
    margin-right: 5px;
    /*float: right;*/
}
#contentheader .siteinfo a {
    font-size: 88%;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}
#contentheader .siteinfo a:hover {
    text-decoration: underline;
}

/* Sidebar nav-main-left */
#leftNav {
    margin: 0;
    width: 185px;
    padding: 0;
    background: #F9F9F9;
    font-size: 13px;
    font-weight: bold;
    color: #999;
    border: 1px solid #B7B7B7;
    border-top: none;
    border-left: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background: #f9f9f9;
    -moz-box-shadow:    1px 1px 2px  rgba(68,68,68,0.2);
    -webkit-box-shadow: 1px 1px 2px  rgba(68,68,68,0.2);
    box-shadow:         1px 1px 2px  rgba(68,68,68,0.2);
}

.menu a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 5px 0 5px 10px;
    font-size: 13px;
    font-weight: normal;
}
ul.menu a:hover {
    background: #F7A606 !important;
}
ul.menu {
    padding: 0;
}
ul.menu li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 2px 0px;
}
ul.menu li a {
    color: #fff;
    background: #AFBAC6;
    -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
}
.page-id-5 ul.menu li a {
    background: #F7A606;
}
.page-id-5 ul.menu li li a {
    background: none;
}
.page-id-5 ul.menu ul {
    display: block;
}
.page-id-5 ul.menu ul ul {
    display: none;
}
ul.menu li ul {
    padding: 0px 0px 0px 0px;
    display: none;
}
ul.menu li li {
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
}
ul.menu li li a {
    font-size: 12px;
    background: none;
    color: #333;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
ul.menu li li li a {
    font-size: 11px;
    background: none;
    color: #333;
}
ul.menu li.current-menu-item ul{
    display: block;
}


ul.menu li.current-menu-item ul ul {
    display: none;
}

ul.menu li.current-menu-ancestor ul {
    display: block;
}
ul.menu li.current-menu-ancestor li ul {
    display: none;
}
ul.menu li.current-menu-ancestor li a {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
ul.menu li.current-menu-ancestor a {
    background: #A8B3BF;

}
ul.menu li.current-menu-ancestor li.current-menu-ancestor a {
    background: #F7A606;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
ul.menu li.current-menu-ancestor li.current-menu-ancestor li a {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
ul.menu li.current-menu-ancestor li.current-menu-item li a {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
ul.menu li.current-menu-ancestor li.current-menu-item ul {
    display: block;
}
ul.menu li.current-menu-ancestor li.current-menu-parent ul {
    display: block;
}
ul.menu li.current-menu-ancestor li.current-menu-ancestor li.current-menu-item a {
    background: #fff;
}
ul.menu li.current-menu-item a {
    background: #F7A606;

}
ul.menu li.current-menu-item li a {
    background: none !important;

}
ul.menu li.current-menu-parent a {
    background: #F7A606;

}
ul.menu li.current-menu-ancestor li.current-menu-item a {
    background: #FFF;
}


ul.menu li.current-menu-parent li a:hover,
ul.menu li.current-menu-item li a:hover {
    background: #FFF;
}

ul#menu-service-right  {
    margin: 0 0 10px 0;
    padding:0;
}
ul#menu-service-right li {
    margin:0;
    padding:0;
}
#menu-service-right a {
    display: block;
    color: #333;
    background: none;
    font-size: 12px;
    padding:  3px 0 3px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#menu-service-right a:hover {
    color: #333;
    background: #ffb400;


}

.textwidget div, .textwidget p {
    margin-left: 10px;
}
.textwidget a, .textwidget p {
    color: #666;
}
.textwidget a:visited{
}
#sidebarContact span {
    display: block;
    background: #549714;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    margin: 0 0 20px 0;
}

#sidebarContact, #sidebarReviews, #sidebarService, #sidebarNews, #sidebarAboutGlass, #sidebarVarious  {

    margin: 25px 0 0 0;
    border: 1px solid #B7B7B7;
    border-top: none;
    border-left: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background: #f9f9f9;
    -moz-box-shadow:    1px 1px 2px  rgba(68,68,68,0.2);
    -webkit-box-shadow: 1px 1px 2px  rgba(68,68,68,0.2);
    box-shadow:         1px 1px 2px  rgba(68,68,68,0.2);
}
#sidebar_left .textwidget a:focus, #sidebar_left .textwidget a:active, #sidebar_left .textwidget a:hover{
    color: #666;
    text-decoration: none;
}



/* Sidebar right */
#sidebar_right {
    font-size: 12px;
    font-weight: bold;
    color: #999;
}
#sidebar_right .info hr {
    margin: 10px 0px;
}
#sidebar_right .info {

    text-align: center;
}
#sidebar_right .info h3 {
    color:  #333;
}
#sidebarReviews span {
    display: block;
    background: #6A8FC4;
    color: #fff;
    font-size: 13px;
    padding: 5px 0 5px 10px;
    -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    margin: 0 0 20px 0;
}
#sidebarReviews .linkToGuestbook {
    margin: 20px 0 0 10px;
}
#sidebarReviews .linkToGuestbook a {
    color: #1570C0;
    font-size: 11px;
}
#sidebarReviews .linkToReferences {
    margin: 20px 0 10px 10px;
}
#sidebarReviews .linkToReferences a {
    display: block;
    background: #D4E5F0;
    padding: 3px 0 3px 0;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #1570C0;
}
#sidebarReviews #customer-reviews {
    margin: 20px 10px 10px 10px;
}
#sidebarReviews #customer-reviews span.customer-name {
    margin: 0;
    padding: 0;
    display: inline;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1570C0;
    font-weight: normal;
    font-size: 11px;
    font-weight: bold;
}
#sidebarReviews #customer-reviews span.customer-review {
    margin: 0;
    padding: 0;
    display: inline;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    font-weight: normal;
    font-size: 11px;

}
#sidebarService {
    /*padding: 10px;*/
    color: #666;
    margin: 0 0 0 0;

}
#sidebarService span {
    display: block;
    background: #A07A62;
    color: #fff;
    font-size: 13px;
    padding: 5px 0 5px 10px;
    -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    margin: 0 0 10px 0;
}
#sidebarNews {
    /*padding: 10px;*/
    color: #666;
    margin-bottom: 20px;

}
#sidebarNews span {
    display: block;
    background: #DA7F24;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    margin: 0 0 10px 0;
}
#sidebarVarious span {
    display: block;
    background: #054165;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    margin: 0 0 10px 0;
}
#sidebarVarious ul {
    margin-bottom: 10px;
}
#sidebarVarious span.cpd-r {
    float: right;
    background: none;
    background-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
    padding: 0 10px 0 0;
    margin: 0;
    font-weight: normal;
    font-size: 11px;
}
#sidebarVarious li.cpd-l {
    color: #444;
    font-size: 11px;
    font-weight: normal;
    padding: 0 0 0 10px;
}
#sidebarNews ul  {
    margin: 0 0 10px 0;
    padding:0;
}
#sidebarNews ul li {
    margin:0;
    padding:0;
}
#sidebarNews ul a {
    display: block;
    color: #333;
    background: none;
    font-size: 12px;
    padding:  5px 0 5px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#sidebarNews ul a:hover {
    color: #333;
    background: #ffb400;


}
#sidebarAboutGlass span {
    display: block;
    background: #C80C61;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    box-shadow: 2px 2px 2px rgba(68,68,68,0.2);
    margin: 0 0 10px 0;
}
#sidebarAboutGlass ul  {
    margin: 0 0 10px 0;
    padding:0;
}
#sidebarAboutGlass ul li {
    margin:0;
    padding:0;
}
#sidebarAboutGlass ul a {
    display: block;
    color: #333;
    background: none;
    font-size: 12px;
    padding:  3px 0 3px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#sidebarAboutGlass ul a:hover {
    color: #333;
    background: #ffb400;


}
/* Content Box */
.noRmargin {
    margin-right: 0 !important;
}
#breadcrumb {
    font-size: 1.0em;
    margin-bottom: 8px;
    margin-top: 6px;
}
#breadcrumb a {
    color: #999;
    text-decoration: none;
}
#breadcrumb a:hover {
    color: #ccc;
    text-decoration: underline;
}
.boxHome {
    float: left;
    width: 216px;
    margin: 10px 14px 10px 0px;
}
.boxHome a {
    display: block;
    color: #444 !important;
    margin: 0 0 5px 10px;
}
.boxHome a:hover {

    color: #F7A606 !important;

}
.boxHomeImages {
    border: 1px solid #ccc;
    padding: 6px 6px 0;
}
.boxHomeImages a {
    margin: 0;
}
.boxHomeImages img {
    width: 200px;
    height: 200px;
}
.boxHomeSmalImages img {
    width: 62px;
    height: 62px;
    margin: 3px 4px 0 0;
}
.boxHomeSmalImages img:last-child {

    margin: 3px 0px 0 0;
}
.boxHome .more {
    text-align: right;
    padding-right: 10px;
}
.boxText {
    float: left;
    margin-right: 5px;
    padding: 6px;
    background: #F9F9F9;
}

#contentbox .box1 {
    float: left;
    width: 216px;
    margin: 0 5px;
    background-color: #F9F9F9;
    margin-bottom: 10px;
}
#contentbox .box1 a {
    color: white;
    text-decoration: none;
    display: block;
    color: #444;
}
#contentbox .box1 a:hover {
    color: #FFF;
    text-decoration: underline;
    background-color: #333;
}
#contentbox .box1 a {
    text-indent: 1em;
    font-weight: bold;
    line-height: 1.8em;
    padding: 3px 0 0 0;
}
#contentbox .box1 a img {
    border: 0;
}

#contentbox .box2 {
    float: left;
    width: 676px;
    margin: 0 5px;
    background-color: #B7B7B7;
    margin-bottom: 10px;
}
#contentbox .box2 a {
    color: white;
    text-decoration: none;
    display: block;
}
#contentbox .box2 a:hover {
    color: #FFF;
    text-decoration: underline;
    background-color: #333;
}
#contentbox .box2 a h2 {
    padding-top: 4px;
    padding-left: 5px;
    padding-bottom: 5px;
}



#contentbox .box3 {
    float: left;
    width: 161px;
    margin: 0 5px;
    background-color: #F0F0F0;
    margin-bottom: 10px;
}
#contentbox .box3 div.product, #contentbox .box3 div.product-bottom, #contentbox .box3 div.product-bottom_2 {
    background-color: #B7B7B7;
}

#contentbox .box3 div.product-bottom, #contentbox .box3 div.product-bottom_2 {
    position: absolute;
    width: 156px;

}
#contentbox .box3 a,
#contentbox a.box3 {
    color: white;
    text-decoration: none;
    display: block;
}
#contentbox .box3 a:hover div.product,
#contentbox  a.box3:hover div.product,
#contentbox .box3 a:hover div.product-bottom,
#contentbox  a.box3:hover div.product-bottom,
#contentbox .box3 a:hover div.product-bottom_2,
#contentbox  a.box3:hover div.product-bottom_2  {
    color: #FFF;
    text-decoration: none;
    background-color: #333;
}
#contentbox .box3 div.product, #contentbox .box3 div.product-bottom, #contentbox .box3 div.product-bottom_2 {
    padding-top: 6px;
    padding-left: 5px;
    padding-bottom: 6px;
}
#contentbox .box3 h3 {
    color: black;
    padding: 4px 0 5px 2px;
    font-weight: bold;
}
#contentbox .box3 p {
    color: black;
    padding-top: 4px;
    margin-bottom: 5px;
}
#contentbox .box3 .produktinfo {
    /*
    border-left: solid 1px #B7B7B7;
    border-right: solid 1px #B7B7B7;
    */
    padding-top: 5px;
    font-size: 0.9em;
}
#contentbox .box_vordach a,
#contentbox a.box_vordach {

    height: 485px;
}
#contentbox .box_vordach div.product-bottom  {
    top: 490px;
}
#contentbox .box_vordach div.product-bottom_2  {
    top: 1000px;
}

#contentbox .box_schiebetuer a,
#contentbox a.box_schiebetuer {
    height: 505px;
}
#contentbox .box_schiebetuer div.product-bottom  {
    top: 510px;
}

#contentbox .box_regale a,
#contentbox a.box_regale {
    height: 550px;
}
#contentbox .box_regale div.product-bottom  {
    top: 555px;
}

#contentbox .box_duschabtrennung a,
#contentbox a.box_duschabtrennung {
    height: 550px;
}
#contentbox .box_duschabtrennung div.product-bottom  {
    top: 555px;
}


#contentbox ul{
    list-style-type: disc;
    list-style-position: outside;

}

#contentbox div#imagebox-show{
    display: none;
    width: 152px;
    float: left;
    position: relative;
    padding: 1px;
    margin: 0 10px 10px 0;
    border: solid 1px #999;
}
#contentbox div#imagebox-show img {
    padding: 1px;
    border: solid 1px #FFF;
}

#contentbox div.imagebox {
    width: 152px;
    float: left;
    position: relative;
    padding: 1px;
    margin: 0 30px 10px 0;
    border: solid 1px #999;
}
#contentbox .imagebox img {
    padding: 1px;
    border: solid 1px #FFF;
}
#contentbox .imagebox a img:hover {
    border: solid 1px red;
}
#contentbox #my_imageserie {
    margin-bottom: 10px;
}

#contentbox .infobox {
    padding: 5px;
    margin: 0 5px;
    clear: both;
    display: block;
    background-color: #F0F0F0;
    font-size: 0.9em;
}

#contentbox .index {
    clear: both;
    display: block;
    /*	background-color: #F0F0F0; */
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    /*border-bottom: solid 1px #dfa71f;*/
}

#contentbox .article {
    clear: both;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}


#contentbox .info {
    font-size: 122%;
    padding-top: 12px;
}



#contentbox a {
    color: #dfa71f;
    font-weight: bold;
    text-decoration: none;

}
.productTop {
    padding: 0 0 30px 0;
}
.productTop h2 {
    margin-bottom: 10px;
}
.productMainImage {
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
}
.productMainImage img {
    width: 220px;
    height: 220px;
    margin: 0 !important;
}
.productShortDescription {
    float: right;
    width: 400px;
    margin: 0;
}
.productShortDescription ul {
    background: #F9F9F9;
    padding: 10px 10px 30px 20px;
}
.productOrder {
    float: right;
    margin: 30px 0 0 0;
    text-align: right;
}
.productOrder .productPrice {
    font-size: 22px;
    color: #DA7F24;
    font-weight: bold;
}
.productOrder .productPrice span {
    font-size: 12px;
}
.productOrder .productPrice span.productTax {
    font-size: 12px;
    display: block;

}
.productKonfiButton, .productShopButton {
    cursor: pointer;
    width: 210px;
    color: #473E47;
    font-weight: bold;
    font-size: 12px;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #c1c7bf;
    background: #f6e6b4; /* Old browsers */
    background: -moz-linear-gradient(top, #f6e6b4 0%, #dfa71f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#dfa71f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6e6b4 0%,#dfa71f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6e6b4 0%,#dfa71f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6e6b4 0%,#dfa71f 100%); /* IE10+ */
    background: linear-gradient(top, #f6e6b4 0%,#dfa71f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#dfa71f',GradientType=0 ); /* IE6-9 */
}
.productKonfiButton:hover, .productShopButton:hover {
    background: #dfa71f; /* Old browsers */
    background: -moz-linear-gradient(top, #dfa71f 0%, #f6e6b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfa71f), color-stop(100%,#f6e6b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dfa71f 0%,#f6e6b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dfa71f 0%,#f6e6b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dfa71f 0%,#f6e6b4 100%); /* IE10+ */
    background: linear-gradient(top, #dfa71f 0%,#f6e6b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfa71f', endColorstr='#f6e6b4',GradientType=0 ); /* IE6-9 */
    color: #8f1218;
}
.productKonfiButton {
    position: relative;
    padding: 8px 0px 8px 0;
    margin: 10px 0;
    text-align: center;
}
.ctaLeft img {
    position: absolute;
    top: 5px;
    left: 5px;
}
.productShopButton {
    position: relative;
    text-align: center;
    padding: 8px 0px 8px 0;
}
.ctaRight img {
    position: absolute;
    top: 5px;
    right: -25px;
}
ul.pdfList {
    margin: 20px 0 20px 0;
}
ul.pdfList li {
    list-style: none;
    background: url(../../uploads/PDF-Icon-18.jpg) no-repeat;
    padding: 5px 0 5px 30px;
}
ul.pdfList li a {
    color: #666 !important;
}
.productImages {
    float: left;
    width: 240px;
}
.produktImageSlider {
    margin: 20px 0 0 -2px;
    float: left;
}
.jcarousel-container {


}
.jcarousel-container-horizontal {

    padding: 0px 25px;
}
.jcarousel-clip {
    overflow: hidden;
}
.jcarousel-clip-horizontal {
    width:  200px;
    /*height: 120px;*/
}
.colorChooser .jcarousel-clip-horizontal {
    width:  250px;
    /*height: 120px;*/
}
.mycarousel .jcarousel-item {
    position: relative;
    width: 81px;

}

.jcarousel-item .checker {
    right: 10px;
}
.jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}
.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-next-horizontal {
    position: absolute;
    top: 15px;
    right: 8px;
    width: 20px;
    height: 30px;
    cursor: pointer;
    background: transparent url(./images/next-horizontalG.png) no-repeat -20px 0px;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 15px;
    left: 5px;
    width: 20px;
    height: 30px;
    cursor: pointer;
    background: transparent url(./images/prev-horizontalG.png) no-repeat -20px 0px;
}

.jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: 0px 0;
}
.jcarousel-next-horizontal:active {
    background-position: -20px 0;
}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}

.jcarousel-prev-horizontal:hover,
.jcarousel-prev-horizontal:focus {
    background-position: 0px 0;
}
.jcarousel-prev-horizontal:active {
    background-position: -20px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -60px 0;
}
/* Footer ================================================================================ */
.f-left,
.left         { float:left !important; }

.f-right,
.right        { float:right !important; }
#footer-container {
    background: #F1F1F1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #B7B7B7;
    border-top: none;
    border-left: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow:    1px 1px 2px  rgba(68,68,68,0.2);
    -webkit-box-shadow: 1px 1px 2px  rgba(68,68,68,0.2);
    box-shadow:         1px 1px 2px  rgba(68,68,68,0.2);
}
.footer {  padding: 30px 0px 20px 25px;margin-bottom: 20px; margin-top: 20px;}
.footer a { color:#444; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer h6 { color: #666; font-size: 13px; margin-bottom: 10px; }
.footer .footer-block { width: 161px; float: left; margin-left: 15px; dislay: inline;}
.footer .footer-block.first { margin-left: 0px; }
.footer .payment { float: right; width: 210px;padding-right: 20px; }
.footer li { display: block; padding:0 5px 5px 0; margin:0 3px 0 0; }
.footer .links li.last { background:none !important; padding-right:0 !important; }

.copyright {  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;position:relative; clear:both; border-top: 1px solid #ddd;  padding: 0px 20px;  height: 40px; }
.copyright { color: #666; }
.copyright address {padding: 5px 10px; margin: 7px 0 0; background: #DBE0E7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.copyright .f-right img { vertical-align: middle; padding-top: 8px;}
.copyright a { color: #666; }
.copyright .bugs { margin:0;  }
.copyright .bugs a { font-weight:bold;}

.footer .form-subscribe { margin:8px 0; }
.footer .form-subscribe label,
.footer .form-subscribe .input-box,
.footer .form-subscribe button.button { float:left; }
.footer .form-subscribe label { padding-top:2px; font-weight:bold; color:#555; }
.footer .form-subscribe .input-box { width:186px; margin:0 5px; }
.footer .form-subscribe input.input-text { width:180px; }
.footer .form-subscribe button.button span { height:23px; background-image:url(images/bkg_btn-small.png); line-height:20px; }
.footer .form-subscribe button.button span span { color: #444 !important; text-shadow: 0px 1px #fff !important; }

.footer .footer-callout { display:block; margin:-10px 0 10px; position:relative; }
.footer .store-switcher { color:#555; text-align:right; }
.footer .store-switcher label { font-weight:bold; vertical-align:middle; }
.footer .store-switcher select { padding:0; vertical-align:middle; }

#footer-container .bottom-container { margin:0 0 8px; text-align:right; }

.footer #newsletterBox {width: 150px; float: left;}
.footer #newsletterBox .block-title {background: transparent; padding: 0 0 0 0px;}
.footer #newsletterBox .block-title strong  {display: block; color: #666666; font-size: 13px; margin-bottom: 10px;}
.footer #newsletterBox .block-content  {color: #666;}
.footer #newsletterBox .block-subscribe {background: none; border: none; margin: 0;}
.footer #newsletterBox .block-content {background: none; border: none;}
.footer #newsletterBox input#newsletter {width: 130px; margin: 10px 0 10px 0;}
.footer #newsletterBox button.button span { height:23px; background-image:url(images/bkg_btn-small.png); line-height:20px; }
.footer #newsletterBox button.button span span { color: #444 !important; text-shadow: 0px 1px #fff !important; }
/* ======================================================================================= */




/* Glasprofi24 Format */
.l_glas {
    font-weight: bold;
    color: rgb(165, 180, 189);
    
}
.l_profi {
    font-weight: bold;
    color: rgb(225, 165, 21);
    
}
.l_24 {
    font-weight: bold;
    color: rgb(165, 180, 189);
}
address .l_glas {
    margin-right: -3px;
}
address .l_profi {
    margin-right: -2px;
}

/* hiding element */
.invisible {
    display: none;
}

/* Glasprofi24 Linkboxformat */
#konfigurator_logo, #anfrage_logo {
    height: 32px;
    width: 32px;
    vertical-align: middle;

}

#konfigurator_hover, #anfrage_hover  {
    width: 230px;
    display: block;
    text-decoration: none;
    border: 1px solid #ffb400;
    color: black;
    font-size: 14px;
    padding-left: 5px;

}


#konfigurator_link, #mail_us_link, #facebook_share_product_link {
    width: 230px;
    height: 32px;
    display: block;
    text-decoration: none;
    /*border: 1px solid #ffb400;*/
    color: black;
    font-size: 10pt;
    padding-left: 37px;
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 10px;
}

#konfigurator_link { background-image: url(images/k_g.png); }
#mail_us_link { background-image: url(images/m_g.png); }
#facebook_share_product_link { background-image: url(images/f_g.png);}

#konfigurator_link:hover, #mail_us_link:hover, #facebook_share_product_link:hover {
    color: green;

}

#konfigurator_link:hover { background-image: url(images/k_f.png); }
#mail_us_link:hover { background-image: url(images/m_f.png); }
#facebook_share_product_link:hover { background-image: url(images/f_f.png);}

#konfigurator_hover  img, #anfrage_hover img{
    border: 0;
    margin: 1px 5px 1px 1px;
    text-decoration: none;
}

#konfigurator_hover:hover, #anfrage_hover:hover, #konfigurator_hover_new:hover {
    color: green;
    background-color: #ffe691;

}

#konfig_text, #anfrage_text {
    color: black;
    font-weight: normal;
}

/* Prodct Tab */

.tab{
    height: 35px;
    padding: 0px 5px;
    /* background-image: url(images/tab_bg.png);
     background-repeat: repeat-x;
     background-position: top;*/
    border: 1px solid #c0c0c0;
    color: #a0a0a0;
    background-color: #f0f0f0;
    cursor: pointer;
    font-weight: bold;
}



.js_contents {

    padding: 20px 10px 10px 10px;
    background: #F9F9F9;
}


/*Sidebar contents */

.sidebar_content {
    padding-left: 5px;
    margin-bottom: 20px;

}

.sidebar_content .sidebar-item {
    padding: 5px;
    margin: 5px;
    display: block;

}

.sidebar_content .sidebar-item  a {
    display: block;
    margin: auto;
    text-align: center;
    margin: 3px 0px;
}

.sidebar_content .sidebar-line {
    margin: 0 5px;
    border-bottom: 1px dashed #c0c0c0;
}
#sidebar_left .cpd {
    margin: 10px;
}
/* quick contact */
#contactCont {
    position: absolute;
    margin: 0px 0 0 7px;
    top: 27px;
    min-width: 140px;
    padding: 5px 10px 10px 10px;
    background: #DFA71F;
    color: #fff;
    /* -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    */
    z-index: 999;
}
#contactLink {
    position: relative;
    /*top: 37px;*/
    margin-left: 7px;
    height: 27px;
    width: 160px;
    background: #DFA71F;
    cursor: pointer;
    /*border: 1px solid #000000;*/
    color: #666;
    padding: 3px 0 0 0px;
    font-weight: bold;
    font-size: 16px;
}
/*#contactLink {
        top: 27px\9
}*/
/*body:nth-of-type(1) #contactLink {
        top: 27px;
}*/
#contactLink img {
    background-color: transparent !important;
    margin-left: 5px;
    vertical-align: bottom;
}
#closer{
    float: right;
    margin: 5px 5px 0 0;
    font-size: 10px;
    cursor: pointer;
}
#contactForm {


}
#contactFormInner {
    width: 150px;
    margin: 10px;
}
#contactCont fieldset {
    border: none;
}
#contactCont input[type=text] {
    width: 130px;
    border: none;
    padding: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
#contactCont label {
    width: 130px;
    border: none;
    padding: 5px;
    display: block;
    float: none;
    background: transparent !important;
}

#CSbutton {
    width: 140px;
    margin-top: 30px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.error {
    display: none;
    color: #DD0000;
    padding-top: 10px !important;
}
#message {
    width: 130px;
    clear: both;
}
#checkmark {
    float: right;
    margin-top: -35px;
    background-color: transparent !important;
}
.b-orange-before {
    border-top: 10px solid #fff;
}
.textwidget {
    margin-bottom: 10px;
}
.mp-container {
    margin: 10px;
}
.mp-form input {
    width: 155px;
    padding: 5px;
    margin: 0 0 10px 0;
}
.mp-form input[type=submit] {
    width: 169px;
    cursor: pointer;
}
.phone {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}
.time {
    margin-bottom: 10px;
}