/* Stylesheet für die Homepage der Bikerfreunde Großkugel e.V.

	http://www.bikerfreunde-grosskugel.de
	Autor: Christian Stein 
	Vielen Dank an die Autoren von CSS4YOU (http://www.css4you.de/) und 
	SelfHTML (http://www.selfhtml.org/)für deren wunderbaren Anregungen und hilfreichen Referenzen.
	Anregungen und Kritik bitte an: webmaster@bikerfreunde-grosskugel.de


  allgemeine Stile */

body {background-color:#1a1a1a;
	color:#999999;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	padding:0px;
 	margin:0;
 	background:url(layout/body.gif) 17px 0px;
	 }

#wrapper {position:absolute;
	top:42px;
	left:100px;
	margin:0;
	padding:0;
	width:760px;
	background:url(layout/wrapper.jpg) repeat-y 1px 11px;}
	

#kopf {position:relative;	
 	margin:0;
	padding:0;
	width:760px;
	height:150px;
background:url(layout/kopf.jpg) no-repeat ;
	border:0;}
	

#kopf img {display:none;}

#kopf h1 {display:none;}
#kopf h4 {margin:0;
position:relative;
color:#4e724e;
font-weight:normal;
font-size:14px;
top:120px;
					text-align:right;
					padding:0 30px 0 0;}
					
#rund {position:absolute;
top:184px;
left:-36px;
width:210px;
background:url(layout/navoben.jpg) no-repeat left top;
z-index:10;}

#frueh h3{
display:none;
}

#frueh{display:block;
position:relative;
width:198px;
height:155px;
padding:0;
border:none;
top:17px;
left:-3px;
background:transparent url(layout/frueh.jpg) no-repeat center center;
}

#nav{position:relative;width:210px;
padding:0;
margin:44px 0 0 0;
background:url(layout/navliste.jpg) repeat-y left top;}

#nav ul {position:relative;margin:0;
padding:16px 0 0 0;
height:232px;
width:210px;
background:url(layout/navunten.jpg) no-repeat left bottom;}

#nav li {position:relative;list-style-type:none;
 margin:0;
 padding:0;
 display:inline;
}
#nav a {color:#6c846c;
font-family: Times, serif;
font-style:italic;
font-weight:bold;
font-size:20px;
margin:0 30px 0 30px;
text-align:left;
border-bottom:1px solid #1a1a1a;
padding:2px 0 0 35px;
	display:block;}

a#nav7 {border-bottom:0;}
	

#nav a:focus,
#nav a:active,
#nav a:hover {text-decoration:none;
	color:#4e724e;
	  background:url(layout/navpfeil.gif) no-repeat 5px center;}

#home #nav1,
#wir #nav2,
#termine #nav3,
#bilder #nav4,
#links #nav5,
#kontakt #nav6,
#impressum #nav7 {text-decoration:none;
color:#4e724e;
background:url(layout/navaktuell.gif) no-repeat left center;}

.sub {position:relative;
text-align:left;
margin:0;
padding:0;}

.sub li {list-style-type:none;
margin:0;
padding:5px;
	display:inline;}
	
.sub a {font-size:14px;display:inline;
	margin:0;
	text-decoration:underline;
	padding:3px 10px 3px 16px;
	color:#4e724e;
	background:url(layout/subpfeil.gif) no-repeat left center;}
	
.sub a:hover,
.sub a:focus,
.sub a:active{color:#6c846c;
background:url(layout/subfocus.gif) no-repeat left center;}
	
#inhalt {position:relative;
	margin:0 0 0 130px;
	padding:3px 3px 3px 50px;
	width:540px;
	z-index:3;}
	
.clear {clear:both;}

.links {position:relative;
	float:left;
	padding:0;
	margin:0 20px 0 0;
	width:240px;}
	
.artikel {
	width:240px;
	margin:10px 0 20px 0;
	padding:0 0 20px 0;
	/*background:url(layout/h3.gif) no-repeat right top;*/}
	
.artikel h3 {padding:5px 0 5px 0px;
	margin:0;
	color:#4e7243;
	font-family: Times, serif;
font-style:italic;
font-weight:bold;
font-size:16px;
	/*background:url(layout/eckelinks.gif) no-repeat left top;*/}
	
