/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


/**
 * Custom Styles Layout
 */
 
 .wrapper { margin: 20px; overflow: hidden; }
 
 .col-left { width: 310px; border: 0px solid orange } 
 .col-right { margin-left: 315px; border: 0px solid green }
 .articles { margin-top: 40px; }
 
 .logo { margin-bottom: 20px; }
 .intro { max-width: 850px; padding-top: 153px; }
 
	nav { padding-right: 40px; }
	nav input[type=radio] { margin-right: 5px; }
	nav .inside { padding: 10px 5px 20px 5px; }
	nav .subitems { padding: 0 0 10px 20px; }
 
	article { float: left; width: 280px; height: 370px; margin: 0 10px 15px 0; border: 1px solid #87aa14; }
	article .header { height: 68px; background-color: #a7d318; overflow: hidden; }
	article .inside { padding: 15px 10px 10px 10px; }
	article .inside ul { list-style: disc; }
	article .inside li { margin-left: 12px; }

 
	.panel button { display: block; width: 195px; margin-bottom: 10px; border: 1px solid #87aa14; padding: 10px 30px 8px 10px; background-color: #fff; text-align: left; cursor: pointer;  }
	.panel button.asc { background: #fff url('../images/icons.png') no-repeat right -19px;  }
	.panel button.desc { background: #fff url('../images/icons.png') no-repeat right -54px;  }
	.panel input { display: block; width: 175px; padding: 10px 10px 8px 10px; border: 1px solid #87aa14; color: #999; font-style: italic; }

	.volltextsuche { width: 200px; margin-top: 20px; overflow: hidden; border: 1px solid #87aa14; }
	.volltextsuche input[type=text] { border: none; width: 145px; padding: 12px 10px 8px 10px; color: #999; font-style: italic;  }
	.volltextsuche input[type=submit] { width: 35px; height: 37px; border: none; padding: 0; background: #fff url('../images/icons.png') no-repeat 5px 9px; cursor: pointer; }

	.panel button,
	.panel input,
	.volltextsuche { border: 1px solid #87aa14; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #666; }


/**
 * Responsive : Breite < 540px
 */

@media screen and ( max-width: 650px ) {

	.col-left.fleft { float: none; }
	.col-right { margin-left: 0; }
	.articles { margin-right: -15px; padding-top: 40px; }

}

 
/**
 * Custom Styles Typography
 */
 
 	html * { font-size:100%; }
	body {color: #005F5A; font-size: 81.25%; /* base: 13px */ font-family: arial,helvetica,sans-serif;	line-height: 1.5em;
		/* Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
		-webkit-text-size-adjust:100%;
	}

	.fleft { float: left; }
	.neg { background-color: #A7D318; color: #005F5A; }
	.strong { color: #87aa14; font-weight: bold; }
	.hidden { display: none; }

	h1, h2, h3, h4, h5, h6 { color: #005F5A; line-height: 1.3em; }
	h1 { margin-bottom: 0.5em; font-size: 176.92%; /* 23px */ }	
	h2 { font-size: 138.46%; /* 23px */ }
	
	strong, b { font-weight: bold; }
	em, i, cite { font-style: italic; }

  nav {	color: #87aa14; line-height: 2em; /* font-style: italic; */ }
  nav h2 { padding: 2px 5px 3px 5px; }
  article h2 { padding: 10px; }
 
	a {	color: #87aa14;	text-decoration: none; }
	a:hover,
	article a { color: #005F5A; text-decoration: underline; }

	a:active,
	a:active img { outline: none; }
	
	nav a.active { font-weight: bold; }