@charset "UTF-8";



@font-face {
  font-family: Quicksand_Book;
  src: url('fonts/Quicksand_Book-webfont.eot');
  src: local('Quicksand_Book-webfont'),  url('fonts/Quicksand_Book-webfont.woff') format('woff'),  url('fonts/Quicksand_Book-webfont.otf') format('opentype'),  url('fonts/Quicksand_Book-webfont.svg#Quicksand_Book-webfont') format('svg');
}



/* ************************  Main navigation block element ************************ */

#cssmenu{
	display:block;
	padding:0;
	/*border:1px solid;
	border-radius:5px;*/
	
	margin: 0 auto;
	width: 980px;
	height: 33px; 
	
	background:url(resources/Menu.png);
	margin-top: 0px;
	padding-top: 23px;
}

#cssmenu > ul {	list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li { list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}



/* ************************ Styling navigation links ************************ */

#cssmenu > ul > li > a{
	outline:none;
	display:block;
	position:relative;
	text-align:center;
	padding:13px 21px;
	
	/*
	font:bold 13px/100% Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(0,0,0, 0.4);*/
	
	font-family:Quicksand_Book;   /* Quicksand_Book.otf */
	font-size:14px;
	text-transform:uppercase;
	color:#2c2c2c;
	text-decoration:none;
}

#cssmenu > ul > li:first-child > a{ border-radius:5px 0 0 5px; }




/*  ********************** Extra border for navigation links  ********************** */

#cssmenu > ul > li > a:after{
	content:'';
	position:absolute;
	top:-1px; bottom:-1px; right:-2px;
	z-index:99;
}

#cssmenu ul li.has-sub:hover > a:after { top:0; bottom:0; }



/* ********************** Bullet for dropdowns  ********************** */

#cssmenu > ul > li.has-sub > a:before{
	content:'';
	position:absolute; top:18px; right:6px;
	border:5px solid transparent;
	border-top:5px solid #999;
}

#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}



/* Hover state styles for drop menu link - HOVER FÜR VIDEOS / ERGEBNISSE ************************************************* */

#cssmenu ul li.has-sub:hover > a{
	background:#e4e4e4;
	border-color:#3f3f3f;
	color:#000;
	padding-bottom:13px; padding-top:13px;
	/*top:-1px;*/
	z-index:999;
}



/* ************************ Show dropdown when hover ************************ */

#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div { display:block; }
#cssmenu ul li.has-sub > a:hover { /* background:#3f3f3f; border-color:#3f3f3f; */}



/* Dropdown MENU FARBEN ******************************************************************************** */

#cssmenu ul li > ul, #cssmenu ul li > div{
	display:none; width:auto;
	position:absolute; top:38px;
	padding:10px 0;
	background:#e4e4e4;
	border-radius:0 0 5px 5px;
	z-index:999;
	
}



/*  ********************** Dropdown list style  ********************** */

#cssmenu ul li > ul { width:200px;}
#cssmenu ul li > ul li { display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a {
	outline:none; display:block;
	position:relative;
	margin:0; padding:3px 20px;

/*font:10pt Arial, Helvetica, sans-serif; color:#fff;
text-decoration:none;
text-shadow:1px 1px 0 rgba(0,0,0, 0.5);*/

	
	font-family:Quicksand_Book;   /* Quicksand_Book.otf */
	font-size:14px;
	text-transform:uppercase;
	color:#2c2c2c;

}



/*  ********************** Dropdown box styles  ********************** */
#cssmenu ul li > div { width:auto; padding:20px;}

#cssmenu ul li > div p {
	font:9pt/150% Arial, Helvetica, sans-serif; color:#fff;
	text-align:justify;
	text-shadow:1px 1px 0 rgba(0,0,0,0.5);
	margin:0;
}


#cssmenu ul li > div h1:after{
	content:'';
	height:0; padding:0;
	position:absolute; bottom:-2px; left:0; right:0;
	border-bottom:1px solid #555;
}



/* --------------------------- Styles ---------------------------- */

/* Gray */

#cssmenu > ul > li > ul > li a:hover{ /* <<<---- HOVER IN SUBMENÜ */
background:#d5d5d5;
}

#cssmenu { border-color:#888; }
#cssmenu > ul > li > a:after{ border-color:#e5e5e5;}/*
#cssmenu > ul > li > a{ border-right:1px solid #888; color:#fff;}*/
#cssmenu > ul > li > a:hover{ /*background:#bbb;*/ text-decoration:underline;}