/***** Body and main container *****/

/* Standardwerte f�r alle HTML-Objekte  -  Universalselektor*/
* {
margin: 0;
padding: 0;
}

body {
font:90% Verdana,Arial,sans-serif;
background-color: #E4D59E;
}

#container {
width:	90%;
margin: 10px auto;
background-color: #ffffe0;
color: #000000;
border: 1px solid gray;
}

/*   horizontal Menue  */

#unternavigation {
position:absolute;

background-color: #FFCC00;
width: inherit;
}

#unternavigation  li {
display: inline;
float: right;
}

#unternavigation p {
margin: 0 0 1em 0;
}

#unternavigation ul li a {
	color: black;
	padding: 0 1em;
	font-size: 12px;
}

#unternavigation ul li a.aktiv, #unternavigation ul li a:hover, #unternavigation ul li a:active {
text-decoration: underline;
}


/*   vertikal Menue   */

#hauptnavigation {
clear:left;
float:left;
width:150px;
padding:0;
margin-top: 20px;
}

#hauptnavigation ul {
background-color: #FFCC00;
height: 12px;
padding: 3px 0.5em;
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
}

#hauptnavigation li {
margin-bottom:5px;
}

#hauptnavigation li a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4 ;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
}



#hauptnavigation ul li a {
display: block;
color: #4570B6;
font-size: 12px;
text-decoration: none;
padding: 0 1em;
}


#hauptnavigation li a:hover, #avmenu li a.current {
background:#FFCC00 url(img/menubg2.gif) bottom left repeat-x;
color:#505050;*/
border-top:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
border-left:4px solid #505050;
}

#hauptnavigation ul  {
margin:5px 0 5px 15px;
font-size:0.9em;
width:135px;
}

#hauptnavigation h2 {
font-size:1.5em;
font-weight:normal;
}




#news {
float: right;
width: 160px;
padding: 1em;
}

#news p {margin: 0 0 1em 0;}


/***** Header DIV  *****/
#header {
color:#666666;
/*background:#566da3  bottom right  no-repeat;*/
/*background-image: url(../media/bilder/noten.gif);*/
background-image:  url(http://www.mandolinen-orchester-niederkassel.de/media/Bilder/bg1.jpg)  ;
height:110px;
margin:0px 0px 10px 0px;
padding:0px 10px 0px 0px;
/*background: #566da3;*/
border-bottom-color: #ECE9D8;
}

/***** Header h1 = page-Title  *****/
#header h1 {
font-size:2.5em;
font-weight:normal;
letter-spacing:-2px;
margin:0 0 4px 15px;
padding:15px 0 0;
}

/***** Header p = zupfmusik und symphonie  *****/
#header p {
font-size:1.1em;
letter-spacing:-1px;
margin:0 0 5px 15px;
padding:0 0 0 3px;
}


/***** Main content -  Text aus Datenbank*****/
#content {
line-height:1.5em;
text-align:left;
margin-bottom: 30px;
margin-left: 170px;
margin-right: 30px;
margin-top: 30px;	
}

#content h2 {
font-size:1.8em;
letter-spacing:-1px;
font-weight:normal;
margin:8px 0 10px 0;
padding:0;
}

#content h3 {
font-size:1.5em;
font-weight:normal;
margin:6px 0 6px 0;
padding:0;
}

#content img {
	float: left;
	padding:1px;
	display:inline;
	border:4px solid #f0f0f0;
	margin-right: 20px;
	margin-bottom: 10px;
}

#content a {
font-weight:bold;
}

#content ul, #content ol {
margin:0 0 16px 20px;
padding:0;
}

#content ul ul, #content ol ol {
margin:2px 0 2px 20px;
}

#content li {
margin:0 0 2px 10px;
padding:0 0 0 4px;
}





/***** Footer *****/

#footer {
	clear:both;
	margin:0 auto;
	padding:8px 0;
	border-top:2px solid #dadada;
	width:760px;
	text-align:center;
	color:#808080;
	background-color:#ffffff;
	font-size:0.9em;
	height: 10px;
}

#footer p {
padding:0;
margin:0;
border-top: 1px solid gray;
}

#footer a {
color:#808080;
background-color:#CCCCCC;
text-decoration:none;
}



/***** Various tags *****/

a {
text-decoration:none;
color:#505050;
background-color:inherit;
}


a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}

a img {
border:0;
}

p {
margin:0 0 16px 0;
}

blockquote {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:16px;
padding:7px 7px 7px 11px;
/*background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;*/
color:#505050;
}

blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}

/***** Table styles *****/

table {
margin:0 0 16px 0;
padding:0;
line-height:1.3em;
border-collapse: collapse;
border:1px solid #d8d8d8;
}

caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:7px;
text-align:left;
background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
color:#505050;
}

td {
padding:7px;
font-size:0.9em;
text-align:left;
/*background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;*/
color:#303030;
}

/***** Form styles *****/

.button {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:0 0 15px 0;
padding:7px 7px 7px 11px;
background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
color:#505050;
font-weight:bold;
padding:4px;
width:120px;
}

input, textarea {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}

label {
margin:2px;
}

input {
width:200px;
}

textarea {
width:400px;
}

/***** Search box *****/

#searchbox {
padding:0;
margin:6px 0 16px 0;
}

#searchform {
background:#ffffff;
border:1px solid #cccccc;
color:#505050;
font-size:0.9em;
padding:4px;
width:116px;
}

#searchbox label {
display:none;
}

/***** Various classes *****/

.left {
margin:10px 10px 5px 0;
float:left;
}

.right {
margin:10px 0 5px 10px;
float:right;
}

.announce {
margin:10px 0 10px 0;
padding:10px 10px 5px 10px;
width:105px;
color:#505050;
background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
line-height:1.3em;
}

.announce a {
font-weight:bold;
}

.announce p {
font-size:0.9em;
}

.announce h2 {
margin:0 0 10px 0;
padding:0;
}

#avmenu .announce {
width:125px;
}

.textright {
text-align:right;
margin:-10px 0 4px 0;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.large {
font-size:1.3em;
}

.bold {
font-weight:bold;
}

.highlighted {
padding:3px;
background-color:#f0f0f0;
color:#303030;
border:1px solid #b0b0b0;
}

.hide {
display:none;
}