/*!
Theme Name: Keine Knochenbrüche
Theme URI: http://cozmoslabs.com/
Author: Cozmoslabs
Author URI: http://cozmoslabs.com/
Description: A custom WordPress theme for Keine Knochenbrüche website.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/ 


/* Reset browser defaults 
@import url('library/css/reset.css'); */

/* Apply a basic layout */
@import url('library/css/2c-r-fixed.css');

/* Apply a responsive layout 
@import url('library/css/responsive.css'); 

@font-face {
    font-family: NeueDemos Bold;
    src: url(fonts/gibson-semibold-webfont.ttf);
}
*/
@font-face {
    font-family: DemosPro;
    src:url(fonts/demos_lt_medium.ttf);
}

@font-face {
    font-family: Netto;
    src:url(fonts/netto.ttf);
}

/* =Reset
-------------------------------------------------------------- */

html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;vertical-align:baseline;outline:none;font-size:100%;background:transparent;border:none;text-decoration:none}b,i,hr,u,center,menu,layer,s,strike,font,xmp{margin:0;padding:0;vertical-align:baseline;outline:none;font-size:100%;font-weight:normal;font-style:normal;background:transparent;border:none;text-decoration:none}font{color:#333}center{text-align:left}

/* =Global Elements
-------------------------------------------------------------- */
body, input, textarea {
    font: 13px DemosPro, serif;
    line-height:20px;
	color:#83939c;
}
p, ul, ol, dd, pre {
    margin-bottom:22px;
}

ul, ol{
	margin-left:20px;
}

dl dd{
	margin-left:30px;
}
pre, code {
	font:14px Monaco, monospace;
	line-height:22px;
}
blockquote {
    color:#666;
    font-style:italic;
}

table {
    border:1px solid #ccc;
    border-width:1px 1px 0 1px;
	border-collapse: collapse;
    font-size:13px;
    line-height:18px;
    margin:0 0 22px 0;
    text-align:left;
}

table.form-table{
	border:0;
}

caption {
    text-align:left;
}
tr {
    border-bottom:1px solid #ccc;
}
th, td {
    padding: .7em 1.25em;
}

a:link {
    color:#83939c;
	text-decoration:underline;
	font-size:15px;
}
a:visited {
    color:#83939c;
}
a:active,
a:hover {
    color: #e7435b;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#wrapper {
	background:#f2f4f5;
	min-width:960px;
}
#main-wrapper {
	padding-top:240px;
}

/* =Header
-------------------------------------------------------------- */
#branding
#inner-header {
	background-image: url('images/banner_top.jpg');
	background-repeat: no-repeat;
	background-color:#fff;
	background-position:center top;
	height:190px;
}

#inner-header hgroup {
	float:left;
}

#site-title {
	float:left;
	font-size:50px;
	font-weight:bold;
	padding-left:50px;
	padding-top:10px;	
}

#site-title img{
	display: block;
	height: 210px;
	width: 210px;
	position:absolute;
	z-index:100; 
}

#site-title a{
	color:#000;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3), 1px -1px 0 rgba(0,0,0,0.3), -1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(0,0,0,0.3);
	text-rendering: optimizeLegibility;
	line-height:150px;
	height:150px;
}

#site-title a:hover{
	color:#ba0000;
}

#site-description {
	margin-top:70px;
	float:right;
	width:50%;
	text-align:right;
	display:none;
}
#rectangle {
	width:940px;
	height:40px;
	margin: 0 auto;
	background:#f2f4f5;
	clear:both;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	border-bottom:10px solid #fff;
}

/* =Menu
-------------------------------------------------------------- */

#access{	
	display:block;
	background:#fff;
	/*box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);	
	clear:both;*/
	margin-top:155px;
	margin-right:40px;
	float:right;
}

#access ul {
	list-style: none;
	margin: 0;
}

#access li {
	float: left;
	position: relative;
}

#access a {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	text-decoration: none;
	color:#83939c;
	font-weight:bold;
	font-size:13px;
	
}

#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 30px; /* Same height as tha a*/
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #dedede;
	line-height: 30px;
	padding: 0 10px;
	width: 10em;
	height: auto;
}

#access li:hover > a,
#access ul ul :hover > a,
#access ul li.current-menu-item a{ 
	 color:#e7435b; 
}
	

#access ul ul a:hover {
	background: #cecece;
}
#access ul li:hover > ul {
	display: block;
}



/* =Content
-------------------------------------------------------------- */
#main {
	background:#fff;
}

article{
	position: relative;
	clear: both;
	margin-bottom:50px;
	display: block;
}

.entry-summary {
	overflow:hidden;
}

.entry-header, .page-header{
	margin-bottom:22px;
}

.entry-title, .entry-title a{
	font-size:22px;
	color:#fff;
	line-height:40px;
	padding-left:160px;
	border-bottom:10px solid #fff;
}
#home .entry-title {
	display:none;
}

.entry-title a:hover{
	color:#ba0000;
}

.sticky {
}

.entry-meta, .entry-utility {
	clear: both;
	display: block;
	font-style:italic;
	color:#666;
	margin:10px 0 22px;
}

