/* ==========================================================================================
--   Engl Roman , 07.04.2009 
 ============================================================================================ */
 

/* ==========================================================================================
--  Allgemeiner Seitenaufbau 
 ============================================================================================ */
 html { }
 
body
{	
	margin:0;	padding:0;	border: 0; 
	color: #333333;  background-color: #FFFFCC;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;	
}

img { border:0; }

#centered {	
	text-align: left;
	margin: auto;
	width: 1000px;
	border : 5px solid #FFFFFF ;
	border-bottom: 2px solid #FFFFFF; 
	background: #000000 url( ./img/rechts_unten.gif ) right bottom no-repeat ; 
	position:relative ;
}

#top {
	height: 100px; 	border: 0px;
	background: #990000 url(./img/eur_bg.jpg) top left repeat-x ;
	padding: 0px; margin: 0px;
}

#linetop{
	top: 0px;
	height: 6px;
	padding-top: 0px;
	border: 0px;
	border-bottom: 3px #FFFFFF solid;
	background-color: #0000CD;
}


#bgleft
{
	border : 0px ;	padding: 0px ;  margin:0px  ; 	
	background: transparent url( ./img/ecke_lo.gif ) top left no-repeat ;
	padding: 40px ; /* = Rand vom ERA Logo */ 
}

#bgleft1 
{ background : #999999 url( ./img/ecke_lo2.gif ) top left no-repeat ; height:100% ; position:relative ; }

#bgleft2
{ background : transparent url( ./img/rechts_unten2.gif ) right bottom no-repeat; height:100% ;  }

#left {
	padding : 0px ; margin:  0px ; 	
	padding-top: 50px ; padding-left: 0px ;  
	position:absolute;	top: 1px ;	left: -20px ;
 	width: 170px;	
	border : 0px solid #000000 ;
	background-color: transparent;
}

#add {
	/* padding : 0px ; margin:  0px ; 	*/
	 /*padding-top: 50px ; padding-left: 20px ;  */
	/* display: inline ; */
	position:absolute;	bottom: -42px ;	left: -20px;
 	width: 170px;	
	border : 0px solid #000000 ;
	background-color: transparent;
}

#content {
	margin: 0px 0px 0px 170px; 
	padding : 2px ; 
	padding-bottom: 10px ; /* sonst gehts sich mit der Rundung nicht aus */
	background-color: transparent;
	border : 0px ;
}

#content2 {
	height: 400px; width: 730px ; 
	overflow : auto ; 
	margin: 0px 0px 0px 0px; 
	text-align: justify;
	padding : 0px ; 
	background-color: transparent;
	text-align: left;
	border : 0px solid #006699 ;
}

#bottom 
{
	height: 0px;
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px;
	border-top-color: #0B328D;
	border-top-style: solid;
	border-bottom: 0px;
	border-bottom-color: #0B328D;
	border-bottom-style: solid;
	color: #333333;
	background-color: #FFFFFF;
}

.cleaner {  clear: both; height: 1px; font-size: 1px;
		   border: 0px none; margin: 0; padding: 0;
		   background: transparent; }

.innertube{	margin: 10px; margin-top: 0; }

b{font-size: 1.1em;}
em{color: red;}

/* ==========================================================================================
--  Menü Links => mainmenu 
 ============================================================================================ */

.menuheader
{
	display: block;
	text-align:center ;	
	margin: 5px 0;
	padding: 0;
	width: 170px;
	border: 1px solid silver ;
	color: #EEE;
	background:#888; 
	font-size: 1em ; font-weight: bold ;
}
 
.mainmenu
{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 170px;
	border: 0px solid #9A9A9A;
	border-bottom-width: 0;
}

.mainmenu li a , .mainmenu li a:link , .mainmenu li a:active , .mainmenu li a:visited 
{
	background: transparent url(./img/mnu.gif) no-repeat top left;
	font: bold 1em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;	display: block;
	vertical-align: middle;
	line-height: 36px ;
	width: auto; height: 36px ;	
	padding: 0px ;	padding-left: 20px; 	
	text-decoration: none;	text-align: center ;	
	border: 0px ;
}

* html .mainmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */ width: 160px; }

 /* .mainmenu li a:visited, .mainmenu li a:active{ color: white; }*/
