/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* mediaboxAdvanced, (c) 2007-2011 John Einselen, MIT-style license */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:transparent url("../../assets/mediabox/images/80.png") repeat}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50)}#mbCenter.mbLoading{background:#000 url("../../assets/mediabox/images/loading-dark.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
@charset "UTF-8";
/**
 * Reset-Stylesheet for
 * Contao webCMS
 *
 * @author          Hannes Wiedmann <hannes@hwiedmann.de>
 * @version         1.1
 * @lastmodified    2012-05-13 22:45:00 +0200
 *
 * based on         basic.css <contao.org> + base.css <yaml.de>
 */


 @media all
{
 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding:0; }

  /* (en) Correction:margin/padding reset caused too small select boxes. */
  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left:0.4em; } /* LTR */
  select { padding:1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size:100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    background:#fff;
    color:#000;
    text-align:left; /* LTR */
  }

  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div { outline:0 none; }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border:0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
  li {
    line-height:1.5em;
    margin-left:0.8em; /* LTR */
  }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; } /* LTR */

  blockquote { margin:0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content:""; }

  /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; /* LTR */
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position:static;
    top:0;
    left:0;
  }

  /* skiplinks:technical setup */
  #skiplinks { 
    position:absolute;
    top:0px; 
    left:-32768px; 
    z-index:1000; 
    width:100%;
    margin:0; 
    padding:0; 
    list-style-type:none;   
  }
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active {
    left:32768px; 
    outline:0 none;
    position:absolute; 
    width:100%;
  }  

  /*------------------------------------------------------------------------------------------------------*/

  /**
  * @section  Format basic containers and HTML5 elements | Basiscontainer und HTML5-Elemente formatieren
  */
  #left {
    float:left;
  }
  #right {
    float:right;
  }
  #main {
    width:auto;
    position:relative;
  }
  *+html #main {
    position:static;
  }
  header,footer,nav,section,aside,article,figure,figcaption {
    display:block;
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
  * @section  Format basic elements | Basiselemente formatieren
  */
  table {
    border-collapse:collapse;
    border-spacing:0;
  }
  caption,th,td {
    text-align:left;
    vertical-align:top;
  }
  abbr,acronym {
    font-variant:normal;
    border-bottom:1px dotted #666;
    cursor:help;
  }
  blockquote,q {
    quotes:none;
  }
  fieldset,img {
    border:0;
  }
  li {
    list-style-type:disc;
  }
  ol li {
      list-style-type: decimal;
  }
  sup {
    vertical-align:text-top;
  }
  sub {
    vertical-align:text-bottom;
  }
  del {
    text-decoration:line-through;
  }
  ins {
    text-decoration:none;
  }
  a {
    color:#00f;
  }
  :focus {
    outline:0;
  }
  
  /* (en) Font settings */
  /* (de) Einstellungen fuer Schrift */
  body {
    font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
    font-size:12px;
    color:#000;
  }
  input,button,textarea,select {
    font-family:inherit;
    font-size:99%;
    font-weight:inherit;
  }
  pre,code {
    font-family:"Lucida Console",Monaco,monospace;
    font-size:12px;
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
  }
  h1 {
    font-size:1.83em;
  }
  h2 {
    font-size:1.66em;
  }
  h3 {
    font-size:1.5em;
  }
  table {
    font-size:inherit;
  }
  caption,th {
    font-weight:bold;
  }
  
  /* (en) Default margins */
  /* (de) Standard-Abstände */
  h1,h2,h3,h4,h5,h6 {
    margin-top:1em;
  }
  h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
    margin-bottom:12px; /* Should match font size | Sollte der Schriftgröße entsprechen */
  }

}

@media screen, projection 
{
 /**
 * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
 * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
 *
 * @workaround
 * @affected IE8, FF, Webkit, Opera
 * @css-for all
 * @valid CSS3
 */
body { overflow-y:scroll; }
}

@media print
{
  /* (en) make .print class visible */
  /* (de) .print-Klasse sichtbar schalten */
  .print { 
    position:static; 
    left:0;
  }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
}


@import url("../../files/themes/gartenblog/basic.css");

/*
@media screen and (min-height: 750px) {
	#right {
		position: fixed;
		top: 0;
		margin-left: 650px;
		min-height: 1200px;
	}
}
*/

