@charset "UTF-8";
/*
	================================================================================
	|
	|	[ Temporäres Photozauber Forum CSS ]
	|	====================================
	|	$ver:	1.0 initial release
	|	$date:	2005/07/20 18:50
	|
	|	changelog (++ neu hinzugefügt | ** geändert || -- entfernt):
	|
	|		++ Erste Version		(2005/07/20)
	|
	================================================================================
	|	Copyright (c) DevShack - All rights reserved.
	|	http://www.devshack.biz/ - bojic@devshack.biz
	================================================================================
*/

/* === [ Generelles ] ===================================================================== */

*
{
	border:		0 none transparent;
	/*padding:	0;*/
	margin:		0;
}

body
{
	background:	#FFF;
	font-size:	100.1%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	/*height:		100%;*/
	text-align: center;
	
	padding-top: 0;
	margin-top: 0;
	
	margin-bottom: 0;
	padding-bottom: 0;
}

a
{
	text-decoration: none;
	color: #A14D3F;
}

a:hover
{
	text-decoration: underline;
	color: #70362C;
}

#barrierebox
{
	display: none;
}

#wrapper
{
	padding: 10px 0 0 0;
	margin: 0 auto;
	width:	995px;
	background: #F3FAF5 url(http://supra.photozauber.de/design/forum/back-2spalt_forum.gif) repeat-y;
	text-align: left;
}

/* === [ Logo ] =========================================================================== */

#logo h1
{
	background: url(http://supra.photozauber.de/design/logo/photozauber-logo.gif) no-repeat;
	height: 30px;
	font-size: 8px;
	
	padding:	0;
}

#logo a
{
	display: block;
	height: 30px;
	width:	160px;
	text-decoration: none;
}

#logo span
{
	display: none;
}

/* === [ Hauptnavigation ] =================================================================== */

#navigation ul
{
	float: left;	/* Wir sparen uns ein clear */
	width: 995px;
	background-color: #67955A;
	list-style-type: none;
	
	padding:	0;
}

#navigation ul li
{
	float: left;
	width: 100px;
	position: relative;
	text-align: center;

	display: inline; /* Fix: Double margin bug des IE */
	
	padding:	0;
}

	#navigation ul li ul
	{
		display: none;
		position: absolute;
		top: 1em;
		left: 0;
		border: 1px solid #026D26;
	}

	#navigation ul li > ul /* Für den IE */
	{
		top: auto;
		left: auto;
	}

	#navigation ul li:hover ul, #navigation ul li.over ul
	{
		display: block;
		width: 98px;
		background-color: #EDF4EF;
	}

	#navigation ul li ul li
	{
		float: none;
	}


#navigation ul li a
{
	display:	block;
	width:		100px;
	color:		#fff;
	font-size:	10px;
	text-decoration:	none;
	line-height:		16px;
	
	padding:	0;
}

#navigation ul li a:hover
{
	background: #A14D3F;
}

	#navigation ul li ul li a
	{
		width: 98px;
		color: #000;
		line-height: 20px;
	}

	#navigation ul li ul li a:hover
	{
		color: #fff;
	}

#navigation ul li#nav-startseite
{
	margin-left: 142px;
}

#navigation ul li#nav-workshops,
#navigation ul li#nav-interaktiv,
#navigation ul li#nav-kontakt
{
	background-color: #006D26;
}

#abswelcome a {
	
	color: #fff;
	text-decoration: none;
	
}

#abswelcome a:hover {
	
	text-decoration: underline;
	
}

/* Automatische Wahl der Navigation, gesteuert via: body id="..." */
body#bd-startseite #navigation ul li#nav-startseite,
body#bd-workshops #navigation ul li#nav-workshops,
body#bd-informativ #navigation ul li#nav-informativ,
body#bd-interaktiv #navigation ul li#nav-interaktiv,
body#bd-forum #navigation ul li#nav-forum,
body#bd-kontakt #navigation ul li#nav-kontakt
{
	background: #A14D3F;
}


/* === [ Header / Boxen ] ===================================================================== */

#header
{
	clear: left;
	height: 76px;
	
	padding:	0;
}

	body #header
	{
		background: #7DA605 url(http://supra.photozauber.de/design/headerpix/forum.jpg) no-repeat;
	}


