/* Page Layout */
#container {
	width: 1050px;
	margin: 0 auto 0 auto; 
}

#sidebar {
	float: left;
	width: 200px;
	margin: 25px 0 0 25px;	/* top , right , bottom , left */
	position: fixed;
}

#sidebar img {
	display: block;
	margin: 0 auto 25px auto;
}

#content {
	float: right;
	width: 775px;
	margin: 25px 25px 0 0;	/* top , right , bottom , left */
}

/* Body */
body {
	margin: 0;
	padding: 0;
	background-color: #e6e6ff;
//	font-family: "DejaVu Sans", Sans, sans-serif;
//	font-size: 12pt;
//	color: #1f1f1f;
}

/* Links */
a { outline-style: none }
a:link    { color: #0060bf; text-decoration: none; }
a:hover   { color: #00c0ff; text-decoration: underline; }
a:focus   { color: #00c0ff; text-decoration: underline; }
a:active  { color: #3078bf; text-decoration: underline; }
a:visited { color: #004080; text-decoration: none; }

/* Headlines */
h1 { font-family: "DejaVu Sans", Sans, sans-serif; font-size: 24.0pt; margin-top: 1.0em; margin-bottom: 0.75em; }
h2 { font-family: "DejaVu Sans", Sans, sans-serif; font-size: 20.0pt; margin-top: 1.0em; margin-bottom: 0.75em; }
h3 { font-family: "DejaVu Sans", Sans, sans-serif; font-size: 16.0pt; margin-top: 1.0em; margin-bottom: 0.75em; }
h4 { font-family: "DejaVu Sans", Sans, sans-serif; font-size: 14.0pt; margin-top: 1.0em; margin-bottom: 0.75em; }
h5 { font-family: "DejaVu Sans", Sans, sans-serif; font-size: 13.5pt; margin-top: 1.0em; margin-bottom: 0.75em; }
h6 { font-family: "DejaVu Sans", Sans, sans-serif; font-size: 12.0pt; margin-top: 1.0em; margin-bottom: 0.75em; }

/* Boxes */
.box {
	border: 1px solid #9999cc;
	border-radius: 5px;
	background-color: #fcfcff;
//	box-shadow: 0 0 5px 0 #aaaaaa;
	margin: 0 0 25px 0;
}

.menu, .head {
	font-family: "DejaVu Sans", Sans, sans-serif;
	font-size: 12pt;
	color: #1f1f1f;
	line-height: 1.5em;
	text-align: center;
	padding: 10px 0 10px 0;
}

.menu ul {
	list-style: none;
	padding: 0;
}

.gallery {
	font-family: "DejaVu Sans", Sans, sans-serif;
	font-size: 10pt;
	color: #1f1f1f;
	line-height: 1.0em;
	text-align: center;
	padding: 35px 50px 50px 50px;
}

.gallery img {
//	image-rendering: optimizeQuality;
	display: block;
	background-color: #ffffff;
	border: 1px solid #9999cc;
	padding: 10px;
	margin: 0 auto 6pt auto;
	width: 350px;
}

.gallery hr {
	border: 0;
	border-top: 1px solid #9999cc;
	margin: 25px;
}

.content {
	font-family: "DejaVu Serif", Serif, serif;
	font-size: 12pt;
	color: #1f1f1f;
	line-height: 1.5em;
	text-align: left;
	padding: 35px 50px 50px 50px;
}

.content img {
//	image-rendering: optimizeQuality;
	display: block;
	background-color: #ffffff;
	border: 1px solid #9999cc;
	padding: 10px;
	margin: 0 auto 6pt auto;
}

.content img#wrap_right {
	float: right;
	margin: 0 0 6pt 10px;
}

.content p {
	text-align: justify;
	margin 0 0 6pt 0;
}

.content p#info {
	font-size: 10pt;
	border: 1px solid #99cca2;
	background-color: #f2fff5;
	padding: 10px 10px 10px 10px;
}

.content p#warning {
	font-size: 10pt;
	border: 1px solid #c9cc99;
	background-color: #fefff2;
	padding: 10px 10px 10px 10px;
}

.content p#alert {
	font-size: 10pt;
	border: 1px solid #cc9999;
	background-color: #fff2f2;
	padding: 10px 10px 10px 10px;
}

.content br {
	margin-bottom: 6pt;
}

.content hr {
	border: 0;
	border-top: 1px solid #9999cc;
	margin: 25px;
}

.content ol {
	list-style-position:outside;
	line-height: 1.75em;
	padding: 0;
	margin: 0 0 6pt 1.75em;
}

.content ul {
	font-family: "DejaVu Sans", Sans, sans-serif;
	line-height: 1.75em;
	padding: 0;
	margin: 0 0 6pt 1.75em;
}

.content ul#code {
	list-style: none;
	font-family: "DejaVu Mono", Monospace, monospace;
	font-size: 10pt;
	background-color: #ffffff;
	border: 1px solid #9999cc;
	padding: 10px;
	margin: 0 0 6pt 0;
}

