@charset "UTF-8";
/* CSS Document by nowX.de */

body {padding:0; margin:0; border:0; background:url(../../bilder/musikschule_neuhausen_by_nowx_bg.jpg) repeat; font-family: Arial, Helvetica, sans-serif;min-height:100vh;}

#wrapper {width:960px; height:auto; margin:auto;}
#wrapper_new {width:960px; margin:auto; }/*margin-top:1em;}*/
#wrapper_infoboxes {width:960px; margin:auto;margin-top:1em;}
#header {width:960px; height:150px; margin:auto; border:0px solid red;}


/* footer */
footer {width:100%; height:63px; margin:auto; position: fixed; bottom:0;font-size:0.9em;}

#footerimg {width:960px; height:100%; margin:auto;background:url(/uploads/images/Logo/Balken.png);    background-repeat: no-repeat; background-position: center top; background-size: 100% 100%;}
#footertable {width:960px; height:50px; margin:auto;bottom:0.5em;position:absolute;color:white;}
#footertable table { width:90%;margin:auto;border: 0px !important; }
#footertable table th { border: 0px !important; }
#footertable table td { border: 0px !important;}

/* Page Background */
#yellow_circle{ margin: auto; 
background-size: 100% !important; 
background: url(/uploads/images/Logo/Yellow_circle.png) no-repeat; 
position: relative; 
overflow: hidden; 
background-position-y: 1em; 
min-height:87vh;
}

#menu {float:right; width:auto; list-style:none; padding:0; padding-right:45px; margin-top:75px; border:0px solid red; height:25px; background:url(/uploads/images/Logo/menu_line.png) no-repeat bottom;}
#menu li {float:left; padding-left:45px;}
#menu li a {font-family:Arial, Helvetica, sans-serif; font-size:1.3em; text-decoration:none; color:#333;}
#menu li a:hover {color:#0B7D40;font-weight:bold;}
#menu li a.current {color:#0B7D40;}
#menu li a.current:hover {font-weight:bold; text-decoration:none;}
/* Stylesheet: styles_basic Modified On 2024-03-16 22:13:40 */
/* Logo */
#logo { float:left; height:50px; width:138px; background:url(/uploads/images/Logo/musikschule_neuhausen_logo.png) no-repeat; margin-top:50px;}

#logo_neu {float: left; height: 160px; width: 182px; background-size: cover !important; position:absolute; background: url(/uploads/images/Logo/LOGO_CMYK_GROSS_MS_V02.svg) no-repeat; margin-top: 10px;}

/* Startseite */
#willkommen {width:966px; height:646px; margin:auto; background:url(../../bilder/willkommen.png) no-repeat;}
#willkommen_text { float:left; width:380px; height:110px; background:url(../../bilder/text_bg.png) repeat; margin-top:60px; margin-left:80px; font-family:Arial, Helvetica, sans-serif; color:#f1f1f1;}

#textblock_start{width:80%;margin: auto;margin-top:25%; margin-bottom:20%;}

#startsite_title{ font-size:4em; height: auto; text-align:Center; }

#startsite_text {font-family: Arial, Helvetica, sans-serif; color: rgba(0,0,0,0.9);}


/* Auswahl */

