@CHARSET "UTF-8";

/********************** DEV ***************************/
.container .dummyHandle {
	background-color: red;
}

/*********** BASE MODULE ****************************/
.container .sd_module .controlsH {
	width: 69px;
	height: 11px;
}



/* ------ Common Modules for any content -------------- */
.container .commonModuleType1 {
background:transparent url('../img/modules/newsDetailSmall.png') no-repeat right bottom;
	width: 364px;
	height: 245px;
}

.container .commonModuleType1 .top {
	height: 32px;
	position: absolute;
	left: 32px;
	top: 0px;
}
.container .commonModuleType1 .contenthandle {
	position: absolute;
	left: 6px;
	top: 27px;
	width: 339px;
	height: 211px;
}

.container .commonModuleType1 .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .commonModuleType1 .content {
	position: absolute;
	top: 50px;
	left: 26px;
	width: 297px;
	height: 180px;
	overflow: hidden;
	line-height: 1.2;
	padding-left: 5px;
}

.container .commonModuleType1 .content .scrollArea{

	top: 0px;
	left: 0px;
	width: 297px;
	height: 141px;
}
.container .commonModuleType1 .content .title {
	padding-top: 2px;
	color: #00CCFF;
	font-weight: bold;
}
.container .commonModuleType1 .content p {
	margin-bottom: 10px;
}
.container .commonModuleType1 .content img {
	width: 160px;
}
.container .commonModuleType1 .controls{
	height:70px;
	left:265px;
	position:absolute;
	top:15px;
	width:78px;
}

/* TYPE 2 */

.container .commonModuleType2 {
background:transparent url('../img/modules/kastenKlein.png') no-repeat right bottom;
	width: 277px;
	height: 280px;
}

.container .commonModuleType2 .top {
	height: 32px;
	position: absolute;
	left: 32px;
	top: 0px;
}
.container .commonModuleType2 .contenthandle {
	position: absolute;
	left: 19px;
	top: 8px;
	width: 486px;
	height: 302px;
}

.container .commonModuleType2 .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .commonModuleType2 .content {
	position: absolute;
	top: 39px;
	left: 29px;
	width: 215px;
	height: 249px;
	overflow: hidden;
	line-height: 1.2;
	padding-left: 5px;
}

.container .commonModuleType2 .content .scrollArea{

	top: 0px;
	left: 0px;
	width: 280px;
	height: 277px;
}
.container .commonModuleType2 .content .title {
	padding-top: 2px;
	color: #00CCFF;
	font-weight: bold;
}
.container .commonModuleType2 .content p {
	margin-bottom: 10px;
}
.container .commonModuleType2 .content img {
	width: 160px;
}
.container .commonModuleType2 .controls{
	height:70px;
	left:188px;
	position:absolute;
	top:5px;
	width:78px;
}
/* TYPE 3 */

.container .commonModuleType3 {
background:transparent url('../img/modules/kastenGross.png') no-repeat right bottom;
	width: 545px;
	height: 332px;
}


.container .commonModuleType3 .top {
	height: 32px;
	position: absolute;
	left: 32px;
	top: 0px;
}
.container .commonModuleType3 .contenthandle {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 547px;
	height: 303px;
}

.container .commonModuleType3 .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .commonModuleType3 .content {
	position: absolute;
	top: 39px;
	left: 49px;
	width: 413px;
	height: 242px;
	overflow: hidden;
	line-height: 1.2;
	padding-left: 5px;
}

.container .commonModuleType3 .content .paneArea{
	top: 0px;
	left: 0px;
	height: 233px;
}
.container .commonModuleType3 .content .title {
	padding-top: 2px;
	color: #00CCFF;
	font-weight: bold;
}
.container .commonModuleType3 .content p {
	margin-bottom: 10px;
}
.container .commonModuleType3 .content img {
	width: 160px;
}
.container .commonModuleType3 .controls{
	height:12px;
	left:428px;
	position:absolute;
	top:8px;
	width:78px;
}
/* TYPE 4 */
.container .commonModuleType4 h2
{
	margin-bottom: 1px;
}
.container .commonModuleType4 {
background:transparent url('../img/modules/kastenGanzKlein.png') no-repeat right bottom;
	width: 311px;
	height: 77px;
}


.container .commonModuleType4 .top {
	height: 31px;
	position: absolute;
	left: 12px;
	top: -23px;
}
.container .commonModuleType4 .contenthandle {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 292px;
	height: 77px;
}

.container .commonModuleType4 .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .commonModuleType4 .content {
	position: absolute;
	top: 13px;
	left: 25px;
	width: 267px;
	height: 53px;
	overflow: hidden;
	line-height: 1.2;
	padding-left: 5px;
}

.container .commonModuleType4 .content .scrollArea{
	top: 0px;
	left: 0px;
	width: 280px;
	height: 277px;
}
.container .commonModuleType4 .content .title {
	padding-top: 2px;
	color: #00CCFF;
	font-weight: bold;
}
.container .commonModuleType4 .content p {
	margin-bottom: 10px;
}
.container .commonModuleType4 .content img {
	width: 160px;
}
.container .commonModuleType4 .controls{
	height:12px;
	left:226px;
	position:absolute;
	top:-11px;
	width:78px;
}

