/* Webseite Verkauf Ford Focus */

 
body { 
font-family: Arial; 
font-size: 15px; 
color: rgb(51,51,51); }
width: 100%;
height: 100%;
margin: 5;
padding: 5;
}

 /* body { 
background: url('images/hintergrund/13.jpg') no-repeat center center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
} */

table { border-width:1; border-color:rgb(189,189,189); border-style:solid; cellspacing:1; cellpadding:1; vertical-align:top; }

ul, li, ol { line-height:150%; font-weight:normal; color:rgb(20,20,20); font-size:15px; }
p, div, th, td { line-height:150%; font-weight:normal; color:rgb(20,20,20); font-size:15px; }


h1 { font-size:15px; line-height:150%; font-weight:bold; color:rgb(255,102,0); }
h2 { font-size:15px; line-height:150%; font-weight:normal; color:rgb(255,102,0); }
h3 { font-size:15px; line-height:150%; font-weight:bold; color:#748C42; }
h4 { font-size:12px; line-height:120%; color:rgb(51,51,51); }


a:link { color:rgb(255,102,0); text-decoration:underline; }
a:visited { color:rgb(255,102,0); text-decoration:underline; }
a:active { color:#748C42; text-decoration:underline; }
a:hover { color:#748C42; text-decoration:underline; }

.no_line a { text-decoration: none; }
.no_line a:link { text-decoration: none; }
.no_line a:active { text-decoration: none; }
.no_line a:visited { text-decoration: none; }
.no_line a:hover { text-decoration: none; }
.no_line a:focus { text-decoration: none; }


#test { border-radius: 18px; position: relative; z-index: 1; width: 980px; margin: 10px auto; padding: 8px; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }

#zoom { margin-top: 0px; margin-left: 10px; height: 300px; width: 1px; }

#navigation { border-radius: 18px; position: relative; z-index: 2; width: 960px; height: 45px; margin: 0px auto; padding: 0px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; } 
#banner { border-radius: 0px; position: relative; z-index: 2; width: 1000px; margin: 10px auto; padding: 0px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#linkleiste { border-radius: 18px; position: relative; z-index: 1; width: 980px; margin: 10px auto; padding: 8px; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#linkleiste_w { background: white; border-radius: 18px; position: relative; z-index: 3; width: 980px; height: auto; margin: 5px auto; padding: 5px; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }

#main { border-radius: 18px; position: relative; z-index: 1; width: 960px; margin: 10px auto; padding: 20px; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#main_breit { border-radius: 18px; position: relative; z-index: 2; width: 1000px; margin: 10px auto; padding: 20px; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }

#text800 { border-radius: 18px; position: relative; z-index: 2; width: 540px; margin: 10px auto; padding: 10px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#breit { border-radius: 18px; position: relative; z-index: 2; width: 1200px; margin: 10px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#transparent { border-radius: 18px; position: relative; z-index: 2; width: 600px; margin: 10px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; }

#transparent2 { border-radius: 18px; position: relative; z-index: 2; width: 600px; margin: 10px auto; padding: 20px; background: white; background: rgba(0, 0, 0, 0.6); }
#voll_breit { border-radius: 18px; position: relative; z-index: 2; width: 100%; margin: 20px auto; padding: 0px; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#voll_breit_innen { position: relative; z-index: 2; width: 60%; margin: 10px; padding-left: 30px; line-height: 170%; }

#main_frame { padding-top: 180px; padding-bottom: 50%;}
#main_frame_banner { padding-top: 300px; padding-bottom: 40%;}

#slide_show { border-radius: 18px; position: relative; z-index: 2; width: 460px; margin: 10px auto; padding: 30px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; } 
#slide_show_out { border-radius: 18px; position: relative; z-index: 2; width: 520px; margin: 0px auto; padding: 20px; background: grey; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; } 
#seite_r { border-radius: 18px; background: rgba(0,0,0,0.5); border: none; margin: 0 0 0 35%; padding: 15px; color: rgb(250,250,250); }
#rand { border-radius: 18px; position: relative; z-index: 2; width: 960px; margin: 10px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#box { border-radius: 18px; position: relative; z-index: 3; width: 920px; margin: 10px auto; padding: 20px; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }


#myPopup {
	display: none;
	border: solid 2px white;
	background-color: orange;
	width: 400px;
	text-align: center;
	position: fixed;
	top: 10%; left: 10%;
	z-index: 10;
	margin: 10px auto; 
	padding: 30px;
	border-radius: 18px;
	-moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; 
}

.senden {
cursor: pointer;
font: 12px Arial;
color: #000000;
width: 260px;
padding: 2px;
line-height: 130%;
border: 1px solid #000000;
background-color: #EED5FF;
}

.links { 
float:left;
width:47%;
background: white;
padding:10px;
margin: 10px auto;
min-height:500px;
border-radius: 18px;
-moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
}
.rechts {
float:right;
width:47%;
background: white;
padding:10px;
margin: 10px auto;
min-height:500px;
border-radius: 18px;
-moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
}
.clear {
clear:left;
margin: 10px auto;
}

.alpha_main {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(222, 222, 222);
	/* RGBa with 0.6 opacity */
	background: rgba(222, 222, 222, 0.9);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha_banner {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.9);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha_x {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(222, 222, 222);
	/* RGBa with 0.6 opacity */
	background: rgba(222, 222, 222, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.weiss {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 1.0);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#obere_linkleiste {  position: fixed;
        width: 990px; height: auto;
        top: 6px;
		z-index: 10;
		margin: 0px;
		padding: 6px;
		left: 50%;
		transform: translate(-50%, 0);

        /* round corners*/
       -webkit-border-radius: 9px;
       -moz-border-radius: 9px;
       -o-border-radius: 9px;
       border-radius: 9px;
	   
	   -moz-box-shadow: 0 0 20px black; 
	   -webkit-box-shadow: 0 0 20px black; 
	   box-shadow: 0 0 20px black;
    }
	
#upper_banner  {  position: fixed;
        width: 990px; height: auto;
        top: 6px;
		z-index: 5;
		margin: 0px;
		padding: 6px;
		left: 50%;
		transform: translate(-50%, 0);
		
		border-radius: 18px;
		
		-moz-box-shadow: 0 0 20px black; 
		-webkit-box-shadow: 0 0 20px black; 
		box-shadow: 0 0 20px black;     
		-webkit-transition: .5s all; 
		} 


#link_box {  position: fixed;
        width: 100px auto; height: auto;
        top: 75px; right: 15px;
		z-index: 10;
		margin: 10px auto;
		padding-right: 10px;
		padding-left: 10px;

        /* box color and font styles */
        background: orange;  
        color: black;
   
        /* round corners*/
       -webkit-border-radius: 9px;
       -moz-border-radius: 9px;
       -o-border-radius: 9px;
       border-radius: 9px;
	   
	   -moz-box-shadow: 0 0 20px black; 
	   -webkit-box-shadow: 0 0 20px black; 
	   box-shadow: 0 0 20px black;
    }
	

/* FullPageBackgroundImage */
#bg1 {
			position:fixed; 
			top:-50%; 
			left:-50%; 
			width:200%; 
			height:200%;
		}
#bg1 img {
			position:absolute; 
			top:0; 
			left:0; 
			right:0; 
			bottom:0; 
			margin:auto; 
			min-width:50%;
			min-height:50%;
		}
		
		
		/* Menu Box */
