/* --- Global Links ---*/

a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #FF4500;}
/*a:active {color: #000000;}*/
p a:visited {color: #808080;}

/* --- Navigation ---*/

* {margin: 0; padding: 0; top: 0;}

body {height: 100%; background-color: #20B2AA; font-family: Arial, Helvetica; font-size: 11pt;}

img {border: none;}

#wrapper_nav {z-index: 1; position: relative; width: 100%; height: 110px; background-color: #20B2AA;}

	#nav_home {position: absolute; left: 0; width: 180px; height: 90px;}
		.nav_home_default {background-image: url(images/Home.png);}
		.nav_home_active {background-image: url(images/Home_Active.png);}

	#nav_info {position: relative; height: 30px; margin-left: 180px; margin-right: 571px; background-image: url(images/Status.gif); overflow: hidden;}
		#infotext {position: absolute; top: 10px; white-space: nowrap;}
	#infotextbuffer {position: absolute; visibility: hidden;}

	#nav_infocurve {position: absolute; right: 560px; width: 11px; height: 30px; background-image: url(images/StatusCurve.gif);}
	#nav_blankfield {position: relative; height: 30px; margin-left: 180px; margin-right: 560px;}
	#nav_name_leftborder {position: absolute; right: 460px; width: 100px; height: 60px; background-image: url(images/Name_LeftBorder.gif);}
	#nav_name {position: absolute; right: 140px; width: 320px; height: 60px; background-image: url(images/Name.gif);}
	#nav_name_rightborder {position: absolute; right: 70px; width: 70px; height: 60px; background-image: url(images/Name_RightBorder.gif);}
	#nav_logo {position: absolute; right: 0; width: 70px; height: 60px; background-image: url(images/Logo.gif);}


	#wrapper_menu {position: relative; margin-left: 180px; height: 30px; background-color: #FF4500;}
	
		.wrapper_menuitem {position: relative; float: left; top: 3px; width: 33.3%; height: 24px; background-color: #E0FFFF;}
			.nav_button_separator {position: relative; float: left; width: 20px; height: 24px; background-image: url(images/ButtonSeparator.gif);}
			.wrapper_button {position: relative; text-align: center; /*float: left;*/ height: 24px;  background-image: url(images/ButtonStrip.gif); cursor: pointer;}
				.wrapper_button_active {background-image: url(images/ButtonStrip_Active.gif);}

				.nav_button_leftborder {position: absolute; left: 0px; width: 16px; height: 24px;}
					.nav_button_leftborder_default {background-image: url(images/ButtonLeftSide.gif);}
					.nav_button_leftborder_hover {background-image: url(images/ButtonLeftSide_Hover.gif);}
					.nav_button_leftborder_active {background-image: url(images/ButtonLeftSide_Active.gif);}

				.nav_button1_tutorials {position: relative; width: 105px; height: 24px; margin: 0px auto; background-image: url(images/Button_Tutorials.gif);}
					.nav_button1_tutorials_active {background-image: url(images/Button_Tutorials_Active.gif);}
				.nav_button2_downloads {position: relative; width: 121px; height: 24px; margin: 0px auto; background-image: url(images/Button_Downloads.gif);}
					.nav_button2_downloads_active {background-image: url(images/Button_Downloads_Active.gif);}
				.nav_button3_contact {position: relative; width: 95px; height: 24px; margin: 0px auto; background-image: url(images/Button_Kontakt.gif);}
					.nav_button3_contact_active {background-image: url(images/Button_Kontakt_Active.gif);}

				.nav_button_rightborder {position: absolute; right: 0px; width: 16px; height: 24px;}
					.nav_button_rightborder_default {background-image: url(images/ButtonRightSide.gif);}
					.nav_button_rightborder_hover {background-image: url(images/ButtonRightSide_Hover.gif);}
					.nav_button_rightborder_active {background-image: url(images/ButtonRightSide_Active.gif);}

	#nav_quicklink {position: relative; height: 20px; padding-left: 70px; padding-top: 2px; background-color: #008B8B; background-image: url(images/HomeBottomCurve.gif); background-repeat: no-repeat;}
		#nav_quicklink img {margin-right: -1px;}
		#nav_quicklink h1 {display: inline; font-size: 11pt; font-weight: bold; color: #FF4500;}

		#nav_externallinkbox {position: absolute; right: 10px; top: 2px; height: 16px;}
			#nav_externallinkbox a {text-decoration: none;}
				#nav_externallinkbox a span {visibility: hidden; font-size: 0pt; font-weight: bold; vertical-align: 2px;}
					html>body #nav_externallinkbox a:hover span {visibility: visible; font-size: 10pt;}
					#nav_externallinkbox a #pagelink_metal {color: #323232;}
					#nav_externallinkbox a #pagelink_movies {color: #0000A4;}

/* --- SubMenu ---*/

.submenu {position: absolute; border: 3px solid #FF4500; background-color: #E0FFFF; visibility: hidden; z-index: 10;}
	.submenu ul {list-style-type: none;}
		.submenu ul li a {display: block; margin-top: 2px; height: 30px; line-height: 30px; background-color: #8FD8D4; text-decoration: none; text-align: center; font-variant: small-caps; font-size: 10pt; margin-bottom: -3px;
				  voice-family: "\"}\""; voice-family: inherit; font-size: 11pt; margin-bottom: 0px;}
			html>body .submenu ul li a {font-size: 11pt; margin-bottom: 0px;}
		.submenu ul li a:hover {background-color: #E0FFFF;}
		.submenu ul li a:active {background-color: #FF4500;}