/* @override http://www.letterpress-manufaktur-hamburg.de/wp-content/themes/letterpress/style.css */

/*
Theme Name: letterpress
*/

/* 	orange ff6300
	beige 8b8768			 */




/* SHOP */

/*
#sidebar{
	display: none;
	}

#sidebar ul li ul li {
	
	}



h1.product_title,
.woocommerce ul.products li.product h3 {
	font-family: 'Oswald', sans-serif;	
	font-size: 20px;	
	color: #8b8768;
	}

.woocommerce ul.products li.product h3:hover{
	color: #ff6300;
	} 

.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del, 
.woocommerce div.product span.price del{
	float: left;
	padding-right: 10px;
	}

.woocommerce-breadcrumb{
	display: none;
	}

.woocommerce div.product form.cart .button{
	float: left;
	margin-top: 10px;
	}


img.attachment-shop_thumbnail{
	width: 100px;
	height: 100px;
	padding-top: 10px;
	}

.woocommerce div.product .stock{
	display: none;
	}

p.price{
	font-size: 20px!important;
	line-height: 25px!important;
	}


.woocommerce span.onsale {
	background-color: #ff6300!important;
	min-height: 4em!important;
	min-width: 4em!important;
	line-height: 4em!important;
	}




*/



/* Hauptseite */

h1, 
h2, 
h1.page-title{
	margin-top: 10px;
	color: #ff6300;
	margin-bottom: 0px;
	font: 40px 'Great Vibes', Helvetica, sans-serif;
	line-height: 60px;
/* 	background-image: url("img/linien.png"); */
	}

h1.page-title{
	padding-left: 10px;
	margin-bottom: 20px;
	}


h3, h4	{	
	font-size: 18px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
	line-height: 25px;
	}

h3.entry-title{
	font-size: 10px;
	background: white;
	display: block;
	}


h4	{
	font-size: 15px;
	width: 100%;
	}


body{
	color: #8b8768;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	background-image: url("img/linien.png");
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 22px;
/* 	background-color: #bababa; */
	}

header{
	height: 180px;
	margin: 0px 0px 25px 0px;
	background-color: white;
	padding-top: 30px;
	}

.line{
	border-bottom: 1px dotted #8b8768;
	}


.branding{
	display: block;
	background-image: url("img/logo.png");
	width: 386px;
	height: 100px;
	margin: 0 auto;
	}

/*
a.branding:hover{
	background: url("img/ba_logo.png") no-repeat bottom left;}
*/

/* Navigation */	

.artikelbild{
	background: white;
	height: 588px;
	}

.artikelbild_post,
.entry a{
	width: 220px;
	height: 220px;
	display: block;
	}


.link{
	padding: 10px;
	color: black;
	font: 20px 'Great Vibes', Helvetica, sans-serif;	
	text-align: center;
	background: white;
	}

#Hauptnavigation{
	width: 940px;
	margin: 0 auto;
	margin-left: 10px;
	margin-top: 31px;
	display: block;
	border-top: 1px solid #8b8768;
	border-bottom: 1px solid #8b8768;
	float: left;
	font-size: 15px;
	}

#Hauptnavigation a,
#subNavigation a{
	color: #8b8768;
	}
	
#Hauptnavigation a:hover,
#subNavigation ul li a:hover{
	color: #ff6300;
	background: #e8e8e8;
	}	


li.current-menu-ancestor a,
li.current-page-item a,
li.current-menu-item a{
	color: #ff6300!important;
	} 

ul#menu-menu{
	margin: 0 auto;
	}

#container{
	background: white;
	padding: 5px;
	}

#slider_container{
	background: white!important;
	}

.spacer{
	width: 960px;
	height: 20px;
	float: left;
	}

#topnav{
	text-align: right;
	text-transform: uppercase;
	margin: 0 auto;
	width: 940px;
	}

#topnav ul{
	margin: 0px;
	padding: 0px;
	}
	
#topnav li {
	list-style: none;
	padding: 5px 0px 5px 0px;
	margin: 10px;
	color: white;
	float: left;	
	}

#topnav li a{
	color: white;
	}

ul#uebersicht{
	float: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background: white;
	
	}

.uebersicht{
	margin: 10px 10px;
	}	

/*
li.uebersicht{
	height: 310px;
	background: #8b8768;
	margin-bottom: 20px;
	}	
*/

/*
li.uebersicht:hover{
	height: 310px;
	background: #ff6300;
	z-index: 1500;
	}	
*/	

