/* ----- BASIC ----- */

/*

Farben:
#A6C52F NEU: #4c6019 (grün)
#4678BB NEU: 
#9AB926 NEU: #5c7029 (hellgrün)
*/

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	text-transform: lowercase;
}

img {
	border: none;
}

p {
	margin-bottom: 1.7em;
}

ul,
ol {
	margin-bottom: 1.7em;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 1em 0;
}

h2 {
	font-size: 13px;
	margin: 0;
}

a {
	font-weight: normal;
	text-decoration: underline;
}

h1 a {
	font-weight: normal;
	text-decoration: none;
}

div#main-content {
	padding-bottom: 40px;
}

div#side-content h2 {
	color: #005d94;
	font-size: 12px;
	font-weight: bold;
	margin: 1.8em 0 0 0;
}

div#side-content h2 {
	margin: 0;
}

div#side-content p {
	color: #005d94;
	margin: 0;
}


/* ----- HOMEPAGE ----- */

body#uid-3 div#main-content h2, body#uid-3 div#main-content h1 {
	margin-top: 24px;
	margin-bottom: -2px;
	position: relative;
	z-index: 10;

	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
}

body#uid-3 div#main-content h2 {
	margin-top: 0;
}

body#uid-3 div#main-content h2 a {
	font-weight: normal;
	text-decoration: none;
}

body#uid-3 div#main-content img {
	display: block;
	margin-top: -3px !important;
}

/* --- NewsBar --- */

/*
div.NewsBar {
	margin: 27px 0 27px 18px;
}

div.NewsBar p.Title {
	font-weight: bold;
	margin: 1.8em 0 0 0;
}

div.NewsBar h1 {
	font-size: 12px;
	margin: 0;
}

div.NewsBar p.bodytext {
	margin: 0 0 0 18px;
}

div.NewsBar p.bodytext a {
	font-weight: normal;
}
*/

/* ----- LEHRER ----- */

div.lehrer {
	margin-top: 20px;
}

div.lehrer a {
	border-style: solid;
	border-width: 3px;
	display: block;
	float: left;
	margin: 0 52px 20px 0;
}

div.lehrer a.lastcol {
	margin-right: 0;
}


/* ----- NAVIGATION ----- */

/* --- Main Navigation --- */

ul#main-nav li.toplevel {
	float: left;
	margin-right: 65px;
}

ul#main-nav li.toplevel ul {
	background: url(../images/color/main-nav-bg.png) repeat;
	display: none;
	line-height: 20px;
	padding-top: 5px;
	position: absolute;
	z-index: 100;
}

ul#main-nav li.toplevel ul.active {
	display: block;

}

ul#main-nav li.toplevel:hover ul {
	display: block;
}

ul#main-nav li.toplevel.uid-5:hover ul {
	
}

ul#main-nav a {
	font-weight: normal;
	text-decoration: none;	
}

ul#main-nav li.uid-5 ul {
	/*display: none;  Unterseiten Lehrer */
}

ul#main-nav li li a {
	/*min-width:200px;*/
	white-space:nowrap;
}


/* --- Sub Navigation --- */

ul#sub-nav a {
	font-weight: normal;	
	text-decoration: none;	
}

ul#sub-nav li a {
	font-weight: bold;	
}

ul#sub-nav li li a {
	font-weight: normal;	
}

ul#sub-nav li li a:hover {
	color: #007dc6;
}

ul#sub-nav li.toplevel {
	/*margin-top: 1.8em;*/
	margin-top:1.3em;
}

ul#sub-nav li li li {
	margin-left: 18px;
}


/* ----- FOOTER ----- */

div#footer {
	border-top: 1px solid;
	font-size: 10px;
	line-height: 12px;
	padding: 8px 16px 8px 28px;
}

div#footer a.impressum {
	float: right;
	font-weight: normal;
}


/* ----- MISC ----- */

td.label {
	width: 110px;
	padding-right: 10px;
}

img.side {
	/*float: right; gibt Probleme mit floatenden Tabellen */
	/*margin: 2px 0 20px 50px;	*/
	position:absolute;
	top:2px;
	right:0;
}

h1.workshop {
	margin-bottom:0;
}

h2.workshop {
	margin: 4px 0 20px 0;
}


/* Powermail */


/* ----- HACKS ----- */

/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }



.csc-textpic img {
	margin-top:4px !important;
}

.teacher-picture {
	margin-top:4px;
}

.teacher-courselist a {
	font-weight:normal;
}

.discography-cover {
	float:left;
	margin-top:4px;
	margin-right:20px;
	margin-bottom:1.7em;
}


