/*
Theme Name: Schneider Elemente
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: EDB GmbH, Jacek Blech
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/


@charset "utf-8";
/* CSS Document */



/*


Farben

Links #6b4319


*/

@import url(http://fonts.googleapis.com/css?family=Alike);



/************************************************************
 * S T I C K Y   F O O T E R                                *
 * http://ryanfait.com/sticky-footer/                       *
 ************************************************************/
 
html, body { 
	height: 100%; 
}
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -125px; 
}
footer, .push {
	height: 125px;
}

/************************************************************
 * F O O T E R                                              *
 ************************************************************/

footer { 
	background: url(./css/footer-bg.jpg) left bottom repeat-x;
}

footer {
	color: #cbae90;
	text-shadow: -1px -1px 1px #351d11;
}
footer, footer p {
	font-size: 10px;
	text-align: center;
}
footer p {
	margin: 0;
}

footer a {
	color: #e8d4bf;
	padding: 1px 5px;
	display: inline-block;
	xletter-spacing: -0.5px;
	font-weight: normal;
	
	-webkit-border-radius: 4px;
	border-radius: 4px;	

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}

footer a:hover {
	color: #e8d4bf;
	text-decoration: underline;
	background-color: rgba(53,29,17,0.5);
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);	
}

footer nav ul {
	list-style-type: none;
	margin: 75px 0 0 0;
	text-align: center;
}

footer nav ul li {
	display: inline-block;
	/* IE 7 Hack */
	zoom: 1; 
	*display: inline;
	/* End */	
}
footer nav ul li:before {
	content: '\2022';
	margin: 0 0px;
}

footer nav ul li:first-child:before {
	content: "";
	margin: 0;
}

/************************************************************
 *                                                          *
 ************************************************************/

body, p, label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold; 
}
#content p /*, #content li*/ {
	text-align: justify;
}


body {
	background: url(./css/top-bg.jpg) left top repeat-x;
}

.header-bg {
	background: url(./css/header-bg.jpg) left 100px repeat-x;
		height: 550px;
}

header { 

	position: absolute; 
	
	background: url(./css/span.png) right 50px no-repeat;
	cborder: 1px solid blue;
	height: 450px;

}

header h1 { 
	background: url(./css/logo.png) left top no-repeat;
	width: 486px;
	height: 140px;
	position: absolute;
	top: 50px;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;	
}

header #claim { 
	background: url(./css/claim.png) left top no-repeat;
	width: 200px;
	height: 126px;
	position: absolute;
	top: 185px;
	margin-left: 30px;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;	
}

header nav ul.main {
	background: url(./css/main-menu-980-bg.jpg) center top no-repeat;
	position: relative;
	top: 357px;
	list-style-type: none;
	margin-left: 0;
	text-align: center;
	height: 44px;
	padding-top: 10px;
}

header nav ul.main li {
	display: inline-block;
	/* IE 7 Hack */
	zoom: 1; 
	*display: inline;
	/* End */
	width: 27%;
	
}

header nav ul.main a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #6b4319;
	font-weight: bold; 
	text-transform: uppercase;
	padding: 5px 30px; 
	cborder: 1px solid blue;
}

header nav .frame ul {
	position: absolute;
	top: 20px;
	text-align: right;
	width: 100%;
		margin-right: 15px;
}

header nav .frame ul li {
	display: inline-block;
	/* IE 7 Hack */
	zoom: 1;
	*display: inline;
	/* End */
	margin: 0 15px 0 0;
}

header nav .frame ul li a {
	color: #6b4319;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
}



/************************************************************
 * H E A D E R   S L I D E S H O W                          *
 ************************************************************/
 
header #header-gallery {
	position: absolute;
	top: 150px;
	margin-left: 250px;
	width: 530px;
	height: 200px;
	overflow: hidden;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
	margin-top: 10px;
	
-webkit-box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, 0.5);
        
        box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, 0.5);	
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 750px;
	height: 200px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 750px;
	height: 200px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 150px;
	height: 200px;
}	

/************************************************************
 * S H O W C A S E                                          *
 ************************************************************/
 
#showcase { padding-top: 430px !important; } 



/************************************************************
 * C O N T E N T                                            *
 ************************************************************/
 
#content {
	padding-top: 420px; 

}



#content.front-page {
	padding-top: 0px;
}

#content.front-page li {
	text-align: justify;
}

#content.front-page .span6.left {
	padding-right: -20px;
}

h1 {
	font-family: 'Alike', serif;
	color: #7d5b37;
	margin: 0 0 0.5em 0;
}

h2 {
	font-family: 'Alike', serif;
	color: #7d5b37;
	margin: 1.5em 0 1em 0;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

h3 {
	font-size: 15px;
	margin: 1em 0 1em 0;
	clear: both;
}

/*#content ul {
	clear: both;
}*/


/* Abstand Spalten im Template Page-Sidebar */
#content.row.page-sidebar .span8 .padding {
	margin-right: 10px;
}
#content.row.page-sidebar .span4 .padding {
	margin-left: 10px;
}
	




/* Bilder mit Text */


