/* Landungsbrücken Records CSS */
/* MilkyMEDIA FfM */
/* 2010-05-02 */


.layout {
	border: 1px solid white;
	padding: 4px 16px 2px 16px;
	color: white;
	margin-bottom: 6px;
	
/*	overflow: hidden;*/
}

form.layout {
	padding: 8px 16px 0 16px;
}

.layout p {
	margin-bottom: 6px;
}






.layout a:hover {
	color: white;
}











.record {
	color: black;
	position: relative;
	padding: 0 0 4px 0;
	margin-bottom: 16px;
}


.record img {
	margin: 0 0 5px 0;/* -16px;*/
}


.copy {
	margin-bottom: -6px;
}

.copy p {
	margin-bottom: 6px;
}






/* GLOBALE DATENSATZ KLASSEN */
.col-head {
	background: black;
	color: white;
	padding: 5px 17px;
}

#col-main-full .col-head,
#col-main-left .col-head {
	margin-left: -8px;
}

#col-right .col-head {
	margin-right: -12px;
}



.typ {
	text-transform: uppercase;
	color: white;
	margin-bottom: 0px !important;
}

.typ strong {
	color: black;
}

.uppercase {
	text-transform: uppercase;
}	

.error {
  color: #CC3333;
  background-color: #FFCCCC;
  border: 1px dotted #CC3333;
  padding: 10px;
  
  margin-bottom: 15px;
}




/* Großes Datum */
.big-date {
	width: 40px;
	float: left;
	
	border-top: 4px solid white;
	padding: 2px 7px 2px 23px;
	margin: 0 0 0 -16px;
}

.big-date .dayofmonth {
	font-size: 240%;
	line-height: 100%;
	letter-spacing: -0.10em;
}

.big-date .day {
	text-transform: uppercase;
}



/* Zeitstempel */
.timestamp {
	margin: 4px 0 0 0;
	color: #847522;
}

.timestamp span {
	padding: 0 6px 6px  0;
	margin-right: 6px;
	border-right: 1px solid #847522;
}






.white-copy {
	color: white;
	padding: 5px 8px;
	margin-bottom: 6px;
}

p.white-copy {
	padding: 0;
}

.white-copy p {
	margin: 0 0 6px 0;
}

.white-copy ul {
	list-style: disc;
	margin: 4px 0 12px 0;
	padding: 0 0 0 24px;
}



.black-copy {
	color: black;
}

.confirm {
	padding: 5px 8px;
}



/* Detail Link (rechts unten ) */
.detail-link,
.layout p.detail-link {
		display: block;
		float: right;
		
		margin: 10px -10px 0 0;
	}

	.detail-link a {
		text-transform: uppercase;
		text-decoration: none;
		padding: 0 10px 0 0;
		
		color: white;
		background: url( ../files/css/arrow.tr-white.png ) no-repeat right 2px;
	}
		
	.detail-link a:hover {
		color: black;
		background-image: url( ../files/css/arrow.tr-black.png );
	}


	div.white-box p.detail-link {
		margin: -6px -10px -18px 0;
	}

	.white-box .detail-link a {
		color: black;
	}

	.white-box .detail-link a:hover {
	}






/* Link Blöcke */
.block-link {
		border: none;
		background: black;
		
		margin: 0 0 6px -8px;
		padding: 0 0 0 8px;
	}
	
	.block-link a {
		display: block;
		background: white url( ../files/css/arrow.tr-white.png ) no-repeat 257px 6px;
		text-decoration: none;
		padding: 4px 17px 5px 17px;
/*		margin: 0 7px 0 0;*/
	}

	.block-link a:hover {
		background-color: black;
	}

	#col-main-left .block-link a {
		background-position: 220px 6px;
	}
	
	#col-right .block-link {
		margin: 0 -12px 6px 0;
		padding: 0 12px 0 0;
	}
	
	#col-right .block-link a {
		padding: 4px 17px 5px 10px;
		background-position: 244px 6px;
	}







/* GROUP LINKS und SUBNAVIGATION */
.group-links,
.layout .subnav {
		margin-bottom: 6px;
	}
	
	.layout .subnav li.current,
	.group-links li.current {
		font-weight: bold;
	}

	.layout .subnav li a,
	.group-links li a {
		text-decoration: none;
		text-transform: uppercase;

		display: block;
		padding: 1px 10px 1px 0;
		background: url( ../files/css/arrow.tr-black.png ) no-repeat right 2px;
	}

	.layout .subnav li a:hover,
	.group-links li a:hover {
		background-image: url( ../files/css/arrow.tr-white.png );
	}




