body {

  font-family: verdana, helvetica, sans-serif;	
	color: #666666;
	background: url('../image/bground.gif');
	margin: 0px;
	padding: 0px
}



/* Here the elements for the navigation start(images and the navbar) */

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}


#container {
	margin: auto;
	width: 800px;


}


#header, #sj, #sjimg {
	font-size: 1px;
	line-height: 1px;
	background: #FFFFFF;
	height: 110px;
}

#sj {
	float: left;
	width: 260px;
	height: 50px;
	margin-top: 10px;
	margin-left: 15px;
	background: url('../image/title.gif') no-repeat;
}

#sjimg {
	float: right;
	width: 123px;
	height: 69px;
	margin-top: 30px;
	margin-right: 3px;
	margin-bottom: 10Px;
	background: url('../image/logo_Jugend.gif') no-repeat;
}


#navbar {
	background: url('../image/navbar_bground.gif') repeat-x;
}


#navbar a {
	font: 8pt Verdana, sans-serif;

	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;	
	padding-top: 0px;	
	padding-bottom: 7px;
	padding: 8px;
	text-decoration: none;
	color: #666666;
	
	margin-top: 2px;
	line-height: .8em;
	font-weight: bold;
}


#navbar a.right {
	float: right;
}

#navbar a.left {
	float: left;
}

#navbar a:hover {
	margin-top: 0px;
	border-top: 2px solid #F7E186;
	color: #333333;
}



/* Here the elements for the content start*/




#content {
	width: 684px;	
	background: 	#FFFFFF;
	float: 		left;
  	line-height:	1.2em;
	padding-left:	58px;
	padding-right:	58px;
	padding-top:	40px;

}


#content p {
	margin: 	8px 0px 12px 0px;

}

#content h1 {
	font-size: 	12pt;
  	font-weight: 	normal;		
  	margin-top: 10px;
  	margin-bottom: 10px;
}

#content h2 {
	font-size: 	12pt;
  	font-weight: 	normal;
  	margin:0px;
}

#content h3 {
	font-size: 	10pt;
  	font-weight: 	normal;
  	margin:0px;
}





#footer {
	text-align: left;
	color: #999999;
	padding: 24px 8px 8px 8px;
}



#scroll { 
	position:absolute; 
	top:0; 
	bottom:-0.1px; 
	width:1em; 
	z-index:-1; 
} 


#veranstaltungen {
	position:relative;
	width:120px;
	height: 53px;
  	padding: 10px;
	border: 1px solid #999999;
	float:right;	
}

a {
	text-decoration: none;
	color: #666666;	
}


a:hover {
	color: #333333;

}

#gallery {

	position:relative;
	width:500px;
	height: 400px;
  	padding: 10px;
	border: 1px solid #999999;
	float:left;	
}



#gallerynavigation {

	position:relative;
    
	width:475px;
	height: 20px;
	padding-left: 10px;
  	padding-right: 10px; 
  	margin: 0px;
	border: 1px solid #999999;

}


#gallerycontent {

	position:relative;
  	padding-top: 15px;	
  	padding-left: 30px;
  	margin: 0px;
	width: 465px;
	height: 335px;
	border: 1px solid #999999;
	

}


#gallerycontentfull {

	position:relative;
  	padding-top: 15px;	
  	padding-left: 10px;
  	margin: 0px;
	width: 485px;
	height: 335px;
	border: 1px solid #999999;	

}


#gallerycontentelemnt {

	position:relative;
  
	width: 73px;
	height: 70px;
  	padding: 0px;
  	margin-right: 15px;
  	margin-bottom: 15px;
	border: 1px solid #999999;
  	float: left;
}


#namedetails {

	position: relative;
  padding:  10px;
  margin:   10px;
	width:   612px;
	height:  100px;
	left:		 3px;
	border: 1px solid #999999;	

}