/********************************************
	STYLES FOR MK MILLAND	(MEDIA "ALL")
********************************************/

* {
	margin: 0; 
	padding: 0;
}

img {
	border: 0px;
}

body, td {
	background-color: #DCDBBC;  
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #333333;
	line-height: 1.5em;
}
	
a, 
a:link, 
a:visited {
	color: #003399;
	text-decoration: none;
}

a:focus, 
a:link:hover, 
a:visited:hover, 
a:active  {
	text-decoration: underline;
}

p {
	margin-bottom:10px;
}

hr {
	border-top:1px solid #DCDBBC;
	border-left:1px solid #DCDBBC;
	border-right:1px solid #DCDBBC;
	border-bottom:1px solid #9D9787;
	height:1px;
}

#home {
	background:#DCDBBC url(hm_top_bg.gif) repeat-x;
}
	
#quicknav {
	position: relative;
	width:760px; 
	height:35px;
	text-align:right;
	margin-left: auto; 
	margin-right: auto;
}

#header {
	position: relative; 
	width:100%;
	min-width:760px; 
	height:115px;
	text-align:center;
}

#logo {
	margin-left: auto; 
	margin-right: auto;
	width: 760px; 
	height:115px;
	background:transparent url(lyra02.gif) no-repeat top left;
}

#logo1 {
	/*margin-left: auto; 
	margin-right: auto;*/
	width: 760px; 
	height: 35px;
	background:transparent url(lyra01.gif) no-repeat top left; 
}

#logo h1, 
#logo h2 {
	display:none;
}

.lyrabottom {
	position: relative;
	background:transparent url(lyra03.gif) no-repeat top left;
	height: 22px;
	width:200px;
	z-index: 10001;
	list-style: none;
	float:left;
}

#bot_wrapper {
	position: relative;
	width:760px; 
	margin-left: auto; 
	margin-right: auto;
}

.main {
	width:760px;
	margin-bottom:20px;
}

address {
	font: 10px Verdana, Helvetica, sans-serif;
	color:#807A6E;
	margin-top:0px;
	padding-top:10px;
	background-image:none; 
	clear:both;
}

address strong {
	color:#333333;
	font-weight:normal;
	width:200px;
}

address p {
	margin-bottom:10px;
}

.footer {
	border-top:1px solid #9d9787;
	padding-top:10px;
	margin-top:10px;
	color:#807a6e;
	font: 10px Verdana, Helvetica, sans-serif;
}

.copy {
	width:auto;
	float:left;
}

.top {
	width:auto;
	float:right;
}

.top a{
	padding-left:10px;
	background:transparent url(top_arrow.gif) no-repeat center left;
}

.left_column {
	width:200px;
}

.middle_column {
	width:380px;
}

.right_column {
	width:180px;
}

.right_column .content {
	padding:15px 0px 30px 15px;
	border-left: solid 1px #9d9787;
	width:164px;
	height:219px;
}

.middle_column .content {
	margin:15px;
	width:auto;
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #333333;
	line-height: 1.5em;
}

.middle_column .content h2 {
	font: 14px Verdana, Helvetica, sans-serif;
	color: #990000;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0px;
}

.middle_column .content h3 {
	font: 13px Verdana, Helvetica, sans-serif;
	color: #990000;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0px;
}

.middle_column .content h4 {
	font: 11px Verdana, Helvetica, sans-serif;
	color: #990000;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:20px;
}

.middle_column .content h5 {
	font: 11px Verdana, Helvetica, sans-serif;
	color: #990000;
	font-weight:bold;
	margin-bottom:5px;
}

.middle_column .content ul {
	list-style: none;
	margin-top:10px;
}

.middle_column .content li {
	list-style: none;
	padding-left:15px;
	margin-left:0px;
	background: url(bullet1.gif) no-repeat 0px 3px;
	margin-bottom:10px;
}

.middle_column .content li li {
	background: url(bullet2.gif) no-repeat 0px 3px;
}


.middle_column .content ul.basic li {
	margin-bottom:3px;
}

.middle_column .content ul.basic li ul {
	margin-top:3px;
}

.middle_column .content .sitemap ul {
	list-style: none;
	margin-top:10px;
	padding-left:30px;
}

.middle_column .content .sitemap li {
	list-style: none;
	padding-left:15px;
	margin-left:0px;
	background: url(bullet3.gif) no-repeat 0px 3px;
	margin-bottom:10px;
}

.middle_column .content .sitemap li li {
	background: url(bullet4.gif) no-repeat 0px 3px;
}

.middle_column .content .linkscontent a {
	padding-left:15px;
	margin-left:0px;
	background: url(bullet5.gif) no-repeat 0px 3px;
	margin-bottom:5px;
	line-height: 1.5em;
}

.middle_column .content .small {
	font: 9px Verdana, Helvetica, sans-serif;
	line-height: 1.3em;
	font-style: italic;
}

/********************************************
	HEADERS
********************************************/

