#image_canvas {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 400px;
	height: 225px;
	background: white;
	border: 0px;
}

#imagePalette {
	position: absolute;
	top: 80px;
	left: 190px;
	width: 420px;
	background: rgba(204,204,204,0.7);
	box-shadow: 7px 7px 7px #324;
	border: #999 solid 1px;
	border-radius: 14px;
	display: none;
	visibility: hidden;
}

#imageframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 450px;
	background: url(../images/back_aardvark1200x675.jpg);
	background-size: 100%;
	border: #999 0px solid;
	overflow: hidden;
	display: none;
	visibility: hidden;
}

#image_capture_mouse_events {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 450px;
	background: transparent;
	overflow: hidden;
}

#canvasPalette {
	float: right;
	width: 280px;
	height: 255px;
	margin: 5px;
}
#img_linewidth {
	float: right; 
	margin: 3px;
	border-radius: 14px;
}
#colorboxes {
	float: right;
	margin: 3px;
	border-radius: 14px;
	border: #999 1px solid;
	overflow: hidden;
	width: 50px;
	height: 50px;
}
#image_sidebar_left {
	position: absolute;
	width: 65px;
	top: 5px;
	left: -1px;
	height: 440px;
	border-radius: 14px;
	border: #999 1px solid;
	background: rgba(204,204,204,0.7);
}
#image_sidebar_right {
	position: absolute;
	width: 65px;
	top: 5px;
	left: 735px;
	height: 440px;
	border-radius: 14px;
	border: #999 1px solid;
	background: rgba(204,204,204,0.7);
}
#image_sidebar_bottom {
	position: absolute;
	left: 75px;
	top: 385px;
	border-radius: 14px;
	border: #999 1px solid;
	background: rgba(204,204,204,0.7);
	width: 650px;
	height: 65px;
}

.inaktive {
	font-weight: normal;
	background: #ccc;
	/*color: #00d;*/
}
.aktive {
	font-weight: bold;
	background: #393;
	color: #fff;
}

a.inaktive {
	font-weight: normal;
	background: #ccc;
	/*color: #00d;*/
}
a.aktive {
	font-weight: bold;
	background: #393;
	color: #fff;
}