/* /////////////////////////////////////////////#
#                                               #
# ulaube css                                    #
# style and layout properties                   #
#                                               #
# version:              5.05                    #
#                                               #
#///////////////////////////////////////////////#
# last modified:        20141114                #
# by:                   ulf.laube@ulaube.de     #
#///////////////////////////////////////////////#
# colors:                                       #
#                                               #
# green #4B7809 #668a32 #b2dc75                 #
# brown #82710a #8d9436 #dae279                 #
# grey  #333333 #8d8d8d #b3b391                 #
#                                               #
# new colors:                                   #
#                                               #
# 668A32 536736 3C5A10 9EC567 A8C580  green     #
# 8D9436 6B6F3A 5A6011 C2CA69 C4CA83  brown     #
# 7E2E52 5F3146 520F2D BF638D BF7C9A  VioletRed #
#                                               #
#///////////////////////////////////////////////#
/*
rm -i ula_v5.css
yuicompressor -v -o ula_v5.css ula_v5.orig-5.05.css
gzip -9 -c ula_v5.css > ula_v5.css.gz
*/

/*
border: 1px solid;
border-color: #ff00ff;
background-color: #FF00FF;
*/

/* +++ html,body, html-tag propertie +++++++++ */

/*
* {
	box-sizing: border-box;
}
*/

