/* Website Lauftreff Deckstener Weiher - Tanja Strunk */


/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}


body{
 background-image:url(hintergrundgrafik.gif); 
 background-repeat: repeat-x;
 background-position: 0px 0px;
background-attachment:fixed;
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}


/* Formatierungen Layout (allgemein) */


#seite{
	background: #fff url(hintergrund.jpg) repeat-y;
	margin: 0 auto;
	padding: 10px 10px 5px 13px;
	text-align: left;
	width: 715px;
	
}



#oben{
 background:#fff url(bild.jpg);
 clear:both;
 height:168px;
 width:713px;
}

#links{
 float:left;
 margin: 20px 0px 20px 20px;
 width:500px;
}

#rechts{
 float:left;
 margin:20px 0 0px 0px;
 width:120px;
}

#unten{
 background:#666;
 clear:both;
 width:713px;
}

/* Formatierungen Navigationsleiste */
#navigation{
 background:#fff;
 float:left;
 width:500px;
 padding:0 0 4px 0;
}

#navigation ul{ 

}

#navigation ul li{
 display:inline;
 margin:0 10px 0 0;

}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #fff;
 color:#666;
 font-size:.9em; 
 font-weight:bold;
}

#navigation ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid #666;
}



/* Sonstige Formatierungen */
.titel{
 float:right;
 width:90px;
 padding:0 10px 0 0
}

.titel img{
 border:0
}



/* Schrift-Formatierungen */
h1,h2,h3{
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0px 0px;
}

h4{
	color: #666;
	font-size: 1.5em;
	letter-spacing: 0.01em;
	margin: 25px 0px 0px;
	font-style: normal;
}

h5{
	color: Black;
	font-size: 1.0em;
	letter-spacing: 0.01em;
	margin: 25px 0px 0px;
	font-style: normal;
}

#links p{
 text-align:justify
}

#unten p{
  color:#eee;
 text-align:center;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding: 5px;
}



/* Formatierungen Navigation (Linke Navi) */
#rechts ul{
list-style:none;
 margin:0 0 0 0;
}

#rechts ul li{
 background:url(liste.jpg) no-repeat;
 display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px
}

#rechts ul li a{
 text-decoration:none;
  color:#666;
}


#rechts ul li a:hover{
  text-decoration:underline;
  color:#000;
}

#laufen_im_dunkeln #navdunkel a {
	color: #e6152d;
	text-decoration: none;
}

#historie #navhistorie a {
 color:#e6152d;
text-decoration:underline;
}

#fotogalerie #navfotogalerie a {
 color:#e6152d;
text-decoration:underline;
}


#laufstrecken #navlaufstrecken a {
 color:#e6152d;
text-decoration:underline;
}

#google_newsgroup #navgoogleng a {
 color:#e6152d;
text-decoration:underline;
}

#trikots #navtrikots a {
 color:#e6152d;
text-decoration:underline;
}

#kontakt #navkontakt a {
 color:#e6152d;
text-decoration:underline;
}


#sitelinks #navsitelinks a {
 text-decoration:none; font-weight:bold; color:#e00000; 

}
	
#vorstellung #navvorstellung a {
 color:#e6152d;
text-decoration:underline;
}

#impressum #navimpressum a {
 color:#e6152d;
text-decoration:underline;
}

#einsteiger #naveinsteiger a {
 color:#e6152d;
text-decoration:underline;
}

/* Link-Formatierungen */

a:link { text-decoration:none; font-weight:bold; color:#6600ff; }
a:visited { text-decoration:none; font-weight:bold; color:#800000; }
a:hover { text-decoration:none; font-weight:bold; background-color:#c0c0c0; }
a:active { text-decoration:none; font-weight:bold; background-color:#c0c0c0; }
a:focus { text-decoration:none; font-weight:bold; background-color:#c0c0c0; }
	

#unten a{
 color:#fff;
 text-decoration:underline;
}

#unten a:hover{
 text-decoration:none;
}


/* Hoverbox Code*/

#hoverbox
{
	cursor: default;
	list-style: none;
	float: left;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 350px;
	height: 263px;
}