@charset "utf-8";
/* CSS Document */

html		
		{
		width: 100%;
		height: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

body
		{
		background-color:#fbfbde;
		width: 100%;
		height: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

#container
		{
		background: url(../IMG/weg.gif) right top no-repeat;
		font-family: Helvetica, sans-serif;
		font-size:15px;
		color:#423C2B;
		margin: 5px auto 5px auto;
		padding: 10px 10px 10px 10px;
		height: 705px;
		position: relative;
		}

h1		
		{
		font-size: 30px;
		font-weight: bold;
		}

h2		
		{
		font-size: 15px;
		font-weight: bold;
		}

/*******link**********************link*********************/

#Linkzeile	
		{
		position: relative;
		top: 10px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

#Linkzeile a
		{
		position: relative;
		display:inline-block;
		width:180px; height:105px
		}

#Linkzeile a span
		{
		display: none;
		}

a.links
		{ 
		background-image:url(../IMG/link.gif);
		}

a.index
		{ 
		background-image:url(../IMG/sun.gif);
		}

a.pics
		{ 
		background-image:url(../IMG/pics.gif);
		}

a.impressum
		{ 
		background-image:url(../IMG/at.gif);
		}

a.poems
		{ 
		background-image:url(../IMG/poems.gif);
		}

/*******main**********************main*********************/

#main		
		{
		background: transparent;
		position: relative;
		top: 10px;
		width: 50%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}


/*******srce**********************srce*********************/

div.Source		
		{
		font-size: 10px;
		margin: 5px 0px 10px 0px;
		}

/*******pics**********************pics*********************/

#fotobox
		{
		position: relative;
		width: 810px;
		top: 10px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}


#fotobox ul
		{
		list-style-type: none;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}


#fotobox a.Galerie span 
		{ 
		position: absolute; 
		width: 1px; 
		height: 1px; 
		top: -1px; 
		left: -1px; 
		overflow: hidden; 
		}

#fotobox a.Galerie, #fotobox a.Galerie:visited
		{
		display: block;
		border-style: none;
		margin: 0px 10px 0px 0px;
		height: 100px;
		width: 133px;
		float: left;
		}

#fotobox a.Galerie:hover span, #fotobox a.Galerie:focus span
		{
		display: block;
		position: absolute; 
		width: 800px; 
		height: 600px; 
		top: 123px; 
		left: 0px; 
		overflow: visible;
		}

#fotobox a.Galerie:hover span img, #fotobox a.Galerie:focus span img
		{
		border-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

#fotobox a.Paris_12:focus	{background: url(../IMG/Paris_12_tmb.jpg);}
#fotobox a.Flowers_12:focus	{background: url(../IMG/Flowers_12_tmb.jpg);}
#fotobox a.Bergen_12:focus	{background: url(../IMG/Bergen_12_tmb.jpg);}
#fotobox a.NewYork_12:focus	{background: url(../IMG/NewYork_12_tmb.jpg);}
#fotobox a.Berlin_13:focus	{background: url(../IMG/Berlin_13_tmb.jpg);}

#fotobox a.Paris_12	{background: url(../IMG/Paris_12_tmb2.jpg);}
#fotobox a.Flowers_12	{background: url(../IMG/Flowers_12_tmb2.jpg);}
#fotobox a.Bergen_12	{background: url(../IMG/Bergen_12_tmb2.jpg);}
#fotobox a.NewYork_12	{background: url(../IMG/NewYork_12_tmb2.jpg);}
#fotobox a.Berlin_13	{background: url(../IMG/Berlin_13_tmb2.jpg);}

#fotobox a.Paris_12:hover	{background: url(../IMG/Paris_12_tmb.jpg);}
#fotobox a.Flowers_12:hover	{background: url(../IMG/Flowers_12_tmb.jpg);}
#fotobox a.Bergen_12:hover	{background: url(../IMG/Bergen_12_tmb.jpg);}
#fotobox a.NewYork_12:hover	{background: url(../IMG/NewYork_12_tmb.jpg);}
#fotobox a.Berlin_13:hover	{background: url(../IMG/Berlin_13_tmb.jpg);}


/*******lnks**********************lnks*********************/

#linkbox
		{
		position: relative;
		width: 750px;
		top: 10px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

.lnks a
		{
		text-decoration: none;
		color:#423C2B;
		}

ul.lnks
		{
		float:left;
		list-style-type: none;
		position: relative;
		width: 200px;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		}


/*******poems*********************poems********************/

#poembox
		{
		position: relative;
		width: 910px;
		/**height: 690px;**/
		top: 10px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}


#poembox ul
		{
		list-style-type: none;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}


#poembox a.Gedichte span 
		{ 
		position: absolute; 
		width: 1px; 
		height: 1px; 
		top: -1px; 
		left: -1px; 
		overflow: hidden; 
		}

#poembox a.Gedichte, #poembox a.Gedichte:visited
		{
		display: block;
		border-style: none;
		margin: 0px 10px 0px 0px;
		height: 80px;
		width: 120px;
		float:left;
		}

#poembox a.Gedichte:hover span, #poembox a.Gedichte:focus span
		{
		display: block;
		position: absolute; 
		width: 900px; 
		height: 600px; 
		top: 90px; 
		left: 0px; 
		overflow: visible;
		}

#poembox a.Gedichte:hover span img, #poembox a.Gedichte:focus span img
		{
		border-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}


#poembox a.rossetti:focus	{background: url(../IMG/rossetti_tmb.jpg);}
#poembox a.akhmatova:focus	{background: url(../IMG/akhmatova_tmb.jpg);}
#poembox a.goethe:focus	{background: url(../IMG/goethe_tmb.jpg);}
#poembox a.sark:focus	{background: url(../IMG/sark_tmb.jpg);}
#poembox a.dickinson:focus	{background: url(../IMG/dickinson_tmb.jpg);}
#poembox a.poe:focus	{background: url(../IMG/poe_tmb.jpg);}
#poembox a.hofmannsthal:focus	{background: url(../IMG/hofmannsthal_tmb.jpg);}

#poembox a.rossetti	{background: url(../IMG/rossetti_tmb2.jpg);}
#poembox a.rossetti:hover	{background: url(../IMG/rossetti_tmb.jpg);}

#poembox a.akhmatova	{background: url(../IMG/akhmatova_tmb2.jpg);}
#poembox a.akhmatova:hover	{background: url(../IMG/akhmatova_tmb.jpg);}

#poembox a.goethe	{background: url(../IMG/goethe_tmb2.jpg);}
#poembox a.goethe:hover	{background: url(../IMG/goethe_tmb.jpg);}

#poembox a.sark		{background: url(../IMG/sark_tmb2.jpg);}
#poembox a.sark:hover	{background: url(../IMG/sark_tmb.jpg);}

#poembox a.dickinson	{background: url(../IMG/dickinson_tmb2.jpg);}
#poembox a.dickinson:hover	{background: url(../IMG/dickinson_tmb.jpg);}

#poembox a.poe	{background: url(../IMG/poe_tmb2.jpg);}
#poembox a.poe:hover	{background: url(../IMG/poe_tmb.jpg);}

#poembox a.hofmannsthal	{background: url(../IMG/hofmannsthal_tmb2.jpg);}
#poembox a.hofmannsthal:hover	{background: url(../IMG/hofmannsthal_tmb.jpg);}