/******************************************************************************
 * RESET
 *****************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
a {
    text-decoration: none;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}


/******************************************************************************
 * TEMPLATE
 *****************************************************************************/

body {
    height: 100%;
    font: normal 100.01%/1.4em Arial, "Bitstream Vera Sans", sans-serif; 
}
.hidden {
    display: none;
}

/******************************************************************************
 * TEMPLATE
 *****************************************************************************/
body {
    background: #eaf2c9;
}
	#wrapper {
		width: 980px;
		padding: 10px 20px 20px 20px;
		margin: 0 auto;
		font: 13px/1.5 'Lucida Grande', Helvetica, Arial, sans-serif;
	    color: #444444;
	    background: #ffffff;
	}
		#page {
		    background: #ffffff url("images/tpl/bg-sidebar.png") 200px 150px no-repeat;
		}
            #content {
                line-height: 20px;
                float: right;
                width: 700px;
            }
                #content-header {
                    border-bottom: 1px solid #dddddd;
                    color: #888888;
	                font-size: 10px;
	                margin: 26px 0 31px 0;
	            }
	                #content-header a {
	                    color: #888888;
	                }
	                #content-header .breadcrumb {
	                    float: left;
	                }
	                #content-header #social_media {
	                    float: right;
	                }

                #contentpage a {
                    color: #7cae27;
                    text-decoration: underline;
                }
                #contentpage h1 {
                    color: #7cae27;
                    font-family: 'Droid Sans', sans-serif;
                    font-size: 24px;
                    margin: 0 0 25px 0;
					line-height: 26px;
                }
                #contentpage h2 {
                    font-family: 'Droid Sans', sans-serif;
                    color: #7cae27;
                    font-size: 21px;
                    margin: 25px 0 10px 0;
                }
                #contentpage h3 {
                    font-family: 'Droid Sans', sans-serif;
                    color: #7cae27;
                    font-size: 15px;
                    margin: 15px 0 8px 0;
                }
                #contentpage h4 {
                    font-weight: bold;
                    margin: 0 0 5px 0;
                }
                #contentpage h1 + h2 {
                    margin-top: 12px;
                }
                #contentpage p {
                    margin: 0 0 20px 0;
                }
                #contentpage div.wp-content {
                    margin: 0 0 35px 0;
                }

			#sidebar {
			    width: 220px;
			}
                #sidebar .menu {
                    margin: 40px 0 0 0;
                }
	                #sidebar #menu-sidebar li {
	                    float: left;
	                    margin: 0 0 0 30px;
	                }
                        #sidebar #menu-sidebar li a {
                            color: #969696;
                            text-decoration: none;
                            border: none;
                            font-size: 10px;
                        }
				#cat_menu {

				}
					#sidebar div.ar_group {
						margin: 39px 0 0 8px;
					}
				    #sidebar .menu a,
				    #cat_menu a {
						color: #444444;
						display: block;
						border-bottom : 1px solid #dddddd;
					}
					#cat_menu a span {
				        color: #7cae27;
					}
					ul#menu-lexikon li a,
					ul#menu-hauptmenue li a,
					#sidebar .menu h4 a,
					#cat_menu h4 a {
				        color: #7cae27 !important;
                        font-family: 'Droid Sans', sans-serif;
					    font-weight: bold;
					    font-size: 16px;
					    padding: 0 0 8px 3px;
					    margin: 40px 0 0 0;
					}
					#sidebar .menu h5,
					#cat_menu h5 {
						font-weight: normal !important;
					}
					#sidebar .menu li,
					#cat_menu li ul li {
						background: #ffffff;
					}
				        #sidebar .menu ul.sub-menu li.current-menu-item a {
				            padding: 8px 11px;
				        }
				        #sidebar .menu ul.sub-menu li a {
				            padding: 8px 11px;
					    }
					    #sidebar .menu ul.sub-menu li a:hover,
						#sidebar .menu ul.sub-menu li.current-menu-item a,
					    #cat_menu li ul li h5 .icon-active + a,
				        #cat_menu h5.ui-state-hover a,
				        #cat_menu h5.ui-state-active a,
				        #cat_menu li ul li.current-cat a,
                        #cat_menu li ul a:hover {
						    background-color: #f4f8e4 !important;
						}

					#cat_menu li ul li ul {
					   padding: 10px 0 25px 0 !important;
					   border-bottom: 1px solid #dddddd;
					}

					#cat_menu li ul li ul li a {
				        border: 0;
					}

				    #cat_menu li ul li ul li a {
				        background: none;
				        padding: 1px 0 1px 20px;
				    }
				    
				    ul#menu-lexikon ul a,
				    ul#menu-hauptmenue ul a {
						font: 13px/1.5 'Lucida Grande', Helvetica, Arial, sans-serif;
						color: #444444 !important;
						display: block;
						padding: 8px 11px;
						margin: 0;
						border-bottom : 1px solid #dddddd;
				    }


/******************************************************************************
 * CONTENT
 *****************************************************************************/


/****   Listen   *************************************************************/

#contentpage ul.styled {
	margin: 0 0 0 20px;
}
#contentpage ul.styled li {
	background: url("images/tpl/list-point.png") 0 8px no-repeat;
	padding: 0 0 0 15px;
}