.content ul#index {
	list-style: none;
}

.content table {
	font-family: "DejaVu Sans", Sans, sans-serif;
	font-size: 10pt;
	background-color: #ffffff;
	border-collapse:collapse;
	border: 1px solid #9999cc;
	margin: 0 auto 18pt auto;
}
.content tr#alt {
	background-color: #e6e6ff;
}

.content th, td {
	padding: 0 10px 0 10px;	/* top , right , bottom , left */

}

.content table.void th, table.void td {
	padding: 10px;
}

/*
.content table.void {
	font-family: "DejaVu Sans", Sans, sans-serif;
	font-size: 10pt;
	background-color: #ffffff;
	border-collapse:collapse;
	border: 1px solid #9999cc;
	margin: 0 auto 18pt auto;
}
.content table.void th, td {
	padding: 10px;
}
.content table.void tr.alt {
	background-color: #e6e6ff;
}
*/

/* Zoom */
div.zoom {
//	z-index: 0;
	position: relative;
	outline-style: none;
}

div.zoom span {
	display: none;
	position: fixed;
	top: 0;
	margin: 25px auto auto auto;
}

div.zoom:hover {
//	z-index: 1;
	cursor: pointer;
//	transform:scale(1.2, 1.2);
//	transform:rotate(5deg);
}

div.zoom:focus span {
	display: block;
}

/* Date */
time {
	font-family: "DejaVu Sans", Sans, sans-serif;
	font-size: 10pt;
	font-style: oblique;
	font-weight: bold;
}

/* Button */
a.button {
	background-clip: padding-box;
	box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;	

	outline-style: none;

	border-width: 1px; 
	border-style: solid;
	border-radius: 5px;
	
	font-family: "DejaVu Sans", Sans, sans-serif;
	font-size: 12pt;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: #333333 0 1px 2px;

	padding: 10px 0 10px 0;
	margin: 0 0 25px 0;
	display: block;
}

a.button:active {
	padding: 11px 0 9px 0;
	box-shadow: none;
}

a.button .title {
	font-size: 18pt;
	font-weight: bold;
	display: block;
	opacity: 0.8;
}

a.button:hover .title {
	opacity: 1.0;
}

a.button .subtitle {
	margin-top: 3px;
	display: block;
	opacity: 0.9;
}

a.button:hover .subtitle {
	opacity: 1.0;
}

/* Button colors */
a.button.green {
	border-color: #338833;
//	background-color: #33ee33;
	background-color: #00bb00;
//	background-image: linear-gradient(top, #33ee33 0%, #33bb33 65%, #338833 100%);
}

a.button.green:hover, a.button.green:focus {
	background-color: #77ee77;
	box-shadow: 0px 0px 25px 0 #77ee77;
}

a.button.orange {
	border-color: #887733;
//	background-color: #eebb33;
	background-color: #cc9911;
//	background-image: linear-gradient(top, #eebb33 0%, #aa9933 65%, #887733 100%);
}

a.button.orange:hover, a.button.orange:focus {
	background-color: #eecc77;
	box-shadow: 0px 0px 25px 0 #eecc77;
}

a.button.blue {
	border-color: #333388;
	background-color: #3333ee;
//	background-image: linear-gradient(top, #3333ee 0%, #3333bb 65%, #333388 100%);
}

a.button.blue:hover, a.button.blue:focus {
	background-color: #6699ee;
	box-shadow: 0px 0px 25px 0 #77eeff;
}