<style type="text/css">

html {
	margin: 0px;
	padding: 0px;
}

img.displayed {    display: block;    margin-left: auto;    margin-right: auto }

img.displayed2 {    	display: block;    	margin-left: auto;    	margin-right: auto;	border: 10px solid white; }



/*--( the layer that contains the top image )------------------------------------- */

.topcontainerCls {
	position: absolute;
	width: 900px;
	left: 50%;
	margin-left: -460px; 
	border: 10px solid rgb(50, 50, 50);
}

#Navigation {    width: 900px; height: 450px;    background: url("http://clockinkspiel.net/eisen/picts/navigation2.jpg");    margin: 0px; padding: 0;    position: relative;}	#Navigation span {display: none;}#Navigation ul {list-style-type: none;}#Navigation li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}#Navigation li, #Navigation a {height: 450px; display: block;}  #blog {left: 0px; width: 180px;}  #intro {left: 180px; width: 180px;}  #photos {left: 360px; width: 180px;}  #projects {left: 540px; width: 180px;}  #exit {left: 720px; width: 180px;}    #blog a:hover {background: transparent url("http://clockinkspiel.net/eisen/picts/navigation2.jpg") 0px -450px no-repeat;}  #intro a:hover {background: transparent url("http://clockinkspiel.net/eisen/picts/navigation2.jpg") -180px -450px no-repeat;}  #photos a:hover {background: transparent url("http://clockinkspiel.net/eisen/picts/navigation2.jpg") -360px -450px no-repeat;}  #projects a:hover {background: transparent url("http://clockinkspiel.net/eisen/picts/navigation2.jpg") -540px -450px no-repeat;}  #exit a:hover {background: transparent url("http://clockinkspiel.net/eisen/picts/navigation2.jpg") -720px -450px no-repeat;}  




/*--( the layer that contains the main texts )------------------------------------- */

.bottomcontainerCls {
	position: absolute;
	margin-top: 445px;
	width: 920px;
	left: 50%;
	margin-left: -460px; 
}




/*--( the first entry with the biggest fonts  )------------------------------------- */

.canvasDiv {
	position: relative;
	left: 0px;
	top: 0px;	
	width: 530px;
	border: 10px solid rgb(50, 50, 50);
	padding: 0px;	background-color: rgb(80, 80, 80);
}

.mainBoxDiv {
	position: relative;
	top: 0px;
	left: 0px;
	width: 520px;
	background-image: url("http://clockinkspiel.net/eisen/picts/back.jpg");
	background-repeat: no-repeat;
	background-color: black;
	padding: 5px;
}

.titleTextDiv {
	position: relative;
	width: 430px;
	height: 2em;
	left: 86px;
	top: 15px;
	padding: 4px;
	background-image: url("http://clockinkspiel.net/eisen/picts/titleTextDiv.jpg");
	background-repeat: repeat-x;
}

.dateTextDiv {
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: right;
}

.mainBoxDiv h1 {
	font-family: 'Trebuchet MS', 'Lucida Grande';
	font-size: 1.5em; line-height: 1.5em; margin: 0 0 4px 0;	font-weight: normal;	color: rgb(40, 140, 250);
	text-decoration: none;
}

.mainBoxDiv h2 {
	font-family: 'Trebuchet MS', 'Lucida Grande';
	font-size: 1em; line-height: 1em; margin: 0 0 0 0;	font-weight: normal;	color: rgb(67,67,67);
	text-decoration: none;
}

.mainBoxDiv h2 a {	font-weight: normal;
	color: rgb(67,67,67);
	text-decoration: none;
}

.mainBoxDiv h2 a:hover {	font-weight: normal;
	color: black;
	text-decoration: none;
	background-color: rgb(137,137,137);
}


.mainBoxDiv h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.8em; line-height: 1.2em; margin: 0 0 4px 0;	font-weight: normal;	color: rgb(210,210,210);
	text-decoration: none;
}

.mainBoxDiv h3 a {	font-weight: normal;
	text-decoration: none;	background-color: transparent;	border-bottom-width: 1px;	border-left-width: 0px;	border-right-width: 0px;	border-top-width: 0px;	border-style: dashed;
	color: rgb(40,140,250);
}

.mainBoxDiv h3 a:visited {	font-weight: normal;
	text-decoration: none;	background-color: transparent;	border-bottom-width: 1px;	border-left-width: 0px;	border-right-width: 0px;	border-top-width: 0px;	border-style: dashed;
	color: rgb(40, 140, 250);
}


.mainBoxDiv h3 a:hover {	font-weight: normal;	text-decoration: none;	background-color: rgb(40,140,250);	border-bottom-width: 1px;	border-left-width: 0px;	border-right-width: 0px;	border-top-width: 0px;	border-style: solid;
	color: black;
}

