/* ----------------- Layout Container ------------------ */
#bgall{position:relative; background-image:url(../images/topbg.png); background-repeat:repeat-x; overflow:auto; width:100%;}
#wrapall {margin: auto; position:relative;}
#wrap {float:left; width:953px;}
#skyscraper {float:left; width:160px; margin-left:15px; margin-top:35px;}
#header {line-height:normal; clear:both; padding:0px; width:953px; height:68px; position:relative; margin:auto;}
#cm-map {display:block;}
#cm-map p {padding:0px; margin:0px;}
iframe {border:none;}
#map-canvas {height:550px !important;}
#logo {clear:both; /*width:953px;*/ height:32px; padding-top:9px; text-align:right;}
#subheader {clear:both; width:953px; height:22px; padding-top:5px;}
#language {float:left; height: 15px; width: 400px; color:#fff; padding-left:10px;margin-top: 1px; }
#language a:link, #language a:visited{color:#fff; text-decoration:none;}
#language li {border-right:1px solid #fff; padding-right:5px;}
#language li:last-child {border-right:0px solid;}
#language a:hover, #language .lang-active a:link, #language .lang-active a:visited  {color:#333;}
#fbsocialplugin {position:absolute; top:100px; left:100px;}
#counter {float:right; height: 15px; width: 480px; color:#fff; text-align:right;margin-top: 1px;}
#topnav {line-height:normal; clear:both; height: 21px; margin-top:10px; margin-bottom:3px; width: 953px;}
#mainbody {text-align: left; width:953px; overflow:auto; padding:0px;}
#left {float:left; width: 314px; margin-right:8px;}
#wrapinhalt {float:left; width:631px;}
#inhalt {clear:both; width: 541px; background-image:url(../images/contentbg.png); background-repeat:repeat-y; padding: 20px 45px 40px 45px;
		min-height: 404px; /* Mindesth�e f� moderne Browser */
    height:auto !important; /* Important Regel f�r moderne Browser */
    height:404px; /* Mindesth�e f�r den IE */
    overflow: hidden !important; /* FF Scroll-leiste */}
.item-page .shariff {display:none !important;}
#sociallinks {clear:both; padding-top:20px;}
#fbplugin {float:left; width:470px; padding-left:10px;}
#twplugin {float:left; /*width:80px;*/}
#inhaltschatten {clear:both;}
#footer {clear:both; text-align: left; width:928px; padding:5px 10px 5px 15px; background-image:url(../images/footerbg.png); color:#333; overflow:auto;}
#footer a:link, #footer a:visited {color:#333; text-decoration:none;}
#copyright {float:left; width:775px; padding:5px 0px; }
#co2 {float:left; width:153px; padding-right:0px; text-align:right; }
#footerschatten {clear:both; margin-bottom:15px;}
#fb {top:20px; left:-27px; position:absolute; height:49px; width: 49px; display: block; background-image:url(../images/fb.png);z-index:9;}
#fblink {height:49px;width: 49px; display: block;}
#tw {left: 21px; top:20px; position:absolute; height:49px; width: 49px; display: block; background-image:url(../images/tw.png);z-index:9; }
#twlink {height:49px;width: 49px; display: block;}


/*#footer ul{list-style:none; padding-left: 0px;}
#footer li {line-height: normal; padding-left: 0px; line-height:1.4;}*/

/* Background-image */
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;

			/* Set up proportionate scaling */
			width: 100%;
			height: auto;

			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}

		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}

/* DIVS alt*/

.module_left
{}



