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


/* @group Navigation */


ul#menu-nav {
	margin-bottom: 20px;
}


ul#menu-nav,
ul#menu-nav li {
	float: left;
	margin: 0;
	padding: 0;
}


#navigation {
	margin-bottom: 20px;
}

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

/* @end */

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

#credits {
	text-align: center;
	float: left;
	width: 100%;
}

/* #Page Styles
================================================== */

/* Layout Shortcodes */
.full-width {width:960px; height:auto; overflow:hidden}

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_thirds { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourths { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}


.last {margin-right:0 !important;}


/* #Media Queries
================================================== */
	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	button#top {
	    visibility: visible;
	}
	
	.top {
	    background: #00B588;
	    margin: 0 auto;
	    padding: 0;
	    width: 100%;
	    height: 60px;
	}
	
	button#top,
	button#top img {
		width: 70px;
		height: 70px;
		padding: 0;
	} 
	
	div#logo {
		width: 30px;
	}
	
	div#logo a img {
		height:  60px;
	}
	
	div.menu-nav-container {
		float: left;
		height: 90px;
		display: none;
	}
	
	ul#menu-nav {
	   z-index: 3;
	   float: right;
	}
	
	div.menu-nav-container {
	float: left;
	height: auto;
	width: 100%;
	border-left: 1px solid #e3e3e3;
	}
	
	ul#menu-nav {border-radius:0px;}	
	ul#menu-nav li a {font-size: .9em;}
	
	ul#menu-nav li { 
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
    display: inline-block;
    background: #00B588;
    float: left;
    width: 49%;
    text-align: center;
    behavior: url("http://econef.org/wordpress/wp-content/themes/skeleton/wp-content/themes/skeleton/PIE.php");
	}

	ul#menu-nav li a {
	background-image: none;
	text-decoration: none;
	display: block;
	color: #fff;
	height: 80px;
	width: 100%;
	letter-spacing: 1px;
	}

	ul#menu-nav li a h4 {
	color: #fff;
	font-family: courier new;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	letter-spacing: 1.5px;
	margin-top: 10px;
	}

	ul#menu-nav li a span p {
    width: 100%;
    padding: 0;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 1.5px;

	}
	
	#navigation ul {border-radius:0px;}
	#navigation ul li a {font-size: .9em;padding: 10px 15px;}
	#navigation ul {min-width: 700px;}
	
	#sidebar .widget-container {margin-left: 0px;}
	.resize {display: none;}
	#respond textarea {width:auto;}	
	
	/* jigoshop styles */
	#header .site-desc.text {font-size: 1.25em;}
	
	}
	
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {
	
	#wrap {margin-top: 3em;}
	#header .site-desc.text {font-size: 1.25em;}
	
		button#top {
		    visibility: visible;
		}

		.top {
		    background: #00B588;
		    margin: 0 auto;
		    padding: 0;
		    width: 100%;
		    height: 50px;
		}
		
		button#top,
		button#top img {
			width: 50px;
			height: 50px;
		} 
		
		div#logo {
			width: 30px;
		}
		
		div#logo a img {
			height:  50px;
		}
		
		div.menu-nav-container {
			float: left;
			height: 90px;
			display: none;
		}
		

		ul#menu-nav {
		   z-index: 3;
		   float: right;
		}
		
		div.menu-nav-container {
		float: right;
		height: auto;
		width: 100%;
		border-left: 1px solid #e3e3e3;
		}
		
		ul#menu-nav {border-radius:0px;}	
		ul#menu-nav li a {font-size: .9em;}
		
		ul#menu-nav li { 
		border-right: 1px solid #e3e3e3;
		border-bottom: 1px solid #e3e3e3;
	    display: inline-block;
	    background: #00B588;
	    float: left;
	    width: 49%;
	    text-align: center;
	    behavior: url("http://econef.org/wordpress/wp-content/themes/skeleton/wp-content/themes/skeleton/PIE.php");
	    height: 40px;
		}
	
		ul#menu-nav li a {
		text-decoration: none;
		display: block;
		color: #fff;
		height: auto;
		width: 100%;
		letter-spacing: 1px;
		}
	
		ul#menu-nav li a h4 {
		color: #fff;
		font-family: courier new;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 1.5px;
		margin-top: 10px;
		font-weight: 600;
		}
	
		ul#menu-nav li a span p {
		display:none;
	
		}
		
		/* Navbar Hover Links */
		
		ul#menu-nav li:hover a,
		ul#menu-nav li a:hover h4, 
		ul#menu-nav li a:hover {
			color: #336633;
			background: #fff;
		    position: relative;
		    font-weight: 500;
		    behavior: url("http://econef.org/wordpress/wp-content/themes/skeleton/wp-content/themes/skeleton/PIE.php");
