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

html {
}

h1 {
	margin-bottom	:	10px;
	margin-top		:	20px;
}

h3 {
	color			:	#333333;
	font-family		:	'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, helvetica, sans-serif;
	font-size		:	12px;
	line-height		:	18px;
	font-weight		:	bold; 
	margin			:	0px 16px 6px 0px; 

}

p {
	color			:	#333333;
	font-family		:	'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, helvetica, sans-serif;
	font-size		:	12px;
	line-height		:	18px;
	margin			:	0px 16px 0px 0px;
	
}

body  { 
	/*margin:0;  */
	background-color:	#e6e6e6; 
	background-image:	url(../img/bg.gif); 
	background-repeat:	repeat-y; 
	padding			:	14PX 0 16PX 16PX
 }

 a  { 
  outline			:	none; 
}

img	{
	border			:		0;
}

div#img-left img {
  margin			:	0px 10px 0px 0px;
  padding			:	10px 0px 0px 0px;
  background		:	#ffffff none repeat scroll 0% 50%;
  float				:	left;
}
div#img-right img {
  margin			:	0px 10px;
  padding			:	10px;
  background		:	#ffffff none repeat scroll 0% 50%;
  float				:	right;
}



/* ****************************************/

/* Tabellen */  

table {
  margin			:	5px;
  border-collapse	:	collapse;
  table-layout		:	fixed;
  position			:	relative;

}
th, td {
  border			:	1px solid white;
  padding			:	6px 6px; 
  font-family		:	'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, helvetica, sans-serif;
  font-size			:	12px;
  font-style		:	normal;
  font-variant		:	normal;
  line-height		:	18px;
  font-size-adjust	:	none;
  font-stretch		:	normal;
}
th {
  /* background		:	#ebebeb none repeat scroll 0% 50%; */
   font-weight		:	bold;
}
tr {
	background-image:	url(../img/bg-tabelle3.gif); 
	background-repeat:	repeat-y; 
}


td {
	
	/* background		:	#f7f7f7 none repeat scroll 0% 50%; */
  	/* background-color:#e6e6e6; */
	}
	
td a {

	 /* background		:	transparent url(../img/icons/pfeil.png) no-repeat 0 8px; */
	background-position: absolute;
	/* display			:	block; '*/
    width			:	20px;
	height			:	20px;
	margin			:	0 0 0 0px;
}	
	
.row {
	text-align		:	left;
}

  
/* ****************************************/
/* Website-Gesamt */

div#container {
	position		:	relative;
	margin			:	0 auto;
	width			:	960px;
	background-color:	#FFF;
	border			:	1px solid ;
	border-color	:	#cccccc;
}
   
   
/* ****************************************/
/* Bereich oben mit Linien und oberer Teil Logo */
div#header {
	position		:	relative;
	height			:	75px;
	width			:	960px;
	background		:	#FFF; 
		}
		
		
div#header  p.logo{
	position			:	absolute;
	left				:	16px;
	top					:	20px;
	height				:	234px;
	width				:	154px;
	background			:	url(../img/logo.gif);
	background-repeat	:	no-repeat;
	}
	
div#header  p.frv{
	position			:	absolute;
	right				:	10px;
	top					:	40px;
	height				:	20px;
	width				:	363px;
	background			:	url(../img/frv.gif);
	background-repeat	:	no-repeat;
	}
	


/* ****************************************/
/* Bereich links: Logo und Navigation  */
div#nav  {
	float				:	left;
	width				:	205px;
	background-color	:	#FFF;
}

div#nav ul {
	position			:	relative;
	left				:	0px;
	top					:	200px;
	list-style			:	none;
}

div#nav li {
	height				:	30px;
	margin-left			:	0px;
	width				:	205px;
}

div#nav li  a{
	display				:	block;
	height				:	100%;
	text-decoration		:	none;
	text-indent			:	-999em;
}


div#nav li#home a {
	background			:	url(../img/nav/home.gif);
	background-repeat	:	no-repeat;
}
div#nav li#home a:hover  {
	background			:	url(../img/nav/home-on.gif);
	background-repeat	:	no-repeat;
}

