/* global css styles */
/* Städtische Schule für Musik und darstellende Kunst   Stadt Bühl */
/* (c) 2005 - http://lautschrift.com */

/* -- Allgemein -- */
* {
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	font: 8pt/16pt Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color: #555753;
	background: white url(../pics/backlinie.jpg) repeat-y;
}

#container {
	position: absolute;
	width: 900px;
	height: 460px;
	margin:0;
	padding: 0;
	background: transparent url(../pics/back.jpg) top left no-repeat;
}

a:link, a:visited {
	color: #3F5671;
	}
a:hover {
	color: black;
	}	

/* Inhalt */
#content  { 
	position: absolute;
	top: 135px;
	left: 344px;
	width: 440px;
	float: right; 
	padding: 0;
	margin: 0;
	background-color: cccccc;
	border-left: 1px solid #A4B0C8;
	border-right: 1px solid #A4B0C8;
	border-top: 1px solid #A4B0C8;
}


#content p{
	padding: 4px;
}

#content ul li{
	list-style-type: none;
	padding: 0px 4px 0px 20px;
	background: url(../pics/pfeil.gif) top left no-repeat;
}

#content h1{
	font: bold 18px;
	color: #3F5671;
	padding: 10px 0 9px 4px;
}

#content h2{
	font: bold 14px;
	color: #555753;
	padding: 12px 0px 12px 4px;
}

#content h3{
	font: bold 14px;
	color: #3F5671;
	padding: 25px 0 0 4px;
}

#content h4{
	font: bold 8pt;
	color: black;
	padding: 0 0 0 4px;
}

#content table{
	margin: 20px;
	width: 400px;
	
}

#content td{
	border: 1px solid #A4B0C8;
	color: #000000;
	padding: 4px;
	font: 8pt/12pt Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

#content .stop1{
	background: transparent url(../pics/stopper1.gif) no-repeat center left;
	height: 120px;
	width: 440px;
}

#content .stop2{
	background: transparent url(../pics/stopper2.gif) no-repeat center left;
	height: 120px;
	width: 440px;
}

#content .stop3{
	background: transparent url(../pics/stopper3.gif) no-repeat center left;
	height: 120px;
	width: 440px;
}

#content .stop4{
	background: transparent url(../pics/stopper4.gif) no-repeat center left;
	height: 120px;
	width: 440px;
}

#content .cut img{
		float: left;
		padding: 4px;
}

#content .cutr{
		float: right;
		margin: 0 0 10px 10px;
		padding: 0px 0px 0px 0px;
}

#content .news{
	padding: 0 0 10px 0;
	margin: 20px 0 0 20px;
	background-color: dddddd;
	border-top: 1px solid #A4B0C8;
	border-bottom: 1px solid #A4B0C8;
	border-left: 1px solid #A4B0C8;

}

#content .news1{
	padding: 0 0 10px 0;
	margin: 20px 0 0 20px;
	background-color: eeeeee;
	border-top: 1px solid #A4B0C8;
	border-bottom: 1px solid #A4B0C8;
	border-left: 1px solid #A4B0C8;
}

#content .news h2,#content .news1 h2{
	padding: 12px 0 0 4px;
}

#content .news img,#content .news1 img{
	right: 4px;
	float: right;
	padding: 4px 12px 12px 4px;
}

#box{
	margin: 20px;
	padding: 4px;
	background-color: white;
	width: 390px;
	border: 1px solid #A4B0C8;
	font: bold 8pt/12pt #000000;
	text-align: center;
}

.termin1 { 
	background-color: F9B811;
}	

.termin2 {
	background-color: white;
}

/* Menü */

#mainNavi{
	position: absolute;
	left: 100px;
	top: 135px;
	width: 120px;
	text-align: left;
	background-color: cccccc;
}
			
#subNavi{
	color: #000000;
	position: absolute;
	left: 222px;
	top: 135px;
	width: 120px;
	height: 680px;
	text-align: left;
	background-color: F9B811;
}
	
#menu ul li  {
	list-style-type: none;
	border-bottom: 1px solid #DDDDDD;
    padding: 3px 5px;
}

#menu  ul li:hover {
	background-color: #BBBBBB;
}

#menu ul li a {
	text-decoration: none;
}

/* Versteckt */

#menu h3{
	font: 1px;
	height:80px;
	padding: 10px;
	margin: 0;
	color: #F9B811;
	background-color: #F9B811;
}

/* Corporate Elemente */

#logo {
	position: absolute;
	left: 40px;
	top: 505px;
	width: 180px;
	height: 120px;
	background: url("../pics/logo_.gif") no-repeat left top;
}

#sparkasse {
	position: absolute;
	left: 40px;
	top: 660px;
	width: 140px;
	height: 80px;
	background: url("../pics/spalogo.gif") no-repeat left top;
}


/* Footer */
#footer {
	/*text-align: center;*/
	margin: 45px 0 0 0;
	padding: 4px;
	background: #A4B0C8;
	border-left: 1px solid #A4B0C8;
	border-right: 1px solid #A4B0C8;
 	border-bottom: 1px solid #A4B0C8;
}

#footer img{
		border: 1px solid #CCCCCC;
	
}

#footer img:hover{
		border: 1px solid white;
	
}



/* Admin */

#edit a:link, #edit a:visited {
	text-transform: uppercase;
	padding: 1px 5px 1px 5px;
	color: 	#E2E7EF;
	background: #F9B811;
	border: 1px solid #A4B0C8;
	text-decoration: none;
	}
	
#edit a:hover {
	text-transform: uppercase;
	padding: 1px 5px 1px 5px;
	color: #3F5671;
	background: #E2E7EF;
	border: 1px solid #A4B0C8;
	}
	
.bearbeiten {
	background: #F9B811;
}