html {
	overflow: hidden;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

	/*
	text-shadow: #a6af40 0px 0px, black 1px 1px 2px;
	*/
body {
	/* /// layout //////////////////////// */
	overflow: hidden;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	/* /// style ///////////////////////// */
	color: #82700a;
	background-color: #8d8d8d;
	background: -moz-linear-gradient(top,#333333,#8d8d8d); /* Firefox */
	background: -webkit-gradient(linear,left top,left bottom,from(#333333),to(#8d8d8d)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#333333',endColorstr='#8d8d8d'); /* Internet Explorer */

	font-family: Albertsthal Typewriter, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	local("Albertsthal Typewriter"), src: url(/fonts/AlbertsthalTypewriter.ttf) format("truetype");

	font-size: 0.9em;
	font-style: normal;
	font-weight: 600;
	text-transform: none;
	text-align: left;
}

/* LVHFA (Link, Visited, Hover, Focus, Activ) */
:link, :visited { text-decoration: none; }
:link { color: #dae279; }
:visited { color: #dae279; }
:link:hover, :visited:hover { color: #dae279; background: #82710a; }
:link:focus, :visited:focus { color: #dae279; border: 0; }
:link:active, :visited:active { color: #82710a; background: #dae279; }

a.ext:before { content: "\21D7" "\00A0"; }
a.back:before { content: "\21B6" "\00A0"; }
a.top:before { content: "\21D1" "\00A0"; }
.top {
	float: right;
	font-size: 0.8em !important;
}

a.novislink:link, a.novislink:visited, a.novislink:link:hover, a.novislink:visited:hover, a.novislink:link:focus, a.novislink:visited:focus, a.novislink:link:active, a.novislink:visited:active { text-decoration: none; background: transparent; }


@media screen {
/* +++ background ++++++++++++++++++++++++++++ */
	div.background {
		/* /// layout //////////////// */
		position: absolute;
		z-index: -2;
		overflow: hidden;
		margin: auto;
		padding: 0;
		width: 100%;
		height: 100%;
	}
	body > div.background {
		position: fixed;
	}

	div#background-background {
		/* /// layout //////////////// */
		position: absolute;
		z-index: -1;
		top: 6%;
		left: 2%;
		padding: 0;
		margin: 0;
		height: 90%;
		width: 94%;
		/* /// style ///////////////// */
		border: 1px solid;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		background-color: #000000;
		background:-moz-linear-gradient(top,#000000,#333333); /* Firefox */
		background:-webkit-gradient(linear,left top,left bottom,from(#000000),to(#333333)); /* Chrome, Safari */
		filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#000000',endColorstr='#333333'); /* Internet Explorer */
		box-shadow: 0 0 20px rgba(255,255,255, .4);
	}

	/*
		height: 282px;
		width: 277px;
		top: -6%;
	*/
	img#logo {
		position: absolute;
		z-index: 0;
		right: 0;
		padding: 0;
		margin: 0;
		left: 70%;
		top: -3%;
		height: 186px;
		width: 189px;
		border-width:0;
		border-style: solid;
		border: none;
	}

/* +++ header ++++++++++++++++++++++++++++++++ */
	div.header {
		/* /// layout //////////////// */
		position: absolute;
		overflow: visible;
		z-index: 0;
		top: 8%;
		left: 4%;
		padding: 0;
		margin: 0;
		height: 7%;
		width: 92%;

		text-shadow: #a6af40 1px 1px, white 3px 3px 8px;
		color: #89931e;
		font-size: 3.4em;
		letter-spacing: 0.2em;
	}

	img#home {
		right: 0;
		padding: 0;
		margin: 0;
		border: 0;
		height: 100%;
	}

} /* +++ end media screen ++++++++++++++++++++ */


@media only screen and (max-width: 480px) {
	div.header {
		font-size: 2.0em;
		letter-spacing: 0.05em;
	}
} /* +++ end media screen / max-width+++++++++ */

@media print {
	#background div{ display: none; visibility: hidden; }
	#background { display: none; visibility: hidden; }

	#background-background  { display: none; visibility: hidden; }
	#background-background  img{ display: none; visibility: hidden; }
	#background-background1 { display: none; visibility: hidden; }
	#background-background1 img{ display: none; visibility: hidden; }
	#background-background2 { display: none; visibility: hidden; }
	#background-background2 img{ display: none; visibility: hidden; }

	img#logo { z-index: 0; position: absolute; height: 9%; top: 0; left: 66%;  }
	img#home { z-index: 0; position: absolute; height: 3%; top: 0; left: 4%;  }

	div.window66 { width: 100% !important; }
	div.content  { width: 100% !important; }

	#menu div{ display: none; visibility: hidden; }
	#menu { display: none; visibility: hidden; }
} /* +++ end media print +++++++++++++++++++++ */


/* +++ main ++++++++++++++++++++++++++++++++++ */
/*
	top: 22%;
*/
div.main {
	/* /// layout //////////////////////// */
	position: absolute;
	overflow: hidden;
	z-index: 0;
	top: 19%;
	left: 4%;
	right: 0px;
	margin: 0px;
	padding: 0px;
	width: 91%;
	height: 72%;
}
* html div.main {
	width: 91%;
}

/* +++ windows +++++++++++++++++++++++++++++++ */
div.main div.window {
	/* /// layout //////////////////////// */
	overflow: hidden;
	float: left;
	z-index: 1;
	top: 0px; left: 0px; right: 0px;
	margin: 0;
	padding: 0;
	height: 99%;
}
div.main div.window100 {
	width: 100%;
}
div.main div.window66 {
	width: 66%;
}
div.main div.window33 {
	width: 33%;
}

/*
	height: 92%;
*/
div.window div.content {
	/* /// layout //////////////////////// */
	position: relative;
	overflow: auto;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0.8em;
	height: 95%;
	/* /// style ///////////////////////// */
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-style: solid;
	border-right-color: #706b4d;
	border-bottom-color: #867e57;
	filter: alpha(opacity=90);
	opacity: 0.90;
}

div.left-corner-top {
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
}

div.right-corner-top {
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
}

* html div.window div.content {
	width: 96%;
}

/* +++ contents ++++++++++++++++++++++++++++++ */
#contents {
	/* /// style ///////////////////////// */
	color: #ffffff;
	background-color: #668a32;
	border-top-color: #668a32;
	border-left-color: #668a32;
	scrollbar-base-color: #668a32;
	scrollbar-face-color: #668a32;
	scrollbar-track-color: #668a32;
}

#contents hr {
	width: 67%;
	height: 1px;
	border: none;
	color: #4B7809;
	background-color: #4B7809;
	text-align: center;
}

/* +++ slides ++++++++++++++++++++++++++++++++ */
.pic-container {
	text-align: center !important;
}

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

.pic-container:after {
	clear: both;
}

/*
*/
.pic_frame {
	display: inline-block;
	vertical-align: top !important;
	width: 33%;
	padding: 10px 4px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
*/
.pic_frame img {
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* +++ blog ++++++++++++++++++++++++++++++++++ */
/*
used  without main, window, content
in blog only

	background-color: #668a32;
	background: transparent !important;
*/
div.blog {
	/* /// layout //////////////////////// */
	position: relative;
	overflow: auto;
	/* /// style ///////////////////////// */
	background: rgb(0, 0, 0) transparent  !important;
	color: #000000 !important;
	scrollbar-base-color: #668a32;
	scrollbar-face-color: #668a32;
	scrollbar-track-color: #668a32;
}

/* +++ menu ++++++++++++++++++++++++++++++++++ */
#menu {
	/* /// style ///////////////////////// */
	background-color: #8d9435;
	border-top-color: #8d9435;
	border-left-color: #8d9435;
	scrollbar-base-color: #8d9435;
	scrollbar-face-color: #8d9435;
	scrollbar-track-color: #8d9435;
}

/* +++ main menu +++++++++++++++++++++++++++++ */
@font-face {
	font-family: 'entypo';
	src: url('/fonts/entypo.eot');
	src: url(/fonts/entypo.eot?#iefix) format('embedded-opentype'),
	url(/fonts/entypo.woff) format('woff'),
	url(/fonts/entypo.ttf) format('truetype');
}

/*
	width: 80%;
*/
.mainmenu {
	margin: 0 auto;
	width: 98%;
	text-align: center;
	font-family: "entypo";
}
.mainmenu hr {
	color: #82700a;
	filter: alpha(opacity=33);
	opacity: 0.33;
}
.mainmenu a {
	/* /// layout //////////////// */
	display: inline-block;
	position: relative;
	margin: 10px 0;
	padding: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/* /// style ///////////////// */
	font-size:  4.0em;
	font-weight: normal;
	line-height: 0.5;
	text-decoration: none;
	background-color: #82700a;
	color: #000000;
	text-shadow: 1px 1px 1px rgba(255,255,255, .22);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.mainmenu a:link, .mainmenu a:active, .mainmenu a:visited {
	color: #000000;
}
.mainmenu a:hover {
	background: #333333;
	color: #ffffff;
}
.mainmenu a.selected:link, .mainmenu a.selected:active, .mainmenu a.selected:visited {
	background: #000000;
	color: #dae279;
}

/* +++ sub menu ++++++++++++++++++++++++++++++ */
.submenu {
	margin: 0 auto;
	font-family: Silkscreen;
	local("Silkscreen"),
	src: url(/fonts/slkscr.ttf) format("truetype");
}
/*
	width: 80%;
*/
* html .submenu {
	width: 98%;
}
/*
	font-weight: bold;
*/
.submenu ul.level1 {
	margin: 0;
	padding: 10px;
	letter-spacing: 1pt;
	font-size:  0.9em;
	list-style-type: none;
	font-variant: small-caps;
}
.submenu ul.level1 a:link, .submenu ul.level1 a:visited {
	color: #000000;
}
.submenu ul.level1 a:hover {
	color: #dae279;
	background: #8d9436;
	text-shadow: 2px 2px 0px #82710a;
	filter: dropshadow(color=#82710a,offX=2,offY=2);
}
.submenu ul.level1 a:active, .submenu ul.level1 a:focus {
	color: #dae279;
	background: transparent;
	text-shadow: -2px -1px 0px #82710a;
	filter: dropshadow(color=#82710a,offX=-2,offY=-1);
}
.submenu ul.level2 {
	list-style-type: square;
}
/*
    font-weight: bold;
	font-variant: normal;
*/
.submenu ul.level2 a:link, .submenu ul.level2 a:visited {
	letter-spacing: 0;
	text-shadow: none;
	filter: dropshadow(color=#ffffff,offX=0,offY=0);
}

/* +++ footer ++++++++++++++++++++++++++++++++ */
div.footer {
	/* /// layout //////////////////////// */
	position: absolute;
	overflow: visible;
	z-index: 0;
	bottom: 3%;
	padding: 0;
	padding-top: 3pt;
	margin: 0;
	height: 4% !important;
	width: 100%;
	/* /// style ///////////////////////// */
	font-size: 0.6em;
	text-align: center;
	font-weight: 100;
	font-style: italic;
	text-transform: none;
	white-space: nowrap;
	line-height : 80%;
}
body > div.footer {
	position: fixed;
}

/* +++ head lines ++++++++++++++++++++++++++++ */

h1 {
	font-size: 1.33em;
	font-weight: 800;
	color: #000000;
	line-height: 100%;
	vertical-align: bottom;
	text-align: center;
	padding: 0;
	padding-bottom: 0.2em;
	margin-top: 0pt;
	margin-bottom: 0.4em;
}

h2 {
	font-size: 1.17em;
	font-weight: 800;
	color: #ffffff;
	line-height: 100%;
	text-align: center;
	letter-spacing: 0.1em;
	word-spacing: 0.3em;
	padding: 0;
	vertical-align: bottom;
	padding-bottom: 0.2em;
	margin-bottom: 0.4em;
}

h3 {
	font-size: 1.0em;
	font-weight: 600;
	color: #000000;
	line-height: 100%;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	padding-bottom: 0.2em;
	margin-bottom: 0.8em;

	border-width: 1px;
	border-style: none;
	border-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

h4 {
	font-size: 1.0em;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 100%;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	padding-bottom: 0.2em;
	margin-bottom: 0.4em;
}

h5 {
	font-size: 1.0em;
	font-weight: 600;
	color: #dae279;
	line-height: 100%;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	padding-bottom: 0.2em;
	margin-bottom: 0.4em;
}

h6 {
	font-size: 0.67em;
	font-weight: 600;
	color: #000000;
	vertical-align : middle;
	text-align: center;
	line-height: 160%;
	padding: 0;
	padding-bottom: 0.2em;
	margin-bottom: 0.4em;
}

/* +++ effect heads ++++++++++++++++++++++++++ */
/*
	text-shadow: 4px 4px 0px #82710a;
	filter: dropshadow(color=#82710a,offX=2,offY=2);
*/
.ef1 {
	font-size: 2.8em;
	color: #b2dc75;
	text-shadow: black 2px 2px 2px, #82710a 3px 3px 8px;
	filter: dropshadow(color=#82710a,offX=2,offY=2);
	margin-left: 3cm;
	margin-bottom: 0.5cm;
	padding: 0.2em;
	padding-left: 0.6em;
}

.ef2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	text-shadow: black 2px 2px 2px, #82710a 3px 3px 8px;
	filter: dropshadow(color=#82710a,offX=2,offY=2);
	margin-left: 5cm;
	margin-top: -1.2cm;
	padding: 0.2em;
	padding-left: 0.6em;
}

.ef3 {
	font-size: 3.4em;
	color: #dae279;
	text-shadow: black 2px 2px 2px, #82710a 3px 3px 8px;
	filter: dropshadow(color=#82710a,offX=2,offY=2);
	margin-left: 0;
	margin-top: -1.6cm;
	padding: 0.2em;
	padding-left: 0.6em;
}

.ef4 {
	font-size: 2.8em;
	font-weight: bold;
	color: #333333;
	text-shadow: black 2px 2px 2px, #82710a 3px 3px 8px;
	filter: dropshadow(color=#82710a,offX=2,offY=2);
	padding: 0.2em;
}

/* +++ source code +++++++++++++++++++++++++++ */
.coding {
	overflow: hidden;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #b3b391;
	font-family: Fixedsys, Courier, monospace;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	border-width: 10px;
	border-style: solid;
	border-color: #b3b391;

	/* white-space: pre; */
	overflow-x: auto;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

/* +++ small text ++++++++++++++++++++++++++++ */
.smll {
	font-size: 0.9em !important;
	line-height: 1.2em;
}

/* +++ very small text +++++++++++++++++++++++ */
.vsmll {
	font-size: 0.6em !important;
}

/* +++ indent ++++++++++++++++++++++++++++++++ */
.ind {
	text-indent: 1.0pc;
}

/* +++ indent ++++++++++++++++++++++++++++++++ */
.noind {
	text-indent: 0;
}

/* +++ hanging indent ++++++++++++++++++++++++ */
.hind {
	text-indent: -1.0pc;
	margin-left: 1.0pc;
}

/* +++ floating text +++++++++++++++++++++++++ */
.float_right {
	float: right;
	width: 200px;
	margin: 0.8em;
	margin-right: 0;
	margin-bottom: 0.2em;
}

.float_left {
	float: left;
	width: 200px;
	margin: 0.8em;
	margin-left: 0;
	margin-bottom: 0.2em;
}

.stop_float {
	clear: both;
}

/* +++ center boxes ++++++++++++++++++++++++++++ */
.cb {
	vertical-align: middle;
	text-align: center;
}

.cb1 {
	height: 90%;
	width: 99%;
	margin: 0 auto;
	display: table;
}
.cb2 {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.cb3 {
	padding: 6px;
}
* html .cb1 {
	width: 96%;
}
* html .cb2 {
	text-align: center;
}
* html .cb3 {
	display: inline-block;
	text-align: left;
	width: 1px;
}

/* +++ hidden text (stealthy hints)+++++++++++++ */
.s_toc {
	display: none;
	visibility: hidden;
}

/* +++ external sources ++++++++++++++++++++++++ */

/***********************************************
* Simple Tree Menu- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
* http://www.dynamicdrive.com/dynamicindex1/navigate1.htm
***********************************************/
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}
.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: url(/pics/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(/pics/closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}
.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}
.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}