/*
Theme Name: Surfer-Theme
Description: Childtheme (twentyeleven) für die SWCBE Homepage
Author: Dieter Selz
Author URI:
Template: twentyeleven
Version: 0.1
Tags:
*/
@import url("../twentyeleven/style.css");
/*hier kommen die neuen CSS-Angaben*/

/* =Structure
----------------------------------------------- */
#branding hgroup {
	width: 100%;
	margin: 0;
	background-image: url("images/SWCBE150x150.jpg");
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-align: center;
}
#access div {
	margin: 0 0 0 0;
}
#content-akt {
	margin-left: 5%;
	margin-right: 225px;
	width: auto;
}
#content {
	margin: 0;
	width: 100%;
}
#content-akt .entry-content {
	text-align: justify;
}
#content .entry-content {
	text-align: justify;
}
#secondary {
	margin-right: 25px;
	width: 175px;
}

/* Singular */
.singular #content,
.left-sidebar.singular #content {
	margin: 0 5%;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	width: 100%;
}
.singular .entry-header {
	width: 100%;
	margin: -50px auto 0 auto;
}

/* Showcase */
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0 5%;
}

/* error404 */
.error404 #primary #content {
	margin: 0 5%;
}

/* Right Content */
.left-sidebar #content {
	margin: 0 5% 0 34%;
}

/* One column */
.one-column #content {
	margin: 0 5%;
}

/* =Header
----------------------------------------------- */
#site-title {
	margin: 0 auto;
	width: 520px;
	padding: 2em 0;
}

/* =Menu
-------------------------------------------------------------- */
#access {
	background: #003;
	float: none;
	margin: 0 auto;
	text-align:center;
	line-height: 0em; 
}
#access ul {
	margin: 0;
	display:inline-block;
	text-align: left;
}

/* Search Form */
#branding #searchform {
	top: 3.5em;
	right: 20px;
}

/* =Footer
-------------------------------------------------------------- */
#site-generator  {
	background: #003; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#003, #004);
	background: -o-linear-gradient(#003, #004);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003), to(#004)); /* older webkit syntax */
	background: -webkit-linear-gradient(#003, #004); 
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	color: #eee;
	font-size: 12px;
	line-height: 2.2em;
	padding: 2.2em 0.5em;
	text-align: center;
}
#site-generator a {
	color: #eee;
	font-weight: bold;
}

/* =Article
-------------------------------------------------------------- */
.attachment-post-thumbnail {
    float: left;
    /* height: 150px; */
    width: 250px;
}

.entry-content p a{
	color: #357ebf;
	font-weight: bold
}

/* Images */
.entry-summary img,
.entry-content img,
.comment-content img,
.widget img {
	border: 1px solid #000;
	max-width: 250px; /* Fluid images for posts, comments, and widgets */
	float: left;
	margin-right: 15px; /*1.625em; */
}

/* =selfmade Content
----------------------------------------------- */
.Willkommen img {
	border: 1px solid #000;
	max-width: 300px;
	width: 100%;
	height: 100%;
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
}
.Bild_rechts img {
	border: none;
	max-width: 600px;
	width: 100%;
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
}
.Bild_only img {
	border: none;
	max-width: 450px;
	width: 100%;
	float: none;
	margin: 0 20px 0 5%;
	padding: 0;
}

/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 920px) {
	/* Simplify the basic layout */
	#main #content {
		margin: 0 5%;
	}
	#main #secondary {
		float: right;
		margin: 0 3px 0 0;
		width: 170px;
	}
	#branding hgroup {
		width: auto;
		padding-left: 150px;
		background-position: 0px 50%;
	}
	#branding #searchform {
		display: none;
	}
	#content-akt {
		margin-left: 5%;
		margin-right: 190px;
		width: auto;
	}
}

@media (max-width: 750px) {
	#branding hgroup {
		padding-left: 0;
		background: none;
	}
	#content-akt {
		margin: 0 5%;
		width: auto;
	}
	#main #secondary {
		display: none;
	}
}

@media (max-width: 600px) {
	/* @media (max-width: 600px) Reduce font-sizes for better readability on smaller devices */
	#site-title {
		margin: 0 auto;
		width: auto;
		max-width: 420px;
		padding: 1em 0;
	}
	#content .Willkommen img {
		display: none;
	}
	#content-akt img {
		width: 100%;
	}
/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -5%;
	margin-right: -5%;
	padding-left: -5%;
	padding-right: -5%;
}
#ie7 .featured-posts {
	margin: 0 -5%;
}
#ie7 section.recent-posts {
	margin-right: 5%;
}