/* ------ WordItUp ------*/

.container .wordItUp {
	width: 240px;
	height: 61px;
	background: none !important;
}
.container .wordItUp input {
	margin-right: 15px;
	border: none;
	background: transparent url("../img/gfx/textBoxBack.png") no-repeat 0 0;
	width: 180px;
	height: 25px;
	color: #FFFFFF;
	padding-left: 5px;
}


.container .wordItUp .handle .close {
	position: absolute;
	display: none;
	width: 15px;
	height: 15px;
	background: transparent;
	top: 18px;
	right: 13px;
	cursor: pointer;
}

.container .wordItUp .handle {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 212px;
	height: 20px;
}

.container .wordItUp .content {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 240px;
	height: 51px;
	overflow: hidden;
}

/* ------ Login Box ------*/

.container .login {
	background: transparent url('../img/modules/login_background.png') no-repeat right bottom;
	width:307px;
	height:126px;
}

.container .login .controls{
	height:9px;
	left:229px;
	position:absolute;
	top:22px;
	width:70px;
}

.container .login .controls a.close {
	background:transparent url('../img/ui/close.png') no-repeat scroll 0 0;
	height:9px;
	width:35px;
}

.container .login .controls a.stickIt {
	background:transparent url('../img/ui/stick_it_up.png') no-repeat scroll 0 0;
	height:9px;
	width:32px;
}

.container .login .crown {
	left:1px;
	position:absolute;
	top:0px;
}

.container .login .log {
	left:1px;
	position:absolute;
	top:33px;
}

.container .login .in {
	left:27px;
	position:absolute;
	top:3px;
}

.container .login .content {
	height:81px;
	left:35px;
	position:absolute;
	top:33px;
	width:250px;
}

.container .login .contenthandle {
	height:92px;
	left:24px;
	position:absolute;
	top:27px;
	width:279px;
}

.container .login b{
	font-size:89%;
	padding-left:4px;
}

.container .login .inputText {
	background: transparent url('../img/ui/login_textBox.png') no-repeat;
	border:none;
	display:block;
	height:22px;
	width:188px;
	padding: 3px 0px 0px 5px;
	margin-top: 3px;
	outline-style:none;
}

.container .login .inputSubmit {
	background: transparent url('../img/ui/login_submit.png') no-repeat;
	border:medium none;
	display:block;
	height:23px;
	margin:3px 0 0 4px;
	width:51px;
}

/* ------ Newsletter Registration ------*/

.container .newsReg {
	background:transparent url('../img/modules/newsletter_background.png') no-repeat right bottom;
	width:324px;
	height:98px;
}

.container .newsReg .crown {
	left:0px;
	position:absolute;
	top:2px;
}

.container .newsReg .newsletter {
	left:26px;
	position:absolute;
	top:2px;
}

.container .newsReg .controls{
	height:9px;
	left:246px;
	position:absolute;
	top:13px;
	width:67px;
}

.container .newsReg .content{
	height:54px;
	left:34px;
	padding:4px 0 0 0;
	position:absolute;
	top:33px;
	width:268px;
}

.container .newsReg .contenthandle {
	height:70px;
	left:23px;
	position:absolute;
	top:27px;
	width:289px;
}



.container .newsReg p {
	margin-bottom: 8px;
}


.container .newsReg .controls  {
	height:9px;
	width:70px;
}

.container .newsReg .inputText {
	background: transparent url('../img/ui/newsletter_textBox.png') no-repeat;
	border:none;
	display:block;
	height:22px;
	width:188px;
	padding: 3px 0px 0px 5px;
	margin-top: 3px;
	outline-style:none;
}

.container .newsReg .inputSubmit {
	background: transparent url('../img/ui/newsletter_submit.png') no-repeat;
	border:medium none;
	display:block;
	height:23px;
	margin:4px 0 0 4px;
	width:71px;
}

/* ------ Signup Box ------*/
.container .signUp {
	background:transparent url('../img/modules/signUp.png') no-repeat right bottom;
	height:358px;
	width:271px;
}

.container .signUp .signUpText {
	position: absolute;
	top:11px;
	left: 5px;
}

.container .signUp .controls {
	width: 40px;
	height: 45px;
	position: absolute;
	top: 30px;
	left: 209px;
}

.container .signUp .controls .stickItV {
	position: absolute;
	top: 12px;
	right: 0;
}

.container .signUp .content{
	height:285px;
	left:19px;
	padding:4px 0 0;
	position:absolute;
	top:48px;
	width:202px;

}

.container .signUp .contenthandle {
	height:306px;
	left:6px;
	position:absolute;
	top:37px;
	width:225px;
}

.container .signUp .contenthandleTop {
	height:10px;
	left:6px;
	position:absolute;
	top:30px;
	width:150px;
}

.container .signUp .inputText {
	background:transparent url(../img/ui/login_textBox.png) no-repeat scroll 0 0;
	border:medium none;
	display:block;
	height:22px;
	margin-bottom:3px;
	margin-top:3px;
	outline-style:none;
	padding:3px 0 0 5px;
	width:188px;
}

.container .signUp .submit {
	margin: 5px;
}

.container .signUp b {
	display:block;
	margin-bottom:4px;
	padding-left:4px;
}

