/* logo.styles
-------------------------------------------------------------------*/

#navi  { visibility: visible; position: absolute; top: 0; left: 0px; margin: 0; padding: 0 }
#content  { visibility: visible; position: absolute; top: 0; left: 0; margin: 0; padding: 0 }
#flash	{ margin: 0; padding: 0 }
.copy { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px }
.copygross  { color: #000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 15px }
.copygrossschmal { font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px }
h1 { color: #cccce2; font-size: 12px; line-height: 16px; margin: -2px 0 18px }
.copysmall  { color: #8e7e73; font-size: 9px; font-family: Geneva, Arial, Verdana, Helvetica, sans-serif; line-height: 16px }
a:link  { color: #fff; text-decoration: none }
a:visited { color: #9d8672; text-decoration: none }
a:hover  { color: #ff8c00; text-decoration: none }


/* new Styles Probst
-------------------------------------------------------------------*/
body {
	background-color: black;
	font-family: "Courier New", Courier, mono;
	margin: 0;
	padding: 0;
}

/* @group content */

div.ic {
	/*height: 400px;*/
	/*border: 1px dotted red;*/
	padding: 0;
	margin: 0;
	
	float: left;
	/*display:inline;*/

	font-family: monaco;
	font-size: 10px;
	height: 361px;
	color: white;
}

div.ic img,
div.ic object {
	border: 0;
	margin: 0;
	padding: 0;
}

div#width_locker {
	position: absolute;
	top: 201px;
	left: 0;	
	
	
	/* width is set in element from php script*/
	height: 361px;
	padding: 0;
	margin: 0;
	background-color: #383838;
}

/* @end */

/* @group navigation */

div#nav {
	/*display: none;*/
	position: fixed;
	top: 29px;
	left: 19px;
	width: 2000px;
	height: 145px; /*size of biggest submenu */
	/*border: 1px solid red;*/
	padding: 0;
	margin: 0;
}

div#nav ul.mainnav {
	padding: 0;
	margin: 0;
}

div#greyLine {
	position: absolute;
	width: 836px;	
	height: 0px;
	top: 36px;
	left: 59px;
	border-bottom: 1px solid #606060;
	background-color: transparent;
	z-index: 5;
}

div#nav ul.subnav {
	margin: 8px 0 0 0;
	padding: 0;
	list-style-type: none;
	display: none; /* activated via js */
}



div#nav ul.subnav li {
	margin: 0;
	padding: 0;
	
}

div#nav a{
	color: white;
	text-decoration: none;
	/*border: 1px dotted red;*/
	display: block;
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#colibri {
	/*background-color: #607000;
	border: 1px solid red;*/
	position: absolute;
	top: -7px;
	left:  2px;
	height:  30px;
	width: 30px;
	background-image: url(images/colibri/colibri.gif);
	z-index: 1;
}

div#nav ul.mainnav li.mainnav  {
	display:block; 
	float: left;
	width: 120px;
	/*height: 70px;*/
	/*border: 1px solid green;*/
	font-size: 0.7em;
	padding:0px 4px 10px;
	background-color: transparent;
}

div#nav ul.mainnav a {
	height: 37px;
	z-index: 99;
	position: relative;
	background-color: transparent;
}

div#nav a span {
	visibility: hidden;	
}

div#nav ul.subnav a {
	height: 19px;
	width: 120px;
}

div#nav li.mainnav:hover ul.subnav {
	display: block;
}

li#nav_cross, li#nav_line {
	position: relative;
	top: 5px;
	margin-left: 0;
	padding-left: 0;
}

/* @end */

/* @group misc */

div#debugConsole {
	display: none;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	position:fixed;
	bottom: 10px;
	right: 10px;
	border: 1px solid red;
	background-color: #A08490;
}


/* @end */