a.link_menu {
 display:block;
 padding:3px;
 border-top:1px solid #000;
 background-color:#737994;
 text-align:center;
 color:#eeeeee;
 text-decoration:none;
 }

a.link_menu_shop {
 display:block;
 padding:3px;
 border-top:1px solid #000;
 background-color:#8d9900;
 text-align:center;
 color:#eeeeee;
 text-decoration:none;
 }

a.link_menu:link, a.link_menu:visited
{
 color:#eeeeee;
 background-color:#737994;
 text-decoration:none; font-weight:bold;
}

a.link_menu_shop:link, a.link_menu_shop:visited
{
 color:#eeeeee;
 background-color:#8d9900;
 text-decoration:none; font-weight:bold;
}

a.link_menu:active, a.link_menu:hover
{
 color:#737994; font-weight:bold;
 background-color:#eeeeee;
}

a.link_menu_shop:active, a.link_menu_shop:hover
{
 color:#737994; font-weight:bold;
 background-color:#eeeeee;
}

.link_menutitle{
font-weight:bold;
text-align:center;
margin:2px;
}
.link_menucontainer {
border:1px solid #000;
background-color:#7b7d8e;
width:150px;
margin:10px;
border-radius: 0px;
}

/* horizontale Linien */
hr {
   background-color:#808080;
   color:#808080;
   border:0px;
   height:5px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------- */

div.bg2 { 
background-color:#000000;
background-repeat: no-repeat;
background-position: top right; 
background-attachment: fixed;
border:1px solid white;
padding:20px;
}

div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 960px;
	min-width: 20em;
	border: 1px ridge silver;
  }
  

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
	z-index: 4;
}

#nav li{
	margin: 0 0 2px 0;	
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.sektion {
	position: relative;
	height: 100%;
	overflow: hidden;
	margin:0;
	padding: 0px;
	margin-right: 0px;
}

