body {
	margin: 0;
	font-family: 'Carrois Gothic',sans-serif;
	font-weight:400;
	font-size: 0.9em;
}

.header {
	text-align: center;
	padding: 10px 0 10	px;
	/* font-family: 'Open Sans Condensed',sans-serif; */
	font-family: 'Noto Sans','Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 700;
}

aside {
	font-size:1.4em;
}

footer {
	padding: 15px;
	font-family: 'Noto Sans','Helvetica Neue', Arial, Helvetica, sans-serif;
	xfont-family: 'Open Sans Condensed',sans-serif;
	font-weight: 400;
	color: white;
	font-size: small;
}


.color_red 		{	background-color:#eb2313; }
.color_yellow {	background-color:#ffaf0b;	}
.color_green 	{	background-color:#12d100;	}
.color_blue 	{	background-color:#069ae6;	}
.color_violet {	background-color:#8e00cb;	}	 
.color_white 	{	background-color:#ffffff;	} 

.colorscheme_red {	background-color:#eb2313; }
.colorscheme_red #on_paper_top_border {background:url(dreiecke-red-down.png);}
.colorsheme_red #on_paper_bottom_border {background:url(dreiecke-red-up.png)}

.colorscheme_yellow {	background-color:#ffaf0b;}
.colorscheme_yellow #on_paper_top_border {background:url(dreiecke-yellow-down.png);}
.colorscheme_yellow #on_paper_bottom_border {background:url(dreiecke-yellow-up.png)}

.colorscheme_green {	background-color:#12d100;}
.colorscheme_green #on_paper_top_border {background:url(dreiecke-green-down.png);}
.colorscheme_green #on_paper_bottom_border {background:url(dreiecke-green-up.png)}

.colorscheme_blue {	background-color:#069ae6;}
.colorscheme_blue #on_paper_top_border {background:url(dreiecke-schemeblue-down.png);}
.colorscheme_blue #on_paper_bottom_border {background:url(dreiecke-schemeblue-up.png)}

.colorscheme_violet {	background-color:#8e00cb;} 
.colorscheme_violet #on_paper_top_border {background:url(dreiecke-violet-down.png);}
.colorscheme_violet #on_paper_bottom_border {background:url(dreiecke-violet-up.png)}



.big_letter
{
	font-family: "Fredericka the Great", Arial,sans-serif;
	font-size:250%;
	font-size:2.5em;
	text-align:center;
	font-weight:normal;
	margin-top: .01em;
	margin-bottom: .01em;
	color: #5c5c5c;
}


p
{
	padding: 0.2em 0;
}

.main_header
{
/* 	font-family: "Graduate", Arial,sans-serif;
	font-family: "Frijole", Arial,sans-serif;
	font-family: "Carter One", Arial,sans-serif;
	font-family: "Changa One", Arial,sans-serif;
	font-family: "Lobster", Arial,sans-serif;
	font-family: "Open Sans Condensed", Arial,sans-serif;
	font-family: "Luckiest Guy", Arial,sans-serif;
	font-family: "Special Elite", Arial,sans-serif;
	font-family: "Playfair Display SC", Arial,sans-serif;
	font-family: "Julius Sans One", Arial,sans-serif;
	font-family: "IM Fell English SC", Arial,sans-serif; */
	font-family: "Fredericka the Great", Arial,sans-serif;
	font-size:450%;
	font-size:4.5em;
	margin-top: 3%;
	margin-bottom: 3%;
	font-weight:normal;
}
.main_subheader
{
	font-family: "Fredericka the Great", Arial,sans-serif;
	font-size:2.8em;
	text-align: left;
	padding: 0 0 0 10%;
	margin-top: -1em;
	margin-bottom: 0em;
	font-weight:heavy;
}

#on_paper_top_border
{
	background: top repeat-x;
	height:8px;
}
#on_paper_bottom_border 
{
	display: none;
	background:bottom repeat-x;
	height:8px;
}

.links_aussen ul
{
	list-style: none;
	font-Size: 90%;

}

.links_aussen li
{
	display: box;
	margin: 8.288% 0;
	padding: 2.763%   0   2.763%   2.763%;
	border-top-left-radius:  5% 35%;	
	border-bottom-right-radius:  5% 35%;
	min-width: 8em;	
}


/* --------------------------------------------------------------------------------- */
/* navigational a pseudo classes                                                     */
/* --------------------------------------------------------------------------------- */

.navi a {
	text-decoration: none;
}

.navi a:link    {color:white;}
.navi a:visited {color:black;}
.navi a:hover	{color:black;}
.navi a:active  {color:black;}

.navi li:hover  {
	background-color: #FFFF99;
	color: black;
}

.current_page 
{
	background-color: grey;
	}

.current_page a:visited
{
	color: black;
}

.small_a a:link,
.small_a a:visited,
.small_a a:hover,
.small_a a:active
{
	font-size: smaller;
	color: black;
	text-decoration: none;
}

/* --------------------------------------------------------------------------------- */
/* sub navigational a pseudo classes                                                     */
/* --------------------------------------------------------------------------------- */

.sublinks_aussen ul
{
	list-style: none;
	font-Size: 80%;
	font-Size: 0.8em;
}

.sublinks_aussen li
{
	display: box;
	margin: 4.144% 0;
	padding: 1.38%  0 1.38% 1.38%;
	border-top-left-radius:  5% 35%;	
	border-bottom-right-radius:  5% 35%;
	
}

.subnavi a:link    { color:black;}
.subnavi a:visited { color:#5c5c5c;}
.subnavi a:hover   { color:dimgrey; }
.subnavi a:active  { color:black;}

.subnavi li:hover { background-color: #FFFF99;}

.subcurrent_page           { background-color: lightgrey;}
.subcurrent_page a:visited { color: black; }

.on_paper_twocols
{
	display: box;
}

.on_paper
{
	display: box;
	background: white url(paper_stripes.jpg); /* fine stripes */
	min-height:1200px;
}


.full
{
	float:left;
	border-radius:  15px;
}

.left
{
	float:left;
	border-radius:  15px 0 0 15px;
}

.right
{
	float:right;
	border-radius: 0 15px 15px 0;
}

.small
{
	width:13%;
	padding: 1%;
	background-color: rgba(100%,100%,100%,0.66);

}

.large
{
	width:82%;
	padding: 1%;
	background-color: rgba(100%,100%,100%,0.66);
}

/* ist die Breite von small + large */
.x_large
{
	width: 97%;
	padding: 1%;
	background-color: rgba(100%,100%,100%,0.366);
}


.x_large h1 
{
	font-size:1.5em;
	font-weight: 700;
	color:#5c5c5c;
}


.x_large h2 
{
	font-size:1.2em;
	font-weight: 400;
	color:#5c5c5c;
}


.center
{
	float: right;
	width:74.5%;
	margin-right:auto;
	padding:3%;
	font-size: 1.4em;
}

/* debugging */
.red_box
{
	border-style:solid;
	border-color:	red;
  border-width:	1px;
}
.green_box
{
	border-style:solid;
	border-color:	green;
  border-width:	1px;
}

.links_aussen
{
	float:left;
	width:19%;
	min-width:150px;
	font-size: 1.5em;
	margin: 2% 0 0 0;
	clear:left;
}

.down15 
{
	position:relative;
	top:15px;
}

div.clear 
{
	clear: both;
	padding: 1%;
}

.header h1, h2
{
	color:white;
}

h1 {
	color: #5c5c5c;
	font-size: 1.5em;
}

h2 {
	color:#303030;
	font-size: 1.2em;
}

.ref_box a 
{
	color: white;
	text-decoration: none;
}

div.ref_box 
{
/* 	float: left;
	height:50px;
	margin: 5px 15px 35px 15px;
	font-size: 1.0em;
	text-align: center top;
 */
	float: left;
	height:3.125em;
	margin: 0.3125em 0.9375em 2.1875em 0.9375em;
	font-size: 1.0em;
	text-align: center top;
}

 /* width of icon-boxes in footer */
.w_120	{	width:120px; }	
.w_150	{	width:150px; }	
.w_180	{	width:180px; }	
.w_210	{	width:210px;	}	
.w_250	{	width:250px;	}

 /* to get the icon down by some pixels - to have them appear centered  */
img.pos_img
{
	position: relative;
	top: +19px;
}

.dl_wide dt
{
	float: left;
	width: 20%;
	text-align: right;
}

.dl_wide dd
{
	float: right;
	width: 76%;
}

img.img_small 
{
	width: 95%;
}