/* * * * * * * * * * * * * * * * * * */
/* Allgemeine Definitionen * * * * * */
/* * * * * * * * * * * * * * * * * * */
*{
	padding: 0;
	margin: 0;
}

html { height:101%; }

body  { 
	min-height: 101%;
  	font-size: 100.01%;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;	
	background: #FFFFF0 url(../images/hintergrund.gif) repeat-x top left;
	color:#003366;
	margin:0px;
	padding:0px;
	text-align:center;
}

h1 {
	font-size:2em;
	color:#003366;
	margin:2.87em 0 0 0.5em;
}
h2 {
	font-size:1em;
	color:#003366;
	margin:0.5em 0 1em 0;
}

h3 {
	font-size:0.9em;
	color:#003366;
	margin:0px 0px 10px 0px;
	border-bottom: 1px solid #7596B5;
}

h4 {	
	font-size:0.9em;
	color:#003366;
	margin:0px 0px 10px 0px;
}




p {
	font-size:0.8em;
	margin-bottom:1em;
	line-height:1.5em;
}
p.klein {
	font-size:0.6em;
	float:left;
	margin:9.6em 0 0 5em;
	line-height:normal;
	}
ul, ol {
	list-style-type:none;
	margin-left:1em;
}

li {
	font-size:0.8em;
	padding-left:12px;
}

a:link,
a:visited,
a:focus,
a:hover,
a:active {
	
color:#003366;
text-decoration:none;

}
a:visited {

}
a:focus,
a:hover,
a:active {
	
	text-decoration:none;
}

img, a img {
	border: 0;
}

/* * * * * * * * * * * * * * * * * * */
/* * Allgemeine Klassen  * * * * * * */
/* * * * * * * * * * * * * * * * * * */
.unsichtbar {
  display: block;
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}
.rightFloat {
	float:right;
	margin:0 0 0 0.5em;
}
.leftFloat {
	float:left;
	margin:0 0.5em 0 0;
}
.rightAlign {
	text-align:right;
}
.leftAlign {
	text-align:left;
}

/* * * * * * * * * * * * * * * * * * */
/* * Ebenen  * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */

#wrapper1 {
	margin:0 auto;
}
#wrapper2 {
	margin:0 auto;
	height:260px;
	background: url(../images/bilder.jpg) no-repeat top center;
	border:1px solid #ffffff;
}

#wrapper3 {
	margin:0 auto;
	width:1000px;
	text-align:left;
}

#infonavigation{
	padding-top:250px;
}
/* * * * * * * * * * * * * * * * * * */
 	#infonavigation ul {
		list-style-type:none;
		margin:0;	
		float:right;
		display:inline;
	}
		#infonavigation ul li {
			font-size:0.75em;
			padding:0 0.4em 0 0.1em;
			margin:0 0.4em 0 0.1em;
			border-right:1px dotted #000;
			display:inline;
		}
		#infonavigation ul li.aktiv {
			color:#ffcc00;
		}

				#infonavigation li a:link,
				#infonavigation li a:visited,
				#infonavigation li a:focus,
				#infonavigation li a:hover,
				#infonavigation li a:active {
					color:#003366;
					text-decoration:none;
				}
				#infonavigation li a:focus,
				#infonavigation li a:hover,
				#infonavigation li a:active {
					color:#990000;				
					text-decoration:underline;
				}
				#infonavigation li.aktiv a {
					color:#990000;				
				} 
/* * * * * * * * * * * * * * * * * * */
#print-logo {
	display:none;
}


#blau {
	float: left;
	text-align: center;
	vertical-align:bottom;
	width:160px;
	background-color:#003366;	
	padding:157px 10px 10px 10px;
}
#rot {
	float: right;
	text-align: center;
	width:160px;
	background-color:#990000;
	color: #ffffff;	
	font-size:2.1em;
	padding:140px 10px 10px 10px;
}

#titelmusikschule{
	padding:5px 0px 0px 200px;
	color:#003366;
	font-size:2.5em;
}

	

#content {
	float: left;
	width:1000px;
	margin-bottom:1em;
}

#menu {
	float: left;
	width:180px;
	height:600px;
	margin-bottom:1em;
}