.csc-menu-3 li {
	margin-top: 1.8em;
}

.csc-menu-3 li a {
	text-decoration: none;
	font-weight: bold;
}

/** Powermail **/

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html {
	margin-bottom: 0.8em;
}

.tx-powermail-pi1 fieldset label {
	display: block;
	font-weight: bold;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_checkbox_title {
	font-weight: bold;
	margin:0;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check  {
	position: relative;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check  label {
	position: absolute;
	left: 25px;
	font-weight: normal;	
}

.powermail_check_inner input {
	float:left;
}

.tx-powermail-pi1 legend {
	display:none;
}

.tx-powermail-pi1 fieldset input[type=text],
.tx-powermail-pi1 fieldset input[type=email],
.tx-powermail-pi1 fieldset textarea {
	width: 400px;
	border: 3px solid #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

.tx-powermail-pi1 .powermail_mandatory_list {
	margin-bottom: 1.7em;
}

.tx-powermail-pi1 .powermail_mandatory_list li strong,
.tx-powermail-pi1 .powermail_mandatory_list li b {
	font-weight:normal;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_submit {
	margin-top: 1.7em;
}

.tx-powermail-pi1 input[type=submit] {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border:5px solid #23495a;
	padding:0 20px;	
	color:white; /* color:#4678bb; */
	background-color: #23495a;
	font-weight: bold;
}

.tx-powermail-pi1 input[type=submit]:hover {
	color:white;
}

/* error message */
.error {
	color: #aa3333;
}

.error.help-block {
	/*margin-left: 120px;*/
	
	display: block;

}
.error p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* pure CSS arrow */
html:root .error em{
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FF0000 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-10px;
	left:5px;
	border-bottom:0 none;
}



/** H2 Aktuell **/
body#uid-7 h2 {
	margin-top: 3.4em;
	margin-bottom: 1.5em;	
}

body#uid-7 .csc-header-n2 h2 {
	margin-top: 0;
}


fieldset {
	margin-bottom: 1.7em;
}

legend {
	font-weight: bold;
}

fieldset dl {
	position: relative;
}

div.form-group{
	margin-bottom: 1.7em;
}

.static-form-wrapper dt,.static-form-wrapper h2, .form-group .control-label {
	clear: both;
	float: left;
	width: 110px;
	margin-bottom: 6px;
	font-weight: normal;
	padding-right: 10px;
}

.static-form-wrapper dd,.static-form-wrapper p{
	margin-left: 120px;
	margin-bottom: 6px;
}

.static-form-wrapper p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.form-group input[type=text], .form-group  textarea {
	width: 400px;
	border: 3px solid #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

fieldset dd p {
	width: 400px;
	margin: 8px 0 0 0;
	line-height: 1.2em;
}

.tx-musikwerkstatt-pi4 fieldset input[type=text],
.tx-musikwerkstatt-pi4 fieldset textarea {
	width: 400px;
	border: 3px solid #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

.tx-musikwerkstatt-pi4 input[type=submit], .submit button {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding:5px 20px;
	color:white; /* color:#4678bb; */
	background-color: #f9a51a;
	border-color: #f9a51a;
	font-weight: bold;
	display: block;
}
.tx-musikwerkstatt-pi4 input[type=submit]:hover {
	color:white;
}

.errors li {
	color: #ff4444;
}

#fieldset-agbtext_group dt {
	width:520px;
}
#note_agbtext-element {
	display:none;
}

fieldset#fieldset-agbcheck_group dl dt#agbcheck-label {
	left: 25px;
	width: 490px;
	padding: 0;
	margin: 0;
	position: relative;
}

fieldset#fieldset-agbcheck_group dl dd#agbcheck-element {
	left: 0;
	padding: 0;
	margin: 0;
	position: absolute;
}

fieldset#fieldset-agbcheck_group dl ul.errors {
	/*top: 40px;
	left: 45px;
	width: 350px;
	position: absolute;*/
	display:inline;
}

fieldset#fieldset-agbcheck_group dl ul.errors {
	top: 40px;
	left: 25px;
	width: 350px;
	position: absolute;
}

#fieldset-submitgroup {
	padding-top: 1em;
}

fieldset.fieldset-anmeldung-summary input {
	float: left;
	margin-right: 20px;
}


table.audioplayer {
	border: 0;
	padding: 0;
	margin: 0 0 30px 0;
	border-collapse: collapse;	
	width:100%;
}

.discography table.audioplayer{
	margin: 0 0 0px 0;
}

