/* Grijs */
.StatusDot_NogNietCompleet
{
	color: #CCCCCC;
	font-weight: bold;
}

/* Oranje */
.StatusDot_KanNagekekenWorden
{
	color: #FF9900; 
	font-weight: bold; 
}

/* Paars */
.StatusDot_WordtNagekeken
{
	color: purple; 
	font-weight: bold; 
}

/* Groen */
.StatusDot_NagekekenEnGoedGekeurd
{
	color: #669900;
	font-weight: bold;
}

/* Rood */
.StatusDot_OverlegGewenst
{
	color: red; 
	font-weight: bold; 
}

.ReviewGoedGekeurd
{
	color: #669900;
}

.ReviewNietGoedGekeurd
{
	color:Red;
}

.GoedGekeurd
{
	color: #669900;
}

.NietGoedGekeurd
{
	color:Red;
}
.ActionLink
{
	float:right;
}

.SubtleInformation
{	
	float:right;
	color:#F1F1F1;
	font-size: 40pt;
	font-weight:bolder;	
	margin-top:10pt;
	
		
}

.Omkaderd
{
	border: 1px dashed black;
	padding: 10px;
	margin-bottom: 10px;
}

.PaginaEinde
{	
	padding:10px;
	background-color:Orange;
}

.KleurPaginaEinde
{
	padding:1px;
	background-color: Orange;
}

.KleurGeenPaginaEinde 
{
	padding:1px;
	background-color:#F0F0F0;	
}
.AutoKleurPaginaEinde
{
	padding:1px;
	background-color: #3DC5F6;
}

.AutoKleurGeenPaginaEinde 
{
	padding:1px;
	background-color:#D8F4FE;	
}
.GeenPaginaEinde
{
	padding:10px;
	background-color:#F0F0F0;	
}

.AutoPaginaEinde
{
	padding:10px;
	background-color:#3DC5F6;
}
.AutoGeenPaginaEinde
{
	padding:10px;
	background-color:#D8F4FE;
}
/*Chordpro
=========================== */

.Chordpro
{
	font-size: 10pt;
}
.Chordpro .Chord .Valid
{
	font-weight: bold;
	color:Black;
}
.Chordpro .Chord .Invalid
{
    font-weight:bold;
    color:Black;
}

.Chordpro .Section .Chorus 
{
    margin-left:20px;
    margin-top:10pt;
}

.Chordpro .Section .Bridge
{
    margin-left:15px;
    margin-top:10pt;
}

.Chordpro .Line 
{
    margin-top:3pt;
}

.Chordpro .Comment
{
    font-style:italic;
}

.Chordpro .Section .Verse 
{
    margin-top:10pt;
}

.Chordpro .ChordType .SpecialChars,
.SongDetails .ChordType .SpecialChars,
.Chordpro .Invalid .SpecialChars
{
    vertical-align:super;
    font-size:6pt;
}

.Chordpro .Sign,
.SongDetails .Sign
{
    vertical-align:super;
    font-size:6pt;
}

.SongDetails
{
    font-size:8pt;
}

/*Loading Icon*/
.loading
{
	display:none;
}

/* Errors */
.error
{
	color:Red;
}
.error a
{
	color:Red;
}
.message
{
	color:#669900;
}

.center
{
	text-align:center;
}

.DataBlock
{	
	display:block;
	text-align:center;
	padding:15px;	
}

.DataTableBlock
{
	display:inline-table;
	padding:15px;
}

.DataTitel
{
	font-weight:bold;
	text-align:center;
	margin-bottom: 10px;
}

.DataContent
{
	text-align:left;
	margin-bottom:5px;
}

.InfoContent 
{
	font:11px/15px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
}

.InfoTitel
{
	font-weight:bold;
}

.InfoTableBlock
{
	display:inline-table;
	margin-right:20px;
	min-width:125px;
}
select
{
	margin-bottom:5px;
}
input
{
	margin-bottom:5px;
}

.selectionHighlight:hover
{
	background-color:#F0F0F0;
	
}

.linkHighlight a
{
	color:White;
}
.selectionHighlight:hover .linkHighlight a
{
	color: #666;
}
.NakijkSectieContainer
{
	 position: relative;
    width: 300px;
	float:left;
	padding: 10px;
	margin:10px 10px 10px 10px;
	background-color:white;
	border:1px dashed black;	
	text-align:left; 

}
/* Oude site overgezet */
body {
	color:#333;
	background-color:white;
	margin:20px;
	padding:0px;
	font:11px/15px verdana, arial, helvetica, sans-serif;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	font-weight:900;
	color:#ccc;}
h2 {
    font:bold 18px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	}
h3  {
    font: bold 14px/12px verdana, arial, helvetica, sans-serif;
}

p {
	font:11px/15px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
pre {font-size:13px;}
a {
	color:#09c;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a { text-decoration: none;
	color: #666; }
a:hover { color: #66CC33;  }
  

/* All the content boxes belong to the content class. */
.chordpro {
	width: 500px;

	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto; 	
	border:1px dashed black;
	background-color:white;
	padding:10px;
	
	}
.midden {
    position: relative;
    width: 520px;

	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto; 	
	background-color:white;
	border:1px dashed black;
	z-index:1;
	text-align:left; 

	}
			
.links {
    position: relative;
    float:left;        
	margin-bottom: 10px;    
	width: 250px; 
	padding: 10px;
	z-index:3;	
}
.rechts {
	position: relative;
	float:right;
    width:150px;
	top: 10px;
	right: 0px;
    margin: 20px;
	padding: 10px;
}
.chordpropreview {
 	position: absolute;
	top: 0px;
	right: 0px;
	width: 400px; 
	margin: 20px;
	padding: 10px;
	border:1px dashed black;
	background-color:white;
	
	}
.editinhoud {
    position: relative;
    width: auto;

	padding: 10px;
	margin-top: 75px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px; 	
	background-color:white;
	border:1px dashed black;
	z-index:1;
	text-align:left; 

	}
		



input, select, input[type='password'], textarea {
 border: 1px dotted;
  padding: 2px;

}

input:focus, select:focus, input[type='password']:focus, textarea:focus {
  background: #fff;
  color: #000;
  border: 1px solid orange;
}
input:hover, select:hover, input[type='password']:hover, textarea:focus {
  background: #fff;
  color: #000;
  border: 1px solid orange;
  }