.glidecontentwrappervideo{
position: relative; /* Do not change this value */
width: 350px;
/* height: 255px;  Set height to be able to contain height of largest content shown*/
height: 120px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
z-index: 0;

}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontentvideo{
	position: absolute;
	background: white;
	margin: 10px 0px 0px 0px;
	visibility: hidden;
	width: 350px;
	border: 0px solid #687C98;
	z-index: 0;
	
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttogglervideo{ /*style for DIV used to contain toggler links. */
width: 350px;

text-align: right; 

position: relative; 

border-top: 1px dashed #ccc;
padding-top:8px;
/*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttogglervideo a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 0px solid black;
color: #990000;
padding: 1px 0px;
margin-right: 0px;
font-weight: normal;
font-size:11px;
text-decoration: none;
font-family:tahoma;
}

.glidecontenttogglervideo a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */

color: black;
}

.glidecontenttogglervideo a:hover{

color: black;
}

.glidecontenttogglervideo a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

 .glidecontenttogglervideo a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
 text-align:left;
}

.glidecontenttogglervideo a.prev{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
 text-align:right;
}

.glidecontenttogglervideo a.next:hover{

color: white;
}


.glidecontenttogglervideo a.prev:hover{

color: white;
}

/* ========================================================================== */

.glidecontentwrapperfokus{
position: relative; /* Do not change this value */
width: 350px;
/* height: 255px;  Set height to be able to contain height of largest content shown*/
height: 165px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
z-index: 0;

}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontentfokus{
	position: absolute;
	background: white;
	margin: 10px 0px 0px 0px;
	visibility: hidden;
	width: 350px;
	border: 0px solid #687C98;
	z-index: 0;
	
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttogglerfokus{ /*style for DIV used to contain toggler links. */
float: right;

width: 50px;

text-align: right; 

position: relative; 

/*border-top: 1px dashed #ccc;
padding-top:8px;*/
/*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttogglerfokus a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 0px solid black;
color: #990000;
padding: 1px 0px;
margin-right: 0px;
font-weight: normal;
font-size:11px;
text-decoration: none;
font-family:tahoma;
}

.glidecontenttogglerfokus a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */

color: black;
}

.glidecontenttogglerfokus a:hover{

color: black;
}

.glidecontenttogglerfokus a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

 .glidecontenttogglerfokus a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
 text-align:left;
}

.glidecontenttogglerfokus a.prev{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
 text-align:right;
}

.glidecontenttogglerfokus a.next:hover{

color: white;
}


.glidecontenttogglerfokus a.prev:hover{

color: white;
}
