.bottomTextDiv {
	position: relative;
	width: 500px;
	height: 2em;
	left: 5px;
	margin-top: 20px;
	padding: 4px;
	background-image: url("http://clockinkspiel.net/eisen/picts/titleTextDiv.jpg");
	background-repeat: repeat-x;
}

.bottomTextDiv h1 a {
	font-family: 'Trebuchet MS', 'Lucida Grande';
	font-size: 1em; line-height: 1.5em; margin: 0 0 4px 0;	font-weight: normal;	color: rgb(40, 140, 250);
	text-decoration: none;
}

.bottomTextDiv h1 a:hover {
	font-family: 'Trebuchet MS', 'Lucida Grande';
	font-size: 1em; line-height: 1.5em; margin: 0 0 4px 0;	font-weight: normal;	color: white;
	text-decoration: none;
}




/*--( the side layers that has smaller fonts )------------------------------------- */

.rightColumn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 340px;
}
.smallBoxDiv {	position: relative;
	width: 310px;
	border: 10px solid rgb(50, 50, 50);
	background-image: url("http://clockinkspiel.net/eisen/picts/smallbox.jpg");
	background-repeat: repeat-x;
	background-color: black;
	padding: 5px;
	margin-top: -10px;}

.spacefiller {
	position: relative;
	width: 300px;
	height: 10px;
}

.smallBoxDiv .titleTextDiv {
	position: relative;
	width: 300px;
	height: 1.5em;
	left: 0px;
	margin-top: -15px;
	padding: 6px;
	background-image: url("http://clockinkspiel.net/eisen/picts/titleTextDiv.jpg");
	background-repeat: repeat-x;
	top: 15px;
}

.smallBoxDiv .excerptTextDiv {
	position: relative;
	width: 270px;
	height: 1.5em;
	left: 50px;
	padding: 4px;
	margin-top: 20px;
}

.smallBoxDiv .dateTextDiv {
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-align: right;
	margin-top: 0px;
}

.smallBoxDiv h1 {
	font-family: 'Trebuchet MS', 'Lucida Grande';
	font-size: 1em; line-height: 1.75em; margin: 0 0 4px 0;	font-weight: normal;	color: rgb(40, 140, 250);
	text-decoration: none;
}

.smallBoxDiv h2 {
	font-family: 'Trebuchet MS', 'Lucida Grande';
	font-size: 0.75em; line-height: 1em; margin: 0 0 0 0;	font-weight: normal;	color: rgb(67,67,67);
	text-decoration: none;
}

.smallBoxDiv h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.75em; line-height: 1.4em; margin: 0 0 4px 0;	font-weight: normal;	color: rgb(40, 140, 250);
	text-decoration: none;
}

.smallBoxDiv h1 a {
	font-family: 'Trebuchet MS', 'Lucida Grande';
	font-size: 1em; line-height: 1.75em; margin: 0 0 4px 0;	font-weight: normal;	color: rgb(40, 140, 250);
	text-decoration: none;
}

.smallBoxDiv h1 a:hover {
	font-family: 'Trebuchet MS', 'Lucida Grande';
	font-size: 1em; line-height: 1.75em; margin: 0 0 4px 0;	font-weight: normal;	color: black;
	text-decoration: none;
	background-color: rgb(40,140,250);
}

.smallBoxDiv h2 a {	font-weight: normal;
	color: rgb(67,67,67);
	text-decoration: none;
}

.smallBoxDiv h2 a:hover {	font-weight: normal;
	color: rgb(137,137,137);
	text-decoration: none;
}

.smallBoxDiv h3 a {	font-weight: normal;
	text-decoration: none;	background-color: transparent;	border-bottom-width: 1px;	border-left-width: 0px;	border-right-width: 0px;	border-top-width: 0px;	border-style: dashed;
	color: rgb(40, 140, 250);
}

.smallBoxDiv h3 a:hover {	font-weight: normal;	text-decoration: none;	background-color: transparent;	border-bottom-width: 1px;	border-left-width: 0px;	border-right-width: 0px;	border-top-width: 0px;	border-style: solid;
	color: rgb(40, 140, 250);
}

.smallBoxDiv .bottomTextDiv {
	position: relative;
	width: 290px;
	height: 0.8em;
	left: 5px;
	margin-top: 10px;
	padding: 4px;
	background-image: none;
	background-repeat: repeat-x;
}

.specialhighlight {
	font-color: gray;
}

h4 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.75em; line-height: 1.2em; margin: 0 0 4px 0;	font-weight: normal;	color:  rgb(210,210,210);
	text-decoration: none;
}


</style>