/*********************************************************************************
**                                                                              **
** p r o j e c t :          www.goldschmitte-greminger.ch                       **
**                                                                              **
** f i l e :                style.css                                           **
**                                                                              **
** d a t e :                jun 2oo6                                            **
**                                                                              **
** a u t h o r :            creaArt webdesign  [http://www.crea-art.ch]         **
**                                                                              **
** c o n t a c t :          goldschmitte-greminger [at] crea-art [dot] ch       **
**                                                                              **
*********************************************************************************/

/**************************************
     seiten-einstellungen
**************************************/
body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #EFB22D;
	margin: 0;
	padding: 0;
	text-align: center;
}

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

a:hover	{	color: #000;  }

#page
{
	padding: 0;
	margin: -279px 0 0 -484px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 968px;
	height: 558px;
}


/**************************************
     header- & footerbereich
**************************************/
#header	{	margin-bottom: 40px;	}

#footer, .header_top
{
	font-family: "Arial Black", sans-serif;
	font-size: 32px;
	letter-spacing: 10px;
	text-transform: uppercase;
}

.header_mid, .header_bot
{
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
}

.header_mid
{
	color: #FFF;
	background-color: #EFB22D;
	text-transform: uppercase;
}

.hf_left
{
  	color: #FFF;
	background-color: #EFB22D;
}

#footer	{	margin-top: 40px;	}


/**************************************
     inhaltsbereich
**************************************/
#content
{
	width: 600px;
	height: 356px;
	border-style: solid;
	border-color: #000;
	border-right-color: #FFF;
	border-width: 0 10px;
	padding: 0 20px;
	margin: 0 auto;
	overflow: auto;
}

#content h1
{
	text-align: left;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 0;
}

#content p	{	text-align: justify;	}

p:first-letter
{
	font-size: 16px;
	font-weight: 700;
}

.extlink	{	margin: 30px 0 10px;	  }

.band    {  margin-top: 35px;      }

.source
{
	float: right;
	position: absolute;
	top: 120px;
	right: 184px;
}

/**************************************
    navigation (links und rechts)
**************************************/
#menuleft, #menuright
{
	height: 356px;
	width: 123px;
}

#menuleft
{
	position: absolute;
	top: 117px;
	left: 0;
}

#menuright
{
	position: absolute;
	top: 117px;
	right: 0;
	color: #FFF;
}

#menuleft ul, #menuright ul
{
	padding: 0;
	margin-top: 35px;
}

#menuleft li, #menuright li
{
	list-style: none;
	margin-bottom: 10px;
}

#menuleft a, #menuright a
{
	text-decoration: none;
	font-size: 12px;
	font-weight: 700;
}

#menuleft a          	{	color: #000;	}
#menuleft a:hover    	{	color: #FFF;	}
#menuleft .selected a	{	color: #FFF;	}

#menuleft .selected
{
	list-style-type: square;
	color: #FFF;
}

#menuright .selected
{
	list-style-type: square;
	color: #000;
}

#menuright a      	   {	color: #FFF;	}
#menuright a:hover	   {	color: #000;	}
#menuright .selected a  {	color: #000;	}

#menuright .error
{
	color: #F00;
	font-size: 12px;
	font-weight: 700;
}