/* Weiße Box */
.white-box {
		border: none;
		background: white;
		padding: 0 17px 10px;
	}

	.white-box h2 {
		background: black;
		margin: 0 -17px;/* 4px -17px;*/
		padding: 5px 17px;
		
		border-bottom: 4px solid #787878;
	}

	.white-box p {
		margin: 0;
	}

	.white-box .detail-link a {
		background-image: url( ../files/css/arrow.tr-white.png );
	}

	.white-box .detail-link a:hover {
		background-image: url( ../files/css/arrow.tr-black.png );
		color: black;
	}

	.white-box .record {
		margin: 0 0 1px 0;
	}

	.white-box .record img {
		margin: 0 0 5px -17px;
	}









/* Termin-Box */
.termin-box {
		border: none;
		padding: 0 0 10px 0;
		margin: 0 0 -9px 0;
	}

	.termin-box h2 {
		background: black;
		padding: 5px 17px;
	}

	.termin-box .record {
		position: relative;
		overflow: hidden;
		padding: 0 0 0 70px;
		margin: 0 0 4px 0px;
	}

	.termin-box .record img {
		margin: 0;
	}

	.termin-box .record .big-date {
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px;
		/*margin: 0 0 0 -70px;*/
	}

	.termin-box .record .copy {
		background-color: white;
		padding: 5px 17px 6px 10px;
		margin: 0px;
		zoom: 1;
	}

	.termin-box /*.record .copy*/ p {
		margin: 0px;
	}

	.termin-box .record .copy p.ref {
		margin: 6px 0 0 0;
	}

	.termin-box .record .copy p.timestamp {
	}

	.termin-box .record .copy strong {
		text-transform: uppercase;
	}

	.termin-box .detail-link {
		margin-bottom: 0;
	}
	
	.termin-box .detail-link a {
		color: black;
		background-image: url( ../files/css/arrow.tr-white.png );
	}

	.termin-box .detail-link a:hover {
		background-image: url( ../files/css/arrow.tr-black.png );
		color: black;
	}


#col-main-full .termin-box,
#col-main-left .termin-box {
		margin: 0 0 0 -8px;
	}

	#col-main-full .termin-box .record,
	#col-main-left .termin-box .record {
		padding: 0 0 0 70px;
		margin: 0 0 4px 0px;
		
		background: url( ../files/css/bg.black-tile.14px.gif ) repeat-y;
	}



#col-right .termin-box {
		margin: 0 -12px 0 0;
	}
	
	#col-right .termin-box .record {
		padding: 0 70px 0 0;
		margin: 0 0 4px 0;
		background: transparent url( ../files/css/bg.black-tile.14px.gif ) repeat-y right top;
	}
	
	#col-right .termin-box .record .big-date {
		position: absolute;
		top: 0;
		right: 0px;
		left: auto;
		margin: 0px;
		/*
		float: right;
		margin: 0 -70px 0 0;
		*/
		padding: 2px 23px 2px 7px;
	}



.color-box {
	padding: 10px 20px;
}



/* INDEX */
.index {
		border: none;
/*		border-bottom: 3px solid white;*/
		
		padding: 0;
		margin: -3px 0 3px 0;
	}

	.index p {
		margin: 0;
	}
	
	.index .record {
		margin: 1px 0 0 0;
		background: white url( ../files/css/bg.black-tile.14px.gif ) right 0 repeat-y;
		padding: 3px 20px 3px 10px;
		overflow: hidden;
	}
	
	.index .record a:hover {
		color: black;
	}
	
	.index .current {
		background: black;
		width: 238px;
		padding: 3px 10px 3px 10px;
		color: white;
	}
	
	.index .current a {
		color: white;
	}
	
	.index .record img.box {
		margin: -3px 0 3px -10px;
	}
	
	
#col-right .index {
		margin: 4px -16px 20px 0;
	}

	#col-right .index a {
		text-decoration: none;
	}

	#col-right .index .current a {
		color: white;
	}

	#col-right .index .hover {
		cursor: pointer;
		background: url("../files/css/arrow.tr-white.png") no-repeat scroll 244px 5px black;
		color: white;
	}

	#col-right .index .hover a {
		color: white;
	}





#col-main-full .copy img {
	background: black;
	color: white;
	float: left;
	margin: 3px 12px 3px -17px;
}

#col-main-full .copy img.box {
	margin-left: -25px;
	padding-left: 8px;
}

#col-main-full .copy img.rechts {
	float: right;
	margin: 3px -17px 3px 5px;
	padding: 0;
}






/* DEFINITIONSLISTEN INFO UND TERMIN */
#top .layout dl {
	margin: 12px 0 6px 0;
	padding: 0;
	border: none;
	overflow: hidden;
}

#top .layout dl.info {
	clear: both;
	margin: 24px 0 -8px 0;
}


#top .layout dt {
	margin: 0 5px 0 0;
	padding: 0;
	color: black;
	clear: both;
	float: left;

	text-transform: uppercase;
	font-weight: bold;
}

#top .layout dl.info dt {
	text-align: right;
	width: 75px;	
}

#top .layout dl.termin dt {
	text-align: right;
	width: 75px;
	color: white;
}

