/* -------------------------------------
    	   link defines
-------------------------------------- */
a:link
{
 	color:#a0a0ff;
 	text-decoration: none;
 	font-weight: bold;
}
a:visited
{
	color:#a0a0ff;
    font-weight: bold;
 	text-decoration: none;
}

a:hover
{
	color:#ffcc55;
    text-shadow: 1px 1px 9px #ff0000, 1px 1px 0px #000000;
}

a:active
{
	outline:0;
}
a:focus
{
	outline:0;
}


/* -------------------------------------
	Background Styles
-------------------------------------- */
.bg_background
{
	width: 100%;
    height: 100%;
	min-width:1024;
	min-height:800;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -5000;
}


.bg_overlay
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -4999;
	background: url(../img/bg_pixels.png);
}


/* -------------------------------------
	Basic layout styles
-------------------------------------- */

/* Enforces at least a page size of 1024 x 800 */
.Layout_Min
{
	z-index:-1;
	position:absolute;
	
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	
	min-width:1024;
	min-height:830px;
	
}

/* used to allow relative positioning at the lower left corner */
.Layout_Container
{
	position:relative; 
	width:100%; 
	height:100%;
	
	min-width:1024;	
	min-height:830px;	
}


/* The header for the logo and root navigation */
.layout_header
{
	position:fixed;
    top:0px;
    left:0px;
    z-index:1000;

    width:100%;
	padding:0px;
    margin:0px;
    height:135px;

    background: url(../img/header_center.png);
}


/* displaying inpage navigation or other links */
.layout_menue
{
    /* Provide scrollbars if needed, position below header, and derive height from top/bottom */
    overflow: hidden;

	position:fixed;
    left:30px;
    width:140px;
    top:155px;

    padding-left:10px;
    padding-top:0px;
	padding-right:0px;
	padding-bottom:20px;
	
    border-style:solid;
    border-width:1px;
	border-color:#000000;

    background-color:#363636;
    background: url(../img/bg_65.png);
	
	-webkit-box-shadow: 6px 6px 12px #111111;
	-moz-box-shadow: 6px 6px 12px #111111;
	box-shadow: 6px 6px 12px #111111;

    color:#C0C0C0;
}


/* displaying additional data (short facts. media, ... ) */
.layout_info
{
    /* Provide scrollbars if needed, position below header, and derive height from top/bottom */	
    overflow: auto;
	z-index:+1;

	min-height:400;

	position:absolute;
    right:30px;
    width:200px;    
    bottom:75px;
		
	margin-top:455px;	

    padding-right:10px;
    padding-left:10px;
    padding-top:10px;
	padding-bottom:20px;

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

    background-color:#363636;
    background: url(../img/bg_80.png);
	
	-webkit-box-shadow: 6px 6px 12px #111111;
	-moz-box-shadow: 6px 6px 12px #111111;
	box-shadow: 6px 6px 12px #111111;

    color:#C0C0C0;
}

/* Displaying the maintext and data */
.layout_main
{
    /* Provide scrollbars if needed, position below header, and derive height from top/bottom */
    overflow: auto;

    position: absolute;
    left: 205px;
    right: 280px;
    top: 145px;
	bottom: 65px;

    padding:10px;
    padding-top:0px;
    padding-left:30px;

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

    background-color:#363636;

    color:#D0D0D0;
	
	-webkit-box-shadow: 6px 6px 12px #111111;
	-moz-box-shadow: 6px 6px 12px #111111;
	box-shadow: 6px 6px 12px #111111;
}

/* a bottom bar for the main navigation */
.layout_nav
{
	position:absolute;
	left:90px;	
	width:10%;
	min-width:475px;
	bottom:20px;
	height:20px;	

	border-color:#000000;
	border-style:solid;
	border-width:thin;

	background-color:#363636;
	background: url(../img/bg_50.png);

	text-align:center;
}


 /* exploder V6 only */
* html layout_main { overflow: scroll; }

/* exploder V7 only */
*+html layout_main { overflow: scroll; }



/* -------------------------------------
	Header detail styles
-------------------------------------- */
.layout_header.logo
{
	display:block;
	position:relative;

	float:right;
	width:281px;
	height:114px;

	background:url(../img/header_logo.png);
}