/* Style sheet layout */
 @media all
{
body {
	margin-top: 0;
}
html, body {
	height: 100%;
}
#wrapper {
	width: 850px;
	margin: 0 auto;
	padding: 0 20px;
	/*background-color: Ivory;*/
	overflow: hidden;
	position: relative;
/*
	border-style: dotted;
	border-color: black;
	border-width: 0 2px 2px 2px;
*/
	/*box-shadow: 0 0 15px 2px YellowGreen;
	border-radius: 0 0 8px 8px;*/
}
#right {
	width: 180px;
	padding: 30px 10px 10px 10px;
	background: #FFFFA0;
	box-shadow: 0 0 5px;
/*
	position: absolute;
	right: 5px;
*/
	position: fixed;
	top: 100px;
	margin-left: 650px;
}
#main {
	margin-right: 200px;
	padding-right: 50px;
}
#logo {
	margin-bottom: 30px;
}
a {
	color: yellowgreen;
}
a:focus,
a:hover {
	text-decoration: underline;
	color: #7EA400;
}

/* * * *
/ Sidebar: Tag Cloud Garten
* * * */
.mod_tagcloudnews {
	margin: 20px 0;
}
.mod_tagcloudnews * {
	margin: 0;
}
.mod_tagcloudnews.garten {
	border-radius: 10px;
	padding: 70px 10px 0 10px;
	text-align: center;
	background: url("../../files/themes/gartenblog/tags_gaensebluemchen.png") right top no-repeat;
	min-height: 200px;
}
.mod_tagcloudnews h2 {
	margin-right: 30px;
	margin-bottom: 10px;
	text-shadow: 0 0 2px gray;
}
.mod_tagcloudnews ul {
	list-style-type: none;
	margin-left: 0;
	margin-right: 30px;
}
.mod_tagcloudnews li {
	list-style-type: none;
	display: inline;
	margin: 0 2px;
}
.mod_tagcloudnews li.size1 {
	font-size: 110%;
}
.mod_tagcloudnews li.size2 {
	font-size: 120%;
	font-weight: bold;
}
.mod_tagcloudnews li.size3,
.mod_tagcloudnews li.size3 a {
	font-size: 130%;
	color: #50712C;
}
.mod_tagcloudnews li a {
  padding: 1px 4px;
  line-height: 135%;
}
.mod_tagcloudnews li.active a,
.mod_tagcloudnews li,active a:focus,
.mod_tagcloudnews li.active a:hover {
  color: red;
}
.mod_tagcloudnews a {
	text-decoration: none;
}
.mod_tagcloudnews li a:focus,
.mod_tagcloudnews li a:hover {
  color: white;
  border-radius: 5px;
  background: yellowgreen;
}
.mod_tagcloudnews li.size3 a:focus,
.mod_tagcloudnews li.size3 a:hover {
	background: #50712C;
}
.mod_tagcloudnews li.active a {
  background: transparent !important;
}

/* * * *
/ Sidebar: Login
* * * */
#right .mod_login * {
	margin: 0;
}
#right .mod_login {
	background: lightyellow;
	border: 2px solid yellowgreen;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 25px;
	box-shadow: 0 0 3px 1px yellowgreen;
}

/* * * *
/ News: list
* * * */
.layout_latest {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}
.layout_latest .info {
	padding: 14px 0 24px 115px;
	background: url("../../files/themes/gartenblog/carrot_2.png") no-repeat;
	font-family: Georgia;
	font-weight: 800;
	text-shadow: 0 0 3px #909090;
}
.layout_latest .info .day {
	font-size: 2.5em;
	margin-right: 5px;
}
.layout_latest .info .month {
	font-size: 1.25em;
	position: relative;
	top: 1px;
}
.layout_latest .info .year {
	color: #E75F3D;
	float: right;
	font-size: 200%;
	font-style: italic;
	position: relative;
	right: 49px;
	top: 45px;
}
.layout_latest .content {
	min-height: 145px;
  margin: -21px 35px 21px 95px;
	padding: 20px;
  box-shadow: 0 0 10px 2px #333333;
}
.layout_latest .content h2 {
	margin-top: 0;
	margin-right: 50px;
}
.layout_latest .teaser {
	/*background: url("../../files/themes/gartenblog/post_teaser.png") repeat-y;*/
}

