/* Waggong Records CSS */
/* MilkyMEDIA FfM */
/* 2010-03-02 */

img.left {
	float: left;
	margin: 0 10px 22px 0;
}

img.right {
	float: right;
	margin: 0 0 22px 10px;
}


p {
	margin: .5em 0;
}

em {
	color: #666;
	font-style: normal;
}

hr{
	clear: both;
	height: 1px;
	border: none;
	border-top: 1px dotted #bfbfbf;
	background: transparent;
	margin: 0 -30px 15px -20px;
}

hr.red {
	border-color: #ce0f00;
}


/* ---- Headlines ----*/
h1, h2, h3, h4, h5 { color: #000; font-weight: bold; margin-bottom: 1em; }
h1 { font-size: 1.28em; }
h2 { 
		font-size: 1.2em; 
	}
	
	.list h2 {
/*		font-size: 1em;*/
	}


h3 {
	
	}

	h3.subheadline {
		font-size: 1em;
		font-weight: normal;
		color: #666;
		display: block;
		margin-top: -1.2em;
		margin-bottom: 1em;
	}

	.list h3.subheadline {
		float: left;
	}


h4 {  }
h5 {  }







/* Boxen auf der Startseite */
.box-small {
	width: 185px;
	margin-right: 10px;
	padding: 0px;
	background: #CCC;
	float: left;

	background: #CCC;
}
.box-small .deco-top {
	background: url( ../files/css/pfeil.tr.white.png ) repeat-x;
	padding-top: 25px;
}

.box-small .deco-bottom {
	background: transparent url( ../files/css/pfeil.tr.white.png ) repeat-x left bottom;
	margin: 3px 15px;
	padding-bottom: 3em;
}

.box-small .copy {
	padding-top: 1em;
}

.box-small.red .deco-top {
	background: url( ../files/css/pfeil.tr.rot.png ) repeat-x;
}

.box-small.red .deco-bottom {
	background: url( ../files/css/pfeil.tr.rot.png ) repeat-x bottom;
}


.box-small .h1 {
	font-weight: bold;
	color: #C10000;
	font-size: 110%;
	margin-bottom: 10px;
}

.box-small .h2 {
	font-weight: bold;
	color: #C10000;
	font-size: 110%;
	margin-bottom: 10px;
}

.box-small ul {
	list-style: disc;
	padding-left: 15px;
}

.wrapper-teaser .box-small img {
	margin-top: 0;
}












/* Datensätze und Kram */
div.layout {
	margin:0 35px 0 15px;
}


ul.recordlist {
	list-style-type: none;
	margin-top: 0px;
	width: 545px;
}
ul.recordlist li {
	padding: 0px 0px 5px;
}

.record .more a {
	display: block;
	color: #ce0f00;
	margin-left: -20px;
	margin-bottom: 4px;
	padding-left: 20px;
	background: transparent url('../files/css/pfeil.klein.rot.png') no-repeat 10px 4px;
}

.record .more a.right {
	float: right;
}


.record ul.link-liste {
		float: right;
	}
	
	.record ul.link-liste li,
	.record ul.link-liste li a {
		display: block;
		margin-left: 0;
		float: left;
	}





span.date { color: #666; }



ul.recordlist .instrument a:hover,
ul.recordlist .kursleiter a:hover { color: #000; }



.record img {
	float: left;
	margin: 4px 12px 8px 0;
}

.record img.rechts {
	float: right;
	margin: 4px -35px 8px 12px;
}



.toplink {
	display: block;
	position: absolute;
	left: 15px;
	bottom: 0;
/*	font-weight: bold;*/
	padding-top: 6px;
	background: transparent url('../files/css/pfeil.up.black.png') no-repeat 0 0;
	color: #000;
}






/* Dozentinnen */
#dozentinnen-details {
	display: none;
}

#left-col .caption {
	background-color: #bfbfbf;
	color: #fff;
	padding: 5px 18px 60px;
	margin-top: -5px;
}

.dozent p.image {
	display: none;
}

.dozent {
}











#left-col h3 {
	color: #CF0F0F;
	font-style: italic;
	border-bottom: 1px dotted #CF0F0F;
	padding: 0 0 4px 10px;
}

#left-col .layout {
	margin: 86px 0 0 0;
	padding: 0 0 0 10px;
	width: 185px;
}

#left-col .record p {
	padding: 0 0 0 10px;
}



/* KURS FILTER */
.kursfilter {
	padding: 0 0 0 10px;
	width: 165px;
}

.kursfilter h3 {

}
.kursfilter ul {
	list-style-type: none;
	margin-bottom: 0.9em;
}
.kursfilter li {
	padding-left: 10px;
}
.kursfilter li.current {
	background: transparent url('../files/css/pfeil.klein.rot.png') no-repeat 0 3px;
}
.kursfilter ul ul {  }
.kursfilter ul ul a {	color: #666; font-style: italic; }
.kursfilter ul ul li { margin-left: -10px; padding-left: 20px; }
.kursfilter ul ul li.current { background: transparent url('../files/css/pfeil.klein.schwarz.png') no-repeat 0 3px; }
.kursfilter ul ul li.current a { color: #000; }

#kursnav-kat {
	margin-top: 86px;
}

#kursnav-termine {
	margin-top: 25px;
}





















/* Formulare */
form fieldset {
	padding: 0px 15px 8px 15px;
	margin: 5px 0 8px 0;
}

form p.note {
	margin-top: -3px;
}

form p.captcha img {
	float: left;
	margin: 3px 8px 0 0;
}

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