/*
li.uebersicht a{
	color: white;
	display: block;
 	margin: 5px;
	height: 300px;
	z-index: 1000;
	}
*/

/*
li.uebersicht img:hover{
opacity:0;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
		}
*/



.attachment-single-thumbnail{
padding-bottom: 20px;
}

.content_nav_zurueck{
	margin:	10px;
	left: 0;
	float: left;
	}

.content_nav_vor{
	margin:	10px;
	right: 0;
	float: right;
	}

/* Sidenavigation */

#sidenav{
	
	}

ul#sidenav{
	padding: 0px;
	margin: 0px;
	}

ul#sidenav li{
	display: block;
/* 	color: #8b8768;	 */
	padding: 5px 0px 5px 0px;
	margin: 0px;
	border-bottom: 1px dotted #8b8768;
	}

/* Links */

a{
	color: #ff6300;
	text-decoration: none;
	list-style: none;
	}


/* Slider */

.slider{
	height: 310px;
	background: #8b8768;
	}


/* Content */



p {
	margin: 0px 0px 10px 0px;
	}

#content_startseite{
	background: white;
	float: left;
	}

#content_startseite a:hover{
	color: #8b8768;
	}

blockquote{
	color: white;
	width: 200px;
	min-height: 290px;
	background: #8b8768;
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 10px;
	}

blockquote p{
	width: 200px!important;
	margin: 0px!important;
	}

.entry{
	border: 10px solid white;
	background: white;
	width: 220px;
	height: 220px;
	float: left;
/* 	margin: 10px; */
/* 	padding: 10px; */
	overflow: hidden;
/* 	margin-bottom: 20px; */
/* 	min-width: 940px;	 */
	}

.entry:hover{
	border: 10px solid #c5c3b4;}

.content{
	background: white;
	padding: 10px;
	width: 680px;
	float: left;
	}

#content p{
/* 	width: 460px; */
	float: left;	
	margin: 10px 0px 0px 0px;
/* 	font-size: 12px; */
	line-height: 19px;
	}

#content .entry-content p{
	float: none;
	margin: 0px!important;
	}

#content img{
	float: left;
	margin: 0px 0px 0px 0px;
	}

#content img.size-full, #content img.size-large{
	margin: 0px 0px 20px 0px;
	}



.devider{
	margin-bottom: 5px;
	clear: both;
	text-align: right;
	border-bottom: 1px dotted #8b8768;	
	}


/* Gallery */

#gallery{
	margin-top: 0px;
	float: left;
	}

#gallery p{
	margin: 0px;
	padding: 0px;
	}


/*
 * ============= Änderungen v. Tim von hier an … ==============
 */	
/*
 * Menu 2ten Grades
 * - ohne border-top
 */
#menu-menu-1{
	border-bottom: 1px solid #8b8768;	
	}

#subNavigation{
	float: left;
	background: white;
	padding-top: 10px;
/* 	margin-bottom: 10px; */
/* 	margin-left: 20px; */
/* 	width: 220px; */
	}

#subNavigation li.menu-item-has-children ul{
	display: none!important;
	}

#subNavigation li.current-menu-item ul,
#subNavigation li.current-page-ancestor ul{
	display: block!important;
	} 


#subNavigation ul.sub-menu,#subNavigation ul.sub-menu li,
#subNavigation ul{
	padding: 0px;
	margin: 0px;
	} 

ul.sub-menu li a{
	list-style: none;
	font-size: 12px;
	color: #8b8768!important;
	} 

ul.sub-menu li a:hover{
	color: #ff6300!important;
	background: #e8e8e8;
	}
	
a.navThumbnail h2{
	font-weight: bold;
	font-size: 15px;
	margin:0px;
	padding: 10px 0px 10px 10px;
	color: white;
	background: #8b8768;
	text-transform: uppercase;
/* 	float: left; */
	}


ul.sub-menu li.current-menu-item a,
ul.sub-menu li.current-page-item a
	{
	color: #ff6300!important;
	}

li.menu-item, li.menu-item-type-post_type, li.menu-item-object-page{
list-style: none;

}
 
a.navThumbnail{
	height:200px;
	display: block;	
	}

a.navThumbnail:hover{
	color: aqua;
/* 	background-position: bottom!important; */
	}

/*
 * Navi-Elemente 2ten Grades einruecken und aufhellen
 */


#subNavigation ul ul.sub-menu li a{
	padding-left: 15px;
	}