/* * * *
/ News: Datetime
* * * */
.date {
	width: 100px;
	height: 100px;
	text-align: center;
}
.date .year {
	float: right;
	width: 25px;
	height: 100px;
	line-height: 24px;
	font-size: 30px;
}
.date .month {
	width: 70px;
	height: 55px;
}
.date .day {
	width: 88px;
	height: 70px;
}
/* alternativ */
/*
.date {
    color: gray;
    float: right;
    height: 100px;
    margin-right: 25px;
    text-align: center;
    width: 100px;
}
.date .day {
    font-size: 4em;
    text-align: center;
}
.date .month {
    font-size: 2.5em;
    height: 30px;
    text-align: center;
    width: 70px;
}
.date .year {
	font-size: 2.5em;
}

-- html markup --
<div class="date">
    <div class="day">05<span style="margin-left:-5px;font-size: 0.65em;">.</span></div>
    <div class="month">DEZ</div>
    <div class="year">2012</div>
</div>
-- end --
*/

/* * * *
/ News: img on news_latest
* * * */
.mod_newsarchive .layout_latest .image_container {
	float: right;
	margin: 0 10px 20px 20px;
}
/* Hack for Contao3 */
.mod_newsarchive .layout_latest .ce_gallery {
  display: none;
}

/* * * *
/ img: rounded corners
* * * */
.image-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
}
.image-wrap:after {
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	border: solid 1px #1b1b1b;

	-wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.image-wrap img {
	vertical-align: bottom;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* * * *
/ News: Full
* * * */
.pagination ul {
	overflow: hidden;
}
.pagination p.total,
.pagination span.index {
	display: none;
}
.pagination li {
	list-style-type: none;
	float: left;
}
.pagination li.first,
.pagination li.previous,
.pagination li.next,
.pagination li.last {
	display: none;
}
.mod_newsreader .layout_full h1 {
	color: yellowgreen;
}
.mod_newsreader .layout_full .ce_gallery {
	margin-top: 25px;
}
.mod_newsreader .layout_full .ce_gallery div {
	overflow: hidden;
}
.mod_newsreader .layout_full .ce_gallery li {
	float: left;
	margin: 10px;
  list-style-type: none;
}
/*
.mod_newsreader .layout_full .ce_gallery figure {
	float: left;
	margin: 10px;
}
*/
.mod_newsreader .layout_full .ce_gallery figure img {
	display: block;
}
.mod_newsreader .layout_full .ce_gallery figure a img {
	box-shadow: 0 0 5px 1px black;
}
.mod_newsreader .layout_full .ce_gallery figure a:hover img {
	box-shadow: 0 0 5px 1px gray;
}
.mod_newsreader p.back {
	display: none;
}

/* Saatschale */
ul.saatschale li {
  font-family: monospace;
  list-style-type: none;
  display: inline;
  padding: 1px 5px;
  margin-left: 7px;
  border-radius: 20px;
  border: 1px solid #00AE00;
}
ul.saatschale li.leer {
  border: 1px solid red;
  color: white;
}
ul.saatschale li.teilweise-gekeimt {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ae00+0,ffffff+75 */
  background: #00ae00; /* Old browsers */
  background: -moz-linear-gradient(left, #00ae00 0%, #ffffff 75%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #00ae00 0%,#ffffff 75%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00ae00 0%,#ffffff 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ae00', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  color: black;
}
ul.saatschale li.gekeimt {
  background-color: #00AE00;
  color: white;
}
ul.saatschale li.tot {
  border: 1px solid red;
  background-color: red;
  color: white;
}

/* tag chain */
ul.tag-chain {
	list-style-type: none;
	margin: 20px 10px 10px 10px;
	padding: 3px 6px;
	background-color: #FFFFE0;
	border: 1px solid grey;
	border-radius: 5px;
	box-shadow: 0 0 5px 0 #999999;
}
ul.tag-chain li {
	list-style-type: none;
	display: inline;
	padding: 0px;
	margin: 0px 0px 0px 3px;
}
ul.tag-chain li:after { 
	content: ",";
}
ul.tag-chain li.last:after { 
	content: "";
}
ul.tag-chain li a {
	text-decoration: none;
}
ul.tag-chain li a:hover,
ul.tag-chain li a:focus {
	text-decoration: underline;
}

}

@media print
{
header,
#right,
#logo,
.pagination,
.ce_comments {
	display: none;
}
body {
	font-size: 16px;
}
#main {
	margin-right: 30px;
	padding-right: 0;
}
}