.artikel img {border:0;float:left;
	margin:2px 5px 0 0;
	padding:3px;
	background-color:white;
	border:1px solid #4e724e;}
	
.artikel p{padding:2px 2px 2px 0;
	margin:0;
	color:#999999;}
	
a {display:block;
 text-decoration:none;
	text-align:right;
	margin:0 0 0 0;
	padding:0;}
	
	.breit {clear:both;
	width:500px;
	margin:10px 0 20px 0;
	padding:0 0 20px 0;
	/*background:url(layout/h3.gif) no-repeat right top;*/}
	
.breit h3 {padding:5px 0 5px 0px;
	margin:0;
	color:#4e7243;
	font-family: Times, serif;
font-style:italic;
font-weight:bold;
font-size:16px;
/*	background:url(layout/eckelinks.gif) no-repeat left top;*/}
	
.breit p {padding:2px 2px 2px 0;
	margin:0;
	color:#999999;}
	
.breit img {border:0;float:left;
	margin:2px 5px 0 0;
	padding:3px;
	background-color:white;
	border:1px solid #4e724e;}
	
	
.intern {clear:both;
	text-decoration:underline;
	text-align:right;
	margin:5px 0 0 0;
	padding:0 12px 0 0;
	color:#4e724e;
	background:url(layout/intern.gif) no-repeat right center;}
	
a.intern:hover,
a.intern:active,
a.intern:focus {color:#6cb46c;
background:url(layout/internhover.gif) no-repeat right center;}

a.extern:hover,
a.extern:active,
a.extern:focus {color:#6cb46c;
background:url(layout/externhover.gif) no-repeat right center;}
	
.extern {clear:both;
	text-decoration:underline;
	text-align:right;
	margin:5px 0 0 0;
	padding:0 18px 0 0;
	color:#4e724e;
	background:url(layout/extern.gif) no-repeat right center;}


	
#links .artikel img,
#links .breit img{ padding:0;
			border:none;
			background-color:transparent;
			}
	
#fuss {clear:both;
	position:relative;
	margin:20px 0 0 0;
	padding:0;
	height:48px;
	background:url(layout/fuss.jpg) no-repeat 14px 0;
	z-index:20;}
	
#links .breit a {float:right;display:block;
	text-decoration:none;
	width:130px;
	height:120px;
	text-align:center;
	margin:5px;
	padding:5px;}	
	
.mail {clear:both;display:block;
	text-decoration:underline;
	text-align:left;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	color:#4e724e;
	background:url(layout/mail.gif) no-repeat left center;}
	
	a.mail:hover,
a.mail:active,
a.mail:focus {color:#6cb46c;
background:url(layout/mailhover.gif) no-repeat left center;}
	
#fuss ul {float:right;
	position:relative;
	margin:0 0 0;
	padding:20px 20px 0 0;
	height:25px;}
	
#fuss li {display:inline;
	list-style-type:none;
	padding:5px 0 5px 5px;
	margin:0;
	float:left;}
	
#fuss p {margin:0;
text-align:left;
	padding:25px 0 0 0;
	margin:0 0 0 125px;}
	
#fuss a{display:none;}
	
#home #fuss a {display:block;
	text-decoration:none;
	text-align:right;
	width:62px;
	color:#4e724e;
	height:17px;
	margin:0 0 0 0;
	padding:0;}
	
#fuss1 {background:url(layout/html.gif) no-repeat left center;}
#fuss2 {background:url(layout/css.gif) no-repeat left center;}	
#fuss img{display:none;}
						
.galeriewahl {margin:0;
padding:0;
clear:both;
}

.galeriewahl img {
border:none;
position:relative;
left:50%;
margin-left:-200px;
}

.galeriewahl h4 {
position:relative;
margin:0;
font-size:12px;
padding:20px 0 3px 50px;
}

.galeriewahl a {
display:block;
color:#4e724e;
border:none;
text-decoration:none;
}



.diashow p {
text-align:center;
margin:0;
padding:5px 0 1px 0;
}


.diashow {
float:left;
padding:0;
border:0;
margin:10px;
width:102px;
height:122px;
text-decoration:none;
background:url(layout/dia.gif) no-repeat center center;
}

.diashow a {
display:block;
border:none;
color:gray;
text-decoration:none;
}

.diashow a:focus,
.diashow a:active,
.diashow a:hover {
color:gray;
text-decoration:none;
border:none;
} 

.diashow a {
border:0;
margin:0;
width:77px;
height:77px;
padding:12px 11px 3px 12px;

}

.diashow a:focus img,
.diashow a:active img,
.diashow a:hover img {
border:1px solid #808080;
}


.diashow img {
width:75px;
height:75px;
margin:0;
padding:0;
text-decoration:none;
border:1px solid #4e724e;
}