html {
height: 100%; 
padding:0; 
margin:0; 
border:0; 
background: white;
font-size:76%; 
font-family: Arial, sans-serif; 
overflow: auto; 
/* */ }


body {
    background-color: white;
	background-image: url("https://www.die-karlschule.de/scripte/bg_spring.jpg");
	background-repeat: no-repeat;
    background-attachment:scroll;
    background-position: left
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	width: 100%;
	padding:0; 
	margin:0; 
	border:0; 
	margin-top:50px; 
	
	}

#page {
	width:999px;
	background-color: white;
	display:block;
	position:relative;
	top:-240px;
	margin:0px auto; 
	text-align:left; 
	z-index:99;
	

}

#inhalt {
	display:block; 
	background-color: white;
	width: 920px; 
	margin-left:200px;
	top:240px;
	padding-top:20px;
	margin-bottom: 100px;
 	position:absolute;  
	font-size:1em; 
	}


#kopf {
	position:absolute;  
	margin-top:100px; 
	display:block; 
	height:600px; 
	width: 1000px;  
	top: 100px;
	z-index:5; 
	border-radius:8px 8px 0px 0px; /* CSS3 */
    border-top-style:solid;
	border-color: #B1E639 ;
	behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:8px 8px 0px 0px; /* Safari, Chrome */
    -khtml-border-radius:8px 8px 0px 0px; /* Konqueror */
    -moz-border-radius:8px 8px 0px 0px; /* Firefox */


}

#kopfbalken {
	width:100%;
	height: 50px;
    top: 250px;
	color:#666;
	margin-top: 230px;
	text-align:left; 
	background:#ffec00;

	z-index: 1;

}
  

    .box{
    	width:750px;
    	height:100px;
		padding-left:100px;
    }
     
    .red{
    	background:#f00;
    }
    .green{
    	background:#0f0;
    }
    .blue{
    	background:#00f;
    }

#feed-title {
	  background-color: yellow;
	}

div.schullogo { 
	position:static; 
	float:left; 
    margin-top:-75px;
	margin-right:267px;
	z-index:9; 
}
  
div.kopflogo { 
	position:static; 
	float:right; 
	margin-top: -150px;
	margin-right: -125px;
	z-index:9; 
}

#topmenu{
	width: 1000px;
	height: 100px;
	margin-top: 112px;
	margin-left:-475px;
	
	position: absolute;
	overflow:hidden;
	z-index:1;
}


  ul#Navigation {
    margin-right:80px; 
    margin-left: 5px; 
	padding: 0.8em;
    text-align: right;
	color: #333;
	line-height: 0;
	background-color:none;
    	
  }
  ul#Navigation li {
    list-style: none;
    display:contents;
    margin: 0; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
 	width: 6em;
    margin: 0.4em; 
	padding: 0.2em 1em;
    	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size:0px;

	font-weight: normal;
    border: 0px;
    border-left-color: white; 
	border-top-color: white;
	color: none; 
	background-color:none;
  }
  * html ul#Navigation a, * html ul#Navigation span {  /* Korrektur fuer IE 5.x */
    width: 8em;
    w\idth: 6em;
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; 
	border-top-color: black;
    color: black; 
	background-color: white;
  }
  ul#Navigation div {
     clear: left;
  }
  
  
  
#menu {
	width: 202px;
	background:#bcea44;
	top: 360px;
	overflow: hidden;
	position:absolute;
	z-index:7;
	}
	
#menu li a {
	height: 28px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size:1.15em; 
    font-weight: 100 ;
	text-align: left;
  	height: 24px;
	text-decoration: none;
	background: #bcea44;
	border:0px solid #0C5815;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #333;
	display: block;
	background: url(menu1.gif);
	padding: 8px 0 0 10px;
}
	
#menu li a:hover {
	color: #333;	
	font-size:1.30em; 
    font-weight: 100 ;
	text-align: left;
	background: url(menu1.gif) 0 -32px;
	padding: 8px 0 0 10px;
}
	
#menu li a:active {
	color: #333;
	background: url(menu1.gif) 0 -64px;
	padding: 8px 0 0 10px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#fuss {
	position:fixed; 
	margin:0; 
	bottom:0px; 
	color:#333; 
	display:block; 
	width: 202px; 
	height:70px; 
	text-align:right; 
	font-size:1em; 
	background: #bcea44;
	z-index:9;
}