.layout_header.page
{
	display:inline;
	position:relative;

	float:left;
	height:114px;
	width:auto;
}

.layout_header.nav
{
	position:float;
	top:18px;
	left:0px;
	width:230px;
	height:56px;
	opacity:0.15;

	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition:opacity 1s;
	-o-transition-transition:opacity 1s;
	
	background-image:url(../img/bg_0.png);

	padding-left: 15px;	
	padding-bottom:10px;

	font-family: Verdana, Geneva, sans-serif;
	font-size: 11pt;
	color: #FFFFFF;
	text-shadow: 1px 1px 0px #000000;

	text-align: left;
}
.navsoftware
{
	position:relative;	
	display:inline-block;
	width:184px;
	height:28px;
	background-size: 100%;
	background-image:url(../img/SOFTWARE_LINK.png);
}
.navsoftware:hover
{
	position:relative;
	display:inline-block;
	width:184px;
	height:28px;
	background-size: 100%;
	background-image:url(../img/SOFTWARE_HOVER.png);
}
.navmore
{
	position:relative;	
	display:inline-block;
	width:184px;
	height:28px;
	background-image:url(../img/MORE_LINK.png);
	background-size: 100%;
	
}
.navmore:hover
{
	position:relative;
	display:inline-block;
	width:184px;
	height:28px;
	background-image:url(../img/MORE_HOVER.png);
	background-size: 100%;
}
.navmedia
{
	position:relative;	
	display:inline-block;
	width:184px;
	height:28px;
	background-image:url(../img/MEDIA_LINK.png);
	background-size: 100%;
}
.navmedia:hover
{
	position:relative;
	display:inline-block;
	width:184px;
	height:28px;
	background-image:url(../img/MEDIA_HOVER.png);
	background-size: 100%;
}


/* -------------------------------------
	nav detail styles
-------------------------------------- */
.layout_nav>a
{
    display:inline-block;

  	margin-left:20px;
	margin-right:20px;

	FONT-FAMILY: tahoma,arial,helvetica;
	FONT-SIZE: 15px;
	FONT-WEIGHT: none;
	TEXT-DECORATION:none;
	color:#a0a0ff;

	text-shadow: 1px 1px 7px #000000, 2px 2px 0px #000000;
}

.layout_nav>a:hover
{
	color:#ffcc55;
	text-decoration:underline overline;
	text-shadow: 1px 1px 9px #ff0000, 1px 1px 0px #000000;
}

/* -------------------------------------
	      menu styles
-------------------------------------- */

.menue_1
{
	display:block;
	FONT-FAMILY: tahoma,arial,helvetica;
	FONT-SIZE: 16px;
    FONT-WEIGHT: none;
    TEXT-DECORATION:none;
    color:#f9ac3c;

    margin-top:10px;
    margin-left:-10px;
    padding-left:10px;

    border-bottom-style:solid;
    border-bottom-width:thin;

    text-shadow: 2px 2px 9px #000000, 2px 2px 0px #000000;
}
.menue_1:hover
{
	color:#ffcc55;
	text-shadow: 2px 2px 13px #ff0000, 2px 2px 0px #000000;
}

.menue_2
{
	display:block;
	margin-top:5px;
	margin-left:10px;

	FONT-FAMILY: tahoma,arial,helvetica;
	FONT-SIZE: 14px;
	FONT-WEIGHT: none;
	TEXT-DECORATION:none;
	color:#f9ac3c;

	border-bottom-style:dotted;
	border-bottom-width:thin;

	text-shadow: 1px 1px 7px #000000, 2px 2px 0px #000000;
}

.menue_2:hover
{
	color:#ffcc55;
	text-shadow: 1px 1px 11px #ff0000, 2px 2px 0px #000000;
}


.menue_3
{
	display:block;
 	margin-left:20px;
	margin-top:3px;

	FONT-FAMILY: tahoma,arial,helvetica;
	FONT-SIZE: 12px;
	TEXT-DECORATION:none;

	color:#f9ac3c;
	text-shadow: 1px 1px 5px #000000, 1px 1px 0px #000000;
}
.menue_3:hover
{
	color:#ffcc55;
	text-shadow: 1px 1px 9px #ff0000, 2px 2px 0px #000000;
}