/* CSS Document */
.img{border-bottom:1px solid #BABABA; border-left:1px solid #BABABA; padding: 5px; background-color:#FFF;}
img{border:none;}

hr{
 border: 0px; /* F�r Firefox und Opera */
 border-top: solid 1px #000000;
 border-bottom: solid 1px #FFFFFF; /* F�r I.Explorer (Seiten-Hintergrundfarbe!) */
}

.article_seperator{	height:0px;}


.search
{
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
background-color: transparent;
}


.component_wrapper {
/* 	overflow:auto; */
	background-color:#990033;
	padding: 20px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	border: 0px solid #000000;
	/*height: 400px;
	*/
}

.maintitle {
	color: #FF6600;
	font-size: 30px;
	padding-left: 15px;
	padding-top: 20px;
	font-weight: bold;
	line-height: normal;
}

/** old stuff **/

.pagenav {
  line-height: 30px;
  text-align: center;
  font-weight: normal;
  width: auto;
  padding: 2px;
  margin: 1px;
}

.page {
	float: left;
  line-height: 15px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: auto;
  padding: 4px;
  margin: 1px;
}


.pagenavbar {color:#990033;
}


ul
{
margin: 0;
padding-left: 0px;
}
li {margin-left:15px; padding:0px;}



body {
	-webkit-text-size-adjust: none;
	margin: 0px;
	height: auto;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5;
	color: #333;
}


a:link, a:visited {
	color: #CB0000; text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #333;	text-decoration: none;
	font-weight: normal;
}


table.contentpaneopen {
	width: 100%;
	padding: 0px;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

.cmbutton, .cmbackbutton {
	padding: 5px 25px 5px 0px;
	background-image: url(../images/button.gif);
	border:none;
	cursor:pointer;
	background-position:right;
	background-repeat: no-repeat;
	color: #CB0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    margin:0px;
	margin-bottom: 5px;
	text-decoration:none;
	background-color:transparent;
}


.searchbutton {
	margin-left: 10px;
	/* padding: 2px 2px 2px 2px; */
	height: 18px;
	border:1px solid;
	border-color: #000000;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	width: 60px;
}
.inputbox {
	padding: 0px;
	border: 1px solid #666666;
	background-color: #ffffff;
	margin-bottom: 5px;
}
.searchbox {
	padding: 0px;
	border:solid 1px #000000;
	background-color: #ffffff;
	padding: 2px 2px 2px 2px;
	font-size: 9px;
	width: 285px;
}

.contentheading {
	font-size        : 16px;
	text-align       : left;
	color            : #CB0000;
}
.componentheading {
	font-size        : 16px;
	text-align       : left;
	color            : #CB0000;
	padding-bottom: 10px;
}
.buttonheading img
	{border:none;}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

/*********** Module ***********/
/*table.moduletable {margin: 15px 0px 0px 0px;}
table.moduletable th {
width: 180px;
height:35px;
background-image:url(../images/moduletitlebg.gif);
background-repeat:no-repeat;
text-align: left;
text-indent: 30px;
padding-top: 8px;
color: #FFFFFF;
font-size: 12px;
margin-top: 15px;
margin-bottom: 5px;
}
table.moduletable td {
	padding: 2px 2px 2px 2px;
}

table.pollstableborder td {
  padding: 2px;
}*/

.small {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}


.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0px 2px 0px 2px;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

.h1 {
    font-size: 16px;
	color: #666666;
	margin: 0px;
}
h1 {
	font-size        : 16px;
	text-align       : left;
	color            : #666666;
	font-weight: normal;
	margin: 0px;
}
h2 {
	font-size        : 13px;
	text-align       : left;
	color            : #333;
	font-weight: normal;
	margin: 0px;
}
h3 {color: #CB0000;
    font-size: 16px;
    padding-bottom: 0px;
	font-weight:normal;}

/* MENU */
.moduletable_menu
{
padding-left: 0;
margin-left: 0;
font-size: 11px;
list-style: none;
width: auto;
}

.moduletable_menu ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}


.moduletable_menu li
{
float: right;
list-style-type: none;
text-decoration: none;
height:20px;
margin-left:1px;
}


.moduletable_menu li a {padding:5px 10px; text-decoration: none; background-color:#CC0000;}
.moduletable_menu li a:link, .moduletable_menu li a:visited { color:#fff;}
.moduletable_menu li a:hover {color:#333; text-decoration: none; }
.moduletable_menu li.active a, .moduletable_menu li.active li a:hover {color:#333; text-decoration: none; }


/* QUICKLINKS LEFT */

.moduletable_quick
{
margin:0px;
padding:0px;
width: 314px;
font-size: 15px;
/*padding-bottom:6px;
margin-bottom:6px;*/
line-height:normal;
}

.moduletable_quick ul
{
margin:0px;
padding:0px;
list-style-type: none;
}


.moduletable_quick li
{
list-style: none;
margin:0px;
padding:0px;
background-image: url(../images/button.png);
background-repeat:no-repeat;
text-align:right;
font-weight: normal;
padding-top:37px;
padding-right:67px;
height: 64px;
}

.moduletable_quick li a {text-decoration: none; color: #333; background-color: #FFF; padding:2px; padding-bottom:3px; text-transform:uppercase;}
.moduletable_quick li a:link, .moduletable_quick li a:visited {  color:#333;}
.moduletable_quick li a:hover {	color: #FF212C;}
.moduletable_quick li#current a {color: #FF212C;}

/* TOPMENU */

.topmenu{
clear:both;
margin:0px;
width: 560px;
height: 40px;
line-height:normal;
}

.module_topmenu
{
margin:0px;
padding:0px;
width: 560px;
font-size: 11px;
clear:both;
border-left:1px solid #666666;
}

.module_topmenu ul
{
margin:0px;
padding:0px;
list-style-type: none;
}


.module_topmenu li
{
float: left;
list-style: none;
margin:0px;
padding:0px;
border-bottom:1px solid #666666;
text-align:left;
font-weight: bold;
}

.module_topmenu li a {display: block; padding:2px; padding-right: 5px; padding-bottom: 5px; padding-left: 25px; text-decoration: none; color: #990033; background-image: url(../images/buttonbg.jpg); background-repeat:no-repeat; border-right:1px solid #666666;
}
.module_topmenu li a:link, .module_topmenu li a:visited {  color:#666666;}
.module_topmenu li a:hover {	color: #990033;}
.module_topmenu li#current a {color: #990033;}

/*********** Section Listing ***********/

.sectiontableheader {
  padding: 2px 2px 2px 5px;
	font-size        : 12px;
	font-weight      : bold;
	text-align       : left;
	letter-spacing   : 1px;
	color            : #000000;
	border-bottom : 1px solid #990033;
}
.sectiontableentry1 {vertical-align:top; line-height:25px; background:#FFF;border-bottom:1px dotted #990033;}
.sectiontableentry2 {vertical-align:top; line-height:25px; background:#fff;border-bottom:1px dotted #990033;}
.sectiontablefooter {text-align:center;}

/* For Tree Classifieds */
.sectiontableheader2 {
  font-size        : 13px;
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #fff;
  background-color: #1f5ba4;
  border-bottom    : 1px solid #D4F0FF;
  border-top       : 1px solid #D4F0FF;
  padding          : 3px 2px 3px 5px;
}
.sectiontableentry3 {vertical-align:top;padding:3px;background:#F9F9F9;}
.sectiontableentry4 {vertical-align:top;padding:3px;background:#F3F3F3;}

.message {
  padding: 5px;
  color: #ffffff;
  background-color:#FF0000;
  font-size: 14px;
  font-weight: bold;
}

.next {
	float: left;
  line-height: 15px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: auto;
  padding: 4px;
  margin: 1px;
}

.end {
  float: left;
  line-height: 15px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: auto;
  padding: 4px;
  margin: 1px;
}

.start {
	float: left;
  line-height: 15px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: auto;
  padding: 4px;
  margin: 1px;
}

.prev {
  float: left;
  line-height: 15px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: auto;
  padding: 4px;
  margin: 1px;
}
.calendar {
	background-color: #FFFFCC;
	border: 1px solid #FFFFFF;
	}
.calendarDay {
	background-color: #EFEFEF;
	text-align: center;
	padding: 0px;
	border: 1px solid #FFFFFF;
}
a.calendarDay:link {
	background-color: #EFEFEF;
	text-align: center;
	padding: 0px;
	border: 1px solid #FFFFFF;
	color: #990033;
}

.calendarHeader {
	font-weight: bolder;
	text-align: center;
	background-color: #CCCCCC;
	color: #990033;
    padding: 0px;
    border: 1px solid #FFFFFF;
}

.calendarToday {
	text-align: center;
	color: 	#990033;
	border: 1px solid #CCCCCC;
	padding: 0px;
	background-color: #FFFFFF;
}

/*a:calendarToday {
	text-align: center;
	color: red;
	padding: 0px;
}*/

.calendarHeaderMonth {
	font-weight: bolder;
	text-align: center;
	background-color: #CCCCCC;
	color: #990033;
    padding: 0px;
    border: 1px solid #FFFFFF;
}

/*MHP Masterclass-Komponente
---------------------------------------------------------------------------------*/

/*.mini-td {border-top:1px solid #990033; padding-top:7px; padding-bottom:5px; vertical-align:top;}
.ort-td {padding-bottom:5px;}
.title-td {border-top:1px solid #990033; padding-top:5px;}
.title-day {  padding: 2px 2px 2px 5px;
	font-size        : 12px;
	font-weight      : bold;
	text-align       : left;
	letter-spacing   : 1px;
	color            : #000000;}
.calendartableentry1 {vertical-align:top;  background:#FFF;}
.calendartableentry2 {vertical-align:top; background:#EFEFEF;}*/

.classlistitem {clear: both; padding:5px 0px; border-top:1px solid #990033;}
.classlistitem:last-child {border-bottom:1px solid #990033;}
	.classlist_imageblock {float: left; width: 80px;}
	.classlist_textblock {padding-left:80px;}
.loginuebersicht td{
	padding-bottom:20px;
	text-align:left;
}
.button_link {
 padding: 2px 3px 2px 3px;
 height: 20px;
 border:1px solid #000000;
 background-color: #ffffff;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 font-size: 10px;
 font-weight: bold;
 margin-top: 5px;
}

a.button_link {
 padding: 2px 3px 2px 3px;
 height: 20px;
 border:1px solid #000000;
 background-color: #ffffff;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 font-size: 10px;
 font-weight: bold;
 margin-top: 5px;
}

a.message_link  {
 color: #FFFFFF;
}

.message_yellow {
 color: #000000;
 background-color: yellow;
 border: #000000 1px solid;
 padding: 5px;
}

/* Links */
.linkpfeil	{background-image: url(../images/leftbuttonbg.jpg);
background-repeat:no-repeat;
text-align:left;
padding-bottom:10px;
padding-top:8px;
padding-left:20px;
width:400px;
	}
.a linkpfeil:link, visited {
	/*color: #990033;*/
	text-decoration: none;
}

.a linkpfeil:hover {
	COLOR: #000000;  TEXT-DECORATION: none;
}

/*Modul Login*/
.module_login fieldset {
	border: 0px;
	padding: 0px;
	margin:0px;
}
#form-login-username{
	padding: 0px;
	margin:0px;
}
#form-login-password{
	padding: 0px;
	margin:0px;
}
#form-login-passsword{
	padding: 0px;
	margin:0px;
}
.eintragentabelle td {
	padding: 10px;
	background-color: #efefef;
	vertical-align: top;
}
fieldset a {font-weight: bold;}
/*fieldset p {height:25px;}*/
.input{
	border: 0px;
	padding: 0px;
	margin:0px;
}
.contentpaneopen ul{margin: 0; padding-left: 0px;}
.contentpaneopen li{
/*list-style:none;
background-image:url(../images/arrow.png);
background-position:0px 3px;
background-repeat:no-repeat;
line-height: 10px;*/
padding-left: 10px;
padding-bottom: 10px;
}
.contentpaneopen li li{
padding-top:5px;
background-position:0px 8px;
}

/*Konzertkalender Formulare*/
.register_form {text-align: left;
}

.error_inputbox {
	border: 1px solid #FF0000;
	background-color: #FF0000;
	margin-bottom: 5px;
	padding: 0px;
	color:#FFFFFF;
}
.error_inputbox2 {
	border: 1px solid #FF0000;
	background-color: #FF0000;
	color:#FFFFFF;
	margin-bottom: 5px;
	padding: 0px;
}
.error_memberbox {
	border: 1px solid #FF0000;
	background-color: #efefef;
	margin: 5px;
	padding: 10px;
}

.register_form .inputbox {
	border: 1px solid #666666;
	background-color: #efefef;
	margin-bottom: 5px;
	padding: 0px;
}
.register_form td {
	border-bottom-color: #87cefa;
	padding-bottom: 5px;
}

.error_message {
	font-weight: bold;
	color:red;
}
.error {
  padding: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
/*System Messages*/
#system-message {background: #FF0000 !important;
    color: #FFFFFF !important;}
.alert-message {padding:15px;}

#system-message dd
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
font-weight: bold;
text-indent: 0px;
}

#system-message dd ul
{
color: #ffffff;
margin-bottom: 10px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #FF0000;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF0000;
}

#system-message dd.error ul

{
color: #ffffff;
background-color: #FF0000;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #FF0000;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FF0000;
}
#system-message > .message > ul {
    background-color: none;
    background-image: none;
}
/*Class Komponente*/
.classlist
{
width:100%;
background-image: url(../images/linie.png);
background-repeat:no-repeat;
background-position: top;
margin-bottom:15px;
}
.classlist td
{
padding-top: 10px;
padding-bottom: 10px;
background-image: url(../images/linie.png);
background-repeat:no-repeat;
background-position: bottom;
vertical-align:top;
}
.detailtable
{
  width:100%;
  padding: 15px;
}
.detailtable td
{
padding-top: 10px;
padding-bottom: 10px;
background-image: url(../images/linie.png);
background-repeat:no-repeat;
background-position: bottom;
vertical-align:top;
}
.InfoTitel, .instrument_titel, .dozent_titel
{
/*line-height: 50px;*/
font-weight: bold;
}
.weiter
{
text-align:right;
padding:0px;
}

.searchclass
{
width: 100%;
/*height: 290px;*/
background-image: url(../images/homesuche.jpg);
background-repeat:no-repeat;
margin-bottom:10px;
}


/*********************************************
/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured
{
        padding: 0;
}

.items-leading
{
        padding:0px 5px 10px 5px;
        overflow:hidden;
        margin-bottom:10px
}

.row-separator
{
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height:1px
}

.item-separator
{
        display: none;
        margin: 0px;
}

.shownocolumns
{
        width:98% !important;
}

#top
{
        margin:0 0 20px 0;
        overflow:hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

.blog-more
{
        padding:10px 5px
}
/* ++++++++++++++  details  ++++++++++++++ */

.article-info
{
        margin:10px 0 10px 0px;
        font-size:0.9em;
}

.article-info-term
{
        display:none
}

dt.category-name,
dt.create,
dt.modified,
dt.createdby
{
        float:left;
        padding-right:5px;
}

.archive .article-info dd,
.article-info dd
{
        margin:2px 0 0px 0;
        line-height:1.2em
}

dd.createdby
{

}

.article-info dd span
{
    text-transform:none;
    display:inline-block;
    padding:0 5px 0 0px;
    margin:0 10px 0 0px;
}

/* ++++++++++++++  icons  ++++++++++++++ */

ul.actions
{
        text-align:right;
        padding:0 ;
        float:right;
		/*width:100%;*/
        margin:0;

}

ul.actions li
{
        display:inline;

}

ul.actions a
{
        text-decoration:none;

}

/* ++++++++++++++  items more  ++++++++++++++ */

.items-more
{
        padding-top:10px;
}

.items-more h3
{
        font-weight:normal;
        margin:0;
        padding:5px 5px 5px 5px;
        font-size:1.4em
}

.items-more ol
{
        line-height:1.3em;
        list-style-type:none;
        margin:0;
        padding:10px 0 10px 2px;
}

.items-more ol li
{
        padding:2px;
}

.items-more ol li a
{
        display:inline;
        margin:0;
        font-weight:normal;
        padding:5px 5px 5px 20px;
}

.items-more ol li a:hover,
.items-more ol li a:active,
.items-more ol li a:focus
{
        font-weight:normal;
        padding:5px 5px 5px 20px;
        text-decoration:none
}


/* ++++++++++++++  pagination  ++++++++++++++ */

.pagination
{
        text-align:center;
	    margin:10px 0px;
        padding:10px 0 10px 0px;
        clear:both;

}

.pagination ul
{
        list-style-type:none;
        margin:0;
        padding:0;
        text-align:center;
}

.pagination li
{
        display:inline;
        padding:2px 5px;
        text-align:center;
        border:solid 0px #eee;
        margin:0 2px;
		float:left;
}

.pagenav
{padding:2px;}

.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev
{border:0;}

.pagination li.pagination-start ,
.pagination li.pagination-start  span
 {
padding:2px;

}
p.counter
{
        font-weight:bold;
}
.counter {padding-left:7px; padding-top:15px;}

/* ++++++++++++++  login  ++++++++++++++ */

#login-form
{
  padding-top:5px
}

#login-form fieldset
{
  padding:0px;
  margin: 0px;
  border: none;
}

#login-form .inputbox
{
  padding:2px
}

#login-form fieldset.input
{
  padding:10px 0 0 0;
  margin:0px 0 10px 5px
}

#login-form label
{
  margin-right:10px;
  width:8.4em;
  display:block;
  float:left
}

#form-login-remember label
{
	float:none;
	width:auto;
	display:inline
}

.logout-button
{
	margin-top:10px
}

input.button,
button.button,
button.validate
{
        cursor:pointer;
        padding:3px 5px 3px 7px ;
        font-weight:bold;
        line-height:1.2em;
        font-family:arial;
}

#modlgn-username,
#modlgn-passwd
{
        width:9em
}

.module_content #form-login-username label,
.module_content #form-login-password label
{
            float:left;
            width:5.2em
}

.login-fields
{
        margin:10px 0
}

.login-fields label
{
        float:left;
        width:9em
}

.login-description img,
.logout-description img
{
        float:left;
        margin-right:20px
}

.login-description,
.logout-description
{
        overflow:hidden;
                padding-left:5px;
                margin:20px 0 10px 0
}

.logout-description
{
        margin-bottom:20px
}

/*MHP Plugin Desktop/Mobile only
---------------------------------------------------------------------------------*/
.desktoponly {display:block;}
.mobileonly {display:none;}

#language-mobile, #mobilemenu {display:none;}


/*MHP classicalmasterclasses overrides
---------------------------------------------------------------------------------*/
/*.field-calendar button {display:none;}*/
div.agb{padding-top:5px;font-size: 1.2em;}
div.agb .optional{display:none;}

/* Custom CSS Start Here */

.visually-hidden{
	display: none;
}
div.mod-languages li {
    margin-left: 5px !important;
    margin-right: 5px !important;
	margin: 0px !important;
}
div.mod-languages ul li.lang-active {
    background-color: transparent !important;
}
.com-users-login__options {
    margin-top: 1em;
}
.com-users-login__options .list-group-item {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
    color: #CB0000;
    margin: 4px 0px;
}
.btn {
    padding: 5px 15px;
    margin: 5px 0px;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #eee;
	transition: all 0.3s;
}
.btn:hover{
	background: #ccc;
}
fieldset{
  border: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
fieldset .control-group.field-spacer .control-label .spacer .text #jform_spacer-lbl{
  color: #a51f18;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
}
input[type="text" i],
input[type="password" i],
input[type="email" i],
select,
fieldset .inputbox {
    border: 1px solid #ccc !important;
    padding: 5px 5px !important;
    width: 80% !important;
    box-sizing: border-box !important;
}
.control-label {
  margin-top: 4px;
  margin-bottom: 4px;
}
.control-label span.star{
  color: #a51f18;
  font-weight: bold;
}
.control-label label{
  font-size: 12px;
}
fieldset legend,
.control-label #jform_captcha-lbl{
  font-size: 14px;
  font-weight: bold;
}
.control-label .invalid .form-control-feedback{
  color: #a51f18;
  font-weight: bold;
  padding-left: 5px;
}
:root,[data-bs-theme=light] {
    --blue: #010156;
    --black: #000;
    --indigo: #6812f3;
    --purple: #6f42c2;
    --pink: #e93f8e;
    --red: #a51f18;
    --orange: #fd7e17;
    --yellow: #ad6200;
    --green: #448344;
    --teal: #5abfdd;
    --cyan: #30638d;
    --white: #fff;
    --gray-100: #f9fafb;
    --gray-200: #eaedf0;
    --gray-300: #dfe3e7;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6d757e;
    --gray-700: #484f56;
    --gray-800: #353b41;
    --gray-900: #22262a;
    --primary: #010156;
    --secondary: #6d757e;
    --success: #448344;
    --info: #30638d;
    --warning: #CB0000;
    --danger: #a51f18;
    --light: #f9fafb;
    --dark: #353b41;
    --primary-rgb: 1,1,86;
    --secondary-rgb: 109,117,126;
    --success-rgb: 68,131,68;
    --info-rgb: 48,99,141;
    --warning-rgb: 173,98,0;
    --danger-rgb: 165,31,24;
    --light-rgb: 249,250,251;
    --dark-rgb: 53,59,65;
    --primary-text-emphasis: #002;
    --secondary-text-emphasis: #2c2f32;
    --success-text-emphasis: #1b341b;
    --info-text-emphasis: #132838;
    --warning-text-emphasis: #452700;
    --danger-text-emphasis: #420c0a;
    --light-text-emphasis: #484f56;
    --dark-text-emphasis: #484f56;
    --primary-bg-subtle: #ccd;
    --secondary-bg-subtle: #e2e3e5;
    --success-bg-subtle: #dae6da;
    --info-bg-subtle: #d6e0e8;
    --warning-bg-subtle: #efe0cc;
    --danger-bg-subtle: #edd2d1;
    --light-bg-subtle: #fcfdfd;
    --dark-bg-subtle: #ced4da;
    --primary-border-subtle: #99b;
    --secondary-border-subtle: #c5c8cb;
    --success-border-subtle: #b4cdb4;
    --info-border-subtle: #acc1d1;
    --warning-border-subtle: #dec099;
    --danger-border-subtle: #dba5a3;
    --light-border-subtle: #eaedf0;
    --dark-border-subtle: #adb5bd;
    --white-rgb: 255,255,255;
    --black-rgb: 0,0,0;
    --font-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --body-font-family: var(--cassiopeia-font-family-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #22262a;
    --body-color-rgb: 34,38,42;
    --body-bg: #fff;
    --body-bg-rgb: 255,255,255;
    --emphasis-color: #000;
    --emphasis-color-rgb: 0,0,0;
    --secondary-color: rgba(34,38,42,.75);
    --secondary-color-rgb: 34,38,42;
    --secondary-bg: #eaedf0;
    --secondary-bg-rgb: 234,237,240;
    --tertiary-color: rgba(34,38,42,.5);
    --tertiary-color-rgb: 34,38,42;
    --tertiary-bg: #f9fafb;
    --tertiary-bg-rgb: 249,250,251;
    --heading-color: inherit;
    --link-color: #224faa;
    --link-color-rgb: 34,79,170;
    --link-decoration: underline;
    --link-hover-color: #424077;
    --link-hover-color-rgb: 66,64,119;
    --code-color: #e93f8e;
    --highlight-color: #22262a;
    --highlight-bg: #fbeea8;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #dfe3e7;
    --border-color-translucent: rgba(0,0,0,.175);
    --border-radius: 0.25rem;
    --border-radius-sm: 0.2rem;
    --border-radius-lg: 0.3rem;
    --border-radius-xl: 0.3rem;
    --border-radius-xxl: 2rem;
    --border-radius-2xl: var(--border-radius-xxl);
    --border-radius-pill: 50rem;
    --box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    --box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075);
    --box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
    --box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);
    --focus-ring-width: 0.25rem;
    --focus-ring-opacity: 0.25;
    --focus-ring-color: rgba(1,1,86,.25);
    --form-valid-color: #448344;
    --form-valid-border-color: #448344;
    --form-invalid-color: #a51f18;
    --form-invalid-border-color: #a51f18
}
#system-message-container joomla-alert div .alert-message {
    font-size: 14px;
    line-height: 1.4;
}
#system-message-container joomla-alert[type=warning] {
    margin-bottom: 15px;
}
.com-users-registration.registration .page-header h1{
  font-size: 20px;
  text-align: left;
  color: #333;
  font-weight: bold;
  padding: 0px 0px 5px 0px;
  margin: 0px;
}
.topmenu {
  margin: 0px auto 0;
  position: relative;
  height: 45px;
  background-color: #CC0000;
  border-radius: 8px;
  margin-bottom: 20px;
  width: 100%;
}
.topmenu ul{
  padding: 0px 15px;
  margin: 0px;
  text-align: center;
}
.topmenu li{
  display: inline-block;
  transition: all 0.3s;
  padding: 0px;
  margin: 8px 0px;
  border-right: 1px solid #e75e5e;
}
.topmenu li:last-child{
  border-right: 0px solid transparent;
}
.topmenu li a {
  line-height: 30px;
  font-size: 12px;
  z-index: 1;
  text-decoration: none;
  text-transform: none;
  text-align: center;
  color: white;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 8px;
}
.topmenu li:hover,
.topmenu li.active {
  background-color: #970000;
  border-radius: 10px;
}
.page-header h1 {
  font-size: 20px;
  color: #000;
  text-transform: none;
  margin: 15px 0px;
  line-height: 25px;
}
.com-users-logout__submit.control-group{
  text-align: center;
  margin-bottom: 25px; 
}


.com-users-registration.registration .password-group #progress-0,
.com-users-registration.registration .password-group #password-0{
	display: none !important;
}

@media (min-width: 570px) and (max-width: 980px) {
  #wrapinhalt {
    width: 100% !important;
  }
  #inhalt {
    width: 100% !important;
  }
}
/* Custom CSS End Here */