html,body{
width:100%;
height:100%;
padding:0;
margin:0;
background-color:rgb(15,15,15);
color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
scrollbar-3dlight-color: rgb(20,20,20);
scrollbar-arrow-color: silver;
scrollbar-darkshadow-color: rgb(20,20,20);
scrollbar-face-color: rgb(20,20,20);
scrollbar-highlight-color: gray;
scrollbar-shadow-color: rgb(20,20,20);
scrollbar-track-color: rgb(40,40,40);
}
h1, h2{
margin:10px 0 10px 0;
padding:0;
font-size:16px;
font-weight:bold;
color:rgb(200,0,0);
}
h2{
font-size:14px;
}
a{
text-decoration:none;
font-weight:bold;
font-size:80%;
line-height:20px;
padding:5px;
padding-right:10px;
}
a:link, a:visited{
color:white;
}
a:hover, a:active{
color:rgb(200,0,0);
background-color:rgb(20,20,20);
}
#layout{
height:100%;
width:100%;
border-collapse:collapse;
}
#layout tr td{
vertical-align:top;
text-align:left;
}
#layoutlinks{
width:160px;
}
#logo, #navi, #head, #content, #foot{
background-color:black;
border:1px solid rgb(20,20,20);
margin-top:20px;
margin-left:20px;
}
#logo{
width:140px;
height:120px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
background-position:-5px 0;
border:1px solid rgb(40,40,40);
}
#logo a{
display:block;
width:100%;
height:100%;
background:none;
}
#navi{
width:140px;
text-align:right;
border:1px solid rgb(40,40,40);
}
#navi a{
display:block;
}
#impressds{
margin-top:50px;
}
#impressds a{
font-size:70%;
font-style:italic;
line-height:10px;
}
#head{
width:800px;
height:120px;
background-image:url(../images/crispo-family.jpg);
background-repeat:no-repeat;
background-position:0 right;
line-height:20px;
border:1px solid rgb(40,40,40);
}
#info{
text-align:center;
font-style:italic;
}
#content{
width:780px;
min-height:460px;
line-height:25px;
padding:10px;
border:1px solid rgb(40,40,40);
}
#foot{
width:790px;
padding:5px;
margin-bottom:20px;
text-align:center;
border:1px solid rgb(40,40,40);
font-size:80%;
color:silver;
}
#foot a{
color:silver;
font-size:100%;
font-weight:normal;
}
#foot a:hover, #foot a:active{
background-color:black;
color:white;
}
#home, #band, #repertoire, #termine, #galerie, #sounds, #videos, #kontakt, #gaestebuch, #presse{
min-height:460px;
margin-left:10px;
background-position:bottom right;
background-repeat:no-repeat;
margin-bottom:-10px;
padding-bottom:20px;
}
#home a, #home a:link, #home a:visited, #sounds a, #sounds a:link, #sounds a:visited{
font-size:100%;
margin:0;
padding:0;
font-weight:bold;
text-decoration:underline;
}
#home a:hover, #home a:active, #sounds a:hover, #sounds a:active{
background:none;
}
#home{
background-image:url(../images/croches.png);
}
#band{
background-image:url(../images/double-croche.png);
}
#repertoire{
background-image:url(../images/croche.png);
}
#termine{
background-image:url(../images/diese.png);
}
#galerie{
background-image:url(../images/blanche.png);
}
#sounds{
background-image:url(../images/cle-de-sol.png);
line-height:25px;
}
#sounds table tr td a{
line-height:35px;
}
#sounds img{
border:0;
position:relative;
top:5px;
left:5px;
}
#soundcontrol{
width:300px;
border:1px solid rgb(40,40,40);
padding:10px;
}
#activSoundTitle{
margin-left:8px;
color:rgb(0,200,0);
}
#videos{
background-image:url(../images/cle-de-fa.png);
}
#kontakt{
background-image:url(../images/bemole.png);
}
#repertoire table{
margin-top:10px;
font-size:90%;
}
#repertoire table strong{
color:rgb(200,0,0);
font-size:110%;
}
#repertoire table tr td{
width:240px;
text-align:left;
vertical-align:top;
}
#galerie table tr td{
padding:10px 10px;
}
#galerie img{
border:1px solid silver
}
#kontakt table{
width:90%;
}
#kontakt table tr td{
width:50%;
vertical-align:top;
}
#acMail_info, #acMail_ok{
width:350px;
text-align:center;
/*margin-left:90px;*/
border:1px solid rgb(20,20,20);
color:red;
padding:5px;
}
#acMail_ok{
color:rgb(0,200,0);
}
#kontakt form, #termine form{
text-align:right;
padding:5px;
background-color:rgb(10,10,10);
border:1px solid rgb(20,20,20);
width:350px;
}
#kontakt form input, #kontakt form textarea, #termine form input, #termine form textarea{
width:250px;
border:1px solid rgb(20,20,20);
background-color:white !important;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#kontakt form textarea, #termine form textarea{
height:100px;
}
#kontakt #submit, #termine #submit{
width:auto;
background-color:rgb(0,0,0) !important;
color:white;
border:1px solid gray;
}
#kontakt #messagelabel, #termine #messagelabel{
vertical-align:85px;
}
#kontakt #impressum{
color:silver;
}
#sounds table tr td{
vertical-align:top;
padding-right:50px;
}
#sounds #noflash{
width:450px;
padding:5px 10px;
border:1px solid red;
}
#hinweissounds{
	width:550px;
}
#hinweissounds a{
	font-weight:bold !important;
	text-decoration:underline;
}
#download a{
	text-decoration:none !important;
	font-weight:normal !important;
}