/* -------------------------------------
            additional styles
-------------------------------------- */
.title
{
	FONT-FAMILY: tahoma,arial,helvetica;
	FONT-SIZE: 20px;
	TEXT-DECORATION:none;

	padding-left:10px;
	margin-top:-5px;
	margin-bottom:5px;
	margin-right:-10px;
	margin-left:-10px;

	border-bottom-style:solid;
	border-bottom-width:2px;
	text-shadow: 1px 1px 5px #000000, 1px 1px 0px #000000;
}



/* -------------------------------------
	      text styles
-------------------------------------- */

h1
{
	position:relative;
	float:top;

	margin-bottom:20px;
	margin-left:-30px;
	margin-top:10px;
	margin-right:-10px;

	padding-left:10px;

	font-size:40px;
	text-shadow: 8px 8px 6px #151515;

	border-bottom-style:solid;
	border-bottom-color:#A0A0A0;
	border-bottom-width:3px;

	clear:both;
}

h2
{
	position:relative;
	float:top;

	margin-top:10px;
	margin-left:-15px;
	margin-bottom:12px;
	margin-right:-10px;


	font-size:30px;
	text-shadow: 4px 4px 3px #151515;

	border-bottom-style:solid;
	border-bottom-color:#A0A0A0;
	border-bottom-width:2px;

	clear:both;
}


h3
{
	position:relative;
	float:top;

	margin-top:10px;
	margin-left:-5px;
	margin-bottom:8px;
	margin-right:-10px;

	font-weight:bold;
	font-size:17px;
	text-shadow: 4px 4px 3px #151515;

	border-bottom-style:solid;
	border-bottom-color:#A0A0A0;
	border-bottom-width:1px;

	clear:both;
}

/*------------------------------
     details in the text
------------------------------*/	

.detail
{
	clear:both;
	padding-left:9px;
	margin-bottom:10px;
}

.detail_header
{
 	font-weight:bold;
	text-shadow: 2px 2px 3px #151515;
	margin-bottom:5px;

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

.detail_title
{
	position:relative;
	margin-bottom:2px;
	margin-top:5px;

	font-weight:bold;
}
.detail_title:before
{
	content:"\2022 \0020";
}

.detail_text
{
	background-color:#313131;
	
	margin-bottom:10px;
	margin-right:15px;
	padding-left:20px;
	padding-right:20px;

	border-color:#606060;
	border-left-style:none;
	border-left-width:8px;

	border-top-style:solid;
	border-top-width:1px;

	border-bottom-style:solid;
	border-bottom-width:1px;
}


/*------------------------------
     image handling
------------------------------*/

.image_container
{
	align:center;
	border-style:solid;
	border-width:3px;
	border-color:#000000;
	clear:both;
}

.image
{
	display:block;
	position:relative;
	float:left;
	margin:5px;
}


/*------------------------------
     project description
------------------------------*/

.Project
{
	display:block;
    margin-left:15px;
    margin-top:15px;
    margin-bottom:15px;
    margin-right:20px;
    position:static;
	clear:both;
}

.ProjectImg
{
	display:block;
	float:left;

    -webkit-box-shadow: 6px 6px 15px #111111;
	-moz-box-shadow: 6px 6px 15px #111111;
	box-shadow: 6px 6px 15px #111111;

    border: 1px solid #000000;
}

.ProjectDesc
{
	display:block;
	margin:0px;
    position:relative;
    left:20px;
    vertical-align:middle;
    height:100%
}

.spacer { clear:both; height:30px; }

.important
{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	-webkit-box-shadow: 10px 10px 15px #000000;
	-moz-box-shadow: 10px 10px 15px #000000;
	box-shadow: 10px 10px 15px #000000;

	width:70%;
	margin:auto;
	padding:10px;
	
	/*background-image: -moz-linear-gradient(top, #C0C0C0, #696969);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #C0C0C0), color-stop(1.0, #696969));*/
	background-image:url(../img/variants/backcolor_gold.png);
	background-size: 100%;

	border: 3px solid #000000;
	
	color: #000000;
	text-align: center;
	text-shadow: 3px 3px 8px #333333;
}