/* --------------------------------------------
Pferde Template
Author: Yannick Kollega
Version: (2) 9. September 2007
----------------------------------------------- */



/*  Layout
----------------------------------------------- */

.body
{
	padding:10px 0px;
	text-align:center; 
}


div#body_verlauf
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:280px;
	background-repeat:repeat-y;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://www.rfv-diestedde-herzfeld.de/s/img/body_verlauf.png');	
}


html>body div#body_verlauf { background:url(http://www.rfv-diestedde-herzfeld.de/s/img/body_verlauf.png); }


div#container
{
	position:relative;
	width:850px;
	margin:0 auto;
	text-align:left;
}


div#emotion
{
	position:relative;
	top:0;
	left:0;
	width:850px;
	border-top:0px solid #333333;
	border-left:0px solid #333333;
	border-right:0px solid #333333;
}


div#emotion div.iframe { padding-bottom:125px; }


div#pos_wrapper
{
	position:relative;
	top:-115px;
	left:0;
	width:850px;
	border-left:0px solid #333333;
	border-right:0px solid #333333;
}


div#pferde_emotion
{
	width:850px;
	height:115px;
	background-repeat:no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.rfv-diestedde-herzfeld.de/s/img/pferd_reiter_rasen.png');
}


html>body div#pferde_emotion { background-image:url(http://www.rfv-diestedde-herzfeld.de/s/img/pferd_reiter_rasen.png); }


div#navigation
{
	width:850px;
	background-color:white;
}


div#trennlinie
{
	width:800px;
	margin-left:25px;
	border-top:1px #f2f2f2 solid;
}


div#wrapper
{
	display:block;
	width:850px;
	background-color:#FFF;
}


div#content
{
	width:585px;
	float:left;
	border-right:1px #F2F2F2 solid;
}


div#sidebar
{
	width:250px;
	float:left;
	margin-left:-1px;
	border-left:1px #F2F2F2 solid;
}


div#jimdobox {	margin-bottom:30px; }


div#rasen
{
	position:relative;
	top:-115px;
	left:0;
	width:850px;
	border-bottom:0px solid #333333;
	border-left:0px solid #333333;
	border-right:0px solid #333333;	
}


/* Box-Modell Hack fuer die Breite des Divs */
* html div#rasen {  /* nur fuer Internet Explorer */
  width:100%;     /* Version 5.x */
  w\idth:850px;    /* Version 6 */
}


div#rasen div
{
	height:46px;
	background-repeat:no-repeat;
	background-position:top left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.rfv-diestedde-herzfeld.de/s/img/rasen.png');
}


html>body div#rasen div
{
	background-image:url(http://www.rfv-diestedde-herzfeld.de/s/img/rasen.png);	
}


div#loginbox
{
	z-index:20;
	position:relative;
}


div#contentfooter { padding-left:6px; }






/* Gutter zum Ausrichten der Inhalte
----------------------------------------------- */

div#content 	.gutter { padding: 15px; } 
div#sidebar 	.gutter { padding: 15px; } 
div#navigation .gutter { padding: 10px 10px 5px 10px; } 






/*  Text-Formatierung
----------------------------------------------- */

.body { color:#999; }


h1 
{ 
	font-size:190%; 
	font-weight:bold;  
	color:#333; 
}


h2 
{
	font-size:155%; 
	font-weight:bold; 
	color:#333; 
}


strong, h3 
{ 
	font-size:100%; 
	font-weight:bold; 
	color:#333; 
}


div#sidebar a:link,
div#sidebar a:visited,
div#content a:link, 
div#content a:visited 
{ 
	text-decoration:underline; 
	color:#333;
}


div#sidebar a:active,
div#sidebar a:hover,
div#content a:active,
div#content a:hover 
{ 
	text-decoration:none;
	color:#666;
}





/* Sonstiges 
----------------------------------------------- */

div.hr
{
	border-top:1px solid #f2f2f2;
	height:1px;
	line-height:1px;
}




/*  Navigation
----------------------------------------------- */


/* holyhack to clear li, ie */
* html ul.mainNav1,
* html ul.mainNav2,
* html ul.mainNav3 { height:1%; overflow:visible; } 


ul.mainNav1,
ul.mainNav2,
ul.mainNav3
{
	margin:0;
	padding:0;
	overflow:hidden;	/* holyhack to clear li, ff and all */
	list-style-type:none;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
	display:block;	
	float:left;
	margin:0 10px 6px 0;
	border:1px #f9f9f9 solid;
}


ul.mainNav1 li a,
ul.mainNav1 li a:visited,
ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
	display:block;
	white-space:nowrap;
	color:#333;
	font-weight:normal;
	text-decoration:none;
}


ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:5px 10px 5px 10px; color:#333; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:5px 10px 5px 10px; color:#AAA; }
ul.mainNav3 li a, ul.mainNav3 li a:visited { padding:5px 10px 5px 10px; color:#ccc; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
{
	color:#333;
	text-decoration:underline;
}


div#navigation ul.mainNav1 li a.current,
div#navigation ul.mainNav2 li a.current,
div#navigation ul.mainNav3 li a.current
{ 
	font-weight:bold;
	color:#333
}