/* ------ nextGig Box ------*/

.container .nextGig {
	background:transparent url('../img/modules/nextGig.png') no-repeat right bottom;
	width: 265px;
	height: 233px;
}

.container .nextGig .crown {
	left:217px;
	position:absolute;
	top:0px;
}

.container .nextGig .nextGigText {
	left:12px;
	position:absolute;
	top:2px;
	width:123px;
}

.container .nextGig .controls{
	height:9px;
	left:179px;
	position:absolute;
	top:25px;
	width:70px;
}

.container .nextGig .content{
	height:185px;
	left:34px;
	padding:4px 0 0;
	position:absolute;
	top:48px;
	width:202px;
}

.container .nextGig .contenthandle {
	height:192px;
	left:18px;
	position:absolute;
	top:34px;
	width:225px;
}

.container .nextGig .controls a.close {
	background:transparent url('../img/ui/close.png') no-repeat scroll 0 0;
	height:9px;
	width:35px;
}

.container .nextGig .controls a.stickIt {
	background:transparent url('../img/ui/stick_it_up.png') no-repeat scroll 0 0;
	height:9px;
	width:32px;
}

/* ------ DatesList Box ------*/

.container .datesList {
	background:transparent url('../img/modules/termine_box.png') no-repeat right bottom;
	width: 260px;
	height: 355px;
	left: 5px;
}

.container .datesList .datesListText {
	background: transparent url('../img/titles/termine.png') no-repeat;
	left:20px;
	position:absolute;
	top:2px;
	width:123px;
	height:23px;
}


.container .datesList .controls{
	height:70px;
	left:255px;
	position:absolute;
	top:42px;
	width:9px;
}

.container .datesList .timeblue{
	height:277px;
	left:32px;
	padding:4px 0 0;
	position:absolute;
	top:47px;
	width:209px;
}

.container .datesList .content .timeBlue {
	font-weight: bold;
}

.container .datesList .content{
	height:277px;
	left:32px;
	padding:4px 0 0;
	position:absolute;
	top:47px;
	width:209px;
}


.container .datesList .contenthandle {
	height:297px;
	left:24px;
	position:absolute;
	top:37px;
	width:225px;
	padding-
}

.container .datesList .contenthandlePower {
	height:40px;
	left:185px;
	position:absolute;
	top:3px;
	width:65px;
}
.container .datesList .content div{
	margin-bottom: 15px;
}

.container .datesList .controls a.close {
	background:transparent url('../img/ui/close.png') no-repeat scroll 0 0;
	height:9px;
	width:35px;
}

.container .datesList .controls a.stickIt {
	background:transparent url('../img/ui/stick_it_up.png') no-repeat scroll 0 0;
	height:9px;
	width:32px;
}

/* ------ Image  Box ------*/

.container .imageModule .controls {
	position:absolute;
	top: 10px;
	z-index: 100;
}

.container .imageModule .vertical {
	height: 70px;
	right: 10px;
	width: 10px;
}

.container .imageModule .horizontal {
	height: 9px;
	right: 70px;
	width: 69px;
}

/******************* GalleryOverview *******************/
.container .galleryOverview {
	width: 612px;
	height: 157px;
	background: transparent url("../img/modules/galleryOverview_background.png") no-repeat right bottom;
}

.container .galleryOverview ul{
	margin-left: 0px;
}

.container .galleryOverview .crown {
	position: absolute;
	top: 65px;
	left: 2px;
}

.container .galleryOverview .title {
	position: absolute;
	top: 38px;
	left: 18px;
}

.container .galleryOverview .windmill {
	position: absolute;
	top: 0px;
	left: 138px;
}

.container .galleryOverview .contenthandle {
	position: absolute;
	bottom: 0;
	right: 8px;
	width: 584px;
	height: 102px;
}

.container .galleryOverview .controls {
	position: absolute;
	top: 47px;
	left: 529px;
	width: 70px;
	height: 9px;
}

.container .galleryOverview .controls a {
	display: block;
	float: left;
}

.container .galleryOverview .controls a.close {
	width: 34px;
	height: 9px;
	background: transparent url("../img/ui/close.png") no-repeat 0 0;
}

.container .galleryOverview .controls a.close:hover {
	background-image: url("../img/ui/close_over.png");
}

.container .galleryOverview .controls a.stickIt {
	width: 32px;
	height: 9px;
	background: transparent url("../img/ui/stick_it_up.png") no-repeat 0 0;
}

.container .galleryOverview .controls a.stickIt:hover {
	background-image: url("../img/ui/stick_it_up_over.png");
}

.container .galleryOverview .content {
	position: absolute;
	top: 69px;
	left: 29px;
	width: 562px;
	height: 83px;
}

.container .galleryOverview .content .carousel {
	position: absolute;
	bottom: 2px;
	left: 5px;
}

.container .galleryOverview .content .carousel li {
	position: relative;
	top: 0;
	left: 0;
	width: 82px;
	height: 84px;
	overflow: hidden;
	margin: 0 5px;
	float: left;
	cursor: pointer;
}

.container .galleryOverview .content .carousel li img {
	width: 82px;
	height: 55px;
}

.container .galleryOverview .content .carousel li.hover {
	color: #00E5FA;
}

