/* (c) 2009 Gerald Wodni */

body
{
	color: #FFF;
	background-color: #000;

	margin: 0 60px 0 60px;

	font-family: Verdana, Arial, sans-serif;

	background-image: url(/images/layout/background02.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

/********************
 *     Galleries    *
 ********************/
div#overall
{
	background-image: url(images/alpha50.png);
	background-position: top left;
	background-repeat: repeat-x repeat-y;
	position: absolute;

	display:none;
	
	padding-top: 20px;


	/* font-family: sans-serif, Verdana, Arial; */
	font-family: Verdana, Arial, sans-serif;
	font-size: 32pt;
	font-weight: bold;

	text-align: center;
	vertical-align: center;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 1000;
}


/* IE-Fix */
* html div#overall
{
	height: 100%;
	width: 100%;
}

div#overall span.small
{
	font-size: smaller;
}

div#overall span.large
{
	font-size: larger;
}

div#overall span
{
	cursor: pointer;
}

div#overall span:hover
{
	color: #C00;
}

div#overall span:active
{
	color: #FAA;
}

div#overall img
{
	border: 1px solid black;
}

div#overall div.hidden
{
	display: none;
	visibility: hidden;
}


/********************
 *      Header      *
 ********************/
div#header
{
	background-image: url(/images/layout/alpha.png);
	padding: 0px;

	border: 1px dotted #5FA;
	border-top: none;
}

/********************
 *       Menu       *
 ********************/
div#menu
{
	height: 2em;
}

div#menu ul
{
	margin: 0 0 0 0;

	font-size: larger;
	padding-left: 20px;
	padding-top: 0.2em;
}

div#menu ul li, div#submenu ul li
{
	float:left;
	list-style: none;
	white-space: nowrap;
	padding-right: 20px;
}

/* Submenu */
div#submenu ul
{
	margin: 0 0 0 0;

	padding: 0;
}

div#submenu ul li
{
	padding-right: 0.7em;
	padding-left: 0;
}

div#menu ul li.last, div#menu ul li.lastActive,
div#submenu ul li.last, div#submenu ul li.lastActive
{
	float: none;
}

h1, h2, h3, h4, h5, h6
{
	color: #BFB;

	margin-bottom: 0;
}

h1
{
	margin: 0;
	background-image: url(/images/layout/header.png);
	background-repeat: no-repeat;
	background-position: top center;

	height: 50px;

	padding-left: 20px;
	padding-top:100px;

	font-weight: normal;
}

p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

li p
{
	margin-top: 0;
}


/********************
 *    Table/Forms   *
 ********************/
input, select, textarea
{
	border: solid 1px black;
	background-color: #333;
}

table thead td
{
	border: solid 1px white;
	background-color: #333;
}

table body td
{
	border: dotted 1px #333333;
}

table td
{
	padding: 3px;
}

/********************
 *       Links      *
 ********************/
a
{
	color: #BFB;
	text-decoration: none;

	border-bottom: 1px solid #BFB;
}
a:hover
{
	color: #FFF;
	border-bottom: 1px solid #BFB;
}

a img
{
	border: none;
}


/* Menu & Submenu */
div#menu a, div#submenu a, div#subsubmenu a
{
	border: none;
}

div#menu li.active a, div#menu li.lastActive a,
div#submenu li.active a, div#submenu li.lastActive a,
div#subsubmenu li.active a, div#subsubmenu li.lastActive a
{
	color: #FFF;
}

div#menu li.active a:hover, div#menu li.lastActive a:hover,
div#submenu li.active a:hover, div#submenu li.lastActive a:hover,
div#subsubmenu li.active a:hover, div#subsubmenu li.lastActive a:hover
{
	color: #FFF;
}

/* Subsubmenu */

/********************
 *     Content      *
 ********************/

div#frame
{
}

div#content
{
	margin: 0;
	padding: 5px 20px 20px 20px;

	/*background-color: #FFF;*/
	color: #FFF;

	background-image: url(/images/layout/alpha.png);

	border: 1px dotted #5FA;
	border-bottom: none;

	position: absolute;

	top: 185px;
	left: 60px;
	right: 60px;
	bottom: 0;

	overflow: auto;
}

div#content div.bottomSpacer
{
	height: 50px;
}

div#menu li.last, li.lastActive
{
	float: none;
}

textarea#result
{
	width: 100%;
	height: 20em;

	color: #FFF;
}

div#downloads
{
	background-color:#333333;
	border-style:dashed;
	border:1px solid white;
	padding:10px;
}

div#downloads h2
{
	margin-top: 0;
}

ul.references
{
	margin-top: 0;
	padding-left: 1em;
	list-style: none;
}

/********************
 *      Footer      *
 ********************/
div#footer
{
	padding: 10px;
}

div#footer a 
{
	border: none;
}

code
{
	background-color:#484848;
	border-left:3px dotted #FFFFFF;
	display:block;
	margin-left:1em;
	padding-left:1em;
	white-space:pre-wrap;
}