div.thickborder {
border : 5px solid Black;
	padding : 5px;
}

div#logga {
  position:absolute;
  left: 10px;
  top: 10px;
  right : 10px;
  height: 60px;
  color:black;
  background:black;
}

div#menu1 {
  position: absolute;
  left: 10px;
  top: 100px;
  width: 140px;
  height: auto;
}

div#menu2 {
  position: absolute;
  left: 10px;
  top: 100px;
  width: 140px;
  height: auto;
  background-color : black;
}

div#menu2 a:link, div#menu2 a:active, div#menu2 a:visited {
	color : yellow;
	font : italic bolder larger;
	font-stretch : wider;
}

div.thickborder#menu2{
	border-color : yellow;
}
div#content {
  position: absolute;
  left: 180px;
  top: 100px;
  right : 10px;
  min-width : 450px;
  height: auto;
}

div.elements, div.example, div.element-values {
	color: black;
	padding: 4px;
	border:solid black 2px;
}

div.elements {
     background-color: yellow;
}

div.example {
     background-color: Lime;
}

div.element-values {
    background-color: Silver;
}

caption {
  text-align: center;
}

.element {
  font-weight: bold;
}

span.defvalue {
  color: black;
  background: white;
}

td {
  vertical-align: top;
}

#fontexempel {
  font: italic small-caps bolder 24pt Courier, serif;
}

#textexempel1 {
  letter-spacing: -3px;
  word-spacing: -1px;
  line-height: normal;
  text-align: left;
  text-decoration: underline line-through;
  text-indent: 10px;
  text-transform: uppercase;
  white-space: inherit;
  text-shadow: yellow 5px 5px 5px;
}

#textexempel2 {
  letter-spacing: 3px;
  word-spacing: 1px;
  line-height: normal;
  text-align: center;
  text-decoration: overline line-through;
  text-indent: 10px;
  text-transform: lowercase;
  white-space: inherit;
}

#listorexempel1 {
  list-style: square inside;
}

#listorexempel2 {
  list-style: square url("./star.gif");
}

span.fargklass1 {
	color: navy;
}

span.fargklass2 {
	color: #ff3300;
}

div.area {
    height: 100px;
    width: 100px;
	background-color : black;
	color : white;
	margin: 5px;
}

#synlighetsexempel1 {
  clip: rect(10px, 70px, 70px, 10px);
  position: absolute;
}

#synlighetsexempel2 {
  visibility: hidden;
}

#synlighetsexempel3 {
  overflow: scroll;
}

div#bakgrundexempel1 {
	background: #9ACD32 url(./bg.gif) center center repeat-y;
	overflow : scroll;
}

div#bakgrundexempel2 {
	background: fixed Aqua url(./bg.gif) center  ;
	overflow : scroll;
}

div.marginexample0 {
	background-color: aqua;
	color: black;
	margin:10px;
	padding: 1px;
}

p#marginexample1 {
	margin: 0.5cm 1cm 2cm 4cm ;
	background-color : black;
	color : yellow;
}

p#marginexample2 {
	margin: 4cm 2cm 1cm 0.5cm ;
	background-color : black;
	color : yellow;
}

div#borderexample1 {
	border-color: #0000CD #00CC99 #CC3300 #FFCC00;
	border-style: dotted dashed double groove;
	border-width : thin medium thick 1ex;
	margin: 1cm;
}

span#outlineexample1 {
	outline: fuchsia ridge 3px;
}

div#paddingexample1{
	padding : 1cm 2cm 3cm 4cm;
	border: black solid thin;
	margin: 1cm;
}

table.tabellexempel1 {
	table-layout: auto;
	border-spacing: 10px 5px;
	caption-side: left;
	empty-cells: show;
	border-collapse: separate;
	margin: 5mm;
}

p#storlekexempel{
	width : 150px;
	max-width : 150px;
	min-width : 150px;
	height: 100px;
	max-height: 100px;
	min-height : 100px;
	line-height : 200%;
	border: solid black thin;
	margin: 5mm;
}

span#storlekexempel2 {
	vertical-align : sub;
}

span#storlekexempel3 {
	vertical-align: super;
}

#positionexempel11, #positionexempel12, #positionexempel13 {
	float: right;
}

#positionexempel2 {
	clear: left;
}

#positionexempel3 {
	clear: right;
}

#positionexempel4a , #positionexempel5a, #positionexempel5b {
	position: relative;
	border: yellow solid 1px;
	z-index : 2;
}

#positionexempel5a {
	z-index : 1;
	left : 40px;
	top: -60px;
	border-color : red;
}

#positionexempel5b {
	z-index : 3;
	left : -80px;
	top: 60px;
	border-color : red;
}

div#ovrigtexempel1 {
	cursor: crosshair;
}