/*-------------------------------------------------/
 * Global Settings
 */
html, body { min-height: 100%; height: auto !important; height: 100%; margin-top: 50px; margin-left: 50px;}

body { background-color:#fff; margin: 0; padding:0; }	

* { font-family:Helvetica,Arial,sans-serif; font-size:10pt; color:#666; }

h1 { font-weight:bold; font-size:11pt; }

/*-------------------------------------------------/
 * Content Positioning
 */

#logo {position: relative; }

#navigation  { z-index:100; position:absolute; top: 115px; left:770px; width: 195px;}

#menue { 
	  	padding: 0px; 
		margin: 0px;
	  } 

#menue li { 
	  list-style-type:none;
	  margin-bottom:20px;

	  } 

#event { position:absolute; top:303px; left:770px; width:195px;}

#event-past { position:absolute; top:403px; left:770px; width:195px;}

#eventbox { margin: 0; padding:0; border-top-width:1px; border-top-style:solid; border-top-color:#333333; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#333333;}

#carousel { position:relative; top:5px; width:700px; height:400px;}

#legende { position:absolute; top: 500px; left:70px;}

#stage { position: relative; top: 40px;  min-height: 300px;}

#photostrip { position:absolute; width: 200px; top:0px;}

#text { position:relative; width: 400px; top:0px; left: 220px; }

#footer {position: relative; top: 120px; }

/*
currently unused
#filter { position: absolute; left: 780px; top: 120px; }
*/

/*-------------------------------------------------/
 * Carousel
 */

/*not used
.jcarousel-skin .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #333333;
    border: 1px solid #808080;
}
*/

.jcarousel-skin .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 700px;
    padding: 0px 0px;
}

.jcarousel-skin .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  700px;
    height: 400px;
}

.jcarousel-skin .jcarousel-item {
    width: 700px;
    height: 400px;
    border: 1px solid #fff;
}

/*
.jcarousel-skin .jcarousel-item:hover,
.jcarousel-skin .jcarousel-item:focus {
    border-color: #808080;
}
*/

/* bestimmt Abstand zwischen Bilder Items */
.jcarousel-skin .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 5px;
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 7px;
	margin-right: 0;
}

.jcarousel-skin .jcarousel-item-placeholder {
}

/**
 * Buttons
 */

/* Next Button */
.jcarousel-skin .jcarousel-next-horizontal { position: absolute; top: 1px; right: 0px; width: 28px; height: 399px; cursor: pointer; background: transparent url(../images/slider_right.gif) no-repeat 0px 0; }
.jcarousel-skin .jcarousel-next-horizontal:hover,
.jcarousel-skin .jcarousel-next-horizontal:focus { background-position: 0px 0; }
.jcarousel-skin .jcarousel-next-horizontal:active { background-position: 0px 0; }

/* Previous Button */
.jcarousel-skin .jcarousel-prev-horizontal { position: absolute; top: 1px; left: 0px; width: 28px; height: 399px; cursor: pointer; background: transparent url(../images/slider_left.gif) no-repeat 0px 0; }
.jcarousel-skin .jcarousel-prev-horizontal:hover,
.jcarousel-skin .jcarousel-prev-horizontal:focus { background-position: 0px 0; }
.jcarousel-skin .jcarousel-prev-horizontal:active { background-position: 0px 0; }

/* Disabled Button*/
.jcarousel-skin .jcarousel-next-disabled-horizontal {
    position: absolute;
    cursor: normal;
    top: 0px;
    right: 30px;
    width: 0px;
    height: 0px;
    background-image: none;     
} 
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active,

.jcarousel-skin .jcarousel-prev-disabled-horizontal {
    position: absolute;
    cursor: normal;
    top: 0px;
    left: 30px;
    width: 0px;
    height: 0px;
    background-image: none;    
}
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active

/* Whatever 
.jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../images/slider_left.gif);
}

.jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../images/slider_right.gif);
}
*/