.tx-musikwerkstatt-pi1-detail table{
	width:430px;
}
.tx-musikwerkstatt-pi1-detail {
	position:relative;
}

.tx-musikwerkstatt-pi1-detail table.audioplayer {
	width:430px;
}

table.audioplayer td {
	padding: 3px 1em 0 0;
}

table.audioplayer td.title {
	width:150px;
}

fieldset dd label , .form-check-label{
	width: auto;
	display: inline;
	float: none;
	padding-right: 0.5em;
}

input.form-radio, .form-check-input {
	width: auto !important;
}

ul#main-nav .uid-4 li {
	display:none; /* Links */
}

.teacher-details {
	margin-bottom: 1.7em;
}

.tx-musikwerkstatt-pi2-detail {
	width:532px;
}

.tx-musikwerkstatt-pi2 .teacher-biography {
	margin-bottom: 3.4em;
}

.tx-musikwerkstatt-pi2 .discography {
	margin-bottom: 3.4em;
}

.detail p.bodytext {
	margin:0;
}

.tx-musikwerkstatt-pi1-detail p {
	max-width: 430px;
}

div.register-buttons {
	margin-top:20px;
	margin-left:120px;
}

a.button {
	display:inline;
	border:5px solid #23495a;
	padding:0 20px;
	background:#23495a;
	/*color:white;*/
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}

/* Tabelle in Kursbeschreibung */
.course-description td:first-child {
	width:120px;
}

.course-description td p {
	margin-bottom:0;
}

figure{
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

#c22{
	margin-top: 1.8em;
}

.ce-textpic{
	clear: both;
}

.ce-left .ce-gallery{
	float: left;
	margin-right: 10px;
}

body#uid-3 .ce-row{
	display: block;
	clear: both;
	float: none;
	margin-bottom: 10px;
}

body#uid-3 .ce-row .ce-column{
	float: left;
	padding-right: 10px;
}

.video{
	width: 430px;
	max-width: 430px;
	margin-bottom: 30px;
}

.video iframe{
	width: 430px;
	max-width: 430px;
	margin-bottom: 30px;
}

.img-2col .ce-row{
	clear: both;
	float: none;
}

.img-2col .ce-row .ce-column{
	width: 200px;
	float: left;
	margin-right: 66px;
}
.ce-row .ce-column{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-2col .ce-row .ce-column p.title{
	margin: 0 0 0 0;
	padding: 5px 0 10px;
}

.frame{
	clear: both;
	float: none;
}

svg#logo {
	display: block;
	margin-left: 48px;
	margin-bottom: 27px;
}

div.form-group {
	margin-bottom: 6px;
	padding: 0 0 0 0;
}

.static-text-header-rechnungsadresse, .static-text-header-anmeldungsadresse{
	margin-top: 1.7em;
	font-weight: bold;
}

.static-text-required{
	margin-bottom: 20px;
}

.static-text-abg-text{
	margin: 30px 0;
}

table.discography-details{
	max-width: 342px;
}

.inputs-list .form-group .form-check{
	float: left; 
	
}

.static-text-footer-text {
	display: block;
	margin-left: 120px;
	line-height: 1.2em;
}

.form-navigation{
	margin-left: 120px;
	margin-top: 2em;
}

.form-navigation button{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding:5px 25px;
	font-weight: bold;
	display: block;
	color: #007dc6;
	background-color: #f9a51a;
	border-color: #f9a51a;
	display:inline-block;
	outline: none;
	border: none;
	cursor: pointer;
	cursor: hand;

 }

.form-navigation button:hover{
	color: white;
	
}

.error.help-block{
	display: block;
	margin-left: 120px;
	margin-bottom: 1.7em;
}

.form-navigation.page1 {
	margin-left: 0px;
}

.form-navigation.page1 button{
	margin-right: 20px;
	
}

.summray .static-text{
	
}

div#side-content h1 {
  color: #1d3c4a;
  font-size: 12px;
  font-weight: bold;
  margin: 1.8em 0 0 0;
}

.summary div.label{
	clear: both;
	float: left;
	width: 110px;
	margin-bottom: 6px;
}

.summary div.input{
	margin-left: 120px;
	margin-bottom: 6px;
}


.summary .form-group p{
	margin-bottom: 0px;
}

.summary h3{
	margin-top: 1.7em;
}

.disclaimer{
	clear: both;
}

ul#main-nav li.toplevel.uid-4 {
	float: left;
	margin-right:0px;
}

.ce-column:last-child{
	margin-right: 0px;
}