@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling
*/
.jThumbnailScroller{
position:relative; 
width:900px; 
height:250px; 
margin:30px auto 50px auto; 
border:0px solid #eee; 
/*background:#bbb; */
padding:0; 
overflow:hidden;
-moz-border-radius:0px; 
-webkit-border-radius:0px; 
border-radius:0px;}
.jThumbnailScroller .jTscrollerContainer{
position:absolute;}
.jTscrollerContainer{
height: 250px;
}
.jThumbnailScroller .jTscroller{
position:relative; 
z-index: 10;
height:100%; 
margin:0; 
left:0; 
top:0; 
display:inline-block; 
*display:inline;}
.jThumbnailScroller .jTscrollerNextButton{
position:absolute;
z-index: 20;
top: 85px;
right: 0%;
display:block; 
width:40px; 
height:40px; 
/*-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px;*/ 
opacity:0.7;}
.jThumbnailScroller .jTscrollerPrevButton{
position:absolute;
z-index: 20;
top: 85px;
left: 0%;
display:block; 
width:40px; 
height:40px; 
/*-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px;*/ 
opacity:0.7;}
.jThumbnailScroller .jTscrollerNextButton{
background:#71797C url(../img/thumbscroll/nextArrow.png) center center;}
.jThumbnailScroller .jTscrollerPrevButton{
background:#71797C url(../img/thumbscroll/prevArrow.png) center center;}
.jThumbnailScroller .jTscrollerNextButton:hover{
background:#e08143 url(../img/thumbscroll/nextArrow.png) center center;
/*background-color:#d56916;*/ opacity:1;}
.jThumbnailScroller .jTscrollerPrevButton:hover{
background:#e08143 url(../img/thumbscroll/prevArrow.png) center center;
/*background-color:#d56916;*/ opacity:1;}
.jThumbnailScroller .jTscroller a{
display:block; 
float:left; 
border:6px solid #fff; 
height: 200px;
padding: 0;
margin:6px 10px 6px 0; 
/*background:#fff; */
-moz-border-radius:0px; 
-webkit-border-radius:0px; 
border-radius:0px;}
.jThumbnailScroller .jTscroller a:hover{
border-color:#71797C;}
.jThumbnailScroller .jTscroller a:first-child{
margin-left:0px;}
.jThumbnailScroller .jTscroller a img{
border:none;}
/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#tS1{
width:90%;
right: 5%;
left: 5%;
}
/* Portrait Navigation Thumb */
.jTscroller a.portrait {
height: 123px;
width: 91px;
}
/* Grafikdesign Navigation */
a.grafik-nav01{background: url(../img/grafikdesign/n-sepia/01_Grafik_NaviSepia_SW.jpg) top left;}
a.grafik-nav01:hover, a.grafik-nav01.grafik-active{background: url(../img/grafikdesign/n-vorschau/01_Grafik_NaviVorsch_SW.jpg) top left;}
a.grafik-nav02{background: url(../img/grafikdesign/n-sepia/02_Grafik_NaviSepia_Utimaco.jpg) top left;}
a.grafik-nav02:hover, a.grafik-nav02.grafik-active{background: url(../img/grafikdesign/n-vorschau/02_Grafik_NaviVorsch_Utimaco.jpg) top left;}
a.grafik-nav03{background: url(../img/grafikdesign/n-sepia/03_Grafik_NaviSepia_KC.jpg) top left;}
a.grafik-nav03:hover, a.grafik-nav03.grafik-active{background: url(../img/grafikdesign/n-vorschau/03_Grafik_NaviVorsch_KC.jpg) top left;}
a.grafik-nav04{background: url(../img/grafikdesign/n-sepia/04_Grafik_NaviSepia_Booker.jpg) top left;}
a.grafik-nav04:hover{background: url(../img/grafikdesign/n-vorschau/04_Grafik_NaviVorsch_Booker.jpg) top left;}
a.grafik-nav05{background: url(../img/grafikdesign/n-sepia/05_Grafik_NaviSepia_Logos.jpg) top left;}
a.grafik-nav05:hover{background: url(../img/grafikdesign/n-vorschau/05_Grafik_NaviVorsch_Logos.jpg) top left;}
a.grafik-nav06{background: url(../img/grafikdesign/n-sepia/06_Grafik_NaviSepia_CDs.jpg) top left;}
a.grafik-nav06:hover{background: url(../img/grafikdesign/n-vorschau/06_Grafik_NaviVorsch_CDs.jpg) top left;}
a.grafik-nav07{background: url(../img/grafikdesign/n-sepia/07_Grafik_NaviSepia_WKarten.jpg) top left;}
a.grafik-nav07:hover{background: url(../img/grafikdesign/n-vorschau/07_Grafik_NaviVorsch_WKarten.jpg) top left;}
/* Grafik im Raum Navigation */
a.graum-nav01{background: url(../img/grafikimraum/n-sepia/01_GrafikiR_NaviSepia_DRK.jpg) top left;}
a.graum-nav01:hover, a.graum-nav01.graum-active{background: url(../img/grafikimraum/n-vorschau/01_GrafikiR_NaviVorschau_DRK.jpg) top left;}
a.graum-nav02{background: url(../img/grafikimraum/n-sepia/02_GrafikiR_NaviSepia_Luedhsn.jpg) top left;}
a.graum-nav02:hover, a.graum-nav02.graum-active{background: url(../img/grafikimraum/n-vorschau/02_GrafikiR_NaviVorschau_Luedhsn.jpg) top left;}
a.graum-nav03{background: url(../img/grafikimraum/n-sepia/03_GrafikiR_NaviSepia_MediPl.jpg) top left;}
a.graum-nav03:hover{background: url(../img/grafikimraum/n-vorschau/03_GrafikiR_NaviVorschau_MediPl.jpg) top left;}
/* Navigation Hover */
.jTscrollerHover{
position: relative;
top: -405px;
height: 270px;
z-index: 20;
}
.grafik-nav01-hover{
position: relative;
display: block;
height: 280px;
width: 187px;
z-index: 30;
}
.grafik-nav02-hover{
position: relative;
top: -280px;
left: 197px;
display: block;
height: 280px;
width: 187px;
z-index: 30;
}
.graum-nav01-hover{
position: relative;
display: block;
height: 280px;
width: 93px;
z-index: 30;
}
.graum-nav02-hover{
position: relative;
top: -412px;
left: 103px;
display: block;
height: 412px;
width: 394px;
z-index: 30;
}
.grafik-nav01-hover a, .grafik-nav02-hover a, .graum-nav02-hover a{
display: none;
height: 123px;
width: 185px;
border:1px solid #ddd;
margin: 4px 10px 4px 0px;
float: left;
}
.graum-nav01-hover a {
display: none;
height: 123px;
width: 91px;
border:1px solid #ddd;
margin: 4px 0px 4px 0px;
float: left;
}
/* Text Hover */
.jTscrollerTextHover{
position: absolute;
top: 120px;
height: 50px;
z-index: 20;
width: 100%;
}
.grafik-nav01-text-hover{
position: relative;
display: block;
padding-top: 15px;
height: 35px;
width: 187px;
z-index: 30;
}
.grafik-nav02-text-hover{
position: relative;
top: -50px;
left: 197px;
display: block;
padding-top: 15px;
height: 35px;
width: 187px;
z-index: 30;
}

.grafik-nav01-text-hover a, .grafik-nav02-text-hover a {
display: none;
font-size: 11px;
line-height: 13px;
color: #cf0166;
padding-left: 13px;
background: url(../img/linkarrow.gif);
background-position: 0 0;
background-repeat: no-repeat;
}