@charset "utf-8";

pre  {
	display: block;
	padding: 12px 20px;
    width: 90%;
	margin: 0 auto 14px auto;
	border: 2px solid #e5e5e5;
	background: #f5f5f5;
	overflow: visible;
		
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: bold;
	
		white-space: -moz-pre-wrap;  AUTO LINE-BREAK VED KOMMA PUNKTUM OG ANDRE TEGN
		white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;  IE - AUTO LINE-BREAK 
}

/* HTML og CSS */
pre .regexp {
	color: #990000;
}
pre .support { /* LIGHEDSTEGN */
	color: #990000;
}
pre .comment { 
	color: green; /* KOMMENTARER */
}


/* HTML */
pre .attribute, pre .variable { /* id, SRC  */
	color: #990000;
}
pre .string, pre .support.value { /* INDHOLD OMKRANSET AF " " */
	color: #009;
}
pre .tag-name { /* ALLE ELEMENTER */
	color: #35495E;
	font-weight: bold;
}


/* CSS */
pre .entity.id, pre .entity.class, pre .tag, pre .entity.function { /* id OG CLASS -elementer */
	color: #35495E;
	font-weight: bold;
}
pre .css-property, pre .vendor-prefix, pre .support.namespace { /* PROPERTIES */
	color: #506f8e;
}
pre .constant.numeric, pre .keyword.unit, pre .hex-color, pre .css-value { /* ALLE CSS-VÆRDIERE - TAL + BOGSTAVER  */
	color: #CC6633;
}
pre .tag { /* CSS - ELEMENTERNE UDEN CLASS / ID --- HTML - TAG'ETS TÆNDER  */
	color: #35495E;
	font-weight: bold;
}