/***************************************************
     AUTHOR: Liliana Demir ( enteringeternity.de )
   TEMPLATE: Pegasus' Traum
       DATE: 08.09.2006
  COPYRIGHT: yes
 ***************************************************/


/***************************************************
   HTML Element Styles
 ***************************************************/

	body
	{
		margin: 0;
		padding: 0;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		color: #000000;
		background-color: #ffffff;
		background:url(http://www.pegasustraum.de/serendipity/bgbg.jpg);
	}

	#container
	{
		margin: 0px;
		width: 750px;
		text-align: left;
		background-color: #ffffff;
		border: 1px solid #99cdff;
		padding: 0px;
	}

	#header
	{
		background-color: #ffffff;
		background:url(http://www.pegasustraum.de/serendipity/bg.jpg) 0% 0% repeat-x;
		position: relative;
		padding: 0px;
	}

	#mainnav
	{
		background-color: #ffffff;
		background-image:url(http://www.pegasustraum.de/serendipity/menue.jpg);
		background-repeat:no-repeat;
		width: 100%;
		height: 110px;
		
	}

	#menu
	{
		float: left; width: 180px;
		border-right: 1px solid #99cdff;
		margin-left: 20px;
		background-color: #ffffff;
	}

	#contents
	{
		margin: 0 0 0 250px;
		min-height:350px;
		background:url(http://www.pegasustraum.de/serendipity/randbg.jpg);
		background-position:right bottom;
		background-repeat:no-repeat;
		
	 }

	#footer
	{
		margin-left: 0px;
		clear: both;
		color: #ffffff;
		background-color: #99cdff;
		text-align: right;
		padding: 0px;
		font-size: 90%;
	}

/***************************************************
   Text Element Styles
 ***************************************************/

	#container
	h1
		{ font: 200% georgia, times, "times new roman", serif; }
	h2
	{
		font: 130% georgia, times, "times new roman", serif;
		color: #99cdff;
	}
	h3
		{ font: 110% georgia, times, "times new roman", serif; }
	p
		{ font-size: 100%; }
	ul
		{ font-size: 90%; }
	ul ul
		{ font-size: 100%; }
	a:link
		{ color: #99cdff; }
	a:visited
		{ color: #000000; }
	
	a:hover, a:active
	{
		color: #fff;
		background-color: #99cdff;
	}

/***************************************************
   Title Element Styles
 ***************************************************/

#title
	{
		text-align: center;
		color: #99cdff;
		position: absolute;
		right: 30px;
		top: 50px;
	}

/***************************************************
   Navbar Element Styles
 ***************************************************/

	#mainnav ul
	{
		margin: 0 0 0 370px;
		padding: 0px;
		list-style-type: none;
		border-left: 1px solid #99cdff;		
	}
	
	#mainnav li
	{
		display: inline;
		padding: 0 10px;
		border-right: 1px solid #99cdff;
	}
	
	#mainnav li a
	{
		text-decoration: none;
		color: #000000;
	}
	
	#mainnav li a:hover
	{
		text-decoration: none;
		color: #fff;
		background-color: #99cdff;
	}
	
/***************************************************
   Menu Element Styles
 ***************************************************/
#menu ul
	{
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
		line-height: 165%;
	}

/***************************************************
   Contents Element Styles
 ***************************************************/
	#contents
	p
		{ line-height: 165%; }
	
	.imagefloat
		{
		float: right;
		padding: 2px;
		border: 1px solid #99cdff;
		margin: 0 0 10px 10px;
		}

/* IE FIXes? */
/* Phantomzeile zwischen den header-Bildern weg mit IE */
#header img
{
  display: block;
}

/* Bildpositionierung unten - fixe Hoehen fuer Textbereich */
#contents p:last-child
{
  display: inline;
}

#contents
{
  height: 600px;
}

#container
{
  margin: 0 auto;
  width: 800px !important;
}