div#nav li#kennenlernen a {
	background			:	url(../img/nav/schnuppern.gif);
	background-repeat	:	no-repeat;
}
div#nav li#kennenlernen a:hover  {
	background			:	url(../img/nav/schnuppern-on.gif);
	background-repeat	:	no-repeat;
}
div#nav li#kennenlernen-aktiv a  {
	background			:	url(../img/nav/schnuppern-aktiv.gif);
	background-repeat	:	no-repeat;
}
div#nav li#verein a {
	background			:	url(../img/nav/verein.gif);
	background-repeat	:	no-repeat;
}
div#nav li#verein a:hover {
	background			:	url(../img/nav/verein-on.gif);
	background-repeat	:	no-repeat;
}

div#nav li#verein-aktiv a {
	background			:	url(../img/nav/verein-aktiv.gif);
	background-repeat	:	no-repeat;
}

div#nav li#heute a {
	background			:	url(../img/nav/heute.gif);
	background-repeat	:	no-repeat;
}
div#nav li#gestern a {
	background			:	url(../img/nav/gestern.gif);
	background-repeat	:	no-repeat;
}
div#nav li#vorstand a {
	background			:	url(../img/nav/vorstand.gif);
	background-repeat	:	no-repeat;
}
div#nav li#kinder a {
	background			:	url(../img/nav/kinder.gif);
	background-repeat	:	no-repeat;
}
div#nav li#beitraege a {
	background			:	url(../img/nav/beitraege.gif);
	background-repeat	:	no-repeat;
}


div#nav li#termine a {
	background			:	url(../img/nav/termine.gif);
	background-repeat	:	no-repeat;
}
div#nav li#termine a:hover  {
	background			:	url(../img/nav/termine-on.gif);
	background-repeat	:	no-repeat;
}
div#nav li#termine-aktiv a {
	background			:	url(../img/nav/termine-aktiv.gif);
	background-repeat	:	no-repeat;
}
div#nav li#ruderzeiten a {
	background			:	url(../img/nav/ruderzeiten.gif);
	background-repeat	:	no-repeat;
}
div#nav li#terminuebersicht a {
	background			:	url(../img/nav/terminuebersicht.gif);
	background-repeat	:	no-repeat;
}





div#nav li#aktivitaeten a {
	background			:	url(../img/nav/aktivitaeten.gif);
	background-repeat	:	no-repeat;
}



div#nav li#aktivitaeten a:hover  {
	background			:	url(../img/nav/aktivitaeten-on.gif);
	background-repeat	:	no-repeat;
}
div#nav li#aktivitaeten-aktiv a {
	background			:	url(../img/nav/aktivitaeten-aktiv.gif);
	background-repeat	:	no-repeat;
}

div#nav li#rudern a {
	background			:	url(../img/nav/rudern.gif);
	background-repeat	:	no-repeat;
}
div#nav li#ausbildung a {
	background			:	url(../img/nav/ausbildung.gif);
	background-repeat	:	no-repeat;
}
div#nav li#wanderfahrten a {
	background			:	url(../img/nav/wanderfahrten.gif);
	background-repeat	:	no-repeat;
}
div#nav li#an-land a {
	background			:	url(../img/nav/an-land.gif);
	background-repeat	:	no-repeat;
}


div#nav li#news a {
	background			:	url(../img/nav/aktuell.gif);
	background-repeat	:	no-repeat;
}
div#nav li#news a:hover  {
	background			:	url(../img/nav/aktuell-on.gif);
	background-repeat	:	no-repeat;
}
div#nav li#news-aktiv a {
	background			:	url(../img/nav/aktuell-aktiv.gif);
	background-repeat	:	no-repeat;
}
div#nav li#links a {
	background			:	url(../img/nav/links.gif);
	background-repeat	:	no-repeat;
}
div#nav li#links a:hover  {
	background			:	url(../img/nav/links-on.gif);
	background-repeat	: 	no-repeat;
}
div#nav li#links-aktiv a {
	background			:	url(../img/nav/links-aktiv.gif);
	background-repeat	:	no-repeat;
}
div#nav li#kontakt a {
	background			:	url(../img/nav/kontakt.gif);
	background-repeat	: 	no-repeat;
}
div#nav li#kontakt a:hover {
	background			:	url(../img/nav/kontakt-on.gif);
	background-repeat	:	no-repeat;
}
div#nav li#kontakt-aktiv a {
	background			:	url(../img/nav/kontakt-aktiv.gif);
	background-repeat	: 	no-repeat;
}
div#nav li#login a {
	background			:	url(../img/nav/login-on.gif);
	background-repeat	:	no-repeat;
}