.container .galleryOverview .content .carousel li table {
	position: absolute;
	bottom: 0;
	left: 0;
}

.container .galleryOverview .content .carousel li th,
.container .galleryOverview .content .carousel li td {
	vertical-align: bottom;
	text-align: left;
}

.container .galleryOverview .content .carousel li th {
	font-size: 11px;
	font-weight: normal;
	border-bottom: 2px solid transparent;
}

.container .galleryOverview .content .carousel li td {
	line-height: 1%;
}


/******************* GalleryShowCase *******************/
.container .galleryShowCase {
	width: 631px;
	height: 469px;
	background: transparent url("../img/ui/boxes/pic_view.png") no-repeat right bottom;
	overflow: hidden;
}

.container .galleryShowCase .picView {
	position: absolute;
	top: 0px;
	left: 12px;
}

.container .galleryShowCase .controls {
	position: absolute;
	top: 12px;
	left: 535px;
}

.container .galleryShowCase .contenthandle {
	position: absolute;
	top: 18px;
	left: 10px;
	width: 602px;
	height: 444px;
}

.container .galleryShowCase .content {
	position: absolute;
	top: 33px;
	left: 18px;
	width: 580px;
	height: 412px;
}

.container .galleryShowCase .content .titleCnt,
.container .galleryShowCase .content .imageCnt {
	width: 570px;
}

.container .galleryShowCase .content .titleCnt {
	height: 21px;
	background-color: #FFF;
	line-height: 21px;
	font-weight: bold;
	padding: 0 0 0 2px;
	margin: 3px 5px 5px;
}

.container .galleryShowCase .content .titleCnt span {
	margin: 0 5px;
	display: block;
	float: left;
}

.container .galleryShowCase .content .titleCnt span.separator {
	margin: 0;
}

.container .galleryShowCase .content .titleCnt span.imagePosition {
	text-align: right;
	width: 15px;
}

.container .galleryShowCase .content .imageCnt {
	height: 380px;
	margin: 0 5px 0;
	background-color: #000;
}

.container .galleryShowCase .content .imageCnt .jcarousel-prev,
.container .galleryShowCase .content .imageCnt .jcarousel-next {
	position: absolute;
	bottom: 5px;
	z-index: 1505 !important;
}

.container .galleryShowCase .content .imageCnt .jcarousel-prev {
	left: 13px;
}

.container .galleryShowCase .content .imageCnt .jcarousel-next {
	right: 13px;
}

.container .galleryShowCase .content .imageCnt #galleryShowCaseCarousel li {
	width: 570px;
	height: 380px;
	margin: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.container .galleryShowCase .content .jcarousel-container .jcarousel-prev-disabled,
.container .galleryShowCase .content .jcarousel-container .jcarousel-next-disabled {
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: not-allowed;
}

.container .galleryShowCase .content .jcarousel-container .jcarousel-prev-disabled {
	background-position: -1px -160px;
}

.container .galleryShowCase .content .jcarousel-container .jcarousel-next-disabled {
	background-position: -54px -160px;
}

/* ------ simpleText --------- */
.container .simpleText {
background:transparent url('../img/modules/simpleText.png') no-repeat right bottom;
	width: 364px;
	height: 349px;
}


.container .simpleText .contenthandle {
	position: absolute;
	left: 1px;
	top: 24px;
	width: 475px;
	height: 251px;
}

.container .simpleText .top {
	height: 32px;
	position: absolute;
	left: 32px;
	top: 0px;
}
.container .simpleText .contenthandle {
	position: absolute;
	left: 6px;
	top: 27px;
	width: 349px;
	height: 310px;
}

.container .simpleText .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .simpleText .content {
	position: absolute;
	top: 50px;
	left: 26px;
	width: 297px;
	height: 263px;
	overflow: hidden;
	line-height: 1.2;
}

.container .simpleText .content .scrollArea{

	top: 0px;
	left: 0px;
	width: 297px;
	height: 241px;
}
.container .simpleText .content .title {
	background-color: #FFF;
	padding-top: 2px;
	padding-left: 2px;
	color: #00CCFF;
	font-weight: bold;
}
.container .simpleText .content p {
	margin-bottom: 10px;
}
.container .simpleText .content img {
	width: 160px;
}
.container .simpleText .controls{
	height:70px;
	left:265px;
	position:absolute;
	top:15px;
	width:78px;
}

/* ------ newsDetail --------- */
.container .newsDetail {
background:transparent url('../img/modules/newsDetail.png') no-repeat right bottom;
	width: 364px;
	height: 349px;
}

.container .newsDetail .contenthandle {
	position: absolute;
	left: 1px;
	top: 24px;
	width: 475px;
	height: 251px;
}

.container .newsDetail .top {
	height: 32px;
	position: absolute;
	left: 32px;
	top: 0px;
}
.container .newsDetail .contenthandle {
	position: absolute;
	left: 6px;
	top: 27px;
	width: 339px;
	height: 310px;
}

.container .newsDetail .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .newsDetail .content {
	position: absolute;
	top: 50px;
	left: 26px;
	width: 297px;
	height: 263px;
	overflow: hidden;
	line-height: 1.2;
	padding-left: 5px;
}