#top .layout dd {
	color: black;
	padding: 0;
	width: 300px;
}

#top .layout dl.info dd {
	float: left;
}








/* GALERIE BILDER KRAM */
#col-main div.gallery {
	position: relative;
	padding: 0;
	margin-left: -8px;
	border: 0;
	border-left: 10px solid black;
	background-color: white;/*#AF9E68;*/
	overflow: hidden;
}

#col-main div.gallery h2 {
	position: absolute;
	top: 0;
	color: black;
	padding: 2px 17px 3px 17px;
	margin: 0;
}

#col-main div.gallery ul {
	float: right;
}

#col-main div.gallery ul li {
	float: left;
}

#col-main div.gallery ul li a {
	display: block;
	float: left;
	width: 64px;/*80px;*/
	height: 64px;/*80px;*/
	overflow: hidden;
	background: white;
	padding-top: 19px;
	border-top: 14px solid white;
}

#col-main div.gallery ul li a:hover {
/*	background: #A39054;
	border-color: #A39054; */
}

#col-main div.gallery ul li.current a {

}





ul.team {
	border: none;
	padding: 0;
}

ul.team .record {
	display: block;
	border: 1px solid white;
	margin-bottom: 6px;
	padding: 4px 16px 6px;
	zoom: 1;
}

ul.team .record h2 {
	font-weight: bold;
}

ul.team .record img.box {
	background: black;
	color: white;
	float: left;
	margin: 3px 12px 3px -25px;
	padding-left: 8px;
}

ul.team .record .copy {
/*	float: right;
	width: 285px;*/
}





.links ul .record {

}

.links ul .record p {
	margin: 0;
}

.links ul .record .detail-link {
	margin: 3px -10px 10px 0;
}












ul.downloads {
	overflow: hidden;
	margin: 6px -10px 0 0;
}

ul.downloads li.download {
	float: left;
}

ul.downloads li.download > a {
	display: block;
	float: left;
	width: 183px;
	height: 48px;
	
	margin: 5px 8px 0 0;
	padding: 3px 8px 3px 45px;
	
	background: white url( ../files/icons/unk.png ) no-repeat 8px 7px;
	text-decoration: none;
}

ul.downloads li.download > a:hover {
	color: black;
	background-image: url( ../files/icons/unk-hover.png );
}


ul.downloads li.download > a.pdf { background-image: url( ../files/icons/pdf.png ); }
ul.downloads li.download > a.pdf:hover { background-image: url( ../files/icons/pdf-hover.png ); }

ul.downloads li.download > a.jpg { background-image: url( ../files/icons/jpg.png ); }
ul.downloads li.download > a.jpg:hover { background-image: url( ../files/icons/jpg-hover.png ); }

ul.downloads li.download > a.doc { background-image: url( ../files/icons/doc.png ); }
ul.downloads li.download > a.doc:hover { background-image: url( ../files/icons/doc-hover.png ); }

ul.downloads li.download > a.zip { background-image: url( ../files/icons/zip.png ); }
ul.downloads li.download > a.zip:hover { background-image: url( ../files/icons/zip-hover.png ); }






form fieldset.captcha .note {
	color: white;
	padding: 0 0 0 154px; 
}

form fieldset.captcha img.captcha {
	clear: both;
	float: left;
	margin: 3px 0 0 0;
}










/* Galerie-Bilder // Bilder mit Untertitel */
#top .record dl.gallery {
	background: black;
	float: left;
	margin: 2px 10px 5px -25px;
	padding-left: 8px;
}

#top .record dl.gallery img {
	margin: 0 !important;
}

#top .record dl.gallery dd {
	clear: left;
	padding: 3px 5px 4px 8px;
		
	background: white;
	color: black;/*#988B87;*/
	font-style: italic;
	width: auto;
}







/* Newsletter */
#newsletter {
	padding: 3px 11px 10px 17px;
	overflow: hidden;
}

#newsletter p {
	overflow: visible;
}

#newsletter p.error {
	margin-left: -8px;
}

#newsletter label {
	float: none;
	margin-bottom: 5px;
}

#newsletter input.text {
	width: 155px;
	float: left;
}

#newsletter input.button {
	float: right;
}





#milkymedia-box {
	background: white url("../files/css/arrow.tr-white.png") no-repeat 244px 6px;
	margin: -16px -12px 0 0;
	padding: 4px 4px 5px 12px;
	
	border-right: 12px solid black;
	overflow: hidden;
}

#milkymedia-box img {
	margin: 2px 8px 0 0;
}

#milkymedia-box a {
	text-decoration: none;
}

#milkymedia-box p {
	margin-bottom: 3px;
}

#milkymedia-box .wrapper {
	margin: 10px 5px 5px 30px;
}

#milkymedia-box.hover {
	cursor: pointer;
	background-color: black;
	color: white;
}

#milkymedia-box.hover a {
	color: white;
}