/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.oneColFixCtrHdr #mainContent .glossymenu{
float:right;
list-style-type: none;
background: transparent url('griffel/menu/4/menu_bg.gif') top left no-repeat;
margin: 20px -10px 5px 5px;
padding: 44px 0 0 0;
width: 210px;
border-right: 0px solid #EADCDC; border-left: 0px solid #EADCDC;
}
*HTML .oneColFixCtrHdr #mainContent .glossymenu{
float:right;
list-style-type: none;
background: transparent url('griffel/menu/4/menu_bg.gif') top left no-repeat;
margin: 20px -15px 5px 5px;
padding: 44px 0 0 0;
width: 210px;
border-right: 0px solid #EADCDC; border-left: 0px solid #EADCDC;
}


.oneColFixCtrHdr #mainContent .glossymenu li.info a{
background: transparent url(griffel/menu/4/infos_0.gif) no-repeat top left;
/* background-color: transparent; */
font: bold 12px "Helvetica", "Trebuchet MS", Verdana, Lucida Grande, sans-serif;
color: white;
display: block;
width: 204px; height: 32px;
padding: 0 0 0 0;
margin-left: 3px;
text-decoration: none;
text-align: center;
}

	.glossymenu li.portfolio a{
	background: transparent url(griffel/menu/4/portfolio_0.gif) no-repeat top left;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	width: 204px; height: 32px;
	padding: 0 0;
	padding-left: 10px;
	margin-top: -1px;
	margin-left: 3px;
	text-decoration: none;
	}
	*HTML .glossymenu li.portfolio a{
	background: transparent url(griffel/menu/4/portfolio_0.gif) no-repeat top left;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	width: 204px; height: 32px;
	padding: 0 0;
	padding-left: 10px;
	margin-top: -4px;
	margin-left: 3px;
	text-decoration: none;
	}
	
			.glossymenu li.kontakt a{
			background: transparent url(griffel/menu/4/kontakt_0.gif) no-repeat top left;
			font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
			color: white;
			display: block;
			width: 204px; height: 32px;
			padding: 3px 0;
			padding-left: 10px;
			margin-left: 3px;
			margin-top: -1px;
			text-decoration: none;
			}
			*HTML .glossymenu li.kontakt a{
			background: transparent url(griffel/menu/4/kontakt_0.gif) no-repeat top left;
			font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
			color: white;
			display: block;
			width: 204px; height: 32px;
			padding: 3px 0;
			padding-left: 10px;
			margin-left: 3px;
			margin-top: -4px;
			text-decoration: none;
			}

/* html .glossymenu li.info a, * html .glossymenu li.portfolio a, * html .glossymenu li.kontakt a{ /*IE only. Actual menu width minus left padding of A element (10px) */
*html .oneColFixCtrHdr #mainContent .glossymenu li.info a { width: 204px; }

.oneColFixCtrHdr #mainContent .glossymenu li a:visited, .glossymenu li a:active{
color: white;
border: none;
}

.oneColFixCtrHdr #mainContent .glossymenu li.info a:hover{
background-image: url(griffel/menu/4/infos_1.gif);
/* background-color: #EFA438; */
color: #000;
padding: 0 0 0 0;
border: none;
}

	.oneColFixCtrHdr #mainContent .glossymenu li.info a span { display:none; }
	.oneColFixCtrHdr #mainContent .glossymenu li.info a:hover span {
	float:right; /* top:203px; right:150px */; z-index:3;
	display:block;
	width:243px; height:129px;
	color:#fff;
	background:transparent url('griffel/menu/4/infos_span.gif') top left no-repeat;
	font:normal 12px "Trebuchet MS", sans-serif;
	border:0px dashed #EFA438;
	padding:10px;
	margin: -1px 197px -150px 0;
	text-align:left;
	 }
	*HTML .oneColFixCtrHdr #mainContent .glossymenu li.info a:hover span {
	float:right; /* top:203px; right:150px */; z-index:3;
	display:block;
	width:243px; height:129px;
	color:#fff;
	background:transparent url('griffel/menu/4/infos_span.gif') top left no-repeat;
	font:normal 12px "Trebuchet MS", sans-serif;
	border:0px dashed #EFA438;
	padding:0;
	margin: 0 108px 0 0;
	text-align:left;
	 }


.oneColFixCtrHdr #mainContent .glossymenu li.portfolio a:hover{
background-image: url(griffel/menu/4/portfolio_1.gif);
padding: 0 0;
border: none;
/* margin-top: -1px; */
}
	.oneColFixCtrHdr #mainContent .glossymenu li.portfolio a span { display:none; }
	.oneColFixCtrHdr #mainContent .glossymenu li.portfolio a:hover span {
	float:right; /* top:203px; right:150px */; z-index:3;
	display:block;
	width:243px; height:129px;
	color:#fff;
	background:transparent url('griffel/menu/4/portfolio_span.gif') top left no-repeat;
	font:normal 12px "Trebuchet MS", sans-serif;
	border:0px dashed #EFA438;
	padding:10px;
	margin: -32px 197px -150px 0;
	text-align:left;
	}
	*HTML .oneColFixCtrHdr #mainContent .glossymenu li.portfolio a:hover span {
	float:right; /* top:203px; right:150px */; z-index:3;
	display:block;
	width:243px; height:129px;
	color:#fff;
	background:transparent url('griffel/menu/4/portfolio_span.gif') top left no-repeat;
	font:normal 12px "Trebuchet MS", sans-serif;
	border:0px dashed #EFA438;
	padding:10px;
	margin: 0 95px 0 0;
	text-align:left;
	}
	
.oneColFixCtrHdr #mainContent .glossymenu li.kontakt a:hover{
background-image: url(griffel/menu/4/kontakt_1.gif);
padding: 3px 5px;
border: none;
}
	.oneColFixCtrHdr #mainContent .glossymenu li.kontakt a span { display:none; }
	.oneColFixCtrHdr #mainContent .glossymenu li.kontakt a:hover span {
	float:right; /* top:203px; right:150px */; z-index:3;
	display:block;
	width:243px; height:129px;
	color:#fff;
	background:transparent url('griffel/menu/4/kontakt_span.gif') top left no-repeat;
	font:normal 12px "Trebuchet MS", sans-serif;
	border:0px dashed #EFA438;
	padding:10px;
	margin: -66px 202px -150px 0;
	text-align:left;
	}
	*HTML .oneColFixCtrHdr #mainContent .glossymenu li.kontakt a:hover span {
	float:right; /* top:203px; right:150px */; z-index:3;
	display:block;
	width:243px; height:129px;
	color:#fff;
	background:transparent url('griffel/menu/4/kontakt_span.gif') top left no-repeat;
	font:normal 12px "Trebuchet MS", sans-serif;
	border:0px dashed #EFA438;
	padding:10px;
	margin: 0 85px 0 0;
	text-align:left;
	}