.container .newsDetail .content .scrollArea{

	top: 0px;
	left: 0px;
	width: 297px;
	height: 241px;
}
.container .newsDetail .content .title {
	padding-top: 2px;
	color: #00CCFF;
	font-weight: bold;
}
.container .newsDetail .content p {
	margin-bottom: 10px;
}
.container .newsDetail .content img {
	width: 160px;
}
.container .newsDetail .controls{
	height:70px;
	left:265px;
	position:absolute;
	top:15px;
	width:78px;
}
/* ------ newsDetailSmallSmall --------- */
.container .newsDetailSmall {
background:transparent url('../img/modules/newsDetailSmall.png') no-repeat right bottom;
	width: 364px;
	height: 245px;
}


.container .newsDetailSmall .contenthandle {
	position: absolute;
	left: 1px;
	top: 24px;
	width: 475px;
	height: 181px;
}

.container .newsDetailSmall .top {
	height: 32px;
	position: absolute;
	left: 32px;
	top: 0px;
}
.container .newsDetailSmall .contenthandle {
	position: absolute;
	left: 6px;
	top: 27px;
	width: 339px;
	height: 211px;
}

.container .newsDetailSmall .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .newsDetailSmall .content {
	position: absolute;
	top: 50px;
	left: 26px;
	width: 297px;
	height: 180px;
	overflow: hidden;
	line-height: 1.2;
	padding-left: 5px;
}

.container .newsDetailSmall .content .scrollArea{

	top: 0px;
	left: 0px;
	width: 297px;
	height: 141px;
}
.container .newsDetailSmall .content .title {
	padding-top: 2px;
	color: #00CCFF;
	font-weight: bold;
}
.container .newsDetailSmall .content p {
	margin-bottom: 10px;
}
.container .newsDetailSmall .content img {
	width: 160px;
}
.container .newsDetailSmall .controls{
	height:70px;
	left:265px;
	position:absolute;
	top:15px;
	width:78px;
}


/* ------ NewsList Box ------*/

.container .newsList {
	background:transparent url('../img/modules/newsList.png') no-repeat right bottom;
	width: 270px;
	height: 355px;
}


.container .newsList .controls{
	height:70px;
	left:255px;
	position:absolute;
	top:42px;
	width:9px;
}


.container .newsList  .lamp{
	left:248px;
	top:200px;
	position: absolute;
}

.container .newsList .content{
	height:232px;
	left:33px;
	padding:4px 0 30px;
	position:absolute;
	top:67px;
	width: 198px;
}
.container .newsList .timeblue{
	height:277px;
	left:32px;
	padding:4px 0 0;
	position:absolute;
	top:47px;
	width:209px;
}
.container .newsList .content div{
	margin-bottom: 15px;
}

.container .newsList .contenthandle {
	height:308px;
	left:12px;
	position:absolute;
	top:37px;
	width:238px;
}
.container .newsList .content .timeBlue {
	font-weight: bold;
}

/* ------ Help Box ------*/

.moveableDemoitem {
	position: absolute;
	z-index: 100;
}

#demoCursor {

}

.container .helpModule .content{
	height:247px;
	left:33px;
	padding:4px 0 30px;
	position:absolute;
	top:67px;
	width:205px;
}

.container .helpModule .content .scrollArea{
	top: 0px;
	left: 0px;
	width: 176px;
	height:247px;
	padding-right: 21px;
}
.container .helpModule .content #einleitung{

	width: 154px;

}
.container .helpModule {
	background:transparent url('../img/modules/newsList.png') no-repeat right bottom;
	width: 260px;
	height: 355px;
}

.container .helpModule #accordion .head
{
	color: #00CCFF;;
	width: 165px;
	cursor: pointer;
	margin-bottom: 8px;
}
.container .helpModule #accordion .head span
{
	color: #00CCFF;;

	cursor: pointer;
}
.container .helpModule #accordion .head .spacer
{
	width: 100%;
	border: solid thin red;
}

.container .helpModule #accordion .toggleItem
{
	width: 154px;
	padding: 5px;
	border: solid 1px #00CCFF;
	display: block;
}



.container .helpModule .controls{
	height:70px;
	left:244px;
	position:absolute;
	top:42px;
	width:9px;
}


.container .helpModule  .lamp{
	left:248px;
	top:200px;
	position: absolute;
}

.container .helpModule .timeblue{
	height:277px;
	left:32px;
	padding:4px 0 0;
	position:absolute;
	top:47px;
	width:209px;
}
.container .helpModule .content div{
	margin-bottom: 10px;
}

.container .helpModule .contenthandle {
	height:297px;
	left:12px;
	position:absolute;
	top:37px;
	width:225px;
}
.container .helpModule .content .timeBlue {
	font-weight: bold;
}


/* ------ datesDetailModule --------- */
.container .datesDetail {
	background:transparent url('../img/modules/dateDetail.png') no-repeat right bottom;
	width: 286px;
	height: 233px;
}

.container .datesDetail .contenthandle {
	position: absolute;
	right: 18px;
	top: 32px;
	width: 229px;
	height: 193px;
}
.container .datesDetail .moduleTitle {
	position: absolute;
	left: 8px;
	top: 32px;

}