div#nav li#login a:hover{
	background			:	url(../img/nav/login.gif);
	background-repeat	:	no-repeat;
}


div#nav li#login-aktiv a {
	background			:	url(../img/nav/login-aktiv.gif);
	background-repeat	:	no-repeat;
}

div#nav li#landdienst a {
	background			:	url(../img/nav/landdienst.gif);
	background-repeat	:	no-repeat;
}

div#nav li#wer a {
	background			:	url(../img/nav/wer.gif);
	background-repeat	:	no-repeat;
}

div#nav li#downloads a {
	background			:	url(../img/nav/downloads.gif);
	background-repeat	:	no-repeat;
}
div#nav li#schwarzes-brett a {
	background			:	url(../img/nav/schwarzes-brett.gif);
	background-repeat	:	no-repeat;
}

div#nav li#shop a {
	background			:	url(../img/nav/shop.gif);
	background-repeat	:	no-repeat;
}

div#nav li#ansprechpartner a {
	background			:	url(../img/nav/ansprechpartner.gif);
	background-repeat	:	no-repeat;
}



/* ****************************************/
/*Bereich Mitte/Content */
div#content {
	position		:	relative;
	float			:	right;
	width			: 	755px; 
	background-color:	#FFF;  
}
div#content a {
	text-decoration	:	none;
	color			:	#ff3300;
  }
  
div#content p {
	width				:	630px;
	margin-bottom		:	16px;

}

div#content ul {
	color			:	#333333;
	font-family		:	'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, helvetica, sans-serif;
	font-size		:	12px;
	line-height		:	18px;
}

div#content li {
 	list-style		:	square;
	margin			:	6px 6px 6px 16px;	
}

/* Kontext-Navigation */	
div#kontext {
	position		:	relative;
	border			:	1px solid;
	border-color	:	#cccccc;
	margin-right	:	16px;
	margin-left		:	16px;
	padding			:	10px;
	float			:	right;
	width			:	232px;
	background		:	url(../img/bg-box.gif);
}
div#kontext ul {
	position		:	relative;
	list-style		:	none;
	margin-top		:	16px;
}
div#kontext li {
	height			:	25px;
	width			:	210px;
	margin			:	6px 6px 6px 16px;	  
	list-style-image:	url(../img/icons/pfeil.png);
}
div#kontext li  a{
	display			:	block;
	height			:	auto;
	text-decoration	:	none;
	font-family		:	'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, helvetica, sans-serif;
	font-size		:	12px;
	color			:	#333333;

}




/* ****************************************/
/* Teaserbereich */
#content div.teaser {
	position		: relative;
	float:			: left;
	clear			: both;
}

#content div.teaser p {
	width			:	225px;
	margin-bottom	:	0;
}
#content div.teaser a {
	width			:	225px;
	margin-bottom	:	0;
}
#content div.teaser img {
	display	:	block;
}

#content div.teaser div.box {
	/* display			:	inline-block; */
	float			:	left;
	width			:	234px;
	height			:	295px;
	border			:	1px solid #ccc;
	margin			:	0 15px 10px 0px;
	position		:	relative;
	vertical-align	:	top;
	background		: 	url(../img/bg-box.gif);
}

#content div.teaser h3 {
	margin			:	12px 6px 6px;
	font-weight		:	600;
	width			:	220px;
}

#content div.teaser a {
	text-decoration	:	none;
	color			:	#333333;
	}
	
#content div.teaser ul {
	position		:	relative;
	margin			:	6px 6px 6px 10px;
	list-style		:	none;
	font-family		:	'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, helvetica, sans-serif;
	font-size		:	12px;
}

