@font-face { font-family: 'alegreya';
		 src: url('alegreya-sans/AlegreyaSans-Medium.otf') format('opentype'); }
@font-face { font-family: 'alegreya-bold';
		 src: url('alegreya-sans/AlegreyaSans-ExtraBold.otf') format('opentype'); }
		 
@font-face { font-family: 'DIN-light';
		 src: url('din/ufonts.com_din-light.ttf') format('truetype'); }
@font-face { font-family: 'DIN-medium';
		 src: url('din/ufonts.com_din-medium.ttf') format('truetype'); }
@font-face { font-family: 'DIN-bold';
		 src: url('din/ufonts.com_din-bold.ttf') format('truetype'); }
@font-face { font-family: 'DIN-black';
		 src: url('din/ufonts.com_din-black.ttf') format('truetype'); }
		 

a		{ 
	x___font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	text-decoration: none; 
	color: #999 ;  /*  darkblue  */
	}
a:link	{ 
	x___font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	color: #888;  /* darkblue  #0000cc 820024  000090 , c9003c 91241e 8a221c 820024 */
	}
a:visited 		{ 
	x___font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	color: #777;  /* #888  #000090; */
	text-decoration: none;
	 }
a:hover { 
	x___font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	color: #333;  /*   #333    820024  #000090; ff525e bb2e26 d2666f c45f67 af0030 */
	text-decoration: none; /* underline */
	/*                  border-bottom: 2px solid #888;  */
	padding-bottom: 1px; 
	background-color: none;
	}

.big_link:hover { 
	color: white ; /* #333 */
	/* border-bottom: 2px solid #888; */
	/*text-decoration: underline;  none */
	background-color: rgb(0, 159, 231);
}

a.zusatz		{
	font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	color: RED;
	}



/* NAVIGATIONS-PFEILE VORWAERTS/ZURUECK */
#nav_wrapper { 
	width: auto; 
	height: 100px;
} 

.nav_date, .nav_btn, .nav_btn_pass, a.nav_btn {
	position: relative;
	color: rgb(0, 159, 231);
	font-size: 24px;
	font-family: DIN-medium;
	float: left;
}

.nav_btn, .nav_btn_pass {
	top: 28px;
	margin: 0 5px 0 5px;
}

.nav_btn_pass	{
	color: #999;
}



.edit_button {
	color: darkred;
	font-size: 18px;
	font-family: DIN-medium;	
}

body, textarea { 
	font-size: 20px;
	font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	text-decoration: none; 
	/*background-color: #fff;*/
		/*  dcdcdc  c4eeb9 a2c599 cddaca | 
			#D0DCFF; ffcfd5 ffebdf  efd6ce */
	/*color:#111;*/
	}

textarea { 
	font-size: 18px;
}

select	{
	font-size: 18px;
	font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	text-decoration: none; 
	}
	
#menue_top{
	font-size: 16px;
	color: darkblue;
	}


/*  MENUE, blau hinterlegt, wg. fett und mager alles doppelt  */
.menue_akt, a.menue_akt, .menue:hover,
.menue_mager_akt, a.menue_mager_akt, .menue_mager:hover{
	background-color: rgb(0, 159, 231);
	color: white;
	padding: 2px 4px 3px 4px;
	}

.menue_mager_akt, a.menue_mager_akt, .menue_mager:hover {
	padding: 6px 6px 2px 6px;
	}
	
.monate_xxx:visited {
	border-bottom: 0px;
	font-size: 16px;
	color: red;
	padding: 2px 4px 2px 4px;
	}
.menue, a.menue , .menue_mager, a.menue_mager {
	padding: 2px 4px 2px 4px;
	border-bottom: 0px;
	color: rgb(37,96,122);
	}
.menue_mager, a.menue_mager {
	padding: 6px 6px 2px 6px;
	}		



input   { 
	font-size: 11px; 
	font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	text-decoration: none;
	}	
h1, .big_link		{ 
	font-size: 46px; 
	font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier;
	color: rgb(0, 159, 231);
	font-style: normal; 
	}