.erstesladen {
	display:block; 
	height:80px; 
	width: 795px; 
	background: none;
	margin-left: 205px;
}

.erstesladen-menu {
	display:block; 
	height:80px; 
	background: #bcea44;
}

.zitatbox {
	position:absolute; 
	top:260px; 
	height:110px; 
	width:202px;
	font-size:1em; 
	background-color: #feff00;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    z-index: inherit;
	
}


.clockbox {
	position:absolute; 
	top:150px; 
	height:140px; 
	width:202px;
	font-size:1em; 


	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    z-index: inherit;
	
}

.zitattext{
	font-size:1.0em; 
    font-weight: bolder;
	text-align: middle;
	margin-left: 5px;
	margin-top:10px;
	margin-right:0px;
	color:#000000;
	font-family: Verdana
		
}


.zitatquelle{
	font-size: 9px; 
    font-weight: bolder ;
	font-style:italic;
	text-align: left;
	margin-left: 5px;
	margin-top:0px;
	margin-right:5px;
	margin-bottom: 0px;
	color:#000000; 
	font-family:Arial, sans-serif;
}

.bold {
    font-size:1.2em; 
    font-weight:bold;
}

div.schuelerbild { 
    position: static; 
	float:right; 
	margin-top:1px; 
	margin-right:5px; 
	z-index:1; 
}
  

  
div.fusstext { 
	margin-top:8px; 
	margin-right:20px; 
	color: #333;
	text-decoration: none;
}

div.inhalttext { 
	margin-top:8px; 
	padding-right:50px; 
	margin-left: 20px; }

  
div.kapitel1 {
	font-size:2em; 
	font-weight:bold; 
	color:white; 
	background: background: rgb(177,230,56); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxZTYzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iI2IxZTYzOCIgc3RvcC1vcGFjaXR5PSIwLjU2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWU2MzgiIHN0b3Atb3BhY2l0eT0iMC41MiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(177,230,56,1) 0%, rgba(177,230,56,0.56) 92%, rgba(177,230,56,0.52) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(177,230,56,1)), color-stop(92%,rgba(177,230,56,0.56)), color-stop(100%,rgba(177,230,56,0.52))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(177,230,56,1) 0%,rgba(177,230,56,0.56) 92%,rgba(177,230,56,0.52) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(177,230,56,1) 0%,rgba(177,230,56,0.56) 92%,rgba(177,230,56,0.52) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(177,230,56,1) 0%,rgba(177,230,56,0.56) 92%,rgba(177,230,56,0.52) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(177,230,56,1) 0%,rgba(177,230,56,0.56) 92%,rgba(177,230,56,0.52) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1e638', endColorstr='#85b1e638',GradientType=1 ); /* IE6-8 */
/* IE6-8 */
	width: 900px; 
 }
 
 
 div.linie{
 font-size:2px; 
	font-weight:bold; 
	color:white; 
	margin-left: 20px;
	background: background: rgb(177,230,56); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxZTYzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iI2IxZTYzOCIgc3RvcC1vcGFjaXR5PSIwLjU2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWU2MzgiIHN0b3Atb3BhY2l0eT0iMC41MiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(177,230,56,1) 0%, rgba(177,230,56,0.56) 92%, rgba(177,230,56,0.52) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(177,230,56,1)), color-stop(92%,rgba(177,230,56,0.56)), color-stop(100%,rgba(177,230,56,0.52))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(177,230,56,1) 0%,rgba(177,230,56,0.56) 92%,rgba(177,230,56,0.52) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(177,230,56,1) 0%,rgba(177,230,56,0.56) 92%,rgba(177,230,56,0.52) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(177,230,56,1) 0%,rgba(177,230,56,0.56) 92%,rgba(177,230,56,0.52) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(177,230,56,1) 0%,rgba(177,230,56,0.56) 92%,rgba(177,230,56,0.52) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1e638', endColorstr='#85b1e638',GradientType=1 ); /* IE6-8 */