#content div.teaser li {
	margin			:	6px 6px 6px 16px;	  
	list-style-image:	url(../img/icons/pfeil.png);

}

#content div.teaser li  a{
	display			:	block;
	/* height			: 	1%; */
	text-decoration	:	none;
	width			:	200px;

}

#content div.teaser p{
	margin			:	6px 6px 6px;
}

 #content div.teaser a.mehr-unten {
	background		:	transparent url(../img/icons/pfeil.png) no-repeat 0 8px;
	position		:	absolute;
    width			:	20px;
	height			:	20px;
    bottom			:	6px;
	left			:	215px;
}



	
 /* Team-Vorstand Boxen */

#content div.teaser2 {
	position		: relative;
	float			: left;
	clear			: both;
}

#content div.teaser2 p {
	width			:	225px;
	margin			:	6px 0px 6px 0px;

	
}

#content div.teaser2 img {
	display			: 	inline;
	float			:	left;
	margin			: 	5px 10px 0px 10px;
}

#content div.teaser2 div.box {
	/* display			:	inline-block; */
	float			:	left;
	width			:	234px;
	height			:	250px;
	border			:	1px solid #ccc;
	margin			:	0 15px 10px 0px;
	position		:	relative;
	vertical-align	:	top;
	background		: 	url(../img/bg-box.gif);
}

#content div.teaser2 div.box  p {
	padding-left: 6px;
	
}

#content div.teaser2 h3 {
	margin			:	6px 6px 6px;
	font-weight		:	600;
	width			:	220px;
}



	
 /* Seite Wer ist Wer */

#content div.photo {
	position		: relative;
	float:			: left;
	clear			: both;
}

#content div.photo p {
	width			:	120px;
	margin-bottom	:	0;
}

#content div.photo img {
	display	:	block;
}

#content div.photo div.box {

	float			:	left;
	width			:	120px;
	height			:	200px;
	border			:	1px solid #ccc;
	margin			:	0 15px 10px 0px;
	position		:	relative;
	vertical-align	:	top;

}

#content div.photo p{
	margin			:	10px ;
}



	/* Kontaktseite Boxen */

#content div.teaser3 {
	position		: relative;
	float			: left;
	clear			: both;
}

#content div.teaser3 p {
	width			:	220px;
	margin			:	6px 6px 6px 6px;
}
#content div.teaser3 h3 {
	margin			:	12px 6px 6px;
	font-weight		:	600;
	width			:	220px;
}

#content div.teaser3 div.box {
	/* display		:	inline-block; */
	float			:	left; 
	width			:	234px;
	height			:	150px;
	border			:	1px solid #ccc;
	margin			:	0 15px 10px 0px;
	position		:	relative;
	vertical-align	:	top;
	background		: 	url(../img/bg-box.gif);
}


 /* Aktuell/News */
#content div.news img {
	  margin			:	0 6px 0 0;
	  background		:	#ffffff none repeat scroll 0% 50%;
	  float				:	left;
	  padding			: 	6px 0 0px 0;
}

#content div.news p.trennlinie {
	  height:				:   10px;
	  background-image		:	url(../img/trennlinie.gif); 
	  background-repeat		:	no-repeat;
	  margin				: 	20px 0px 0px 0px;

}

#content div.news p {
	  margin			:	0 6px 0 0;
}
#content  div.news h3 {
	  margin-bottom		:	6px;
}
	
/* Mitgliederbereich */	
#content div.download p{
	overflow		:	hidden; 
	border-style	:	solid;
	border-color	:	#CCCCCC;
	border-width	:	1px; 
	padding			:	6px 6px 6px 6px;	
	width			:	630px;
	margin			: 	0px 0px 6px 0px;
	}

#content div.download img{	
	margin			: 	0px 10px 10px 0px;
	float			: 	left;
	padding			: 	0px;
	clear			:	none;
	}
#content div.download h3 {
	margin-bottom		:	6px;
	margin-top			: 	24px;
}

	
	
/* Flash für Homepage */
div#flashcontent { 
	width			:	739px;
	height			:	375px;
	z-index			:	100;
	}


/* ****************************************/
/* Footer */
div#footer {
	clear			: both;
	background		: #FFF;
	}