/*
Theme Name: PWtheme
Theme URI: http://www.posdiena-wrobel.de
Description: A simple WordPress theme based on the PWtheme RWD framework
Version: 1.6
Author: Posdiena Wrobel Kommunikationsdesign
Author URI: http://www.posdiena-wrobel.de
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Table of Contents
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* #Site Styles
================================================== */


/* @group Navigation */

#navigation {
	margin-bottom: 20px;
	clear: both;
}

#navigation ul,
#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
}

/* @end */

#footer {
	clear: both;
	padding: 10px 0 10px 0;
}

#credits {
	text-align: center;
}




/* #Media Queries
================================================== */

/* Mehr als 960 (devices und browser) */
@media only screen and (min-width: 960px) {
	
	.bild_halbebreite_links, .bild_halbebreite_links_randlos,.bild_halbebreite_rechts{width: 312px;}
	.bild_drittelbreite_links, .bild_drittelbreite_links_randlos, .bild_drittelbreite_rechts{width: 202px;}
	.bild_zweidrittelbreite_links, .bild_zweidrittelbreite_links_randlos, .bild_zweidrittelbreite_rechts{width: 421px;}
	
}

/* Schmaler als der Standard 960 (devices und browser) */
@media only screen and (max-width: 959px) {
	
	.bild_halbebreite_links, .bild_halbebreite_links_randlos,.bild_halbebreite_rechts{width: 312px;}
	.bild_drittelbreite_links, .bild_drittelbreite_links_randlos, .bild_drittelbreite_rechts{width: 202px;}
	.bild_zweidrittelbreite_links, .bild_zweidrittelbreite_links_randlos, .bild_zweidrittelbreite_rechts{width: 421px;}
	
}

/* iPad Portrait/Browser */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#sidebar .widget-container {margin-left: 0px;}
	.resize {display: none;}
	#respond textarea {width:auto;}	
	
	
	.bild_halbebreite_links, .bild_halbebreite_links_randlos,.bild_halbebreite_rechts{width: 246px;}
	.bild_drittelbreite_links, .bild_drittelbreite_links_randlos, .bild_drittelbreite_rechts{width: 158px;}
	.bild_zweidrittelbreite_links, .bild_zweidrittelbreite_links_randlos, .bild_zweidrittelbreite_rechts{width: 333px;}
	
}

/* Mobile/Browser */
@media only screen and (max-width: 767px) {
	
	
	#wrap {}
	#header .header_extras {float: left;}
	#header .header_extras ul li{margin: 0 20px 0 0;}
	#navigation {margin: 10px 0px;}
	
	#navigation ul,
	#navigation ul li,
	#navigation ul li a {
	float: none;
	background: transparent;
	border: none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	behavior:none;
	}
	
	#navigation ul li a,
	#navigation ul li.active a,
	#navigation ul li a:hover,
	#navigation ul li:hover a {
	border: none;
	padding: 2px 0;
	line-height: 150%;
	background: transparent;
	background-image: none;
	}
	
	/* Reset und Ausblenden der Unterpunkte auf mobilen Engeraeten */
	
	#navigation ul.sub-menu,
	#navigation ul.sub-menu li,
	#navigation ul.sub-menu li:hover,
	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover
	 {
		display: none;
		position: relative;
		left: 0px;
		line-height: 100%;
		background: none;
		border: none;
		border-style: none;
		box-shadow:none;
		padding: 0;
		margin: 0;
		height: auto;
		background-image: none;
	}
	
	/* Padding Untermenupunkte */

	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover {
		padding: 4px 0px 4px 10px;
	}
	
	/* Hover */
	
	#navigation li:hover ul.sub-menu,
	#navigation li:hover ul.sub-menu li,
	#navigation li:hover ul.sub-menu li a {
		display: inline-block;
	}
	#respond textarea {width:100%;}	


	#wrap .products li,.products li.first,.products li.last {
		float: left;
		clear: both;
		margin: 20px 0px 20px 0px;
		width: 100%;
	}

	#breadcrumb {display: none;}

	#sidebar .widget-container {margin-left: 0px;}
	.full-width,
	.one_half,
	.one_third,
	.two_thirds,
	.three_fourths,
	.one_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth {width: 100%;}
	.resize {display: none;}
	
	.bild_halbebreite_links, .bild_halbebreite_links_randlos,.bild_halbebreite_rechts{width: 246px;}
	.bild_drittelbreite_links, .bild_drittelbreite_links_randlos, .bild_drittelbreite_rechts{width: 158px;}
	.bild_zweidrittelbreite_links, .bild_zweidrittelbreite_links_randlos, .bild_zweidrittelbreite_rechts{width: 333px;}

}

/* Mobile Landscape/Browser */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.bild_halbebreite_links, .bild_halbebreite_links_randlos,.bild_halbebreite_rechts{width: 202px;}
	.bild_drittelbreite_links, .bild_drittelbreite_links_randlos, .bild_drittelbreite_rechts{width: 202px;}
	.bild_drittelbreite_links_randlos{margin-right: 16px;}
	.bild_drittelbreite_links{margin-right: 16px;}
	.bild_drittelbreite_rechts{margin-left: 16px;}
	.bild_zweidrittelbreite_links, .bild_zweidrittelbreite_links_randlos, .bild_zweidrittelbreite_rechts{width: 100%;margin-left: 0; margin-right: 0}
	
}

/* Alles schmaler als 960 */
	@media only screen and (max-width: 959px) {

}

/* Nur iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {

}
	
/* Nur Mobile Breiten*/
@media only screen and (max-width: 767px) and (max-device-width: 1000px) {

}

/* Nur Mobile Landscape Breite */
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {

}

/* Mobile Portrait Breite zu mobile Landscape Breite (devices und browser) */
@media only screen and (max-width: 479px) {

	.bild_halbebreite_links, .bild_halbebreite_links_randlos,.bild_halbebreite_rechts{width: 100%;margin-left: 0; margin-right: 0}
	.bild_drittelbreite_links, .bild_drittelbreite_links_randlos, .bild_drittelbreite_rechts{width: 142px;}
	.bild_drittelbreite_links_randlos{margin-right: 16px;}
	.bild_drittelbreite_links{margin-right: 16px;}
	.bild_drittelbreite_rechts{margin-left: 16px;}
	.bild_zweidrittelbreite_links, .bild_zweidrittelbreite_links_randlos, .bild_zweidrittelbreite_rechts{width: 100%;margin-left: 0; margin-right: 0}

}