#subNavigation ul li,
#subNavigation ul.sub-menu li {
	border-top: 1px solid #8b8768;
	}


#subNavigation ul.sub-menu ul.sub-menu,
#subNavigation ul.sub-menu ul.sub-menu li {
	border: none;
	}

#subNavigation ul.sub-menu ul.sub-menu li a {
	padding: 5px 0px 5px 15px;
	}

#uebersicht ul li {
	display:block;
	}
	




#subNavigation ul li a{
	font-size:12px;
	text-decoration:none;
	display:block;
	padding:5px 5px 5px 5px;
	text-transform: uppercase;
	}



/* Haupt- und Untermenupunkte einfaerben */


.navigation li{
	float:left;
	margin:5px 5px 0px 0px;
	font-size:12px;
	display: inline;
	text-align:left;
	}

/* Aktive Menüpunkte (auch bei Seiten 2ten Grades) highlighten */





	
/* Titel-Navigationspunkte 2ten Grades im Hauptcontent verstecken */
#content ul.sub-menu .current_page_item{
	display: none;
}

#subNavigation ul.sub-menu .current_page_item{
	display: block;

}

	
/*
 * ============ ^^ Letzte Änderungen v. Tim ===========
 */

.navigation li a{
	color:#636363;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 10px;
	}


.navigation li a:hover{
/* 	color:#ff6300; */
	}



/* Banderole */

.banderole {
width: 130px;
height: 180px;
top: -150px;
background: url(img/banderole.png) top left no-repeat;
position: fixed;
margin-left: 980px;
}

.banderole a:hover.icon {
background-position: left bottom!important;
}

.banderole a.icon.fb {
background: url(img/bandarole_icon_fb.png) no-repeat top left;
}

.banderole a.icon.gPlus {
background: url(img/bandarole_icon_gPlus.png) no-repeat top left;
}

.banderole a.icon.twitter {
background: url(img/bandarole_icon_twitter.png) no-repeat top left;
}

.banderole a.icon.pint {
background: url(img/bandarole_icon_pint.png) no-repeat top left;
}


.banderole a.icon span{
display: block;
padding: 6px 0px 6px 0px;
color: #8b8768;
/* opacity: 0; */
}

.banderole a.icon {
margin-left: 5px;
display: block;
height: 35px;
width: 100px;
padding-left: 50px;
text-decoration: none;
font-size: 12px;
margin-bottom: 2px;
}

.banderole a.icon span:hover{
/* 	opacity: 100!important; */
	color: #ff6300!important;
	}

	
/* Footer */

ul#menu-social-media a{
display: block;
height: 25px;
width: 100px;
padding-left: 30px;
	}

.facebook a{
	background: url(img/fb_footer.png) no-repeat top left;
	}

.google a{
	background: url(img/gp_footer.png) no-repeat top left;	
}

.twitter a{
	background: url(img/tw_footer.png) no-repeat top left;	
}

.instagram a{
	background: url(img/insta_footer.png) no-repeat top left;	
}

.pinterest a{
	background: url(img/pin_footer.png) no-repeat top left;	
}

a:hover{	
	background-position: bottom left;
}

/*
#footer li.facebook:hover{
background-position: left bottom!important;
background-position-x: 10px;
background-position-y: 6px;
}
*/

#footer h3	{	
	font-size: 16px;
	}

#footer ul{
	float:left;
	margin: 0px;
	padding: 0px;
	}



#footer li,
#footer li a,
.spalte p,
.spalte p a
	{
	color: #c5c3b4;
	list-style: none;
	line-height: 25px;
	}

#footer li a:hover{
	color: white;

	}

#footer li.current-menu-item a{
	color:white!important;}


#footer .current-menu-item, 
#footer .current_page_parent{
/* 	height:28px; */
	}


ul.sid{
	padding: 0px;
	margin: 0px;
	list-style: none;
	}

ul.sid ul{
	list-style: none;
	}

#menu-footer{
	padding: 0px;
	}

#menu-footer a{
	color: #c5c3b4;
	}

#menu-footer a:hover{
	color: black;
	}

.spalte{
	display: block;
	min-height: 50px;
	}

#footer{
	width: 100%;
	float: left;
	background: #8b8768;
	padding: 10px 0px 10px 0px;
	}

.footer_content{
	width: auto;
/* 	height: 140px; */
	color: #c5c3b4;
	font-size: 14px;
	}