@charset "utf-8";

body { 
	padding: 0px;
	margin: 0px;
	color:#001020;
	background-color:#222266;
}

h1,h2,h3,h4,p,ul,ol,li,div,td,th,blockquote,nobr,b,i,strong { font-family:Arial,sans-serif; }

h1,h2,h3,h4 { color:#006; }

ul { margin-top:0px; }

h1 { font-size:20pt; margin-bottom:7pt; margin-top:4pt; }
h2 { font-size:16pt; margin-bottom:4pt; margin-top:3pt;}
h3 { font-size:14pt; margin-bottom:2pt; margin-top:2pt; }
h4 { font-size:12pt; margin-bottom:1pt; margin-top:1pt; }

.darken { color:#777777; }
.sectionback { background-color:#e0e0ff; }
.subsectionback { background-color:#e0ffe0; }
.menu { font-size:12px; }   
.small { font-size:80%; }
.bigred { font-size:150%; color:#e00000; }
.floatright { float: right; margin: 10px 10px 10px 10px; }
.floatleft { float: left; margin: 10px 10px 10px 10px; }  
.menuactive { 
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px; 
	background-color:#000088; 
}

a:link { color:#007bff; text-decoration:none }
a:visited { color:#004488; text-decoration:none }
a:active { color:#E00000; text-decoration:underline }
a:focus { color:#E00000; text-decoration:underline }
a:hover { color:#E00000; text-decoration:underline }

.rounded {
	-moz-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px; 
}
.roundednopad {
	-moz-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px;
}

div.padded { padding: 5px 15px 5px 15px; line-height: 125%; }

div.fsframe, div.backdrop {
	overflow: hidden;
	position: absolute; 
	width: 100%; 
	height: 100%;
}
div.backdrop {
	top: 0px; left: 0px; background-color: #000;
}

div.DesignBy {
	position: absolute; 
	bottom: 5px; right: 50px;
	height: 10px; width: 100%;
	min-width: 100%; max-width: 100%; 
	z-index: 55;
	text-align: right; 
	font-size: 50%;
	overflow: hidden;
}

div.DesignBy a { color:#33a; }

table.tools {
	table-layout: fixed;
	border-collapse: collapse;
}
table.tools tr, table.tools td {
	border-top: 1px solid #555;
}
table.tools td:nth-child(even) {
	background-color: rgba(0,0,0,0.2);
}
table.tools tr>td {
	vertical-align: top;
	font-size: 120%;
}
table.tools tr:1st-child > td {
	font-size: 120%;
}
table.tools tr.header {
	background-color: rgba(255,255,255,0.5);
}

div.tool {
	width: 8em;
	-moz-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	background-color: #ccd;
	float: left;
}

.clear {
	clear: both;
}

div.backdrop img {
	width: 100%;
};

div.kopf {
	position: absolute;
	top: 0px; 
	left: 0px;
	height: 90px;
	width: 100%; min-width: 100%; max-width: 100%; 
	z-index: 40;
}

div.kopf h1, div.kopf h2, div.kopf h3, div.kopf h4 { color:#66f; }


div.kopf div {
	text-align: center; 
	position: absolute;
	top: 25px; left: 10px; 
	width: 40%; min-width: 20%; max-width: 60%; 
	z-index: 55;
}

div.menu, div.content {
	padding: 5pt 5pt 5pt 5pt;
	background-color: rgba(250,250,255,0.5);
}

div.menu { 
	overflow: hidden;
	position: absolute;
	top: 100px; left: 30px; 
	width: 140px; min-width: 5%; max-width: 20%;
	z-index: 75;
}

div.menuentry {
	padding: 3pt 3pt 3pt 3pt;
	border-bottom: 1px solid #ccc;
}

div.menuentry img {
	padding-right: 10px;
}

div.menuentry:hover {
	background-color:#c0c0ff;
}

div.submenu {
	background-color:#d0d0ff;
	margin-left: 10px;
	font-size:80%;
}

div.content { 
	overflow: auto;
	position: absolute;
	top: 100px; left: 200px; right:30px; bottom: 30px;
	z-index: 65;
	min-height: 20%; max-height: 80%;
	transition: all 2s;
	opacity: 1;
}

div.content.disabled {
	top: 200px;
	opacity: 0;
}

div.OldIEwarning {
	visibility: hidden;
	position: absolute;
	top: 0px; left: 0px; width: 0; min-width: 0; max-width: 0;
	z-index: 0;
}

div.SuppressForIE {
}

div.MovieDiv {
	position: fixed;
	visibility: hidden;
	top: 40px; right: 40px; 
	background-color: #ffffff; 
	padding: 6px;
	border-width: 3px;
	border-style: outset;
	border-color: #888888;
	z-index: 80;
}

a.infobox { border-bottom: 2px dotted #ccf; text-decoration:none; }
a.infobox:hover { cursor:help; color: #f00; }
a.infobox span { visibility:hidden;  display:block; position:absolute;
        left:-99em; margin-top:0.5em; padding:1em; text-decoration:none;
        width: 70%; text-align:left;}
a.infobox:hover span { visibility:visible; left:15%;
        border:1px solid #66f; color: #008; background:white; font-size:80%; }


@media only screen and (max-width: 100pt), only screen and (max-width: 800px) {
	div.kopf div {
		width: auto; max-width: 100%; right: 30px;
	}
	div.menu { 
		width: auto; height: 30px;
		max-width: 100%;
		left: 0px; right: 0px; top: 91px;
	}
	div.menu:hover {
		height: auto;
	}
	div.menuentry {
		border-bottom: 0px solid #ccc;
		border-right: 1px solid rgba(255,255,255,0.3);
		float: left;
	}
	div.content { 
		top: 135px; left: 0px; right: 0px; bottom: 0px;
	}
	.langbox * img {
		padding: 0pt 0pt 5pt 5pt;
		min-width: 32pt;
	}
	a {
		padding:  5pt 5pt 5pt 5pt;
		line-height: 20pt;
	}
	div.SuppressForIE {
		display: none;
	}
	div.tool {
		width: 6em;
		-moz-border-radius: 0px; 
		border-radius: 0px;
		padding: 1px 1px 1px 1px;
		margin: 1px 1px 1px 1px;
		float: left;
		font-size: 80%;
	}
}

.bgimgRight {
	background-size: auto 3ex;
	background-repeat: no-repeat;
	background-position: right 0.3em top 0.3ex;
}