/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 100px;
	margin-bottom: 0px;
	background color:#FFFFFF;
	width:1450;
}  

h3 a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}

h3 {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
#topheaderdiv
{ margin-left : 0px; width:1250px; height:80px; border : 1px solid black; background-image:url(bg_header.jpg);background-repeat:repeat-x;}


#indhold1
{
margin-top : 0px;
width : 600px;
height : 1000px;
border : 1px solid black;
background color: #FFFFF0;
margin-left : 170px;
margin-right: 500px:

}

#indholdtext
{
margin-right: 5px;
margin-left : 5px;
}




#menu{float:left; width:1150px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
#menuindex{ margin-left : 0px;  Vertical-align = middle; width:1250px; height:32px;border : 1px solid black; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
.smallwhitetext a{
	
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}

.smallnavtext a{
	
	font: 0.7em Tahoma, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #CC0000;
	text-decoration:none;

}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}


.smallwhitetext a:hover{
	text-decoration:underline;
}



#nav
{
margin-left : 5px;
width : 170px;
height : 2500px;
float : left;
border : 0px solid gray;
background color: #FFFFF0;

}


#ContentArticle
{
position : absolute;
left:170px; 
top:112px;
width : 660px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 20px;
}


#indexCol2
{
position : absolute;
left:830px; 
top:112px;
width : 370px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;

}


.smallbluetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#0000FF;
	text-decoration:none;
}

.smallbluetext a:hover{
	text-decoration:underline;
	}

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid gray;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 205px;
}

.anylinkcss a{
color: black;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #F8FBBD;
color: red;
}



#navContent
{

position : absolute;
left:0px; 
top:500px;
width : 150px;
height : 2500px;
border : 0px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;

}




#indhold
{
position : absolute;
left:170px; 
top:112px;
width : 700px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;
}

#scales
{
position : absolute;
left:170px; 
top:121px;
width : 1000px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;
} 

#indholdIntro
{
position : absolute;
left:10px; 
top:10px;
width : 500px;
height : 100px;
border : 0px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;
}

.smallPro5text {
	font: 0.7em Tahoma, sans-serif;
	font-size: 9px;
	font-weight:bold;
	
}

#indholdOther
{
position : absolute;
left:170px; 
top:121px;
width : 700px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 20px;
}

#indholdPianoTips
{
position : absolute;
left:170px; 
top:121px;
width : 660px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 20px;
}


#col2PlayPianoTips
{
position : absolute;
left:830px; 
top:121px;
width : 270px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;

}
#col3PlayPianoTips
{
position : absolute;
left:1100px; 
top:121px;
width : 90px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;

}


#col2Article
{
position : absolute;
left:830px; 
top:112px;
width : 270px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;

}




#col3Article
{
position : absolute;
left:1100px; 
top:112px;
width : 90px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;

}


#indexCol3
{
position : absolute;
left:1200px; 
top:112px;
width : 90px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;

}
#indholdLink
{
position : absolute;
left:170px; 
top:121px;
width : 1050px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 20px;
}

#indholdLinkMusic
{
position : absolute;
left:5px; 
top:60px;
width : 300px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 20px;
}

#indholdLinkSearch
{
position : absolute;
left:305px; 
top:60px;
width : 300px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 20px;
}
#indholdLinkArt
{
position : absolute;
left:295px; 
top:5px;
width : 300px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 20px;
}


#indholdLinkGeneral
{
position : absolute;
left:605px; 
top:60px;
width : 350px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 20px;
}
#col2
{
position : absolute;
left:870px; 
top:112px;
width : 270px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;
}

#col2Link
{
position : absolute;
left:670px; 
top:121px;
width : 270px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;
} 

#col2Jamplay
{
position : absolute;
left:1000px; 
top:121px;
width : 250px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;
}  

#col3
{
position : absolute;
left:1140px; 
top:112px;
width : 100px;
height : 2500px;
border : 1px solid gray;
background color: #FFFFF0;
text-indent : 10px;
padding : 10px;

}


#top{float:left; width:1150px; height:80px;}
#header1{float:left; width:3050px; height:10px;}
#logo{float:left; background-image:url(tie_logo.gif); width:274px; height:213px;}
#topheader{float:left; width:1150px; height:80px; background-image:url(bg_header.jpg);  background-repeat:repeat-x;}
#subheader{float:left; width:1150px; height:97px; background-color:#F0F0F0; position:relative}
#topheaderindex{float:left; width:1200px; height:80px; background-image:url(bg_header.jpg);  background-repeat:repeat-x;}
#subheaderindex{float:left; width:1200px; height:97px; background-color:#F0F0F0; position:relative}


#submenu{float:left; width:1000px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:right; width:526px;}
#leftpanel{ float:right; width:5;margin-top : 0;}
#rightpanel{float:right; width:10px;text-align:center;margin-top : 0;}
#midpanel{float:left; width:2000px;text-align:left; padding-right:50px; margin-top : 0;}
#footer{float:left; width:800px; background-color:#F0F0F0; padding:10px;}
#tablelinks{position:absolute; left:5px; top:400px;}



#tablePro5
{
position : absolute;
left:500px; 
top:0px;
background color:#FFFFF0;

}

#tableindhold 
{
position : absolute;
left:10px; 
top:-10px;
background color:#FFFFF0;

} 

#table1 
{
background color:#FFFFF0;

} 

#table2 
{
background color:#FFFFFF;
width : 500;
} 
#table3
{
background color:#FFFFFF;
width : 700;
} 
/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.9em Times, sans-serif;
	
	text-align:top; 
}

.scaletabletext {
	font: 0.9em Arial;
	
	text-align:top; 
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;

}

.subtitletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;

}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#CC0000;
}
h1 {
	font: 0.7em Tahoma, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#CC0000;
}
p.big {

line-height: 150%;
font: 0.9em Arial;
text-decoration:none;


}

p.small {line-height: 150%;
font: 0.5em Arial;



}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}




p.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#999999;
}

	
p.headerbluetext {
	font: 0.7em Tahoma, sans-serif;
	font-size:18 px;
	font-weight:bold;
	color:#0000FF;
	text-decoration:none;
}

p.headerbluetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size:18 px;
	font-weight:bold;
	color:#0000FF;
	
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}



.smallredtext a:hover{
	text-decoration:underline;
}


#indhold .indhold
{
margin:5px; 
margin-left:5px;
margin-right:5px;
}