@charset "utf-8";

html { width:100%; height:100%; overflow-y: scroll; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" }

/* object, embed, video {max-width: 100%;}  .ie6 img {width:100%;}  
IE 6 unterstützt keine maximale Breite, verwende daher eine Standardbreite von 100% */
		
body {	margin: 0; padding:0; width:100%; min-width:480px; height:100%; cursor:default;
		font-weight: 400;
		letter-spacing: normal;
		color:rgba(49,56,90,1.00);/* Logo Farbe */
		font-size:0.767em;
		line-height: 2.000;
		-webkit-text-size-adjust:none;
		background-color:rgba(255,255,255,1.00);
		text-rendering: optimizeLegibility;
	
		}
		
textarea {font-family: inherit;
		font-weight: 400;
		letter-spacing: normal;
		color:#ffffff;}

@media (max-width:640px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2) {body {-webkit-text-size-adjust: 70%;}}

#bg {width:100%; height:100%; position:fixed; z-index:1; display:block;}
#bg img {display:none; position:absolute; top:0; left:0;}
#bg img.start {display:block;}
#bgimg {position:absolute; z-index: 1;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/


div#fehlerbox {position:fixed; top:0px; height:48px; padding-top:24px; width:100%; background-color:rgba(255,255,255,0.70); font-size:120%; font-weight:700; text-align:center !important; z-index:50; color:rgba(211,0,3,1.00);}






img 	{ border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
.clear 	{ clear:both; }

h1 { font-weight:normal; font-size:180%; margin:0px; display:inline; text-decoration:none; }
h2 { font-weight:700; font-size:160%; margin:0px; display:inline; text-decoration:none; color:rgba(66,64,64,1.00); }
h3 { font-weight:normal; font-size:140%; margin:0px; display:inline; text-decoration:none; }
h4 { font-weight:normal; font-size:120%; margin:0px; display:inline; text-decoration:none; }
h5 { font-weight:normal; font-size:110%; margin:0px; display:inline; text-decoration:none; }
h6 { font-weight:normal; font-size:100%; margin:0px; display:inline; text-decoration:none; }
h7 { font-weight:normal; font-size:100%; margin:0px; display:inline; text-decoration:none; }
h8 { font-weight:normal; font-size:100%; margin:0px; display:inline; text-decoration:none; }

a 					{ color:#845429; text-decoration:none; }
a:visited			{ color:#845429; text-decoration:none; }
a:hover 			{ color:#353535; text-decoration:none; }
a:focus 			{ outline: none; text-decoration:none; }
a:hover, a:active 	{ outline: 0; }

b, strong 			{ font-size: 110%; font-weight: 700;}
small 				{ font-size: 85%; font-weight: 400;}
hr 					{ display: block; height: 1px; border: 0; border-top: 1px solid #ffffff; margin: 2.5em 0; padding: 0; }

ul, ol 				{ margin: 1em 0; padding: 0 0 0 40px; list-style-position:inside; }
nav ul, nav ol 		{ list-style: none; list-style-image: none; margin: 0; padding: 0; }


/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

header 		{padding:  0px 0  0px 0; display:block;} 
nav 		{padding:  0px 0  0px 0; display:block;}
main 		{padding: 12px 0 20px 0; display:block;}
footer 		{padding: 0 0 0 0; display:block;}

header 		{background: none; min-width:768px;}
main 		{background: none; min-width:768px;}
footer 		{min-width:768px; }





/*//////////////////////////////////////////////////////////////////////////////////////////////////*/	
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
					/* //////////////////  LogIN ONLY  ////////////////// */
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

.loginpage  {margin:auto;display:block;width:100%;}
header .loginpage { }
div.logo {
position:fixed;
height:125px; width:160px; 
background-image:url(logo-ryago.png); 
background-repeat: no-repeat !important; 
left:4%; top:40px; 
z-index:5;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
					/* //////////////////  LOGin  ////////////////// */
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/


main .loginpage { }

div.login {height:480px; width:360px; padding-top:79px; background-image:url(loginbg.png); background-repeat: no-repeat !important; background-position: center top;
position:absolute; right:90px; top:180px; z-index:10;}


main .accountpage {margin:auto;display:block;width:360px;}

div.accountlogin {height:480px; width:360px; padding-top:79px; background-image:url(createaccount.png); background-repeat: no-repeat !important; background-position: center top; margin-top:32px;}

div.accountremember {height:480px; width:360px; padding-top:79px; background-image:url(pwremember.png); background-repeat: no-repeat !important; background-position: center top; margin-top:32px;}







/* ////////////////  LOGin Formular  /////////////// */

.accountremember input,
.accountlogin input,
.login input  		{ 	-webkit-border-radius: 7px;
					border-radius: 7px;
					background: none;
					background-color: #fafafa;
					-webkit-box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.35);
					box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.35);
					width:240px;
					height:48px;
					text-align: center;
					outline: 0px;
					border:none;
					letter-spacing: normal;
					color: #767676; 
					font-size:133%;font-weight: 100;
					margin-top: 18px;
					margin-left: 60px;
					
					-webkit-transition: all 200ms ease-in-out;
					-moz-transition: all 200ms ease-in-out;
					-ms-transition: all 200ms ease-in-out;
					-o-transition: all 200ms ease-in-out;
					transition: all 200ms ease-in-out;
				 }
				 
.accountremember input:active, .accountremember input:focus,	
.accountlogin input:active, .accountlogin input:focus,				 
.login input:active, .login input:focus		  	{ 	
					-webkit-border-radius: 12px;
					border-radius: 12px;
					background-color: #ececec;
					-webkit-box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.76);
					box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.76);
				 }

.accountremember input[type=submit],
.accountlogin input[type=submit],				 
.login input[type=submit]		  	{ 	
					margin-top: 24px;
					background-color: #fafafa;
					
					width:240px;
					height:53px;
					
					color: #777777; 
					font-size:167%;
					font-weight: 400;
					text-shadow: inset 1px 1px 0px #000000;
					
					outline: 0px;
					border: medium rgba(0,0,0,1.00) !important;
					
					background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */

				 }
				 
.accountremember input[type=submit]:hover,			 
.accountlogin input[type=submit]:hover,
.login input[type=submit]:hover {cursor:pointer; color: #ffffff; 
background: rgb(174,188,191); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYmNiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlNzc3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzBhMGUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTA4MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(50%,rgba(110,119,116,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-8 */

}


/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
					/* //////////////////  LOGin Footer  ////////////////// */
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/



section.footer 		{width:100%; min-height:150px; position:fixed; bottom:0px; z-index:20; background-color:#fff; box-sizing: border-box; padding:24px 32px 12px 32px;	}

.brfoo   {height:128px; background-color:#6E5134; position:absolute; top:0px; width:100%; z-index:21;}

.footerline {
	text-align:center !important;
	color:rgba(49,56,90,1.00);
	position:relative;
	float:left;
	display: inline-block;
	width:100%;
	margin-top: 20px;
	}



/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
					/* ///////////////////  FOOTER Account anlegen  /////////////////// */
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/



section#simplefooter 		{width:100%; height:128px; position:fixed; bottom:0px; z-index:20; background-color:#E1DDD6; }


.accountcreatefooter {width:100%; margin-top:55px; text-align:center;} 













/*////////////////////////////////////////////////////////////////////////////////////// */
/*////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////   Responsive Design: Media Queries  | AUSSCHIESSLICHE VERAENDERUNGEN   /////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/*////////////////////////////////////////////////////////////////////////////////////// */
/*////////////////////////////////////////////////////////////////////////////////////// */


@media only screen  
	and (max-width: 1290px) {
		/* ////   Responsive Design: low-tech Tablet LANDSCAPE + Kleine Desktop Monitore  //// */

		.centerpage 		{max-width:900px;}
		ul#navigation 		{ }
		
		div.login 			{right:30px; top:128px;}
		
}

@media only screen
	and (max-width: 940px) {
		/* //////////////   Responsive Design: low-tech Tablet PORTRAIT  //////////////// */
		
		body 				{font-size:0.723em;}
		div.logo 			{ }      /*Logo zentrieren*/

		ul#navigation li 	{margin: 0.0em;}
		ul#navigation a, 
		ul#navigation span 	{font-size:150%; display:inline-block;}
		
		div.login 			{right:20px; top:100px;}

		}

@media only screen	and (max-width: 765px) {
		/* //////////////   Responsive Design: Smartphone //////////////// */
		
		body 				{font-size:0.900em;
							 background-position:top center;
							 background-size:contain !important;
							 background-repeat:no-repeat !important;
							 min-width:1px !important;
	
							 background: #eee !important;
	
	}
							 							 
		div#bg				{ display:none !important; }	

	
	
	
		div.login 			{
			
			position:relative !important; 
			display:block;
			width:360px;
			height:auto; 
			min-height: 110px;
			right:auto;
			top:auto;
			
			
			margin: 10px auto 10px auto !important;
	
	}

		main				{min-width: 1px !important; width:100% !important; }
		header 				{ display: none !important; }
		main 				{background: none; min-width:1px !important;}
		footer 				{min-width:1px !important; }

		.centerpage			{min-width:1px !important; width:100% !important; max-width:none !important; display:block !important;}


	
	section.footer {  	 background-color: rgba(0,0,0,0) !important; 	 }
	
	
	
	
	div.centerpage, div.loginpage, main, section.footer { position: relative !important; float:left !important; display:inline-block !important; box-sizing: border-box !important; clear:both !important; width:100%; height:auto !important }
	

	
	
	
	
	
	
	
	
	
	
	
	
	
}