/* +---------------------------------------------------------------------+
   |                  		    Body definieren                          |
   +---------------------------------------------------------------------+ */
body {
	margin: 0px;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	color: Black;
	font-size: 12px; /* #f7f9e3 */
	background-color: #5494ad; /* background-image: url('../_bilder/seite/bg2.png'); */
	background-repeat: repeat;
}


/* +---------------------------------------------------------------------+
   |                  		 Container definieren                        |
   +---------------------------------------------------------------------+ */

#main {
clear:both;
margin: 35px auto;
width: 773px;
padding: 5px;
padding-top: 0px;
padding-bottom: 0px;
background-image:url('../_bilder/seite/bg-main2.jpg');
background-repeat: repeat-y;
background-color: #fff;
}

#index_flash {
margin: auto auto;
margin-top: 30px;
width: 450px;
height: 375px;
background-image:url('../_bilder/seite/bg-index-flash.jpg');
background-repeat: no-repeat;
}

#index {
margin: auto auto;
width: 250px;
height: 85px;
padding-left: 200px;
padding-top: 110px;
background-image:url('../_bilder/seite/index_bild_final_v2.jpg');
background-repeat: no-repeat;
}

/*musikschule_kopf2.jpg*/
#top {
clear:both;
margin: auto auto;
height: 135px;
/* header_musikschule_a3.jpg */
background-image:url('../_bilder/seite/Kopf_Musikschule_NEU.jpg');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_musikschule {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../_bilder/seite/Kopf_Musikschule_NEU.jpg');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_teil {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top_teil.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_rueck {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top_rueck.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_kontakt {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top_kontakt.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_instrumente {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../_bilder/seite/Kopf_Musikschule_NEU.jpg');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_fachbereiche {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../_bilder/seite/Kopf_Musikschule_NEU.jpg');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_anmneldung {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../_bilder/seite/Kopf_Musikschule_NEU.jpg');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_ueber {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-ueber.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_aktuelles {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../_bilder/seite/Kopf_Musikschule_NEU.jpg');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_sitemap {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../_bilder/seite/Kopf_Musikschule_NEU.jpg');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_impressum {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../_bilder/seite/Kopf_Musikschule_NEU.jpg');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_mura {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-mura.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#top_maggi {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-maggi.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #daecf8;
}

#links {
color: #fff;
clear: both;
float:left;
width: 182px;
}

#rechts {
float: left;
padding: 20px;
width: 550px;
}

#fuss {
	font-size: 95%;
	clear: both;
	margin: auto auto;
	height: 65px;
	padding: 10px;
	color: #000;
	background-image: url('../_bilder/seite/fuss_pastell.jpg');
	background-repeat: no-repeat;
	/*daecf8 26 02 2010 */
	background-color: ##daecf8;
	border-top: 4px solid #daecf8;
}

.fuss_box {
	float: left;
	width: 230px;
	height: 45px;
	border-right: 1px dotted #daecf8;
	padding: 10px;
}

/* JOOMLA DEFINIERUNG */


a.mainlevel:link, a.mainlevel:visited {
	margin-left: 10px;
}

#active_menu{
	color: #fff;
	text-decoration: none;
	background-image: url('../_bilder/seite/bg-navi-hover.gif');
	background-repeat: repeat-x;
	background-color: #FAFAD2;	
}

a:link, a:active, a:visited {

}

table.moduletable.td {
	margin-left: 10px;
	display: block;
	font-family: verdana;
	padding: 9px;
	font-size: 95%;
	background-color: #a2bdd0;
	font-weight: bold;
	border-bottom: 1px solid #9B8E88;
	color: #fff;
}

h3{
	display: block; font-family: verdana; padding: 9px; font-size: 95%; background-color: #daecf8; border-bottom: 1px solid #C7B389; color: #000;
}

.moduletable {
	/* display: block; font-family: verdana; padding: 9px; font-size: 95%; background-color: #daecf8; border-bottom: 1px solid #C7B389; color: #000; */
}

a.mainlevel:hover{
	color: #fff;
	text-decoration: none;
	background-image: url('../_bilder/seite/bg-navi-hover.gif');
	background-repeat: repeat-x;
	background-color: #FAFAD2;
	}

/* +---------------------------------------------------------------------+
   |           		      Hyperlinks definieren                          |
   +---------------------------------------------------------------------+ */
