body{
	background-color:#000;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.ue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00ccff;
}

:focus {
  outline: 0;
}

.clearBoth {
    clear: both;
}

ul#picList {
  list-style-type: none;
}

ul#picList a.picLink img {
  border: solid 1px #999999;
}

ul#picList a.activePic img {
  border: solid 1px #FFF;
}

#startText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}


div#descTextContainer {
  width: 165px;
  float: left;
  position: absolute;
  top: 323px;
  left: 100px;
  font: Arial, Helvetica, sans-serif;
}

#descTextHeader {
	font-family:Arial, Helvetica, sans-serif;
	color:#00ccff;
	font-size: 11px;
	font-weight: bold;
}

#descText {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 11px;
}

#picFull {
  font-size: 12px;
  color: #FFF;
    width: 680px;
  height: 430px;
}

 #picFull img {
  border: solid 1px #000;

}
/*
  Big-Bild Container
*/
#itemContainer {
  position: absolute;
  top: 60px;
  left: 275px;
  width: 680px;
  height: 430px;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  float: left;  
}

#myGallery {
	position: absolute;
	top: 60px;
	left: 45px;
	width: 50px;
	height: 435px;
}
    
div.jcarousel-skin-harakiri {
    float: left;
	
}
.jcarousel-skin-harakiri .jcarousel-container-vertical {
    width: 50px;
    height: 435px;
}

.jcarousel-skin-harakiri .jcarousel-clip-vertical {
    width:  50px;
    height: 435px;
}

/*
  Größe/Container der einzelnen Bilder - In HTML + 2 Boxen drüber angepasst
*/
.jcarousel-skin-harakiri .jcarousel-item {
    width: 45px;
    height: 45px;
    border: solid 1px #000;
}

/*
  Abstand der Bilder - jcarousel-clip-vertical, jcarousel-container-vertical anpassen
*/
.jcarousel-skin-harakiri .jcarousel-item-vertical {
    margin-bottom: 8px;
}

.jcarousel-skin-harakiri .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-harakiri .jcarousel-next-vertical {
    position: absolute;
    bottom: -30px;
    left: 8px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical_n.png) no-repeat 0 0;
}

.jcarousel-skin-harakiri .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-harakiri .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-harakiri .jcarousel-next-disabled-vertical,
.jcarousel-skin-harakiri .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-harakiri .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-harakiri .jcarousel-prev-vertical {
    position: absolute;
    top: -26px;
    left: 8px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical_n.png) no-repeat 0 0;
}

.jcarousel-skin-harakiri .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-harakiri .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-harakiri .jcarousel-prev-disabled-vertical,
.jcarousel-skin-harakiri .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-harakiri .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* Subnavigation Skin */

#subnavi {
	position: absolute;
	top: 20px;
	left:0px;
	width: 1000px;
	height:20px;
	background-image: url(../../subnavi/subnavi_kachel.jpg);
	background-repeat: repeat-x;
}

#sub_websites {
	position: absolute;
	top: 0px;
	left: 523px;
	width: 69px;
	height: auto;
}
#sub_microsites {
	position: absolute;
	top: 0px;
	left: 435px;
	width: 69px;
	height: auto;
}
#sub_anzeigen {
	position: absolute;
	top: 0px;
	left: 687px;
	width: 69px;
	height: auto;
}
#sub_flyer {
	position: absolute;
	top: 0px;
	left: 603px;
	width: 69px;
	height: auto;
}
#sub_sonstiges {
	position: absolute;
	top: 0px;
	left: 872px;
	width: 85px;
	height: auto;
}
#sub_logodesign {
	position: absolute;
	top: 0px;
	left: 772px;
	width: 69px;
	height: auto;
}
#sub_fotografie {
	position: absolute;
	top: 0px;
	left: 348px;
	width: 69px;
	height: auto;
}
#sub_artworks {
	position: absolute;
	top: 0px;
	left: 265px;
	width: 69px;
	height: auto;
}

a { text-decoration: none; color:#FFF;}
a img {border: none; text-decoration: none; color:#FFF;}