@import url("../fonts/DBHelventicaX/DBHelventicaX.css"); 

/* CSS Document */
body {

font:"Century Gothic";
font-size: 14px;
color:#6d6d6e;
/*background-image:url(../images/index/BG2.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	background-position: top center; */
-webkit-text-size-adjust: none;
}

.header_font{
color:#50A8D0;
font-weight:bold
}

.style10 {	color: #6d6d6e;
	font-size: 10px;
	font-family: "Century Gothic";
}
.style2 {font-family: "Century Gothic"}
.style3 {color: #6d6d6e;
	font-size: 12px;
}
.style5 {color: #6d6d6e; font-size: 9px; }
a:link {
	text-decoration: none;
	color: #6d6d6e;
}
a:visited {
	text-decoration: none;
	color: #6d6d6e;
}
a:hover {
	text-decoration: none;
	color: #0099FF;
	/*color: #92C8EA;*/
}
a:active {
	text-decoration: none;
}

.scroll-pane {
width: 100%;
height: 280px;
overflow: auto;
padding-left:9px
}
/*JScrollPane CSS*/
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 0;
padding-right: 5px;

}
/* .jScrollPaneTrack{
position:absolute;
cursor:pointer;
right:0;
top:0;
height:100%;
}
.jScrollPaneDrag{
position:absolute;
background:#92c8ea;
cursor:pointer;
overflow:hidden;
-moz-border-radius:6px;
-webkit-border-radius:6px;
} */

.jspTrack{
position:absolute;
cursor:pointer;
right:0;
top:0;
height:100%;
}
.jspDrag{
position:absolute;
background:#92c8ea;
cursor:pointer;
overflow:hidden;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

.scroll-pane span{
-moz-border-radius:6px;
-webkit-border-radius:6px;
/*background:#232323;*/
padding:0px 12px 12px 0px;
color:#CCC;
font-size: small;
line-height:17px;
text-align:justify
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url( ../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }


/* left */
a.left				{ margin-left: 0px; }
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat;
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 545px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

 .deskueber {
  border: none;
  font-family: Garamond, TimesNewRoman, Times, serif;
  font-weight: bold;
  font-size: 20pt;
  font-variant: small-caps;
  letter-spacing: 1pt;
  color: #660000;
  width:100%;
}

 .deskklein {
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10pt;
  letter-spacing: 0.3pt;
  color: #331111;
  text-decoration: none;
}

.thumbnail {
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

input.vanadium-invalid, select.vanadium-invalid, textarea.vanadium-invalid {
  border-color: red !important;
  border-style: solid !important;
}

input.vanadium-valid, select.vanadium-valid, textarea.vanadium-valid {
  border-color: #0F0 !important;
  border-style: solid !important;
}

.vanadium-message-value {
  font-style: italic;
  text-decoration: underline;
}

.vanadium-advice {
  font-size: 13px;
}

.vanadium-advice.vanadium-invalid, .vanadium-advice.vanadium-invalid * {
  color: red;
}

/*input.vanadium-valid {
  background-color: greenyellow;
}*/

input.vanadium-valid ~ .vanadium-valid-advice {
  display: inline !important;
  color: green;
}

.comment { color:red; font-style:italic}

.menu-list a {
    display: block;
    padding: 20px 0px;
    background: linear-gradient(rgb(136, 134,135),rgb(66, 62, 63),rgb(36, 32, 33));
    color: white;
    text-shadow: 1px 1px 2px black;
    text-align: center;
    font-size: 15px;
    font-family:Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 10px;
    transition: all .5s ease-in-out;
    border-radius: 10px;
}
.menu-list{
	margin:35px 0px 0px;
}
.menu-list a:hover {
    background: linear-gradient(rgb(239, 248,245),rgb(120, 245, 217),rgb(19, 199, 232));

}

.slider{
	width:680px; 
	height:303px; 
	margin-left:39px;
	position: relative;

}
/* .slides {
	position: absolute;
  	width: 100%;
	animation: example 3s ease-in-out ;
}
 @keyframes example {

 0%   {opacity:0.1}
  33.333% { opacity: 1}
  66.666% { opacity: 1}
  100% { opacity: 0.1}

} */

.slides {
	width: 100%;
	position: absolute;
	top: 0px ;
	left: 0px;
    box-shadow:5px 5px 15px black;
	transition: opacity 1000ms ease-in-out;
}
.slider .slides.active  {
	opacity: 1;
}
.slider .slides:not(.active) {
	opacity: 0;
}

.title{
	margin-left: 39px;
    color: rgb(19, 199, 232);
    font-family: 'DB Helvethaica X 33 ThinExt';
    font-size: 20px;
	letter-spacing: 1px
}