/** Please keep this file in sync with errata.univention.de, docs.univention.de, etc. ! **/
html, body {
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	font: 12px Myriad,Helvetica,Tahoma,Arial,clean,sans-serif;
	color: #414142;
}

html {
	background: url(../images/page.png) repeat-y scroll center center #EEEEEF;
}

body {
	background: url(../images/emblem.png) no-repeat scroll right -145px #FFFFFF;
	margin: 0 auto;
	background-color: #ffffff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 960px;
	max-width: 960px;
	padding: 10px 15px 0;

	/**
	 * Necessary for a CSS footer to work:
	 * http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
	 */
	min-height: 100%;
	height: auto !important;
	height: 100%;
/*	margin-bottom: -80px;*/
}

img {
	border: 0 none;
}

a {
	color: #D0002E;
	vertical-align: middle;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	color: #4c4d4f;
}

/*h1 {
	line-height: 1em;
	border-bottom: 1px solid #D0002E;
}
*/
hr {
	border: 0 none;
	border-bottom: 1px solid #D0002E;
}

/** header **/

div#header {
	width:100%;
	padding-top: 7px;
	display: inline-block;
	margin-bottom: 1.5em;
}

#header-left {
	width: 230px;  /** size of the logo + 10 **/
	float: left;
}

#header > h1.title, /* docbook */
#header-middle {
	float: left;
	max-width: 520px;
}

#header-right {
	float: right;
	width: 140px; /** size of the language switcher **/
}

div#header-left > a {
	display: block;
	padding-left: 8px;
}

/** content **/

div#content {
	/** align the content with the univention logo **/
	margin-left: 40px;
	clear: both;
}
div#content, div#header {
	font-size: 1.2em;
}
div#content > table {
	border-spacing: 0;
}

div.book {
	/** add 15px padding to ensure that there are 30px padding between outer borders **/
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
}

/** logo and head area **/
h1.title {
	color: #828282;
}
div#header > h1 {
	margin-left: 35px;
	margin-top: 1px;
}

div#header > h1 {
	color: #828282;
	font-size: 1.6em;
}

/** headings **/
div#content h1, div#content h2 {
	line-height: 1em;
	padding: 0;
	margin: 0;
}

/** overview of docs **/
div#content ul.product {
	list-style-type: none;
	list-style-position: inside;
	margin-bottom: 2em;
	margin-top: 0.5em;
	padding-left: 44px;
}

ol.errata li a:before,
table.errata tr td a:before, 
ul.product li:before {
	content: '» ';
}

/** errata entries **/
ol.errata  {
	margin: 0;
	padding: 0;
	line-height: 2em;
	list-style-type: none;
	list-style-position: inside;
}

ol.errata li a,
table.errata tr th {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	margin-right: 50px; /** align with the h1-title **/
	width: 175px; /** align to the end of the univention logo **/
}

ol.errata li a,
table.errata tr td a {
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: left center;
}
.errata li:hover {background:#EEE !important;}
.errata :target {background:#EFE;}
.errata :target ~ li {background:#FEE;}

table.errata tr th {
	font-weight: bold;
	text-align: left;
}
table.errata * {
	line-height: 1.2em;
}

.errata pre {
	max-width: 650px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/** language bar **/
div.language {
	float: right;
	width: 75px;
	padding: 0;
	margin: 0px 44px 0px 0;
	display: inline-block;
	list-style-type: none;
	border: none;
	background: url('../images/white-arrow.png') no-repeat scroll right 0 transparent;
	min-height: 80px; /** required because the language bar gets only visible on hover **/
}

div.language > ul {
	visibility: hidden;
	display: none;
}
div.language:hover > ul {
	visibility: visible;
	display: block;
}

div.language > ul {
	background-color: #FFFFFF;
	border: thin solid grey;
	border-radius: 4px;
	box-shadow: 3px 3px 3px 0px #888;
	-webkit-box-shadow: 3px 3px 3px 0px #888;
	-moz-box-shadow: 3px 3px 3px 0px #888;
	list-style-type: none;
	padding: 3px 0;
	margin: 3px 0;
}
div.language a, div.language span {
	color: #828282;
	text-decoration: none;
}
div.language ul li:hover {
	background-color: #878787;
}
div.language ul li:hover a {
	color: #FFFFFF;
}
div.language ul li a {
	line-height: 1.5em;
}
div.language ul > li {
	padding: 0 31px 0 10px;
}

/** links to particular docs **/
div#content table, span#back {
	line-height: 2em;
}

div#content table td:first-child {
	padding-right: 4em;
}

.htmlLink, .pdfLink {
	margin-right: 1em;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
}

.htmlLink {
	background-image: url(../images/html.png);
}

.pdfLink {
	background-image: url(../images/pdf.png);
}

/** The following styles are specific to docbook **/

/*
/*div.toc > dl > dt a {*//*
/*div.toc {*//*
	margin-right: 50px;
	padding-left: 20px;
	background-image: url('images/about.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
}*/
div.toc a {
	line-height: 18px;
	color: #414142;
	text-decoration: underline;
}

a.anchor {
	display: block;
	position: relative;
	top: -34px;
	visibility: hidden;
}

div.section div.table table,
div.section div.table table tr,
div.section div.table table th,
div.section div.table table td {
	border-color: #808080;
}

div.section div.table table {
	border: 2px solid #808080;
	border-spacing: 0;
	border-collapse: collapse;
}
div.section div.table table th {
	border-bottom: 2px solid #808080;
}

div.caution {
	background-image: url('../images/achtung.jpg');
}

div.note {
	background-image: url('../images/info.jpg');

}

div.caution,
div.note {
	background-repeat: no-repeat;
	background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	margin-left: 0 !important;
	padding-left: 0.5in;
}

div.list-of-tables,
div.list-of-figures {
	display: none;
}

div.book > div.toc, div.book > div.chapter {
	margin-bottom: 50px;
	border-bottom: thin solid #c00;
}

div.book:last-child {
	padding-bottom: 30px;
}

div.book div.chapter p {
	text-align: justify;
}

.mousebutton, .guimenu {
	font-weight: bold;
}

.package {
	font-style: italic;
	font-weight: bold;
}

.command {
	 font-family: "Courier", "monospace";
}

pre.programlisting, pre.screen, pre.synopsis {
	background-color: #E0E0E0;
}

* > span.remark {
	background-color: cyan;
	border-left: 2px solid red;
	padding: 2px;
}