body {
	font: 62.5%/1.6em Georgia, "Times New Roman", Times, serif; 
	background: #000000; 
	text-align: center;
	}

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	}


a img { border: none; }

a { 
	color: #eeddcc;
	text-decoration: none;
	font-weight: bold;
}
a:hover { 
	text-decoration: underline;
}

strong
{
	font-weight: bold;
}

#flash
{
	width: 820px;
	height: 820px;
	margin: 0 auto;
}

#wrap
{
	width: 100%;
	background: #000000 url(/img/schreibtisch_1.jpg) center top no-repeat;
}

#briefe
{
	list-style-type: none;
}
#briefe li
{
	position: absolute;
	left: 50%;
}
#briefe li a
{
	display: block;
}
#briefe li a:hover
{
	bborder: 1px solid yellow;
}
#briefe li a span
{
	display: none;
	cursor: pointer;
}


#briefe li#brief1 { margin-left: -486px; top: 134px; background: url(/img/brief1o.gif) left top no-repeat; }
#briefe li#brief1 a { width: 75px; height: 124px; background: url(/img/brief1.gif) left top no-repeat; }
#briefe li#brief1 a:hover { background: url(/img/brief1o.gif) left top no-repeat; }

#briefe li#brief2 { margin-left: 408px; top: 233px; background: url(/img/brief2o.gif) left top no-repeat; }
#briefe li#brief2 a { width: 87px; height: 111px; background: url(/img/brief2.gif) left top no-repeat; }
#briefe li#brief2 a:hover { background: url(/img/brief2o.gif) left top no-repeat; }

#briefe li#brief3 { margin-left: -478px; top: 205px; background: url(/img/brief3o.gif) left top no-repeat; }
#briefe li#brief3 a { width: 67px; height: 107px; background: url(/img/brief3.gif) left top no-repeat; }
#briefe li#brief3 a:hover { background: url(/img/brief3o.gif) left top no-repeat; }

#briefe li#brief4 { margin-left: 408px; top: 283px; background: url(/img/brief4o.gif) left top no-repeat; }
#briefe li#brief4 a { width: 77px; height: 147px; background: url(/img/brief4.gif) left top no-repeat; }
#briefe li#brief4 a:hover { background: url(/img/brief4o.gif) left top no-repeat; }

#briefe li#brief5 { margin-left: -483px; top: 405px; background: url(/img/brief5o.gif) left top no-repeat; }
#briefe li#brief5 a { width: 76px; height: 116px; background: url(/img/brief5.gif) left top no-repeat; }
#briefe li#brief5 a:hover { background: url(/img/brief5o.gif) left top no-repeat; }

#briefe li#brief6 { margin-left: 408px; top: 363px; background: url(/img/brief6o.gif) left top no-repeat; }
#briefe li#brief6 a { width: 82px; height: 122px; background: url(/img/brief6.gif) left top no-repeat; }
#briefe li#brief6 a:hover { background: url(/img/brief6o.gif) left top no-repeat; }

#briefe li#brief7 { margin-left: -477px; top: 443px; background: url(/img/brief7o.gif) left top no-repeat; }
#briefe li#brief7 a { width: 66px; height: 115px; background: url(/img/brief7.gif) left top no-repeat; }
#briefe li#brief7 a:hover { background: url(/img/brief7o.gif) left top no-repeat; }

#briefe li#brief8 { margin-left: 409px; top: 433px; background: url(/img/brief8o.gif) left top no-repeat; }
#briefe li#brief8 a { width: 78px; height: 116px; background: url(/img/brief8.gif) left top no-repeat; }
#briefe li#brief8 a:hover { background: url(/img/brief8o.gif) left top no-repeat; }

#briefe li#brief9 { margin-left: -483px; top: 235px; background: url(/img/brief9o.png) left top no-repeat; }
#briefe li#brief9 a { width: 72px; height: 127px; background: url(/img/brief9.png) left top no-repeat; }
#briefe li#brief9 a:hover { background: url(/img/brief9o.png) left top no-repeat; }

#briefe li#brief10 { margin-left: 408px; top: 133px; background: url(/img/brief10o.png) left top no-repeat; }
#briefe li#brief10 a { width: 83px; height: 135px; background: url(/img/brief10.png) left top no-repeat; }
#briefe li#brief10 a:hover { background: url(/img/brief10o.png) left top no-repeat; }

