body {
	background	: url(design/bg.jpg) fixed;
	font		: 14px "Times New Roman", Helvetica, Arial;
	color		: #393939;
	line-height	: 21px;
	margin		: 0px;
	padding		: 0px;
}

#shadow {
	position	: fixed;
	width		: 100%;
	height		: 117px;
	background	: url(design/shadow.png) repeat-x;
	z-index		: -2;
}


#bright {
	background	: url(design/bright.png) no-repeat;
	position	: fixed;
	width		: 700px;
	height		: 200px;
	bottom		: 0;
	right		: 0;
	z-index		: -1;
}


/* --------  Navi -------- */

#topmenu {
	background	: url(design/topmenu2.png) no-repeat;
	position	: absolute;
	top		: 46px;
	width		: 850px;
	height		: 104px;
	right		: 13%;
	margin-right	: -125px;
}



#navi {
	position	: absolute;
	top		: 52px;
	left		: 175px;
}

#navi a {
	font		: 11px Helvetica, Arial;
	color		: #393939;
	text-decoration	: none;
	margin		: 1px 10px 1px 0;
	padding		: 1px 3px;
}

#navi a.selected, #navi a:hover {
	border-top	: 1px solid #8D9283;
	border-bottom	: 1px solid #8D9283;
	color		: #000000;
}




#icon {
	float		: right;
	position	: absolute;
	top		: 47px;
	right		: 168px;
}

#icon a {
	border		: 0;
	margin		: 1px;
	padding-left	: 1px;
}

#icon a img {
	border		: 0;
}

#icon a:hover img {
	border		: 1px solid #425263;
	padding		: 1px;
	margin		: -2px;
}







/* --------  Main Content Box -------- */

#main {
	background	: #F5F5F5;
	position	: absolute;
	top		: 150px;
	width		: 600px;
	min-height	: 100%;
	right		: 13%;


}

#left {
	position	: absolute;
	margin-left	: -125px;
	width		: 125px;
	height		: 100%;
	background	: url(design/edge-left.png) repeat-y;
}

#right {
	position	: absolute;
	margin-left	: 600px;
	width		: 125px;
	height		: 100%;
	background	: url(design/edge-right.png) repeat-y;
}



#content {
	background	: #F5F5F5;
	padding		: 10px 80px 130px 40px;
}

#content-long {
	background	: #F5F5F5;
	padding		: 10px 40px 130px 40px;
}




/* --------  Journal und Links -------- */

#journal {
	position	: absolute;
	top		: 40px;
	left		: 495px;
	list-style-type	: none;
	font		: 10px Helvetica, Arial;
}

a.journalselect {
	text-decoration : none;
	color		: #8D9283;
}

#devbook {
	list-style-type	: none;
	margin		: 0;
	padding		: 0;
	position	: absolute;
	bottom		: 0px;
	right		: 25px;
	width		: 54px;
	height		: 84px;
}

#devbook li {
	background	: transparent;
	display		: inline;
	padding		: 0;
	margin		: 0;
}

#devbook li a {
	background	: transparent url(gallery/icon/devart.png);
	display		: block;
	height		: 21px;
	width		: 54px;
	outline		: none;
}

#devbook li a span {
	display		: none;
}

#devart a:link, #devart a:visited, #devart a:active {
	background-position	: 0 0;
}

#devart a:hover {
	background-position	: 0px -42px;
}

#fb a:link, #fb a:visited, #fb a:active {
	background-position	: 0 -21px;
}

#fb a:hover {
	background-position	: 0px -63px;
}

.links {
	text-align	: justify;
	margin-right	: 170px;
}

.links a {
	color		: #a41818;
}

.links a:hover {
	color		: #8D9283;
}





/* --------  Content Design -------- */

h1 {
	font		: 20px "Times New Roman", Helvetica, Arial;

}

h1 span {
	color		: #a41818;
	font-size	: 85%;
}

h2 {
	font		: 11px "Times New Roman", Helvetica, Arial;
	color		: #a4a4a4;
	margin		: -11px 0 7px 0px;
}

h3 {
	font		: 16px "Times New Roman", Helvetica, Arial;
	color		: #a41818;
}

a {
	color		: #393939;
	text-decoration	: none;
	font-style	: italic;
}

a:hover {
	color		: #8D9283;
}

.gallery img {
	padding		: 15px 30px;
	border		: none;
}

.gallery img:hover {
	padding		: 14px 29px;
	border		: 1px solid #8D9283;
}

.just {
	text-align	: justify;
}

.center {
	text-align	: center;
}

.detail {
	padding		: 3px;
	border		: none;
}

.detail:hover {
	padding		: 2px;
	border		: 1px solid #8D9283;
}

.iconbox {
	text-align	: left;
	margin		: -1px 0 -12px 0;
}

.icon {
	padding		: 2px;
	border		: none;
}

.icon:hover {
	padding		: 1px;
	border		: 1px solid #8D9283;
}

.space {
	margin		: 50px;
}

.inforight {
	font		: 10px Helvetica, Arial;
	text-align	: right;
}

.infoleft {
	font		: 10px Helvetica, Arial;
	text-align	: left;
}

.infocenter {
	font		: 10px Helvetica, Arial;
	text-align	: center;
}

.se {
	float		: right;
	margin		: -10px 75px 0 0;
}

.zitat {
	font		: 12px "Times New Roman", Helvetica, Arial;
	text-align	: justify;
	margin		: 20px;
}

.zitat-est {
	font		: 12px "Times New Roman", Helvetica, Arial;
	text-align	: justify;
	margin		: 0 50px 50px 20px;
}

.coffee {
	background	: url(watermark/coffee.png);
	position	: absolute;
	top		: 70%;
	right		: 130px;
	width		: 150px;
	height		: 150px;

}





/* --------  Gallery Image Design -------- */

.leviathan {
	border		: none;
	margin-bottom	: -35px;
}

.zahir {
	border		: none;
	margin-bottom	: -7px;
}

.divenire {
	border		: none;
	margin		: -40px 0 -55px 0;
}

.requiem {
	border		: none;
	margin-bottom	: -10px;
}

.inizio {
	float		: right;
	border		: none;
	margin		: 0 0 -5px -5px;
}

.aeria {
	border		: none;
	margin-bottom	: -15px;
}

.neptun {
	float		: right;
	border		: none;
	margin-left	: 20px;
}

.klangritter {
	border		: none;
	margin-bottom	: -5px;
}

.schattenritter {
	float		: right;
	border		: none;
	margin		: 0 0 -14px 20px;
}

.resurrectio {
	float		: right;
	border		: none;
	margin-left	: 10px;
}

.seelenkuss {
	border		: none;
	margin-bottom	: -35px;
}

.sturmsee {
	border		: none;
	margin		: 0 0 -25px -20px;
}

.photo {
	border		: none;
	margin-bottom	: -5px;
}