.container .datesDetail .top {
	height: 32px;
	position: absolute;
	left: 32px;
	top: 0px;
}

.container .datesDetail .left {
	width: 32px;
	position: absolute;
	left: 0px;
	top: 32px;
}

.container .datesDetail .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .datesDetail .content {
	position: absolute;
	top: 50px;
	right: 35px;
	width: 200px;
	height: 150px;
	overflow: hidden;
}
.container .datesDetail .controls {
	position: absolute;
	left: 195px;
	top: 23px;
	width: 70px;
}
.container .datesDetail .content .date {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
	color: #00CCFF;
}
.container .datesDetail .content .title {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}
.container .datesDetail .content div {
	line-height:1.3;
	margin-bottom: 10px;
}
.container .datesDetail .content .location {
}
.container .datesDetail .content .price {
	font-weight: bold;
	font-size: 13px;

	color: #00CCFF;
}
.container .datesDetail .content .price {
	margin-top: 10px;
}
/* ------ bandInfoModule --------- */
.container .bandInfo {
	background:transparent url('../img/modules/bandInfo.png') no-repeat right bottom ;
	width: 494px;
	height: 293px;
}

.container .bandInfo .controls{
	height: 9px;
	left: 400px;
	position:absolute;
	top: 13px;
	width: 69px;
}

.container .bandInfo .contenthandle {
	position: absolute;
	left: 1px;
	top: 24px;
	width: 475px;
	height: 251px;
}

.container .bandInfo .top {
	height: 32px;
	position: absolute;
	left: 7px;
	top: 0px;
}

.container .bandInfo .content {
	position: absolute;
	top: 46px;
	left: 35px;
	width: 430px;
	height: 214px;
	overflow: hidden;
}
.container .bandInfo .content .paneArea{
	position: absolute;
	top: 50px;
	left:0px;
	height: 164px;
}
.container .bandInfo .content .paneArea span{
	color: #00CCFF;
	background-color: #FFFFFF;
}
.container .bandInfo .content .footer{
	margin-top: 15px;
	font-weight: bold;
}


/* ------ drifterInfoModule --------- */
.container .drifterInfo {
	background:transparent url('../img/modules/bandDrifter.png') no-repeat right bottom ;
	width: 285px;
	height: 354px;
}

.container .drifterInfo .contenthandle {
	position: absolute;
	left: 14px;
	top: 28px;
	width: 238px;
	height: 321px;
}

.container .drifterInfo .top {
	height: 32px;
	position: absolute;
	left: 28px;
	top: 0px;
}

.container .drifterInfo .left {
	width: 32px;
	position: absolute;
	left: 0px;
	top: 32px;
}

.container .drifterInfo .controls{
	height: 9px;
	left: 175px;
	position:absolute;
	top: 23px;
	width: 69px;
}

.container .drifterInfo .crown {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .drifterInfo .content {
	position: absolute;
	top: 50px;
	left: 30px;
	width: 207px;
	height: 279px;
	overflow: hidden;
}

.container .drifterInfo .content .title{
	font-weight: bold;
}
.container .drifterInfo .content p span{

	font-weight: bold;

}
.container .drifterInfo .content p {
	margin-bottom: 7px;

}
.container .drifterInfo .content .imgFrame {
	width: 200px;
	height: 150px;
	overflow: hidden;
	margin-bottom: 5px;
}

.container .drifterInfo .content a {
	background-color: #FFF;
}


/* ------ postMessage --------- */
.container .postMessage {
	background:transparent url('../img/modules/postMessage.png') no-repeat right bottom ;
	width: 357px;
	height: 347px;
}


.container .postMessage .contenthandle {
	position: absolute;
	right: 18px;
	left: 0px;
	width:  341px;
	height: 315px;
	top: 22px;
}

.container .postMessage .top {
	height: 32px;
	position: absolute;
	left: 10px;
	top: 0px;
}

.container .postMessage .left {
	width: 32px;
	position: absolute;
	left: 0px;
	top: 32px;
}

.container .postMessage .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .postMessage .controls{
	height:9px;
	left:264px;
	position:absolute;
	top:13px;
	width:79px;
}


.container .postMessage .controls a.stickIt {
	background:transparent url('../img/ui/stick_it_up.png') no-repeat scroll 0 0;
	height:9px;
	width:32px;
}

.container .postMessage .content {
	position: absolute;
	top: 45px;
	left: 20px;
	width: 295px;
	height: 275px;
	overflow: hidden;
}

.container .postMessage .inputText {
	background: transparent url('../img/ui/postMessage_textBox.png') no-repeat;
	border:none;
	display:block;
	height:22px;
	width:295px;
	padding: 3px 0px 0px 5px;
	margin-top: 3px;
	outline-style:none;
}
.container .postMessage .textarea {
	background: transparent url('../img/ui/postMessage_textarea.png') no-repeat ;
	border:none;
	display:block;
	height:151px;
	width:281px;
	padding: 18px 10px 0px 8px;
	margin-top: 3px;
	outline-style:none;
}

.container .postMessage .inputSubmit {
	background: transparent url('../img/ui/postMessage_submit.png') no-repeat;
	border:medium none;
	display:block;
	height:23px;
	margin:4px 0 0 4px;
	width:110px;
}

.container #postMessageForm {
	overflow: hidden;
}

