body	{font-family: Arial, Verdana; color: #333333; background-color: #DDDFFF; margin: 0;}

p,td 			{font-size: 0.9em;}
textarea	{font-size: 0.85em; font-family: Arial; padding: 0.2em;}
input			{font-size: 0.85em; padding: 0.2em;}
img				{max-width: 100% !important; height: auto; margin: 0; padding: 0; border: 0; vertical-align: top;}
.hidden				{position: absolute; left: -1000px;}
.clear				{clear: both; line-height: 0; font-size: 0; height: 0;}


.wrapper	{margin: 0 auto; max-width: 650px; border: 1px solid #999999; background-color: #FFFFFF; padding: 1em; font-size: 0.9em;}
.centa		{text-align: center;}
.logo			{text-align: center;}
.txt			{padding: 1em 2em;}

.l				{margin: 0 auto; max-width: 60%; width: auto; border: 1px solid #999999; background-color: #DDDFFF; padding: 1em; line-height: 250%; font-size: 0.9em;}
.l_name		{float: left; width: 30%; font-weight: bold;}
.l_input	{float: left; width: 68%;}
.l_input input{padding: 0.3em; font-size: 1em; min-width: 80%;}
.l_input .button {color: #FFFFFF; background-color: #666666;  font-weight: bold; padding: 0.2em 0.5em; border: 1px solid #666666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}


.imprint	{margin: 0 auto; max-width: 310px; border: 1px solid #ff0000}
.imprint .logo		{float: left; width: 30%;}
.imprint .verantw	{float: left; width: 65%; font-size: 0.7em; padding-left: 1em;}

.footer 		{font-size: 0.7em; text-align: center; color: #666666;}
.footer a:link, .footer a:visited {color: #333333;}
.footer-grey 	{font-size: 0.7em; color:#999999;}

/*smartphones*/
@media screen and (max-width: 767px) 
{
html 			{font-size: 1.2em;}
.wrapper	{width: 90%;}
.l				{margin: 0 auto; max-width: 95%; width: 95%; text-align: center; padding: 0;}
.l_name, .l_input		{float: none; width: 95%;}
.footer 		{font-size: 0.65em;}
}


.box-start 		{border: 1px solid #999999; background-color:#FFFFFF; padding: 1em;}
.box-grey 		{border: 1px solid #999999; background-color:#FFFFFF;}
.box-grey-r 	{border-right: 1px solid #CCCCCC;}
.box-red 		{border: 1px solid #FF0000; background-color: #FFFFFF;}
.box-login 		{border: 1px solid #999999; background-color:#DDDFFF;}
.box-logout0  	{font-size: 0.85em;	border: 2px solid #CC0000;	padding:3px; font-weight: bold;}
.box-logout  	{border: 2px solid #CC0000; background: #FFFFFF; padding:3px; font-weight: bold;}
.error-red 		{color: #FF0000; font-weight: bold;}
.meldung1 		{font-size: 0.8em; color: #0C0; font-weight: bold; padding: 0.3em; background-color: #FFFFFF; border: 1px solid #999999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.meldung2 		{font-size: 0.7em; color: #FF0000; font-weight: bold; padding: 0.3em; background-color: #FFFFFF; line-height: 1.8em;}
.back-weiss 	{background-color: #FFFFFF; padding: 10px;}
.feldbez 			{font-size: 0.95em; color: #003366; font-weight: bold;}
.feldzus 	    {font-size: 0.85em;}
.button 		{font-size: 12px; color: #FFFFFF; background-color: #666666; font-weight: bold; padding: 0.2em 0.5em; border: 1px solid #666666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.send			{width: 100%; border: 2px solid #CC0000; text-align: center; padding: 1em 0;}
.button-big 	{font-size: 13px; color: #FFFFFF; background-color: #666666; font-weight: bold; padding: 0.2em 0.5em; border: 1px solid #666666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.druckvor1    	{font-size: 0.75em; color:#999999; text-align: justify;}
.druckvor2    	{font-size: 0.75em; color:#666666;}

#imagema		{position: relative;	background: #CCCCCC;	padding: 1px;	width: 520;}
.zul_formate{font-size: 0.8em;text-align: center;}

#logout			{position: relative; background: #FFFFFF; top: -5px;	left: 585px;}

a:link 		{color:#CC0000;}
a:visited 	{color:#9B0000;}
a:active 	{color:#FF0000;}

.10 		{font-size : 10px; } 
.11 		{font-size : 11px; } 
.12 		{font-size : 12px; } 
.13 		{font-size : 13px; } 
.14 		{font-size : 14px; } 


.box-black 	{border: 1px solid #000000;}
.box-red 	{border: 1px solid #CC0000;}
.box-red-double	{border: 2px solid #CC0000;}

.box-grey-u 	{border-top: 1px none #CCCCCC;	border-right: 1px none #CCCCCC;	border-bottom: 1px solid #CCCCCC; border-left: 1px none #CCCCCC;}
.invers-dgrey 	{color: #FFFFFF;background-color: #333333;}