#suchbox
{
	float: left;
	width: 152px;
}

	#suchbox h4
	{
		color: #fff;
		font-size: 0.6em;
		font-weight: normal;
		padding: 13px 0 4px 13px;
	}

	#suchbox fieldset
	{
		vertical-align: middle;
		padding:	0;
		padding-left: 7px;
	}

	#suchbox #portalsuche
	{
		float: left;
		width: 101px;
		height: 13px;				/* 13px + 1px border + 1px padding = 17px */
		padding: 1px;

		border: 1px solid #B5BAC2;
		background-color: #F6F9F9;
		vertical-align: middle;

		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.6em;
		color: #2A5B20;
	}

	#suchbox .suchlupe
	{
		float: left;
		width:	23px;
		height:	17px;
		vertical-align: middle;
	}

     #personalbox
     {
     	float: right;
     	width: 247px;
     	position: relative;
     }

     	#personalbox #abswelcome
     	{
     		width: 160px;
     		position: absolute;
     		top: -14px;
     		left: 10px;
     		color: #fff;
     		font-size: 10px;
     	}

     	#personalbox #absavatar
     	{
     		width: 50px;
     		position: absolute;
     		top: -25px;
     		right: 15px;
     	}

     		#personalbox #absavatar img
     		{
     			display: block;
     			width: 50px;
     			height: 50px;
     			background: url(/design/icons/avatar.jpg) no-repeat right top;
     		}

     		#personalbox #absavatar a
     		{
     			display: block;
     			width: 45px;
     			padding-left: 10px;
     			margin-top: 27px;

     			font-size: 9px;

     			color: #2A5B20;
     			text-decoration: none;

     			background: url(/design/glossar/poplink.gif) 0px 1px no-repeat;
     		}

     		#personalbox #absavatar a:hover
     		{
     			text-decoration: underline;
     		}

     	#personalbox ul
     	{
     		padding: 12px 0 0 0;
     		list-style-type: none;
     		font-size:	0.6em;
     		color:		#2A5B20;
     	}

     	#personalbox ul li
     	{
     		line-height: 18px;
     	}

     	#personalbox ul li a
     	{
     		display: block;
     		width: 160px;
     		padding-left: 20px;
     		font-size:	0.8em;

     		color: #2A5B20;
     		text-decoration: none;
     		background: url(/design/icons/bullet-rot.gif) 10px 8px no-repeat;
     	}

     	#personalbox ul li a:hover
     	{
     		text-decoration: underline;
     	}

     	#personalbox fieldset
     	{
     		padding: 15px 0 0 10px;
     		width: 170px;
     	}

     	#personalbox #forumlogin, #personalbox #forumpass
     	{
     		clear: left;
     		float: left;
     		width: 120px;
     		height: 13px;
     		border: 1px solid #B5BAC2;
     		background-color: #F6F9F9;

     		margin-bottom: 2px;
     		padding: 1px;
     		vertical-align: middle;

     		font-family: verdana, arial, helvetica, sans-serif;
     		font-size: 0.6em;
     		color: #2A5B20;
     	}

     	#personalbox #stayradio
     	{
     		clear: left;
     		float: left;
     		vertical-align: middle;
     	}

     	* html #personalbox #stayradio
     	{
     		margin-top: -4px;
     	}

     	#personalbox #sendlogin
     	{
     		float: left;
     		width: 29px;
     		height: 16px;
     		vertical-align: middle;
     		margin-left: 2px;
     	}

     	#personalbox p
     	{
     		font-size: 0.6em;
     		color: #000;
     		vertical-align: middle;
     	}

/* === [ Trenner ] =========================================================================== */

#trenner
{
	clear: left;
	height: 27px;
	background: #F3FAF5 url(http://supra.photozauber.de/design/forum/trenner_forum.gif) no-repeat;
	
	padding: 0;
	margin: 0;
}

	#trenner ul
	{
		margin: 2px 0 0 10px;
		padding: 0;
		float: left;
		width: 800px;
		list-style-type: none;
	}

	* html #trenner ul /* Der IE braucht wieder eine Extrawurst */
	{
		/* commented backslash hack v2 \*/
		width: auto;
		/* end hack */
	}

	#trenner ul li
	{
		padding-right: 5px;
		float: left;
		width: auto;
		color: #fff;
		font-size: 0.6em;
	}

	#trenner ul li a
	{
		color: #fff;
		text-decoration: none;
	}

	#trenner ul li a:hover
	{
		color: #d4e1b3;
	}
	
	#trenner #iconleiste
	{
		float: right;
		width: 98px;
	}

	#trenner #iconleiste img
	{
		float: left;
		width: 18px;
		height: 18px;
		margin: 5px 5px 0 1px;
	}

/* === [ Hauptinhaltsbereich ] =============================================================== */

#maincontent
{
	width: 100%;
}

/* === [ Footer ] =========================================================================== */

#footer
{
	clear: both;
	padding-left: 30px;
	height: 23px;
	background: #F3FAF5 url(http://supra.photozauber.de/design/forum/footer_forum.gif) no-repeat;
	
	margin-bottom: 0;
	padding-bottom: 0;
}

	#footer p
	{
		font-size: 0.6em;
		line-height: 23px;
		
		margin-bottom: 0;
     	padding-bottom: 0;
	}

	#footer a
	{
		color: #69A472;
		text-decoration: none;
	}

	#footer a:hover
	{
		color: #F3FAF5;
	}