.hintergrundbild {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hintergrundbild img {
	min-height: 100%;
	min-width: 100%;
}

.text {
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	z-index: 4;
	background-color: #efefef;
}


.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(222, 222, 222);
	/* RGBa with 0.6 opacity */
	background: rgba(222, 222, 222, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}


/* Menueleiste https://www.script-tutorials.com/whirling-dropdown-menu/ */

.menu, .menu ul {
    list-style: none;
    padding: 8;
    margin: 0;
}
.menu {
    height: 40px;
	z-index: 10;
	width: 800px;
}
.menu li {
    background: -moz-linear-gradient(#FFFFFF, #999999);
    background: -ms-linear-gradient(#FFFFFF, #999999);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #999999));
    background: -webkit-linear-gradient(#FFFFFF, #999999);
    background: -o-linear-gradient(#FFFFFF, #999999);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#999999');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#999999')";
    background: linear-gradient(#FFFFFF, #999999);

    border-bottom: 2px solid #181818;
    border-top: 0px solid #303030;
    min-width: 160px;
}

.menu > li {
    display: block;
    float: left;
    position: relative;
}
.menu > li:first-child {
    border-radius: 5px 0 0;
}
.menu a {
    border-left: 5px solid rgba(0, 0, 0, 0);
    color: #669900;
    display: block;
    font-family: 'Arial';
    font-size: 15px;
    line-height: 40px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.menu li:hover {
    background-color: #999988;
    background: -moz-linear-gradient(#999988, #2b2b2b);
    background: -ms-linear-gradient(#999988, #2b2b2b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999988), color-stop(100%, #2b2b2b));
    background: -webkit-linear-gradient(#999988, #2b2b2b);
    background: -o-linear-gradient(#999988, #2b2b2b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999988', endColorstr='#2b2b2b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999988', endColorstr='#2b2b2b')";
    background: linear-gradient(#999988, #2b2b2b);

    border-bottom: 2px solid #669900;
    border-top: 0px solid #2b2b2b;
}
.menu li:hover > a {
    border-radius: 5px 0 0 0;
    border-left: 5px solid #669900;
    color: #669900;
}

/* submenu styles */
.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 9;
	width: 180px;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
	position: relative
}
.menu .submenu li:hover a {
    border-left: 5px solid #669900;
    border-radius: 0;
    color: #669900;
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 1000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.submenu .submenu { 
	display: none; left: 100%; top: 0; color: #669900;
}
		
.submenu li:hover .submenu { display: block }

/* CSS3 delays for transition effects */
.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
}


.menu2, .menu2 ul {
    list-style: none;
    padding: 8;
    margin: 0;
}
.menu2 {
    height: 100px;
	z-index: 10;
	width: 900px;
}
.menu2 li {
    background: -moz-linear-gradient(#FFFFFF, #999999);
    background: -ms-linear-gradient(#FFFFFF, #999999);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #999999));
    background: -webkit-linear-gradient(#FFFFFF, #999999);
    background: -o-linear-gradient(#FFFFFF, #999999);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#999999');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#999999')";
    background: linear-gradient(#FFFFFF, #999999);

    border-bottom: 2px solid #181818;
    border-top: 0px solid #303030;
    min-width: 280px;
}

.menu2 > li {
    display: block;
    float: left;
    position: relative;
	height: 100px;
}
.menu2 > li:first-child {
    border-radius: 5px 0 0;
}
.menu2 a {
    border-left: 5px solid rgba(0, 0, 0, 0);
    color: red;
    display: block;
    font-family: 'Arial';
    font-size: 15px;
    line-height: 100px;
    padding: 0 15px;
    text-decoration: none;
}

.menu2 li:hover {
    background-color: #999988;
    background: -moz-linear-gradient(#999988, #2b2b2b);
    background: -ms-linear-gradient(#999988, #2b2b2b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999988), color-stop(100%, #2b2b2b));
    background: -webkit-linear-gradient(#999988, #2b2b2b);
    background: -o-linear-gradient(#999988, #2b2b2b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999988', endColorstr='#2b2b2b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999988', endColorstr='#2b2b2b')";
    background: linear-gradient(#999988, #2b2b2b);

    border-bottom: 2px solid #669900;
    border-top: 0px solid #2b2b2b;
}
.menu2 li:hover > a {
    border-radius: 5px 0 0 0;
    border-left: 5px solid #669900;
    color: #669900;
}

/* submenu styles */
.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 7;
	width: 180px;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
	position: relative
}
.menu2 .submenu li:hover a {
    border-left: 5px solid #669900;
    border-radius: 0;
    color: #669900;
}
.menu2 > li:hover .submenu, .menu2 > li:focus .submenu {
    max-height: 1000px;
    z-index: 8;
}
.menu2 > li:hover .submenu li, .menu2 > li:focus .submenu li {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.submenu .submenu { 
	display: none; left: 100%; top: 0; color: #669900;
}
		
.submenu li:hover .submenu { display: block }

/* CSS3 delays for transition effects */
.menu2 li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
}
.menu2 li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu2 li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu2 li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu2 li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu2 li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu2 li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu2 li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
}