/* ------ guestbookEntries --------- */
.container .guestbookEntries {
	background:transparent url('../img/modules/guestbookEntries.png') no-repeat right bottom ;
	width: 413px;
	height: 270px;
}


.container .guestbookEntries .jScrollPaneContainer {
	top: 50px;
	width: 381px;
	left:20px;
}

.container .guestbookEntries .contenthandle {
	position: absolute;
	right: 18px;
	left: 0px;
	width:  400px;
	height: 238px;
	top: 30px;
}

.container .guestbookEntries .top {
	height: 32px;
	position: absolute;
	left: 10px;
	top: 0px;
}

.container .guestbookEntries .left {
	width: 32px;
	position: absolute;
	left: 0px;
	top: 32px;
}

.container .guestbookEntries .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .guestbookEntries .controls{
	height:9px;
	left:328px;
	position:absolute;
	top:7px;
	width:70px;
}


.container .guestbookEntries .controls a.stickIt {
	background:transparent url('../img/ui/stick_it_up.png') no-repeat scroll 0 0;
	height:9px;
	width:32px;
}

.container .guestbookEntries .content {
	position: absolute;
	top: 52px;
	left: 0px;
	width: 363px;
	height: 196px;
	overflow: hidden;
}

.container .guestbookEntries .title {
	color: #00CCFF;
	background-color: white;
	font-weight: bold;
}

.container .guestbookEntries .fromMyspace {
	color: red;
	font-weight: bold;
	font-size: 10px;
	margin-top: 5px;
}
.container .guestbookEntries p {
	margin-bottom: 4px;
}
.container .guestbookEntries li {
	margin-bottom: 18px;
	margin-left:0px;
}
.container .guestbookEntriesul {
	list-style: none;

}

/* ------ bandFoto --------- */
.container .bandFoto {
	background:transparent url('../img/modules/bandFotoOL.png') no-repeat right bottom ;
	width: 412px;
	height: 603px;
}

.container .bandFoto .handle .close {
	position: absolute;
	display: none;
	width: 15px;
	height: 15px;
	background: transparent;
	top: 18px;
	right: 13px;
	cursor: pointer;
}

.container .bandFoto .contenthandle {
	position: absolute;
	right: 18px;
	left: 21px;
	width:  380px;
	height: 555px;
	top: 28px;
}

.container .bandFoto .top {
	height: 32px;
	position: absolute;
	left: 17px;
	top: 0px;
}

.container .bandFoto .crown {
	height: 56px;
	position: absolute;
	left: 171px;
	top: 11px;
}

.container .bandFoto .controls{
	height: 9px;
	left: 325px;
	position:absolute;
	top: 16px;
	width: 69px;
}

.container .bandFoto .content {
	position: absolute;
	top: 56px;
	left: 45px;
	width: 334px;
	height: 506px;
	overflow: hidden;
}

.container .bandFoto .linkThorsten {
	position: absolute;
	left: 174px;
	top: 268px;
}
.container .bandFoto .linkMatze {
	position: absolute;
	left: 0px;
	top: 20px;
}
.container .bandFoto .linkPatrick {
	position: absolute;
	left: 258px;
	top: 2px;
}
.container .bandFoto .linkSteffen {
	position: absolute;
	left: 104px;
	top: 20px;
}

/* ------ navigationLayout --------- */
.container .navigationLayout {
	background-color: transparent;
	width: 200px;
	height: 50px;
}

.container .navigationLayout .contenthandle {
	position: absolute;
	left: 0px;
	width:  200px;
	height: 50px;
	top: 0px;
}

.container .navigationLayout .content {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 200px;
	height: 45px;
	overflow: hidden;
}

/* -------------------- MEDIA --------------------------*/

.container .mediaVideo {
	width: 631px;
	height: 469px;
	background: transparent url("../img/ui/boxes/pic_view.png") no-repeat right bottom;
	overflow: hidden;
}

.container .mediaVideo .picView {
	position: absolute;
	top: 0px;
	left: 12px;
}

.container .mediaVideo .controls {
	position: absolute;
	top: 12px;
	left: 535px;
}

.container .mediaVideo .contenthandle {
	position: absolute;
	top: 18px;
	left: 10px;
	width: 602px;
	height: 444px;
}

.container .mediaVideo .content {
	position: absolute;
	top: 36px;
	left: 22px;
	width: 580px;
	height: 412px;
}

/* ------ mediaPlayer --------- */
.container .mediaPlayer {
background:transparent url('../img/modules/mediaPlayer.png') no-repeat right bottom;
	width: 364px;
	height: 250px;
}


.container .mediaPlayer .contenthandle {
	position: absolute;
	left: 1px;
	top: 24px;
	width: 475px;
	height: 251px;
}

.container .mediaPlayer .top {
	height: 32px;
	position: absolute;
	left: 32px;
	top: 0px;
}
.container .mediaPlayer .contenthandle {
	position: absolute;
	left: 6px;
	top: 27px;
	width: 349px;
	height: 310px;
}

.container .mediaPlayer .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .mediaPlayer .content {
	position: absolute;
	top: 50px;
	left: 26px;
	width: 297px;
	height: 263px;
	overflow: hidden;
	line-height: 1.2;
}

