/**
 *
 * Gestaltung der Buttons
 *
 */

@media all  {


/*	################################################################################### 
	### DIVERSE SEITENELEMNTE  ########################################################
	###################################################################################  */

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* BUTTON
	*
	* Gestaltung des Buttons in verschiedenen Bereichen der Website
	*
	*/

	/* Button in Header */

	header .btn {
		float: right;
		margin: -8.45em -1.9em 0 0;
		font-size: 1em;
		box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.36);
	   -moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.36);
	   -webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.36);
		padding: ;
		background: #8b271d;
		
	}
	
	header .btn a {
		color: #fff;
		display: block;
		padding:0.37em 1.5em 0.4em 0.9em ;
		text-decoration: none;
		font-size: 0.95em;
	}
	
	header .btn a:hover {
			color: #fff;
			background-color: #7b0401;
		}
		

	/* Buttons innerhalb von #main */
	

	.btn {
		background: #912818;
		/*width: auto;*/
		
		-webkit-border-radius: 03px;
		-moz-border-radius: 03px;
		border-radius: 03px;
	
		-webkit-box-shadow: 2px 2px 5px rgba(84, 84, 84, 0.75);
		-moz-box-shadow:    2px 2px 5px rgba(84, 84, 84, 0.75);
		box-shadow:         2px 2px 5px rgba(84, 84, 84, 0.75);
		
		background-image: linear-gradient(bottom, rgb(145,40,24) 11%, rgb(203,57,34) 56%);
		background-image: -o-linear-gradient(bottom, rgb(145,40,24) 11%, rgb(203,57,34) 56%);
		background-image: -moz-linear-gradient(bottom, rgb(145,40,24) 11%, rgb(203,57,34) 56%);
		background-image: -webkit-linear-gradient(bottom, rgb(145,40,24) 11%, rgb(203,57,34) 56%);
		background-image: -ms-linear-gradient(bottom, rgb(145,40,24) 11%, rgb(203,57,34) 56%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.11, rgb(145,40,24)),
			color-stop(0.56, rgb(203,57,34))
		);
		
	}
	
	.btn a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		padding: 0.5em 1em 0.6em 1em;
		display: block;
	}
	
	.btn a:hover {
		background-image: linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -o-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -moz-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -webkit-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		background-image: -ms-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.11, rgb(97,25,16)),
			color-stop(0.56, rgb(173,47,28))
		);
		
		-webkit-border-radius: 03px;
		-moz-border-radius: 03px;
		border-radius: 03px;
	}
	
	
	
			/* BUTTON innerhalb von Formularen	*/
		
			.ym-form .btn {
				width: 82px; /* unbedingt entfernen!*/
				height: 28px; /* unbedingt entfernen!*/
				float: right;
				text-align: center;
				margin-right: 10px;
				padding-top: 0px;
			}
		
			.ym-form .btn:hover {
				background-image: linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
				background-image: -o-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
				background-image: -moz-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
				background-image: -webkit-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
				background-image: -ms-linear-gradient(bottom, rgb(97,25,16) 11%, rgb(173,47,28) 56%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgb(97,25,16)', EndColorStr='rgb(173,47,28)');
				background-image: -webkit-gradient(
					linear,
					left bottom,
					left top,
					color-stop(0.11, rgb(97,25,16)),
					color-stop(0.56, rgb(173,47,28))
				);
				
				-webkit-border-radius: 03px;
				-moz-border-radius: 03px;
				border-radius: 03px;
				}
		
			
			.ym-form .ym-searchbutton {
				color: #fff;
				cursor: pointer;
				display: inline-block;
				font-size: 1em;
				width: 100%;
				background: transparent;
				border: 0 none;
				margin-top: 4px;
			}
	
	
	
	/* Header */
	
	header .btn a {
		color: #fff;
		font-weight: normal;
		text-decoration: none;
		padding: 0.5em 1em 0.6em 1em;
		display: block;
	}
	
	header .btn a:hover {
		background-image: none ;
		background: #7b0401;
	}
	
	
	
	
/*	Blauer Button auf Initiator-Seite */

	.btn.btn-blau {
		background: #daeaf3;
		width: auto;
		border: 1px solid #4693c2;		
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;
		
	}
	
	.btn.btn-blau a {
		color: #4693c2;
		font-size: 0.9em;
	}
	
	.btn-blau-mrg-1 {
		margin: 1.5em 0 2.5em 0;
		float: left;
	}
	
	.btn-blau-mrg-2 {
		margin: 1.5em 0 .75em 0;
		float: left;
	}
	
	.btn-blau a:hover {
		background: #4693c2;
		color: #daeaf3;
	}
	
	
	/* Button-Gruppe  */
	
	.btn-group {
		padding: 1em 1em 1em 0.2em;
	}
	
	.btn-group:before {
		content: "";
		display: table;
	}
	
	.btn-group:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	
	
	.btn-group .btn  {
		margin: 0.4em 0 0em 0.8em;
		float: left;
		
	}
	
	.btn-group .btn:first-child  {

		
	}
	
	/* Großer roter Button z.B. auf Finanzierungsseite */
	
	.btn-big {
		border: 2px solid #fff;
		-webkit-box-shadow: 2px 2px 5px rgba(160, 160, 160, 0.95);
		-moz-box-shadow: 2px 2px 5px rgba(160, 160, 160, 0.95);
		box-shadow: 2px 2px 5px rgba(160, 160, 160, 0.95);
	}
	
	
	
	.btn-big a {
		padding: 12px 16px;
	}
	
	.btn-big-teaser-box {
		float: left;
		margin: 1.6em 1.5em 0 0;
	}
	
	/* Buttonbreite passt sich dem Inhalt an  */
	
	.btn-auto-width {
		float: left;
	}

	/* Button auf Finanzierungsseite in 50-50-Spalte */
	
	.btn-rot-mrg-1 { margin: 1.5em 0 0.5em 0;}
	.btn-rot-mrg-2 {margin: 0em 0 0.5em 0;	}
	
	/* Neu hier? Registrieren-Button */
	
	.btn-login {
		background: #34546a;
		width: auto;
		padding: 1em 1em;
		margin-top: 1.4em;
/*		-webkit-border-radius: 03px;
		-moz-border-radius: 03px;
		border-radius: 03px;*/
		-webkit-box-shadow: 2px 2px 5px rgba(84, 84, 84, 0.55);
		-moz-box-shadow: 2px 2px 5px rgba(84, 84, 84, 0.55);
		box-shadow: 2px 2px 5px rgba(84, 84, 84, 0.55);
		background-image: linear-gradient(bottom, rgb(52, 84, 106) 10%, rgb(64, 116, 149) 80%);
		background-image: -o-linear-gradient(bottom, rgb(52, 84, 106) 10%, rgb(64, 116, 149) 80%);
		background-image: -moz-linear-gradient(bottom, rgb(52, 84, 106) 10%, rgb(64, 116, 149) 80%);
		background-image: -webkit-linear-gradient(bottom, rgb(52, 84, 106) 10%, rgb(64, 116, 149) 80%);
		background-image: -ms-linear-gradient(bottom, rgb(52, 84, 106) 10%, rgb(64, 116, 149) 80%);
		background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, rgb(52, 84, 106)), color-stop(0.80, rgb(64, 116, 149)) );
	}
	
	.btn-login:hover {
		background-image: linear-gradient(bottom, rgb(39, 63, 79) 10%, rgb(50, 92, 118) 80%);
		background-image: -o-linear-gradient(bottom, rgb(39, 63, 79) 10%, rgb(50, 92, 118) 80%);
		background-image: -moz-linear-gradient(bottom, rgb(39, 63, 79) 10%, rgb(50, 92, 118) 80%);
		background-image: -webkit-linear-gradient(bottom, rgb(39, 63, 79) 10%, rgb(50, 92, 118) 80%);
		background-image: -ms-linear-gradient(bottom, rgb(39, 63, 79) 10%, rgb(50, 92, 118) 80%);
		background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.10, rgb(39, 63, 79)), color-stop(0.80, rgb(50, 92, 118)) );
		cursor: pointer;
	}
	
	.btn-login .first-line, 
	.btn-login .second-line {
		margin: 0;
		font-family: Georgia, serif;
		color: #fff;
	}
	
	.btn-login .first-line {
		font-size: 1.3em;
	}
	
	.btn-login .second-line {
		text-decoration: underline;
	}
	


}