/* cc9900 */
a, a:visited {color: #0071c1; text-decoration: none;}


a.stil, a.stil:visited {
	color: #000;
	/* font-weight: bold; */
	text-decoration: none;
}
a.stil:hover, a.stil:active {
	color: Maroon;
	text-decoration: none;
}

a.text, a.text:visited {
	font-size: 95%;
	color: Maroon;
	text-decoration: underline;
}
a.text:hover, a.text:active {color:#fff; text-decoration: none; background-color: #4F0000;}

a.index_stil, a.index_stil:visited {color: #000; font-weight: bold; text-decoration: none;}
a.index_stil:hover, a.index_stil:active {
	color: #fff;
	background-color: #132E79;
}

a.navi, a.navi:visited {
	font-family: verdana;
	font-size: 95%;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	padding: 9px;
	border-right: 1px dotted #344555;
}

a.navi:hover, a.navi:active {
	color: #fff;
	text-decoration: none;
	background-image: url('../_bilder/seite/bg-navi-hover.gif');
	background-repeat: repeat-x;
	background-color: #FAFAD2;
}

a.navi_links, a.navi_links:visited {
font-family: verdana;
font-size: 95%;
color: #7E7560;
text-decoration: none;
display: block;
padding: 9px;
}

a.navi_links:hover, a.navi_links:active {
font-family: verdana;
font-size: 95%;
color: #595344;
text-decoration: none;
display: block;
padding: 9px;
background-color: #C7B389;
}

a.navi_links2, a.navi_links2:visited {
font-family: verdana;
font-size: 95%;
color: #7E7560;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../_bilder/seite/bg-navi4.gif');
background-repeat: repeat-y;
}

a.navi_links2:hover, a.navi_links2:active {
font-family: verdana;
font-size: 95%;
color: #595344;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../_bilder/seite/bg-hover.jpg');
background-repeat: repeat-x;
}

a.navi_links3, a.navi_links3:visited {
font-family: verdana;
font-size: 95%;
color: #7E7560;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../_bilder/seite/bg-navi2.gif');
background-repeat: repeat-y;
}

a.navi_links3:hover, a.navi_links3:active {
font-family: verdana;
font-size: 95%;
color: #595344;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../_bilder/seite/bg-hover.gif');
background-repeat: repeat-x;
}

a.navi_links4, a.navi_links4:visited {
font-family: verdana;
font-size: 95%;
color: #7E7560;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../_bilder/seite/bg-navi4.gif');
background-repeat: repeat-y;
}

a.navi_links4:hover, a.navi_links4:active {
font-family: verdana;
font-size: 95%;
color: #595344;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../_bilder/seite/bg-hover.gif');
background-repeat: repeat-x;
}

/* +---------------------------------------------------------------------+
   |           		        Grafiken definieren                          |
   +---------------------------------------------------------------------+ */
img {border: 0px;}
img.rechts {float: right; margin-left: 5px; margin-bottom: 5px;}
img.links {float: left; margin-right: 5px; margin-bottom: 5px;}
img.rechts_or {float: right; margin-left: 15px;}
img.box {margin-right: 15px; margin-bottom: 15px; border: 6px solid #e7e7e7;}
img.box:hover {
	margin-right: 15px;
	margin-bottom: 15px;
	border: 6px solid #daecf8;
}

/* +---------------------------------------------------------------------+
   |           		   Überschriften definieren                          |
   +---------------------------------------------------------------------+ */
h1 {font-size: 150%; font-weight: normal; color: #333; margin-bottom: 2px; }
h2 {font-size: 110%; margin: 0px; display: block; font-weight: bold; padding: 4px; padding-left: 0px; padding-bottom: 1px; color: #333; margin-bottom: 2px;}
h3 {font-size: 130%; font-weight: bold; color: #333; margin-bottom: 5px; }
h4 {font-size: 140%; color: #2C5782; margin-bottom: 2px; margin-top: 10px;}
h5 {font-size: 110%; color: #333; margin-bottom: 2px;}
hr {padding: 0px; margin: 5px; border-top: 1px solid #ccc; border-bottom: 1px dotted #fff;}

span.braun {color: #977D48;}
span.ueber {display: block; font-family: verdana; padding: 9px; font-size: 95%; background-color: #daecf8; border-bottom: 1px solid #C7B389; color: #000;}
span.ueber:hover {
	display: block;
	font-family: verdana;
	padding: 9px;
	font-size: 95%;
	background-color: #a2bdd0;
	font-weight: bold;
	border-bottom: 1px solid #9B8E88;
	color: #fff;
}

/* +---------------------------------------------------------------------+
   |           		   Listen und Absätze definieren                     |
   +---------------------------------------------------------------------+ */
ul {}
li { margin-left: -5px; margin-top: 0px; margin-bottom: 0px; padding: 0px;}
p {	line-height: 140%; margin-bottom: -1px; margin-top: -1px;}


/* +---------------------------------------------------------------------+
   |               	            Form definieren                          |
   +---------------------------------------------------------------------+ */
input {border: 1px solid #ddd; background-color: #f6f6f6;}
textarea {font-family: arial; border: 1px solid #ddd; background-color: #f6f6f6;}
/* +---------------------------------------------------------------------+
   |                  	    Tabellen definieren                          |
   +---------------------------------------------------------------------+ */
table.stil {border:0; cellpadding:0; width:100%;}
td.stil {padding: 4px; padding-left: 2px; border-bottom: 1px solid #ddd;}

.warning {margin: 0 auto; background-color:#FFFF00; width:773px; color:#FF0000;}