/* IE6-8 */
	width: 700px; 
 }

	div.kapitel1_770 {
	font-size:2em; 
	font-weight:bold; 
	color:white; 
	background: #B1E638; 
	width: 770px; 
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */ }
  
  div.kapitel1s {
	font-size:0,7em; 
	font-weight:bold; 
	color:white; 
	background: #B1E638; 
	width: 198px; 
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */ }
  
   div.kapitel1hellblau {
	font-size:2em; 
	font-weight:bold; 
	color:white; 
	background: #64A0C8; 
	width: 300px;  
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */ }
  
   div.kapitel1hellblau_wide {
	font-size:2em; 
	font-weight:bold; 
	color:white; 
	background: #64A0C8; 
	width: 800px;  
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */ }

 div.kapitel1blau {
	font-size:2em; 
	font-weight:bold; 
	color:white; 
	background: #06F; 
	width: 900px;  
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */ }
  
 div.kapitel1rot {
	font-size:2em; 
	font-weight:bold; 
	color:white; 
	background: #C00; 
	width: 900px;
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */   }
	
div.kapitel1orange {
	font-size:2em; 
	font-weight:bold; 
	color:white; 
	background: #F90; 
	width: 300px;  
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */ }

div.kapitel1orange_wide {
	font-size:2em; 
	font-weight:bold; 
	color:white; 
	background: #F90; 
	width: 900px;  
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */ }
	
div.kapitel1grün {
	font-size:2em; 
	font-weight:bold; 
	color:white; 
	background: #390 ; 
	width: 300px; 
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */  }

	
div.kapitel1grün2 {
	font-size:2em; 
	font-weight:bold; 
	color:white; 
	background: #390 ; 
	width: 530px; 
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */  }
  
div.kapitel1orange {
		font-size:2em; 
		font-weight:bold; 
		color:white; 
		background: #F90; 
		width: 300px;  
		border-radius:4px 4px 4px 4px; /* CSS3 */
	    behavior:url('border-radius.htc');  /* Internet Explorer */
	    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
	    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
	    -moz-border-radius:4px 4px 4px 4px; /* Firefox */ }
  
div.kapitel2 {
	font-size:1em; 
	font-weight:bold; 
	color:black; 
	text-decoration:underline;}
	
div.kapitel2orange {
	font-size:1em; 
	font-weight:bold; 
	color:white; 
	background: #000 ; 
	width: 500px; 
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */  }
  
	div.kapitel1gelb {
			font-size:2em; 
			font-weight:bold; 
			color:black; 
			background: #FFFF00; 
			width: 500px;  
			border-radius:4px 4px 4px 4px; /* CSS3 */
		    behavior:url('border-radius.htc');  /* Internet Explorer */
		    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
		    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
		    -moz-border-radius:4px 4px 4px 4px; /* Firefox */ }
  
 div.kapitel2gruen {
	font-size:1.2em; 
	font-weight:bold; 
	color:white; 
	background: #B1E638; 
	width: 500px; 
	border-radius:4px 4px 4px 4px; /* CSS3 */
    behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:4px 4px 4px 4px; /* Safari, Chrome */
    -khtml-border-radius:4px 4px 4px 4px; /* Konqueror */
    -moz-border-radius:4px 4px 4px 4px; /* Firefox */  }
	
.imglogo
{
float: left; 
width: 90px;
padding: 55px;
font-size: 0.7em;
} 

.imgschulegebaeude
{
float: left; 
width: 200px;
padding: 10px;
font-size: 0.75em;
} 

.imgschulegebaeuderechts
{
float: right; 
width: 200px;
padding: 10px;
font-size: 0.75em;
} 

.imgsiegel
{
float: left; 
width: 200px;
padding: 12px;
font-size: 0.75em;
} 

.imgsiegelrechts
{
float: right; 
width: 200px;
padding: 10px;
font-size: 0.75em;
} 

.img_pdf
{
float: left; 
width: 20px;
padding: 10px;
font-size: 0.7em;
margin: 10px;
padding:10px;
} 

.img150links
{
float: left; 
width: 140px;
padding: 1px;
font-size: 0.75em;
margin: 1px;
} 

.img175links
{
float: left; 
width: 170px;
padding: 1px;
font-size: 0.75em;
margin: 1px;
} 
.img200links
{
float: left; 
width: 200px;
padding: 10px;
font-size: 0.75em;
margin: 10px;
padding:10px;
} 

