@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @license       http://www.opensource.org/licenses/mit-license.php MIT License
 */

  /* Code der Smartphone-Version */
  	* {
		margin:0;
		padding:0;
	}

/** General Style Info **/
	body {
		background: #fff;
		color: #000;
		font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
		font-size:100%;
		margin: 0;
	}

	p {
		margin: 5px;
	}
	
/** CONTAINER */

	#navigation {
		background: #505050  ;
		/*box-shadow: 0px 3px 5px #888888;*/
		width: 100%;
		color:#fff;
		min-height: 38px;
		border-top: solid 2px #fff;
		border-bottom: solid 2px #fff;
	}

	#header {
		background: #ff8c26;
		/*box-shadow: 0px 3px 5px #888888;*/
		width: 100%;
		height: 38px;
		line-height: 38px;
		color:#fff;
	}

	#headline {
		padding-left: 7px;
	}

	#clear {
		/*clear:both;*/
	}

/** NAVIGATION */

	.v-menu-image {
		width:40px;
		background: #ddd;
	}

	.v-menu-image a {
		width:40px;
		background: #ddd;
	}

	.v-menu-text{
		line-height: 32px;
	}

	ul {
		margin:0px;
		display: block;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		border: 0px;
	}
	
	li {
		margin:0px;
		padding:0px;
		display: inline-block;
		position: relative;
		border-right: 1px solid #404040 ;
	}

	.active {
		/*border-bottom: 4px solid #fff;*/
		background: #ff8c26;
	}
	
	li a {
		display: block;
		padding: 3px 7px 3px 7px;
		color:#fff;
		text-decoration: none;
	}
	
	li a:hover {
		display: block;
		color:#ff8c26;
		text-decoration: none;
	}
	
	/** Tables */
	table {
		border-right:0;
		clear: both;
		color: #333;
		margin-bottom: 15px;
		width: 100%;
	}

	th {
		border:0;
		border-bottom:2px solid #555;
		text-align: left;
		padding:4px;
		white-space: nowrap;
	}

	
	th a {
		display: block;
		text-decoration: none;
		color:#000;
	}
	
	
	table tr td {
		padding: 5px;
		text-align: left;
		vertical-align: top;
		/*border-bottom:1px solid #fff;*/
		white-space: nowrap;
		background: #F8F8F8;
	}
	.wrap {
		white-space: normal;
	}

	table.add tr td {
		background: #fff;
	}

	tr td a {
		color: #ff8c26;
		text-decoration: underline;
		font-weight: bold;
	}
	tr td a:hover {
		color: #367889;
		text-decoration:none;
	}
	
	.alnright {
		text-align: right;
	}
	.alncenter {
		text-align: center;
	}

	.icon {
		width:20px;
		/*background: #ddd;*/
		padding-top:4px;		
		padding-left:6px;
		padding-right:6px;
	}

	.icon a {
		min-width:20px;
	}

	.icon {
		min-width:20px;
	}
	/*
	table tr:nth-child(even) {
		background: #f9f9f9;
	}*/
	td.actions {
		text-align: center;
		white-space: nowrap;
	}
	table td.actions a {
		margin: 0px 6px;
		padding:2px 5px;
	}

	table tr td a {display:block;}
	table tr td.inline a {display:inline;}
	
	/*.thead { background: #e0e0e0; }*/
	.thead td { background: #E0E0E0; }
	.thead2 td { 
		border:0;
		border-bottom:2px solid #555;
		text-align: left;
		padding:4px;
		white-space: nowrap;
		background: #fff;
	}
	table.add tr.thead td { background: #E0E0E0; }
	/*
	.thead td:nth-child(2) { display:none; visibility: hidden; }
	.thead td:nth-child(3) { display:none; visibility: hidden; }
	
	td:nth-child(4) { display:none; visibility: hidden; }
	td:nth-child(5) { display:none; visibility: hidden; }
	th:nth-child(4) { display:none; visibility: hidden; }
	th:nth-child(5) { display:none; visibility: hidden; }
	*/

	tr.separator td {
    	background: #fff;
    	height:15px;
	}


	td:last-child {
    	width: 100%;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	/** Forms **/
	form {
		clear: both;
		/*margin-right: 20px;
		padding: 0;
		width: 95%;*/
	}
		
	div .input {
		clear: both;
		height:65px;
		/*padding-left: 15px;*/
	}

	div .checkbox {
		height:15px;
		margin-top: 15px;
	}
	
	form .input {
		color: #444;
	}
	form .required {
		font-weight: bold;
	}
	form .required label:after {
		color: #e32;
		content: '*';
		display:inline;
	}
	form div.submit {
		border: 0;
		clear: both;
		margin-top: 10px;
		padding-left: 15px;
	}
	label {
		display: block;
		margin: 10px 0px 4px 0px;
	}
	
	input[type=text], input[type=number], input[type=password] {
	    display: inline-block;
	    font-size: 110%;
	    /*background: #f9f9f9;*/
	    -webkit-appearance: none;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;
	    border: 1px solid #333;
	    /*border-left: 0;*/
	    -webkit-border-radius: 0.3em;
	    padding: 0.25em 0.6em;
	    width: 98%;
	    float: left;
	    height: 2.0em;
	}

	textarea {
	    display: inline-block;
	    font-size: 110%;
	    /*background: #f9f9f9;*/
	    -webkit-appearance: none;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;
	    border: 1px solid #333;
	    /*border-left: 0;*/
	    -webkit-border-radius: 0.3em;
	    padding: 0.25em 0.6em;
	    width: 98%;
	    float: left;
	}

	input[type=checkbox] {
	  /* All browsers except webkit*/
	  transform: scale(1.5);

	  /* Webkit browsers*/
	  -webkit-transform: scale(1.5);
	}

	select {
	    font-size: 110%;
	    background: #f9f9f9;
	    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAGCAYAAADOic7aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTZBOTk1RjMxRjZCMTFFMUFDRjA5NUJCNzg2QTA1OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTZBOTk1RjQxRjZCMTFFMUFDRjA5NUJCNzg2QTA1OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNkE5OTVGMTFGNkIxMUUxQUNGMDk1QkI3ODZBMDU4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNkE5OTVGMjFGNkIxMUUxQUNGMDk1QkI3ODZBMDU4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtOZMNcAAABeSURBVHjaYmBgYJgGxP8J4JkMIMb//zgxCDAD8XY8hhwAYjZiDAIBfiC+hMWQh0AsClNEjEEgIA3ET5AM+QbEusgKiDWIAarxM9SgEHRJUgwCAT8grsMmgc8ggAADAGY/m1aWUowGAAAAAElFTkSuQmCC) no-repeat 98% 50% rgba(255, 255, 255, 0.5);
	    -webkit-appearance: none;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;
	    border: 1px solid #333;
	    /*border-left: 0;*/
	    padding: 0.25em 0.6em;
	    height: 2.0em;
	    width: 98%;
	    -webkit-border-radius: 0.3em;
	}
	
	#BirdSaleDateDay, #BirdPurchaseDateDay, #BirdRingDateDay, #BirdDateOfDeathDay, #BirdBirthdayDay, #UploadCreatedDay, #EggDateLaidDay, #EggDateHatchedDay {
		width:60px;
	}
	
	#BirdSaleDateMonth, #BirdPurchaseDateMonth, #BirdRingDateMonth, #BirdDateOfDeathMonth, #BirdBirthdayMonth, #UploadCreatedMonth, #EggDateLaidMonth, #EggDateHatchedMonth  {
		width:150px;
	}
	
	#BirdSaleDateYear, #BirdPurchaseDateYear, #BirdRingDateYear, #BirdDateOfDeathYear, #BirdBirthdayYear, #UploadCreatedYear, #EggDateLaidYear, #EggDateHatchedYear  {
		width:90px;
	}
	
	select:focus, input:focus {
	    background-color: #fff;
	    outline: none;
	}
	
	::-webkit-input-placeholder {
	    color: #999;
	}
	
	:-moz-placeholder {
	    color: #999;
	}


	input[type=checkbox] {
		clear: left;
		float: left;
		margin: 0px 15px 7px 8px;
		width: auto;
	}
	div.checkbox label {
		display: inline;
	}


	input[type=radio] {
		float:left;
		width:auto;
		margin: 6px 0;
		padding: 0;
		line-height: 26px;
	}
	.radio label {
		margin: 0 0 6px 20px;
		line-height: 26px;
	}
	input[type=submit] {
		display: inline;
		font-size: 110%;
		width: auto;
	}
	form .submit input[type=submit] {
		background:#62af56;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
		background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
		background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
		border-color: #2d6324;
		color: #fff;
		text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
		padding: 8px 10px;
	}
	form .submit input[type=submit]:hover {
		background: #5BA150;
	}

	/* Form errors */
	form .error {
		background: #FFDACC;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		font-weight: normal;
	}
	form .error-message {
		-moz-border-radius: none;
		-webkit-border-radius: none;
		border-radius: none;
		border: none;
		background: none;
		margin: 0;
		padding-left: 4px;
		padding-right: 0;
	}
	form .error,
	form .error-message {
		color: #9E2424;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		text-shadow: none;
	}


@media screen and (min-width: 500px) {
  /*  Code für große Smartphones, kleine Tablets */	
	.thead td:nth-child(2) { display:table-cell; visibility: visible; }
	.thead td:nth-child(3) { display:table-cell; visibility: visible; }
	td:nth-child(4) { display:table-cell; visibility: visible; }
	td:nth-child(5) { display:table-cell; visibility: visible; }
	th:nth-child(4) { display:table-cell; visibility: visible; }
	th:nth-child(5) { display:table-cell; visibility: visible; }

}

@media screen and (min-width: 800px) {
  /*  Code für Tablets */
  	/** Navigation *

	#wrapper { position:relative;} 
	#navigation { width:200px;position:absolute;top:0;left:0;} 
	#content { margin:0 0 0 200px; } 
	*/
}