/*		    height: auto;*/
		    padding-top: 0.2em;
		    height: 25px;
		}
		
		/* Navbar Active Links */
		
		ul#menu-nav li.current_page_item {
			padding-top: 0em;
		}
		
		ul#menu-nav li.current_page_item a, 
		ul#menu-nav li.current_page_item a h4 {
		    background: #fff;
		    color: #00B588;
		    font-weight: 600;
		}
		ul#menu-nav li.current_page_item a {
			color: #336633;
			height:  40px;
		}
		
		/* Page Menus/Custom Menus */
		ul#menu-nav li.color1{
		    background: #803D0D;
		    float: left;
		}
		ul#menu-nav li.color2 {
		    background: #F69240 url('http://econef.org/wordpress/wp-content/themes/skeleton/images/donate.png') left no-repeat;
		    float: left;
		}
		ul#menu-nav li.color3 {
		    background: #F9461C url('http://econef.org/wordpress/wp-content/themes/skeleton/images/hen.png') left no-repeat;
		    float: left;
		}
		
		/* Page Menus/Custom Menus/Active Links */
		
		ul#menu-nav li.color1.current_page_item a, 
		ul#menu-nav li.color1.current_page_item a h4 {
		    background: #fff;
		    color: #803D0D;
		    font-weight: 600;
		}
		
		ul#menu-nav li.color2.current_page_item a,
		ul#menu-nav li.color2.current_page_item a:hover {
		    background: #fff url('http://econef.org/wordpress/wp-content/themes/skeleton/images/donate2.png') left no-repeat;
		}
		ul#menu-nav li.color2.current_page_item a h4 {
		    color: #F69240;
		    font-weight: 600;
		}
		ul#menu-nav li.color3.current_page_item a,
		ul#menu-nav li.color3.current_page_item a:hover {
		    background: #fff url('http://econef.org/wordpress/wp-content/themes/skeleton/images/hen2.png') left no-repeat;
		}
		ul#menu-nav li.color3.current_page_item a h4 {
		    color: #F9461C;
		    font-weight: 600;
		}
		
		ul#menu-nav li.color2 a:hover {
			background: #fff url('http://econef.org/wordpress/wp-content/themes/skeleton/images/donate_hover.png') left no-repeat;
		}
		ul#menu-nav li.color3 a:hover {
			background: #fff url('http://econef.org/wordpress/wp-content/themes/skeleton/images/hen_hover.png') left no-repeat;
		}
		
		
	
		/* Initial reset and hide sublevels in mobile view */
		
		
	ul#menu-nav ul.sub-menu,	
	ul#menu-nav ul.sub-menu li,	
	ul#menu-nav ul.sub-menu li:hover,	
	ul#menu-nav ul.sub-menu li a,	
	ul#menu-nav 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;
		}
		
		/* Declare new padding for submenu items */
	
		
	ul#menu-nav ul.sub-menu li a,
	ul#menu-nav ul.sub-menu li a:hover {
			padding: 4px 0px 4px 10px;
		}
		
		/* Show on hover */
		
		
	ul#menu-nav li:hover ul.sub-menu,	
	ul#menu-nav li:hover ul.sub-menu li,	
	ul#menu-nav li:hover ul.sub-menu li a {
			display: inline-block;
		}
		
	#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;
	}
	
	/* Initial reset and hide sublevels in mobile view */
	
	#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;
	}
	
	/* Declare new padding for submenu items */

	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover {
		padding: 4px 0px 4px 10px;
	}
	
	/* Show on 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;
	}
	
	/*entry-meta*/
			
			div#content.eleven.columns {
				margin-bottom: 2em;
				padding-bottom: 2em;
			}
			
			div.entry-summary {
				margin-top: 3em;
			}
			.econef_aktuellt .entry-meta {
	        padding: 18px 5px;
	        width: 70px;
	        height: 44px;
	        margin: 2em 0 1em 2em;
			}
			
			.entry-meta {
			padding: 18px 5px;
			width: 70px;
			height: 44px;
			margin-bottom: 2em;
			}
			
		    h2.entry-title.seven.columns {
			display: inline;
			float: none;
			margin: 1em auto;
			}
			
			h2.entry-title.aktuellt {
				padding: 0.5em;
			    margin-left: 80px;
			    font-size: 15px;
			}
			
			h2.entry-title.single {
			    padding:0;
			    font-size: 25px;
			    line-height: 32px; 
			    heihgt: auto;
			    display: inline;
			}
		     
		     .entry-date-month {
		       display: none;
		     }
		     
		     .entry-date-month.shortdate {
		       display: block;
		     }
		     
		     .entry-date-year {
		       display: none;
		     }
	
	#respond textarea {width:300px;}	


	
	#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;}

	}
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {
	
	}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */
		
/*	@font-face {
	    font-family: 'FontName';
	    src: url('http://econef.org/wordpress/wp-content/themes/fonts/FontName.eot');
	    src: url('http://econef.org/wordpress/wp-content/themes/fonts/FontName.eot?iefix') format('eot'),
	         url('http://econef.org/wordpress/wp-content/themes/fonts/FontName.woff') format('woff'),
	         url('http://econef.org/wordpress/wp-content/themes/fonts/FontName.ttf') format('truetype'),
	         url('http://econef.org/wordpress/wp-content/themes/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/