/*
* style.css for quignon.de
* by Richard Quignon. 2008
*
* Color: blue
*/

/* main text style: * ist for all text within document valid */

body		{
		margin: 0;
		padding: 0;
		background: #FFFFFF url(images/bg_blue.jpg) repeat-x;
		font: normal 12px Tahoma, Arial, sans-serif;
		color: #333333;
		}

h1, h2		{
		margin: 0;		
		padding: 0;
		color: #7878CF;
		font-size: 15px;
		}
		
h3		{
		margin: 0;		
		padding: 0;
		color: #7878CF;
		font-size: 13px;
		}

a 		{
		color: #7878CF;
		font-weight: bold;
		text-decoration: none;
		}

a:hover		{
		color: #000000;
		}

.small		{
		color: #999999;
		font-size: 11px;
		}


	
/* Container/Layout */

#header 	{
		width: 760px;
		height: 120px;
		margin: 0 auto;
		background: url(images/header.gif) no-repeat;
		}

#header h1 	{
		float: left;
		padding: 60px 0 0 20px;
		font-size: 38px;
		color: #FFFFFF;
		}
		
#header a 	{
		color: #FFFFFF;
		}

#header a:hover	{
		color: #CCCFFF;
		}
	
	
#menu 		{
		width: 760px;
		height: 50px;
		margin: 0 auto;
		}

#menu ul 	{
		margin: 0;
		padding: 0;
		list-style: none;
		}

#menu li 	{
		display: inline;
		float: left;
		padding: 5px 20px 0 20px;
		text-transform: uppercase;
		text-decoration: none;
		font: bold 14px Tahoma, Arial, sans-serif;
		color: #FFFFFF;
		}
		
#menu a 	{
		display: block;
		color: #FFFFFF;
		}

#menu a.activeLink 	{
			color: #CCCFFF;
			}

#menu a:hover 	{
		color: #CCCFFF;
		}
		
#stylepicker	{
		float:right;
		text-transform: uppercase;
		text-decoration: none;
		font: bold 14px Tahoma, Arial, sans-serif;
		color: #FFFFFF;
		}
		
#search		{
		float:right;
		margin: 4px auto 20px auto;
		}
		
#center 	{
		width: 720px;
		margin: 0px auto 20px auto;
		padding: 20px;
		background: #FFFFFF;
		border: 1px solid #2D2D2D;
		text-align:justify;
		}
		
#leftside 	{
		float: left;
		width: 560px;
		}		

#rightside 	{
		float: right;
		width: 120px;
		padding-left: 20px;
		}
		
#rightside ul 	{
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
#rightside li 	{
		
		display: inline;
		}

#footer 	{
		height: 60px;
		padding: 20px;
		background: #2D2D2D;
		}

#footer p 	{
		text-align: center;
		color: #999999;
		}


/* css img popup: auto enlarge picture on mouse hover */

div#pic 	{
		position: relative; /* thumbnail img */
		width: 150px;
		}

#pic a .large	{
		position: absolute; /* large img (starts hidden) */
		display:none;
		}

#pic a.enlargeme:hover .large
		{
		position: absolute; /* on thumb hover show large img */
		top:-100px;
		left:-540px;
		display:block;
		z-index:1;
		-moz-opacity:0.9;
		}