.container .mediaPlayer .content .title {
	background-color: #FFF;
	padding-top: 2px;
	padding-left: 2px;
	color: #00CCFF;
	font-weight: bold;
}
.container .mediaPlayer .content p {
	margin-bottom: 10px;
}
.container .mediaPlayer .content .infos {
	margin-top: 15px;
}
.container .mediaPlayer .content img {
	width: 160px;
	margin-right: 10px;
}
.container .mediaPlayer .content object {
	position: relative;
	margin-top: 10px;
}
.container .mediaPlayer .controls{
	height:70px;
	left:265px;
	position:absolute;
	top:15px;
	width:78px;
}

/* ------ datesDetailModule --------- */
.container .datesDetail {
	background:transparent url('../img/modules/dateDetail.png') no-repeat right bottom;
	width: 286px;
	height: 233px;
}

.container .datesDetail .contenthandle {
	position: absolute;
	right: 18px;
	top: 32px;
	width: 229px;
	height: 193px;
}

.container .datesDetail .top {
	height: 32px;
	position: absolute;
	left: 32px;
	top: 0px;
}

.container .datesDetail .left {
	width: 32px;
	position: absolute;
	left: 0px;
	top: 32px;
}

.container .datesDetail .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .datesDetail .content {
	position: absolute;
	top: 50px;
	right: 35px;
	width: 200px;
	height: 150px;
	overflow: hidden;
}
.container .datesDetail .controls {
	position: absolute;
	left: 195px;
	top: 23px;
	width: 70px;
}
.container .datesDetail .content .date {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
	color: #00CCFF;
}
.container .datesDetail .content .title {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}
.container .datesDetail .content div {
	line-height:1.3;
	margin-bottom: 10px;
}
.container .datesDetail .content .location {
}
.container .datesDetail .content .price {
	font-weight: bold;
	font-size: 13px;

	color: #00CCFF;
}
.container .datesDetail .content .price {
	margin-top: 10px;
}

/* ------ shopOrderDummySmall --------- */
.container .shopOrderDummy {
background:transparent url('../img/modules/shopOrderDummy.png') no-repeat right bottom;
	width: 364px;
	height: 245px;
}


.container .shopOrderDummy .contenthandle {
	position: absolute;
	left: 1px;
	top: 24px;
	width: 475px;
	height: 181px;
}

.container .shopOrderDummy .disc {
	position: absolute;
	left: 72px;
	top: 13px;
}
.container .shopOrderDummy .contenthandle {
	position: absolute;
	left: 6px;
	top: 27px;
	width: 339px;
	height: 211px;
}

.container .shopOrderDummy .icon {
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container .shopOrderDummy .content {
	position: absolute;
	top: 50px;
	left: 26px;
	width: 297px;
	height: 180px;
	overflow: hidden;
	line-height: 1.2;
	padding-left: 5px;
}

.container .shopOrderDummy .content .scrollArea{

	top: 0px;
	left: 0px;
	width: 297px;
	height: 141px;
}
.container .shopOrderDummy .content .title {
	padding-top: 2px;
	color: #00CCFF;
	font-weight: bold;
}
.container .shopOrderDummy .content p {
	margin-bottom: 10px;
}
.container .shopOrderDummy .content img {
	width: 160px;
}
.container .shopOrderDummy .controls{
	height:70px;
	left:265px;
	position:absolute;
	top:15px;
	width:78px;
}

/*------------ Impressum Navigation -------*/
.container .impressum_navi {
	width: 22px;
	height: 72px;
	background-color: transparent;
}


.container .impressum_navi .contenthandle {
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 72px;
}

.container .impressum_navi .content {
	position: absolute;
	top: 5px;
	left: 0;
	width: 17px;
	height: 72px;
	overflow: hidden;
}

.container .impressum_navi .impressumLink{
	background: transparent url("../img/gfx/impressum.png") no-repeat 0 0 scroll;
	width: 12px;
	height:59px;
	margin-left: 5px;
	cursor: pointer;
}
.container .impressum_navi .homeLink{
	background: transparent url("../img/gfx/home.png") no-repeat 0 0 scroll;
	width: 12px;
	height:59px;

}
.container .impressum_navi .linksLink{
	background: transparent url("../img/gfx/links.png") no-repeat 0 0 scroll;
	width: 12px;
	height: 28px;
}
.container .impressum_navi .slash{
	background: transparent url("../img/gfx/slash.png") no-repeat 0 0 scroll;
	width: 12px;
	height:5px;
	margin: 2px 0 3px 2px;
}

.container .impressum .content .scrollArea{
	top: 0px;
	left: 0px;
	width: 297px;
	height: 141px;
}

/*------------  picFrameModuleH -------*/
.container .picFrameModuleH {
background:transparent url('../img/modules/emptyPicFrameH.png') no-repeat right bottom;
	width: 618px;
	height: 426px;
}



.container .picFrameModuleH .contenthandle {
	position: absolute;
	left: 0;
	top: 0;
	width: 618px;
	height: 426px;
}

.container .picFrameModuleH .pic {
	position: absolute;
	top: 20px;
	left: 29px;
	width: 618px;
	height: 426px;
	overflow: hidden;
}