.home {
	background:#DCDBBC url(bg-home.jpg) no-repeat top center;
}
.news {
	background:#DCDBBC url(bg-fluegelhorn.jpg) no-repeat top center;
}
.about {
	background:#DCDBBC url(bg-trompete.jpg) no-repeat top center;
}
.members {
	background:#DCDBBC url(bg-posaune.jpg) no-repeat top center;
}
.jugend {
	background:#DCDBBC url(bg-sax.jpg) no-repeat top center;
}
.termine {
	background:#DCDBBC url(bg-pauken.jpg) no-repeat top center;
}
.fotos {
	background:#DCDBBC url(bg-kongas.jpg) no-repeat top center;
}
.downloads {
	background:#DCDBBC url(bg-klarinette.jpg) no-repeat top center;
}
.links {
	background:#DCDBBC url(bg-horn.jpg) no-repeat top center;
}
.kontakt {
	background:#DCDBBC url(bg-euphonium.jpg) no-repeat top center;
}
.credits {
	background:#DCDBBC url(bg-credits.jpg) no-repeat top center;
}
.guestbook {
	background:#DCDBBC url(bg-posaune.jpg) no-repeat top center;
}

/********************************************
	NAVIGATION
********************************************/

#nav_sel_home #nav_home, #nav_sel_news #nav_news, #nav_sel_about #nav_about, #nav_sel_members #nav_members, #nav_sel_jugend #nav_jugend, #nav_sel_termine #nav_termine, #nav_sel_fotos #nav_fotos, #nav_sel_downloads #nav_downloads, #nav_sel_links #nav_links, #nav_sel_guestbook #nav_guestbook, #nav_sel_kontakt #nav_kontakt {
	background: #990000 url(nav03.gif) no-repeat 1px 1px;
}
#nav_sel_home #nav_home a, #nav_sel_news #nav_news a, #nav_sel_about #nav_about a, #nav_sel_members #nav_members a, #nav_sel_jugend #nav_jugend a, #nav_sel_termine #nav_termine a, #nav_sel_fotos #nav_fotos a, #nav_sel_downloads #nav_downloads a, #nav_sel_links #nav_links a, #nav_sel_guestbook #nav_guestbook a, #nav_sel_kontakt #nav_kontakt a {
	color: #FFFFFF;
}


#main_navigation {
	padding-bottom:10px;
}

#main_navigation ul, 
#main_navigation li {
	width:200px;
	z-index: 10000;
	list-style: none;
	float:left;
}

/* Normal Style */

#main_navigation li {
	position : relative;
	background: #9d9787 url(nav01.gif) no-repeat 1px 1px;
}

#main_navigation li a{
	font: 10px Verdana, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	color: #DCDBBC;
	line-height:10px;
	padding: 6px 5px 6px 12px;
}
	
/* Roll-Over Style */

#main_navigation li a:focus, 
#main_navigation li a:hover, 
#main_navigation li a:active {
	color: #ffffff; 
	background: #706A5A url(nav02.gif) no-repeat 1px 1px;
}

#main_navigation li:hover a, 
#main_navigation li.sfhover a{
	color: #ffffff;
	background: #706A5A url(nav02.gif) no-repeat 1px 1px;
}

/* Select Style */

#main_navigation li.sel {
	background: #990000 url(nav03.gif) no-repeat 1px 1px;
}

#main_navigation li.sel a {
	color: #ffffff;
}

/* Select Roll-Over Style */

#main_navigation li.sel a:focus, 
#main_navigation li.sel a:hover, 
#main_navigation li.sel a:active{
	color: #ffffff; 
	background: #706A5A url(nav02.gif) no-repeat 1px 1px;
}
		
/* LAYOUT FOR DROP DOWNS */

#main_navigation li ul { 
	position : absolute;
	left: -999em;
	margin-left : 200px;
	margin-top : -22px;
}

#main_navigation li ul ul {
   left: -999em;
   margin-top : -22px;
} 

#main_navigation li:hover ul ul, 
#main_navigation li.sfhover ul ul {
	left: -999em;
}
	
#main_navigation li:hover ul, 
#main_navigation li li:hover ul, 
#main_navigation li.sfhover ul, 
#main_navigation li li.sfhover ul { 
	left: auto;
}

/* STYLING FOR DROP DOWNS */ 

#main_navigation li ul li {
	background-image:none;
}
 
#main_navigation li ul li a {
   font: 10px Verdana, Helvetica, sans-serif;
   display: block;
   text-decoration: none;
   color: #F6F4E2;
   line-height:10px;
   padding: 6px 5px 6px 10px;
   background-image:none;
} 
 
#main_navigation li:hover ul li a, 
#main_navigation li.sfhover ul li a {
	color: #ffffff; 
	background-color:#9d9787;
	background-image:none;
}

#main_navigation ul li li:hover a, 
#main_navigation ul li li.sfhover a {
	color: #ffffff; 
	background-image:none;
	background-color:#706A5A;
}

#main_navigation ul li li:hover li a, 
#main_navigation ul li li.sfhover li a {
	color: #ffffff; 
	background-color:#7a7773;
}

#main_navigation li.sel li a:focus, 
#main_navigation li.sel li a:hover, 
#main_navigation li.sel li a:active{
	color: #ffffff; 
	background-image:none;
}

#main_navigation li li a:focus, 
#main_navigation li li a:hover, 
#main_navigation li li a:active{
	color: #ffffff; 
	background-image:none;
}