.entry-meta{
	margin:10px 0 0;
}

.entry-meta a, .entry-utility a{
	color:#666;
	text-decoration:none;
}

.entry-meta a:hover, .entry-utility a:hover{
	color:#ba0000;
}

.entry-meta .sep, .entry-utility .sep{
	color:#333;
}

.entry-content {
	padding:0px 160px 0px 160px; 
}
.entry-content h1, .entry-summary h1{
	font-size:22px;
	font-family:Netto, serif;
	margin-bottom:20px;
}

.entry-content h2, .entry-summary h2{
	font-family: Netto, serif;
	font-size:22px;
	line-height:26px;
	letter-spacing:0.4px;
	margin-bottom:20px;
	color:#e7435b;
}
#home .entry-content h2 {
	padding-top:15px;
}

.entry-content h3, .entry-summary h3{
	font-family:Netto, serif;
	font-size:15px;
	margin-bottom:10px;
	color:#e7435b;
	letter-spacing:0.3px;
}
#frage-antwort .entry-content h3, #frage-antwort .entry-summary h3 {
	margin-bottom:0px;
}

.entry-content h4, .entry-summary h4{
	font-family:Netto, serif;
	font-size:15px;
	/*margin-bottom:10px;*/
}

.entry-content h5, .entry-summary h5{
	font-size:14px;
	margin-bottom:10px;
}

.entry-content h6, .entry-summary h6{
	font-size:12px;
	margin-bottom:10px;
}

h4.answer {
	cursor:pointer;
	text-decoration:underline;
	color:#83939c;
	padding-bottom:30px;
}

h4.answer.expanded {
	text-decoration:none;
	color:#e7435b;
	padding-bottom:0px;
	padding-top:20px;
}

p.answer {
	display:none;
	padding-bottom:50px;
}

h4.read-more{
	cursor:pointer;
	text-decoration:underline;
}

div.read-more{
	display:none;
}

.page-link{
	clear:both;
}

#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#nav-below {
	margin: 20px 0;
}

article blockquote {
	position: relative;
	padding:0 50px;
}
article blockquote:before {
	color:#ebd91c;
	content:"\201C";
	position: absolute;
	top: 0px;
	font:82px/1 Georgia;
}
article blockquote:after {
	color: #ebd91c;
	content: "\201D";
	position: absolute;
	bottom: 0;
	right: 0px;
	font: 82px/0.25 Georgia;
}
.page-container{
	border-bottom:10px solid #fff;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
}

.page-content-even {
	background:#f2f4f5;
}

.page-content-even h1.entry-title{
	background:#e7435b;
	font-family:Netto, serif;
	font-size:22px;
	letter-spacing:0.4px;
}
.page-content h1.entry-title{
	background:#83939c;
	font-family:Netto, serif;
	font-size:22px;
	letter-spacing:0.4px;
}

/* =Breadcrumb Trail
-------------------------------------------------------------- */
.breadcrumb{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
}

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
	padding:2px 0;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 10px;
}
img.alignright {
	margin-left: 10px;
}
.wp-caption {
	padding: .5em;
	text-align: center;
	width:auto !important;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {

}
.wp-smiley {
	margin: 0;
}

/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */
#comments{
	margin:30px 0;
}

.commentlist{
	margin:22px 0;
}

#comments #comments-title {	
	-webkit-font-smoothing: antialiased;
 	font-size: 20px;	
	margin:0 0 22px;
}

#comments .commentlist li {
	list-style-type: none;
}
#comments article p {
	font-size: 14px;
}
#comments article footer {
	font-size: 13px;
}
#comments article footer a {
	font-weight: bold;
	color: #888;
}
#comments article footer cite a {
	font-style: normal;
	font-size: 15px;
	color: #222;
}

#comments ul.children article {
	position:relative;
	padding:15px;
	margin:1em 0 3em;		
}
#comments ul.children li {
	position: relative;
}
#comments article {
	padding: 20px 0;
}

#comments li.bypostauthor > article {
	background: #e4eed6;
}

#respond{
	margin:22px 0 0; 
}

#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	display:none;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */
.widget {
	display: block;
	margin-bottom:30px;
}

.widget-title{
	font-size:18px;
	margin-bottom:15px;
}

#subsidiary .widget{
	padding-right:10px;
}

#subsidiary-second .widget{
	padding:0 10px;
}

#subsidiary-third .widget{
	padding-left:10px;
}

/* =Footer
-------------------------------------------------------------- */

#inner-footer {
	background:#f2f4f5;
	/*box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);*/		
	border:10px solid #fff;
	height:40px;
	line-height:38px;
}
#site-generator .copyright{
	float:right;
	padding-right:40px;
	font-weight:bold;
}
#site-generator .admin {
	padding-left:160px;
}

.clear	{ clear:both; line-height: 0; margin:0; padding:0;  }

/*For mobile devices */

@media only screen and (max-width:1130px){
	#branding  {
		position:static;
	}
	#main-wrapper {
	padding-top:0px;
	}
}