.img200menuleistenbutton
{
float: left; 
font-size: 0.75em;
margin-bottom: 10px;
} 

.img150links
{
float: left; 
width: 150px;
padding: 6px;
font-size: 0.75em;
margin: 6px;
padding:6px;
} 


.img200vid
{
float: left; 
width: 198px;
padding: 1px;
font-size: 0.75em;
margin: 1px;
padding:1px;
} 

.img200rechts
{
float: right; 
width: 200px;
padding: 10px;
font-size: 0.75em;
margin: 10px;
padding:10px;
} 

.img300rechts
{
float: right; 
width: 300px;
padding: 10px;
font-size: 0.75em;
margin: 10px;
padding:10px;
}


.img350rechts
{
float: right; 
width: 350px;
padding: 10px;
font-size: 0.75em;
margin: 10px;
padding:10px;
}

.img350links
{
float: left; 
width: 300px;
padding: 5px;
font-size: 0.75em;
margin: 5px;
padding:5px;
}

.img400links_real
{
float: left; 
width: 400px;
padding: 10px;
font-size: 0.75em;
margin: 10px;
} 
.img400links
{
float: left; 
width: 300px;
padding: 10px;
font-size: 0.75em;
margin: 10px;
} 

.img500links
{
float: left; 
width: 500px;
padding: 5px;
font-size: 0.75em;
margin: 1px;
} 

.img400rechts
{
float: right; 
width: 300px;
padding: 10px;
font-size: 0.75em;
margin: 10px;
} 

.img750links
{
float: left; 
width: 750px;
padding: 2px;
font-size: 0.75em;
margin: 2px;
} 

#videomenu1
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:700pxpx;
	position:relative;
	display:block;
	height:30px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhZmMxYyIgc3RvcC1vcGFjaXR5PSIwLjI0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(154,252,28,0.24) 0%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(154,252,28,0.24)), color-stop(99%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(154,252,28,0.24) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(154,252,28,0.24) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(154,252,28,0.24) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(154,252,28,0.24) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d9afc1c', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
	font-family:'Trebuchet MS',Helvetica,Arial,Arial,sans-serif;
	border-radius:8px 8px 0px 0px; /* CSS3 */
    border-top-style:none;
	border-bottom-style:solid;
	border-color: #B1E639 ;
	behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:8px 8px 0px 0px; /* Safari, Chrome */
    -khtml-border-radius:8px 8px 0px 0px; /* Konqueror */
    -moz-border-radius:8px 8px 0px 0px; /* Firefox */
}

#videomenu1 li
{
	display:block;
	float:left;
	margin:0;
	pading:0;
}
	
#videomenu1 li a
{
	display:block;
	float:left;
	height: 28px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 36px;
	text-decoration: bold;
	border:0px solid #0C5815;
	padding:0px 20px 10px 0px;
	height:24px;

}
	
#videomenu1 li a:hover
{	
	color:#FFFFFF;
	background: #6F0
}


#videomenu2
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:640px;
	position:relative;
	display:block;
	height:30px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhZmMxYyIgc3RvcC1vcGFjaXR5PSIwLjI0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(154,252,28,0.24) 0%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(154,252,28,0.24)), color-stop(99%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(154,252,28,0.24) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(154,252,28,0.24) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(154,252,28,0.24) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(154,252,28,0.24) 0%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d9afc1c', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
	font-family:'Trebuchet MS',Helvetica,Arial,Arial,sans-serif;
	border-radius:8px 8px 0px 0px; /* CSS3 */
    border-top-style:sold;
	border-bottom-style:none;
	border-color: #B1E639 ;
	behavior:url('border-radius.htc');  /* Internet Explorer */
    -webkit-border-radius:8px 8px 0px 0px; /* Safari, Chrome */
    -khtml-border-radius:8px 8px 0px 0px; /* Konqueror */
    -moz-border-radius:8px 8px 0px 0px; /* Firefox */
}

#videomenu2 li
{
	display:block;
	float:left;
	margin:0;
	pading:0;
}
	
#videomenu2 li a
{
	display:block;
	float:left;
	height: 28px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 36px;
	text-decoration: bold;
	border:0px solid #0C5815;
	padding:0px 20px 10px 0px;
	height:24px;

}
	
#videomenu2 li a:hover
{	
	color:#FFFFFF;
	background: #6F0
}