.infobox {width:310px; border:0px solid red; float:left; margin:15px 15px 0px 0px; background:#FFF; text-decoration:none;
-webkit-box-shadow: 0px 1px 3px 0px #a4a4a4;
-moz-box-shadow: 0px 1px 3px 0px #a4a4a4;
box-shadow: 0px 1px 3px 0px #a4a4a4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  
background: #fafafa;
background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 100%);
background: -o-linear-gradient(top, #fafafa 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #fafafa 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 );
background: linear-gradient(top, #fafafa 0%,#ffffff 100%);} /*height:210px;*/
.infobox:nth-child(3n) {margin:15px 0px 0px 0px;} 

.infobox h1, .infobox h1 a {display:block; font-size:1.125em; text-align:center; padding:1em 0 1em 0; color:#333333; text-decoration:none;} /*height:150px;*/
.infobox h3, .infobox h3 a { font-size:13px; text-align:center; padding:0px 20px; color:#333333; font-weight:normal; text-decoration:none;}

/* Unterseite */

#sidemenu {width:25%; height:auto; float:left; margin:2em 1em 0px 0px;}
#breadcrums {width:310px; height:30px;  background:#FFF;
-webkit-box-shadow: 0px 1px 3px 0px #a4a4a4;
-moz-box-shadow: 0px 1px 3px 0px #a4a4a4;
box-shadow: 0px 1px 3px 0px #a4a4a4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  
background: #fafafa;
background: -moz-linear-gradient(top, #fafafa 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #fafafa 0%,#ffffff 100%);
background: -o-linear-gradient(top, #fafafa 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #fafafa 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 );
background: linear-gradient(top, #fafafa 0%,#ffffff 100%); }
#breadcrums a {color:#999;}

#sidemenu ul { list-style:none; padding:0; margin:0;}
#sidemenu li { height:35px;
background: -moz-linear-gradient(top, rgba(69,72,77,0.25) 0%, rgba(168,168,168,0.24) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.25)), color-stop(100%,rgba(168,168,168,0.24)));
background: -webkit-linear-gradient(top, rgba(69,72,77,0.25) 0%,rgba(168,168,168,0.24) 100%);
background: -o-linear-gradient(top, rgba(69,72,77,0.25) 0%,rgba(168,168,168,0.24) 100%);
background: -ms-linear-gradient(top, rgba(69,72,77,0.25) 0%,rgba(168,168,168,0.24) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4045484d', endColorstr='#3da8a8a8',GradientType=0 );
background: linear-gradient(top, rgba(69,72,77,0.25) 0%,rgba(168,168,168,0.24) 100%);
}
#sidemenu li .pfeil {display:none;}
#sidemenu li:hover .pfeil {display:block;}
.pfeil {float:left; background:url(../../bilder/pfeil.png) center no-repeat; width:15px; height:35px; margin-left:5px;}

#sidemenu li a {text-decoration:none; display:block; width:100%; height:35px; line-height:35px; color:#333; margin:0  0 0 30px; font-size:15px;}

#sidemenu a.u_current {font-weight:bold;}
#sidemenu li.u_current .pfeil {display:block;}

.submenu {
    margin-left: 1em; /* Alternativ zur Einrückung */
}

#seite {width:635px; height:auto; margin:1em 0 1em 0; float:left;
 background:#FFF;
-webkit-box-shadow: 0px 1px 3px 0px #a4a4a4;
-moz-box-shadow: 0px 1px 3px 0px #a4a4a4;
box-shadow: 0px 1px 3px 0px #a4a4a4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding-bottom:2em;}

#seite_neu {width:71%; height:auto; margin:1em 10px 6em 0; float:right;
 background:#FFF;
-webkit-box-shadow: 0px 1px 3px 0px #a4a4a4;
-moz-box-shadow: 0px 1px 3px 0px #a4a4a4;
box-shadow: 0px 1px 3px 0px #a4a4a4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding-bottom:2em;}

/* Anmeldung */
#anmeldung {width:960px; margin:2em 0px 5.5em 0; 
 background:#FFF;
-webkit-box-shadow: 0px 1px 3px 0px #a4a4a4;
-moz-box-shadow: 0px 1px 3px 0px #a4a4a4;
box-shadow: 0px 1px 3px 0px #a4a4a4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; position:absolute; top:150px; bottom:0em;
padding:5px 0px 0em 0px;  height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}


#anmeldungH1 {padding:0px 1em 0px 1em; margin-top:0.2em; margin-bottom:0em;}
#anmeldungText {padding:0px 2em 0px 2em;}
#onlineAnmeldung {border-style:unset;border-width:0px;width:100%;overflow: auto;position: absolute;bottom: 0.5em;top: 7em;height:85%;height: -webkit-fill-available;
}

#content {padding:5px 20px 20px 20px;  height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}



/* Link Styling */

a { text-decoration: none; }

a.btn {
	display: inline-block;
	color: #666;
	background-color: #eee;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 10px 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-width: 3px;
}

	a.btn:hover {
		background-color: #e3e3e3;
		border-color: rgba(0,0,0,0.5);
	}
	
	a.btn:active {
		background-color: #CCC;
		border-color: rgba(0,0,0,0.9);
	}
/* Stylesheet: styles_erweitert Modified On 2025-05-12 22:35:21 */