@CHARSET "US-ASCII";

/* === Util ======================================= */

/* --- clearfix ----------------------------------- */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* --- box ----------------------------------- */

/* --- box layout ---------------------------- */
.box {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-width: 1px;
	margin-top: 0.5em;
}

.box .title {
	padding-left: 0.5em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-width: 1px;
}

.box ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	padding-right: 1em;
}

.box .content ul {
	padding-top: 0px;
	padding-left: 0px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
}

/* --- box style ---------------------------- */
.box {
	font-weight: 600;
	font-size: 0.9em;
	border-style: solid;
	border-color: #666666;
}

.box .title {
	color: #e5e5e5;
	background-color: #ff7f00;
	border-style: solid;
	border-color: #ff7f00;
}

.box .description {
	color: #666666;
	font-weight: 300;
	font-size: 0.9em;
}

.box a, .box a:visited {
	color: #666666;
}

/* === Layout (height, width, position, margin, padding, border-width (incl. border: none), float) === */
body {
	margin: 0;
}

.page {
	max-width: 760px;
	position: relative;
	margin: 0 auto;
	border-width: 1px;
}

.content {
	padding: 0.5em;
}

.logo {
	float: right;
	margin-right: 1em;
}

.subtitle {
	margin-left: 40px;
}

.topmenu {
	position: absolute;
	margin: 0;
	top: 0;
	right: 1em;
}

.topmenu li {
	display: inline;
	padding-right: 0.4em;
	border-right-width: 1px;
}

.topmenu li:last-child {
	padding-right: 0;
	border-right: none;
}

.navmenu, .maincontent, .sidebar, .iconOnRight {
	vertical-align: top;
}

.maincontent {
	max-width: 27em;
	margin-left: 0.5em;
	padding-top: 1.5em;
}

.wide {
	max-width: 40em;
}

.sidebar {
	max-width: 13em;
	margin-left: 0.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	float: right;
}

.iconOnRight {
	margin-top: 3em;
	right: 2em;
	position: absolute;
}

.navmenu {
	margin-top: -0.5em
}

.footer {
	margin-top: 2em;
}

.footer hr {
	height: 1px
}

.linkWithImage, .description {
	display: table-cell;
}

.download {
	border-width: 1px;
	padding: 0.7em;
}


.download div.linkWithImage {
	margin-right: 0.7em;
	float: left;
}

.download div.description {
	display: inline;
}

/* === Style (font, color, decoration, border (style, color,...)) === */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	background-color: #FFB200;
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

h1 {
	font-size: 1.3em;
	font-weight: bold;
}

h2 {
	font-weight: bold;
	font-size: 1.1em;
}

img {
	border-style: none;
}

.page {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	border-color: #FFb200;
	border-style: outset;
	border-left-style: inset;
	/* in chrome nothing is displayed left when using outset */
	border-top-style: none;
}

.banner-text {
	visibility: hidden;
}

.maintitle {
	font-size: 2.6em;
}

.topmenu {
	text-align: right;
	vertical-align: top;
	font-size: 1em;
	list-style: none;
}

.topmenu li {
	border-right-style: solid;
	border-right-color: #ccc;
}

.topmenu a {
	color: #FF6b00;
}

.topmenu a:visited {
	color: #FF6b00
}

.navmenu, .maincontent, .sidebar, .iconOnRight {
	display: inline-block;
}

.navmenu {
	color: #666666;
}

.footer {
	font-size: 0.8em;
	text-align: center;
	color: #666666;
}

.footer hr {
	color: #FFb200;
	background-color: #FFb200;
}

.footer a {
	color: #666666;
}

.linkWithImage, .description {
	vertical-align: top;
	text-align: left;
}

.download {
	background-color: #FFFF99;
	border-color: #FF9900;
	border-style: solid;
	border-bottom-style: none;
}

.download:last-child {
	border-bottom-style: solid;
}

.descriptionWithImage img {
	vertical-align: top;
}

/* === @media ====================================== */

@media ( max-width : 766px) {
	/* --- Layout --------------------------- */
	.sidebar {
		max-width: none;
	}
	.navmenu {
		display: flex;
	}
	.navmenu .box {
		margin-right: 0.5em;
	}
	.maincontent {
		max-width: none;
	}
	body {
		margin-top: 1.5em;
	}
	.topmenu {
		top: -1.5em;
	}

	/* --- Style ---------------------------- */
	
	.topmenu a {
		color: #973F00;
	}
	.topmenu a:visited {
		color: #973F00;
	}
}

@media print {
	
	/* --- Layout --------------------------- */
	
	.page {
		margin: 1em;
		margin-left: 3em;
	}
	.navmenu, .iconOnRight, .topmenu {
		display: none;
	}

	/* --- Style ---------------------------- */
	
	.page {
		border-width: 0px;
	}
	
	.banner-text {
		visibility: visible;
	}
}