a img { border: 1px solid #000; }
.gallery a img { border: 1px solid #000 !important; }
#showcase a img { border: none; }			

iframe,
.wp-caption {
	background: url(./css/img-bg.jpg) left top repeat;
	border: 1px solid #ae7f4c;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
-webkit-box-shadow: 0px 0px 3px 0px rgba(104, 66, 24, 0.8);
box-shadow: 0px 0px 3px 0px rgba(104, 66, 24, 0.8);
}

iframe { padding: 10px; }

.wp-caption img {
	margin: 5px;
}

.wp-caption p.wp-caption-text {
	font-size: 10px;
	font-weight: bold;
	margin: -5px 5px 5px 5px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}




.wp-caption-text.gallery-caption {
	font-size: 10px;
	font-weight: bold;
}

.gallery-item { margin-bottom: 0; }


.alignleft {
	float: left;
	margin-right: 3em;
	margin-bottom: 2em;
}

.alignright {
	float: right;
	margin-left: 3em;
	margin-bottom: 2em;
}



#content * { 
	line-height: 170%;
}

#content ul li {
	margin-bottom: 0.5em;
}


blockquote {
	border: 0;
	margin: 2em 1em 2em 1em;
}

blockquote p { 
	font-size: 15px;
	font-style: italic;
	color: #7D5B37;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

form.wpcf7-form {
	margin-left: 50px;
	background: #f9f6ea;
	border: 1px solid #f3d6b4;
	padding: 10px 30px;
	width: 340px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(./assets/layout/img-bg.jpg) left top repeat;
	border: 1px solid #ae7f4c;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(104, 66, 24, 0.8);
	box-shadow: 0px 0px 3px 0px rgba(104, 66, 24, 0.8);
}
form.wpcf7-form label {
	font-size: 10px;
	font-weight: bold;
	display: inline;
}
form.wpcf7-form .wpcf7-form-control-wrap input,
form.wpcf7-form .wpcf7-form-control-wrap textarea {
	width: 330px;
	margin-bottom: 0;
	border: 1px solid #ac824f;
	
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(149, 108, 60, 0.5);
box-shadow: inset 0px 0px 5px 0px rgba(149, 108, 60, 0.5);	
}
form.wpcf7-form .wpcf7-form-control-wrap input:focus,
form.wpcf7-form .wpcf7-form-control-wrap textarea:focus {
	border-color: #875d2b;
}
form.wpcf7-form .wpcf7-form-control-wrap textarea {
	height: 100px;
}
form.wpcf7-form .wpcf7-form-control-wrap input.wpcf7-not-valid,
form.wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-not-valid {
	border-color: red; 
}
form.wpcf7-form .wpcf7-form-control-wrap span {
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	background: red;
	padding: 0px 10px;
	color: #fff;
}
div.wpcf7-validation-errors {
	font-weight: bold;
}
form.wpcf7-form input.wpcf7-submit {
  display: inline-block;
  padding: 4px 50px 4px;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: .3em;
	
}


#player {
	display: block;
	width: 270px;
	height: 204px;
	margin-bottom: 2em;
}


#gallery-teaser {
	background: url(./css/gallery-teaser-bg-980.png) left 12px no-repeat;	
	padding: 0 20px;
	margin: 0 -35px;
}

#gallery-teaser img {
	margin: 0 5px; 
	-webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.5);	
}

@media (min-width: 768px) and (max-width: 980px) {
	body { border-top: 10px solid yellow;
	}

	header nav .frame ul li {
		margin-right: 10px;
	}
	header nav .frame ul li a {
		font-size: 9px;
	}
}


@media (min-width: 980px) and (max-width: 1200px) {
	body { 
		
	}
}

@media (min-width: 1200px) {
	header nav .frame ul {
		margin-right: 0px;
	}
	header nav .frame ul li {
		margin-right: 30px;
	}
	header nav .frame ul li a {
		font-size: 12px;
	}
	
	header #header-gallery {
		width: 750px;
		
	}
	
	header nav ul.main {
		background: url(./css/main-menu-1200-bg.jpg) center top no-repeat;
	}
	
	footer, footer p {
		font-size: 11px;
	}
	
	#content.row.page-sidebar .span8 .padding {
		margin-right: 20px;
	}
	
	#content.row.page-sidebar .span4 .padding {
		margin-left: 20px;
	}
	
	#player {
		/*width: 380px;
		height: 288px;*/
		width: 350px;
		height: 265px;
	}

	form.wpcf7-form {
		width: 410px;
	}
	form.wpcf7-form .wpcf7-form-control-wrap input,
	form.wpcf7-form .wpcf7-form-control-wrap textarea {
		width: 400px;
	}

	#gallery-teaser {
		background: url(./css/gallery-teaser-bg.png) left 12px no-repeat;	
		padding: 0 20px;
		margin: 0 -35px;
	}

	#gallery-teaser img {
		margin: 0 18px; 
		border: 0;
	}
}








/* NextGen Galerie */

.ngg-galleryoverview  { overflow: hidden; }
.ngg-galleryoverview .ngg-gallery-thumbnail-box { float: left; margin-right: 20px; width: 200px; }
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a { width: 200px; height: 155px; display: block; text-align: center; }
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a img { margin: auto auto; }
.ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail span { display: block; text-align: center; font-size: 11px; } 

#page-firmengeschichte-philosophie .ngg-galleryoverview  { margin-top: 1em; }
#page-firmengeschichte-philosophie .ngg-galleryoverview .ngg-gallery-thumbnail-box, #page-firmengeschichte-philosophie .ngg-galleryoverview .ngg-gallery-thumbnail-box a { width: 160px; }

#page-firmengeschichte-philosophie .span4 .ngg-galleryoverview .ngg-gallery-thumbnail-box, #page-firmengeschichte-philosophie .span4 .ngg-galleryoverview .ngg-gallery-thumbnail-box a { width: 150px; }