.mainmenu li a:hover{ background: transparent url(./img/mnu.gif) no-repeat bottom left;}


/* ==========================================================================================
--  Diverse Links 
 ============================================================================================ */
 
a.mainlnk , a.mainlnk:active , a.mainlnk:link , a.mainlnk:visited  
{
	border : 0 ; 
	text-decoration : none ; 
	color : #0000CD; 
	font-size: 0.8em ; 
	font-weight : 800 ;
	border : 0px ; 
	line-height: 1.2em ; 	
 	display:block;	
}

a.mainlnk:hover 
{
	border : 0 ; 
	text-decoration : none ; 
	color : #0000AA ; 
	font-size: 0.8em ; 
	line-height: 1.2em ; 
	background-color: #ffcc00 ; text-decoration : overline 
}

a.mainlnk > img  { width: 48px ; display:block ;  } 

/*** RACELINKS **************************************************************************/

table.racelinks a , table.racelinks a:active , table.racelinks a:link , table.racelinks a:visited
{
	border : 0 ; padding: 1px ;
	text-decoration : none ; 
	color : #0000CD; 
	font-size: 0.8em ; 
	font-weight : 800 ;
	border : 0px ; 
	line-height: 1.2em ; 	
 	display:block;		
}

table.racelinks th { text-align: center ; } 

table.racelinks a:hover 
{
	border : 0 ; 
	text-decoration : none ; 
	color : #0000AA ; 
	font-size: 0.8em ; 
	line-height: 1.2em ; 
	background-color: #ffcc00 ; text-decoration : none 
}

tr.oldracelinks 
{ 
	font-size : 0.8em ; color:#777777 ;
	background-color : #DDDDDD ;
}

tr.oldracelinks a, tr.oldracelinks a:active , tr.oldracelinks a:link , tr.oldracelinks a:visited
{
	font-size : 0.8em ; color:#777777 ;	
	line-height: 1em ; 	
 	display:block;	
}

tr.oldracelinks a:hover
{
	background-color: #ffcc00 	 ;
	font-size : 0.8em ; color:#777777 ;	
	line-height: 1em ; 	
 	display:block;	
}

/*** normale Links **************************************************************************/

a , a:active , a:link, a:visited 
{
	color : #003399 ; 
	text-decoration :none ; 
}

a:hover 
{
	color : #0066FF ; 
	text-decoration :underline overline ; 
}

/*********************************************************************************************
**  Formulare 
**********************************************************************************************/

form { padding:3px; border:0px solid #dddddd; }

input, select, textarea 
{   font : normal normal 500 0.8em/0.9em Verdana,sans-serif ;
	color:#777777	; }

 .Check, .Radio 
{
	background-color:#9999ff; 
	border:1px solid #dddddd; 
}

.Button , .button 
{ 
	background-color:#EEEEEE; 
	font : normal normal 800 0.9em/1em Verdana,sans-serif ;
	color:#333399; 
	border:1px solid #444444; 
}

.Button:hover , .button:hover 
{ 
	background-color:#EEEEEE; 
	font : normal normal 800 0.9em/1em Verdana,sans-serif ;
	color:#333399; 
	border:2px solid #990000; 
}


form.loginfrm { padding : 1px ; border: 1px dotted #dddddd ; }
form.loginfrm  input 
{   font : normal normal 500 0.7em/0.9em Verdana,sans-serif ;
	color:#00ced1	; }
form.loginfrm    .button 
{ 
	background-color:#EEEEEE; 
	font : normal normal 500 0.7em/0.9em Verdana,sans-serif ;
	color:#555555; 
	border:1px solid #444444; 
}

/*********************************************************************
**  Gästebuch
*********************************************************************/

tr.GbRow 	  { width: 400 ; } 

td.GbNote    
{ vertical-align: text-top ;   color    : #666666 ; 
  background-color: #F9F9F9;   font-size: 0.8em ; 
  border   : 1px solid #808080 ;   width: 	400 ;
}

td.GbHeader    
{ vertical-align: text-top ;   color: 		#333333 ; 
  font-weight: 	bold;          font-size: 	0.9em ; 
  width: 		400 ;
}

hr.GbDelimiter 
{   color:#808080; 		background: #808080;
	height:2px;  		width:350px; 
}