#briefe li#brief11 { margin-left: -477px; top: 513px; background: url(/img/brief11o.png) left top no-repeat; }
#briefe li#brief11 a { width: 66px; height: 115px; background: url(/img/brief11.png) left top no-repeat; }
#briefe li#brief11 a:hover { background: url(/img/brief11o.png) left top no-repeat; }

#briefe li#brief12 { margin-left: 408px; top: 510px; background: url(/img/brief12o.png) left top no-repeat; }
#briefe li#brief12 a { width: 77px; height: 147px; background: url(/img/brief12.png) left top no-repeat; }
#briefe li#brief12 a:hover { background: url(/img/brief12o.png) left top no-repeat; }

#briefe li#brief13 { margin-left: -478px; top: 313px; background: url(/img/brief13o.png) left top no-repeat; }
#briefe li#brief13 a { width: 67px; height: 113px; background: url(/img/brief13.png) left top no-repeat; }
#briefe li#brief13 a:hover { background: url(/img/brief13o.png) left top no-repeat; }




#briefe li#vier
{
	margin-left: -477px;
	top: 178px;
	width: 65px;
	height: 70px;
}

#briefe li#fuenf
{
	margin-left: -477px;
	top: 178px;
	width: 65px;
	height: 70px;
}

#briefe li#sechs
{
	margin-left: -477px;
	top: 178px;
	width: 65px;
	height: 70px;
}

#briefe li#sieben
{
	margin-left: -477px;
	top: 178px;
	width: 65px;
	height: 70px;
}

#briefe li#acht
{
	margin-left: -477px;
	top: 178px;
	width: 65px;
	height: 70px;
}

#briefe li#neun
{
	margin-left: -477px;
	top: 178px;
	width: 65px;
	height: 70px;
}

#briefe li#zehn
{
	margin-left: -477px;
	top: 178px;
	width: 65px;
	height: 70px;
}

#briefe li#elf
{
	margin-left: -477px;
	top: 178px;
	width: 65px;
	height: 70px;
}

#briefe li#zwoelf
{
	margin-left: -477px;
	top: 178px;
	width: 65px;
	height: 70px;
}

#briefe li#dreizehn
{
	margin-left: -477px;
	top: 178px;
	width: 65px;
	height: 70px;
}


#navigation
{
	border-bottom: 1px solid #eeddcc;
}

a.impressum
{
	float: right;
	display: inline;
}



/* */

#imprintbar {
	width:100%;
	background: transparent url(/img/bg_imprint.gif);
	height:40px;
	text-align: left;
	margin-top: -30px;
	font-size: 1.2em;
	line-height: 1.6em;
}	

#imprintbar * {
	color: #eeddcc;
}	

#imprintbar p {
	padding-left: 30px;
	position: relative;
}	
#imprintbar h1 {
	margin-bottom: 1em;
	font-size: 1.1em;
}	

#imprintbar #arrow {
	background: transparent url(/img/ipf1.gif) no-repeat;
	height:7px;
	width:13px;
	clear: left;
	float: left;
	display: inline;
	margin-top: 2px;
	margin-left: 9em;
}	

#impressum {
	width:100%;
	background: transparent url(/img/bg_imprint2.gif) repeat-x;
	display:none;
	text-align: left;
	margin-top: 20px;
	border-bottom: 1px solid #998877;
}	

#impressum .content {
	padding:20px 120px 60px 120px;
}

#absender {
	width:100%;
	background: #3e2c1f url(/img/bg_imprint2.gif) repeat-x;
	display:none;
	text-align: left;
	margin-top: 20px;
	padding-bottom: 40px;
	border-bottom: 1px solid #998877;
}	

#absender .content {
	padding:20px 20px 60px 20px;
}

#absender .content .bild {
	float: right;
	display: inline;
	margin: 0 0 1em 1em;
	font-size: 0.8em;
	text-align: right;
}
#absender .content .bild img{
	margin-bottom: 0.5em;
	height: 180px;
}

#linie
{
	float: left;
	display: inline;
	border-right: 1px dotted #998877;
	width: 1px;
	height: 500px;
	margin: 0 15px;
}
#jens
{
	float: left;
	display: inline;
	width: 295px;
}
#holger
{
	float: left;
	display: inline;
	width: 270px;
}
#erdenstern
{
	float: left;
	display: inline;
	width: 335px;
}