.big_link		{ 
	font-size: 28px; 
	color: #999;
	margin: 40px 0 40px 0;
}

h2		{ 
	font-size: 22px; 
	font-family: DIN-medium, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier;
	font-style: normal; 
	color:#444;
	x_font-weight: bold;
	x_margin-top: 30px;
	margin-bottom: 10px;
	}
.blue		{ 
	/*font-size: 46px; */
	font-family: DIN-medium, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier;
	color: rgb(0, 159, 231);
	font-style: normal; 
	}



/* INFO-BOX rechts */

.invert, .invert_grau {
	font-family: DIN-bold, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier;
	font-size: 14px; 
	color: white;
	background-color: rgb(78, 127, 140);
	font-style: normal; 
	padding: 2px; 
	letter-spacing: 0.1em;
}

.invert_grau{
	color: rgb(233,239,231);
}

.blue_bold		{ 
	/*font-size: 46px; */
	font-family: DIN-bold, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier;
	color: rgb(0, 159, 231);
	font-style: normal; 
	}



li		{
	margin-bottom:10px;
	}

table	{ 
	/*background-color: #c4eeb9;*/
	}
td		{ 
	font-size: 21px; 
	font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier;
	text-decoration: none; 
	}
p		{ 
	font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier;
	}
#main	{
	text-align:left;
	width:800px;
	margin:30px;
	padding:10px 30px 10px 50px; 
	background-color:#dcdcdc;
	border:1px solid #888;
}
#top	{
	background-image: url(css_bgrnd.jpg);
	background-repeat:repeat-x;
	width:100%;height:150px;
	}
.bold, b	{ 
	font-weight: normal; 
	font-family: DIN-bold, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier;
	}
.unter	{ 
	font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	text-decoration: underline }
.center	{ 
	font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	text-align: center }
.left	{ 
	font-family: DIN-light, verdana, "Lucida Sans", Arial, Helvetica, Times, Courier; 
	text-align: left }


.s1,.s1p,.s2,.s2p,.s3,.s3p,.s4,.s4p {
	font-size: 16px;
	} /*  */

.s1,.s1p		{/*background-color: yellow; */
	text-align: left; 
	padding: 0px 10px 0px 0px; }
.s2,.s2p		{/*background-color: #ffebdf; */
	padding: 0px 10px 0px 0px;}
.s3,.s3p		{/*background-color: #efd6ce; */
	padding: 0px 0px 0px 0px;}
.s4,.s4p		{/*background-color: #ddcfd5; */
	padding: 0px 0 0px 0px; }
	
/*.s1,.s2,.s3,.s4	{border-left:1px solid #dcdcdc;}*/
/*.s1p,.s2p,.s3p,.s4p	{border-left:1px solid red;}*/

/* 4 TEST ONLY*/
/*  div{border:1px solid #000000;}   */ 





/* ******************** view-Formulare ******************** */
.view1	{
	text-align: left;
	vertical-align:top;
	padding: 0px 10px 5px 0px; 
}
.view2	{
	text-align: left;
	vertical-align:top;
	padding: 0px 30px 5px 0px; 
}
.view_trXXX	{
	valign:top;
	padding: 20px 0px 0px 0px; 
}
/* ***************************************************** */

.p 		{background-color: rgb(243,249,241);  /* #ffff9c;   faf39d */
	/*border:1px solid red;*/}  /* ffebdf  */
	
.date_sp1 {	clear:both;
	float:left;
	width:90px;
	align:left;
	height:25px;

	font-size: 15px;

/*
background-color:#95cfa0;
padding:1px 1px 1px 1px;
margin:1px 1px 1px 1px;
border:1px solid #888;
*/
}
.date_sp2 {
	/*clear:both;*/
	float:left;
	width:500px;
	font-size: 15px;
/*
font-weight: bold;
padding:0px 0px 0px 10px;
border:1px solid #666;
*/
}