/* * * * * * * * * * * * * * * * * * */
ul#navigation-ul {
			list-style-type: none;
			margin: 0em 0em 0em 0em;
			padding: 0em;
			width: 180px;
			color:#003366;
			}
				ul#navigation-ul li {
					border-bottom:1px dotted #ccc;
					margin:0.5em 0em 0em 0em;
					font-size:0.8em;
					padding:0em;
					color:#003366;
				}
					ul#navigation-ul li a:link,
					ul#navigation-ul li a:visited
					{
						color:#003366;
						text-decoration:none !important;
					}

					ul#navigation-ul li a:focus,
					ul#navigation-ul li a:hover
		
					{
						color:#003366;
						font-weight:bold;
						text-decoration:underline;
					}

					ul#navigation-ul li.aktiv a {
					font-weight:bold;
					color:#CC6600;
					}					

/* * * * * * * * * * * * * * * * * * */

#rechts {
	float: right;
	width:180px;
	margin-bottom:2em;
}

/* * * * * * * * * * * * * * * * * * */
.contentdreiteiler1 {
	text-align:left;
	height:37px;
	background: #FFFFF0 url(../images/block_top.gif) no-repeat top left;
}
.contentdreiteiler2 {
	text-align:left;
	padding:15px;
	font-size:0.8em;
	background: #FFFFF0 url(../images/block_middle.gif) repeat-y top left;
}	
.contentdreiteiler3 {
	background: url(../images/note.gif) no-repeat bottom right;
}
.contentdreiteiler4 {
	text-align:left;
	height:16px;
	background: #FFFFF0 url(../images/block_bottom.gif) no-repeat top left;
}

/* * * * * * * * * * * * * * * * * * */

#inhalt {
	margin-left:200px;
	margin-right:200px;
	font-size:1em;
}



ul#inhalt-ul {
			list-style-type: square;
			margin: 0em 0em 0em 5em;
			padding: 0em;	
			color:#003366;
			}
				ul#inhalt-ul li {
					margin:0.5em 0em 0em 0em;
					font-size:0.8em;
					padding:0em;
					color:#003366;
				}
					ul#inhalt-ul li a:link,
					ul#inhalt-ul li a:visited
					{
						color:#003366;
						text-decoration:none !important;
					}

					ul#inhalt-ul li a:focus,
					ul#inhalt-ul li a:hover
		
					{
						color:#003366;
						font-weight:bold;
						text-decoration:underline;
					}

					ul#inhalt-ul li.aktiv a {
					font-weight:bold;
					color:#CC6600;
					}					



								
#footermitte {
	border:1px solid #FFFFF0;
	margin-top:0em;
	height:350px;
	background: url(../images/bilder_unten.gif) no-repeat top center;
	
}

#footermitte p {
	margin-top:230px;;
	margin-left:180px;
	margin-right:180px;
	padding:1em;
	background: #ffcc00;
	text-align:left;
	color:#003366;
	font-size:0.9em;
}

.top {
	text-align:right;
	font-size:0.8em;
	padding:0px;
	width:820px;
	margin-bottom:1em;
}




div#kalender{
	width:600px;
}

div#kalender {
	background: url(/img/gif/bg_date.gif) no-repeat top left;
	padding:0.7em 0.2em 0.7em 0.5em;
	font-weight:bold;
	float:left;
	width:60px;
	}

div#kalenderart{
	width:600px;
}
div#kalenderart {
	background: url(/img/gif/bg_date1.gif) no-repeat top left;
	padding:0.7em 0.2em 0.7em 0.5em;
	font-weight:bold;
	float:left;
	width:100px;
	}	

div#cal {
	margin-left:85px;
	margin-right:120px;
	border-bottom: 1px dotted #c0c0c0;
	text-align:left;
	}

div#calart {
	margin-left:125px;
	margin-right:120px;
	border-bottom: 1px dotted #c0c0c0;
	text-align:left;
	}


/*forms*/
#fieldset_form {
 margin: 2em 1em 1em 1em;
 padding: 0 0 0 1em;
 font-size: 1em;
 border-top: 1px solid #c0c0c0;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #c0c0c0;
 text-align: left;

}

.left {
 float: left;
 text-align: left;
width: 100%;
 margin: 0 0 0 0.5em;
}

.button {
 text-align: left;
 color:#003366;
 margin: 1em;
 padding: 0.5em;
 font-weight: bold;
 background-color:#DEE5EC;
 border:1px solid #003366;

}
	