#content ul.related {
	margin: 15px 0 0 -10px;
	padding: 0;
}
#content ul.related li{
	float: left;
	margin: 0 10px 10px 10px;
}
#content ul.related li img {
	margin: 0 0 5px 0;
}


/****   Links   **************************************************************/

#contentpage a.action {
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;

    background: #d0deab; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0deab', endColorstr='#adc17a'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#d0deab), to(#adc17a)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #d0deab,  #adc17a); /* for firefox 3.6+ */

    display: inline-block;
    padding: 8px 12px;
    margin: 30px 0;
    border: 1px solid #93a45d;
    color: #3f4c17 !important;
    text-transform: uppercase;
}

/****   Buttons   ************************************************************/



/****   Produktansicht   *****************************************************/

#contentpage ul.views a,
#contentpage ul.colors a {
    display: block;
    width: auto;
    padding: 2px 0 3px 0;
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 7px 0 0;
}
#contentpage div.product-image {
	float: left;
    -moz-box-shadow: -2px 2px 2px #ddd;
    -webkit-box-shadow: -2px 2px 2px #ddd;
    box-shadow: 0px 0px 4px #ccc;
    margin: 0 30px 20px 0;
}
    #contentpage div.product-image a {
        display: block;
        padding:  15px 0;
        width: 315px;
        text-align: center;
    }

ul.product-data {
    margin: 15px 0 0 0;
}

ul.product-data strong {
    display: inline-block;
    width: 75px;
}

ul.product-data li {
	list-style-type: none !important;
}

ul.product-images {
    overflow: auto;
    height: 107px;
}
ul.product-images li {
    float: left;
    margin: 0 5px 0 0;
}

.products .product {
	float: left;
	margin: 15px;
	width: 135px;
	text-align: center;
}
ul.related a {
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
	display: block;
	width: 135px;
	text-align: center;
}
#contentpage .products .product a.link {
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
	display: block;
	width: 115px;
	margin: 5px 10px 0 10px;
}

#contentpage div.post ul.check {
	float: left;
	margin: 20px 0 0 10px;
}

#contentpage div.post ul.check li {
        font-size: 16px;
		line-height: 29px;
		padding: 0 0 0 35px;
		background: url('images/tpl/list-check.png') 0 3px no-repeat;
		list-style-type: none;
	}


.wp-pagenavi {
	margin: 50px 0 0 0;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


#content .lexikon li.char {
	margin: 0;
	padding: 0;
	background: none;
}
	#content .lexikon ul {
		margin: 15px 0;
		float: left;
		width: 230px;
	}
		#content .lexikon ul ul {
			margin: 0;
			float: none;
			width: auto;
		}
	li.char span {
		font-family: 'Droid Serif';
		font-weight: bold;
		font-size: 14px;
		margin: 15px 0 5px 0;
		color: #4c4c4c;
	}
#content .lexikon li.page {
	font-weight: normal;
	margin: 0;
}

.hreview-aggregate {
	display: none;
}

#ausverkauft ul {
    list-style-type: disc;
	padding-top: 5px;
	margin-left: 0.9em;
	padding-left: 0.9em;
}


/******************************************************************************
 * RESPONSIVE
 *****************************************************************************/
 
@media screen and (max-width: 630px) {
    #wrapper {
        width: auto;
    }
    #page {
        background: none;
    }
    #breadcrumbs {
        display: none;
    }
    #content {
        float: none;
        margin: 50px 0 0;
        width: auto !important;
    }
    #contentpage {
        display: block;
        max-width: 630px;
        width: auto;
    }
	#sidebar {
		width: auto;
	}
    #sidebar > a {
        height: 80px;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: auto;
    }
    #sidebar br {
        display: none;
    }
    .products div {
        float: none !important;
        margin: 15px 10px !important;
    }
    .products .product {
        float: left !important;
        height: 240px;
        margin: 10px;
        width: 135px;
    }
    .products .product img {
        height: 195px;
        max-width: 155px;
    }
    .products {
        clear: left;
    }
    .products br {
        display: none;
    }
    #contentpage div.product-image a {
        width: auto;
    }
    #contentpage div.product-image img {
        height: auto;
        max-width: 100%;
    }
    #respond,
    #commentform {
        display: none;
    }
}

#contentpage ul {
margin-left: 30px;
}

#contentpage li {
list-style-type: circle;
padding-left: 5px;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
    display: inline-block !important; 
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
text-align: center;
display: inline-block;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: auto !important;
}

.product-image img.wp-post-image {
    max-width: 305px;
	height: auto !important;
}

.product img.attachment-thumbnail {
	max-width: 100%;
	height: 135px;
	width: auto;
}

/******************************************************************************
 * Cookie Hinweis
 *****************************************************************************/

.cn-button.wp-default {
    background: linear-gradient(to bottom,#fefefe,#f4f4f4) repeat scroll 0 0 #f3f3f3 !important;
    color: #333 !important;
}

#cn-refuse-cookie {
    background: #000 !important;
    color: #fff !important;
	font-size: 11px;
	min-height: 20px;
	padding-top: 10 px;
	padding-bottom: 10 px;
}