/*
Theme Name: barthdesign 2014
Theme URI: http://barthdesign.de/
Description: Neuer Entwurf.
Author: Stefan Barth
Version: 1.1
*/

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { background-color: #e0dfd9; color: #333; font-family: Verdana, Helvetica, sans-serif; }

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

.clearLinks { clear: left; }

a { color: #8c0179; text-decoration: none; }

	
a:hover { text-decoration: underline; }

img, embed, object, video { max-width: 100%; height: auto; }

img { border: 0 none; /* width: 100%; */ }

.alignleft { float: left; }

img.alignleft { margin: 0 10px 10px 0; }

.artikelEnde, .abstand { height: 9px; /* 10px; */ margin: 10px 0; clear: left; }

.artikelEnde { border-bottom: 3px double #d1d0c6; }

p.kategorieZeile { font-size: 0.8rem; }

p.brotKrumen { color: #404040; background-color: transparent; font-size: 0.8rem; }

p.brotKrumen a { color: #404040; background-color: transparent; text-decoration: none; }

p.brotKrumen a:hover { text-decoration: underline; }

#behaelter { margin: 26px auto; background-color: #fff; color: #333; border: 4px solid #908fb3; width: 100%; max-width: 976px; height: auto; min-height: 600px; }

#kopf { position: relative; float: left; left: 0; top: 0; height: 164px; width: 100%; /* 976px; */ background-color: transparent; }

#logo { position: relative; left: 26px; top:  25px; height: 50px; width: 285px; }

#logo a img { border: 0 none; }

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }

#horMenue { position: relative; left: 0; top:  50px; height: auto; background-color: #949180; color: #fff; padding: 0.5rem 10px 0.5rem 26px; /* width: 400px; */ }

#horMenue ul { margin: 0; padding: 0; }

#horMenue ul li { display: inline; list-style-type: none; padding: 5px 20px 5px 0; }

#horMenue ul li a { text-decoration: none; color: #fff; }

#inhaltsBereich { clear: left; padding: 0 26px 10px 26px; }

#vertMenue, #inhalt { height: auto; min-height: 440px; }

#vertMenue { position: absolute; width: 190px; background-color: #d1d0c6; color: #333; padding: 0; padding-left: 10px; border: 1px solid #d1d0c6; }

#vertMenue li.widget h2 { display: none; }

#vertMenue ul { margin: 0; padding: 0; }

#vertMenue ul li, #vertMenue ul li ul li { list-style-type: none; padding: 5px 0; }

#vertMenue ul li a { text-decoration: none; color: #404040; }

#vertMenue ul li a:hover, #horMenue ul li a:hover { text-decoration: underline; }

#inhalt, #fuss { background-color: #fff; color: #333; border: 1px solid #d1d0c6; height: auto; }

#inhalt { margin: 0 0 0 200px; padding: 0 10px 10px 10px; }

#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4, #inhalt h5, #inhalt h6  
{ background-color: #fff; color: #666; font-size: 1rem; font-weight: bold; margin: 1rem 0; line-height: 1.5rem; }

#inhalt h2  { font-size: 1rem; /* 0.9rem; */ /* font-weight: normal; */ margin: 10px 0; clear: left; border-top: 1px solid #d1d0c6; padding: 1rem 0; }

/* #inhalt h3  { font-weight: normal; } */

#inhalt p { line-height: 1.5em; }

#fuss { text-align: center; margin-top: 10px; font-size: 0.8rem; color: #d1d0c6; padding: 5px; }

.validation { clear: left; height: 31px; margin: 0; margin-bottom: 10px; padding: 0; }

.validation a { float: left; border: 0 none; width: 88px; height: 31px; margin: 0 10px 0 0; padding: 0; }

.validation a img { float: left; border: 0 none; width: 88px; height: 31px; margin: 0 10px 0 0; padding: 0; }

p.nab { clear: left; padding-top: 1rem; }

.page p { margin: 1.5em 0; line-height: 1.5; }

strong { font-weight: bold; color: #666; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 319px) and (max-width : 568px) 
{
	#behaelter { margin: 0 auto; }

	#vertMenue { position: relative; width: 100%; padding: 0; }

	#logo { left: 0; top:  8%; /* 6px; */ width: 100%; text-align: center; }

	#logo a img { max-width: 50%; padding-left: 3px; }

	#horMenue { padding: 0.5rem 0 0.5rem 0; top: 9%; /* 7px; */ text-align: center; }

	#horMenue ul li { padding-right: 0.8rem; }

	#horMenue ul li:last-child { padding-right: 0; }

	#vertMenue  { padding: 0; min-height: 28px; background-color: transparent; border: 0 none; }

	#vertMenue ul li, #vertMenue ul li ul li { padding: 5px 0; display: inline-block; }

	ul.responsiveSelectFullMenu { display: none; }

	#inhaltsBereich { padding: 0 12px 10px 12px; }

	#kopf { height: 95px; }

	#inhalt { margin: 0; padding: 0 10px 10px 10px; }

	#inhalt h1:first-child { margin: 0.3rem 0; }

	#inhalt p a:first-child { clear: left; display: inline-block; width: 100%; }

	#inhalt p.brotKrumen a { clear: none; display: inline; width: auto; }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) 
{

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) 
{ #behaelter { margin: 0 auto; }

	#vertMenue { position: relative; width: 100%; padding: 0; }

	#logo { left: 0; top:  18%; /* 6px; */ width: 100%; text-align: center; }

	#logo a img { max-width: 50%; padding-left: 3px; }

	#horMenue { padding: 0.5rem 0 0.5rem 0; top: 9%; /* 7px; */ text-align: center; }

	#horMenue ul li { padding-right: 0.8rem; }

	#horMenue ul li:last-child { padding-right: 0; }

	#vertMenue  { padding: 0; min-height: 28px; background-color: transparent; border: 0 none; }

	#vertMenue ul li, #vertMenue ul li ul li { padding: 5px 0; display: inline-block; }

	ul.responsiveSelectFullMenu { display: none; }

	#inhaltsBereich { padding: 0 12px 10px 12px; }

	#kopf { height: 95px; }

	#inhalt { margin: 0; padding: 0 10px 10px 10px; }

	#inhalt h1:first-child { margin: 0.3rem 0; }

	#inhalt p a:first-child { clear: left; display: inline-block; width: 100%; }

	#inhalt p.brotKrumen a { clear: none; display: inline; width: auto; }

	/* #logo a img { max-width: 75%; } */

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) { /* Styles */ }

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { /* Styles */ }

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) 
{
	#logo { left: 13px; top:  12px; }

	#horMenue { padding-left: 12px; top: 26px; }

	#inhaltsBereich { padding: 0 12px 10px 12px; }

	#kopf { height: 120px; }

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) { /* Styles */ }

/* Large screens ----------- */
@media only screen and (min-width : 1824px) { /* Styles */ }

/* iPhone 4 ----------- */
/* @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { Styles } */