/* ++++++++++ STYLESHEET DEFAULT / PYRAMEDIA 2012 / TIM R. GLOYSTEIN ++++++++++ */
@import url('/css/reset.css');
@import url('/css/navigation.css');


@charset "utf-8";
/* CSS Document */

#spielerei 
 {
  position:absolute;
		top:50px;
		left:100px;
		width:770px;
		height:330px;
		z-index:0;
 }
	
#spielerei a
 {
		margin-right:10px;
		width:50px;
		height:50px;
	}
	
#spielerei a:hover
 {
		background:url(/bilder/spielerei/01_hover.png);
	}
	
#spielerei img
 {
		margin-right: 10px;
	}
	
#spielerei img:last-child
 {
		margin-right: 0px;
	}
	
#spielerei .imgHoverable
 {
		cursor:pointer;
	}


/* ++++++++++ ALLGEMEINES ++++++++++ */
html
 {
	 overflow-y:scroll;
	}

body
 {
	 height:100%;
		width:100%;
	 font-family:"Arial Narrow", Helvetica, sans-serif;
	 font-size:14px;
  color: #222222;
		background:#fff;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */



/* ++++++++++ LAYOUT ++++++++++ */
#container
 {
  position:relative;
  margin: 0px auto;
		width:940px;
	}
#page
 {
  position:relative;
  margin: 0px auto;
		width:940px;
	}
 

/* HEADER */
#header 
 {
  position:relative;
		top:0px;
		left:0px;
		width:940px;
		height:385px;
 }
 
#logo 
 {
  position:absolute;
		top:0px;
		left:5px;
		width:235px;
		height:165px;
  text-align:center;
  z-index:50;  
 } 
 
#navigation
 {
  position:absolute;
		top:298px;
		left:305px;
		width: 615px;
  height: 45px;
		padding: 5px 0 0 20px;
		text-align:center;
  z-index:50;
 } 
#sprachauswahl {
 position: absolute;
 right: 0px;
 top: 10px;
 font-size: 11px;
}
#sprachauswahl a {
 font-size: 11px;
 color: #cccccc;
}
#sprachauswahl a:hover {
 color: #ff9538;
}
#sprachauswahl a.active {
 color: #ff9538;
}
#sprachauswahl ul {
list-style-type:none;
margin:0;
}
/* HEADER */  
 

/* CONTENT */		
#content 
 {
  float: right;
		width:940px;
		margin:0px 0 25px 0;	
  padding:0 0 20px 5px; 
 }
 
#left 
 {
	 float:left;
  width: 170px;
  padding:43px 0 0 100px;
 }
 
#right
 {
  float:left;
  width: 530px;
  padding: 40px 0 0 70px
 }
/* CONTENT */ 
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
	 font-size:14px;
		line-height:18px;
		margin:0;
		font-weight:bold;
	 color:#ff9538;
	 letter-spacing: 3px;
  text-transform: uppercase;
	}
	
h2
 {
	 font-size:14px;
		line-height:18px;
		margin:0;
		font-weight:bold;
	 color:#ff9538;
	 letter-spacing: 3px;
  text-transform: uppercase;
	}
	
h3
 {
	 font-size:12px;
		line-height: 18px;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 15px;
		margin-top: 25px;
	}

p
 {
  font-size:14px;
		line-height:20px;
		margin-bottom:12px;
	}
 
b, strong
 {
  font-weight: normal;
  color:#ff9538;
 }
 
i, em
 {
  font-style:italic;
 }
	
a
 {
		text-decoration:none;
  color:#ff9538;
	}
	
a:visited
 {
		text-decoration:none;
	}	
	
a:hover
 {
  text-decoration:none;
		color: #717171;
	}
	
a.no_underline
 {
		text-decoration: none;
	}
 
a[href^="http://"] 
 {
  background: url(/bilder/external.png) center right no-repeat;
  padding-right: 15px;
 } 
 
a[href^="http://www.gemeinde-worpswede.de"], a[href^="http://www.landkreis-osterholz.de"], a[href^="http://www.voba-worpswede.de"], a[href^="http://www.leckr.com"], a[href^="http://www.ksk-osterholz.de"]
 {
  background: none;
  padding-right:0;
 }  
	
ul
 {
	 list-style-type: circle;
  font-size:12px;
		line-height:16px;
		margin:-10px 0 12px 15px;
	}
 
ul li
 {
  margin-bottom:3px;
 }
	
ul ul
 {
	 list-style-type:disc;
		margin-left:15px;	
	}
	
table
 {
		width: 100%;
  margin-top:20px;
  font-size:14px;
		line-height:10px;
		margin-bottom:12px;
  padding:0;
	}

table td p
 {
  font-size:14px;
		line-height:18px;
 }
 
table a.image img
 {
  margin-bottom:10px;
 }
	
.center
 {
		text-align:center;
	}	
	
img.floatleft
 {
		float: left;
		margin: 5px 10px 10px 0;
 }
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */
/* Bildergalerie */

.galerie_container {
	
	width:602px;
	float:left;
	
	margin-bottom:20px;
	border:1px solid #CCC;
	
	
}


#right ul.galerie_navi {
	float:left;
	margin:0;
	padding:0;
	width:100%;
	background:#EEE;
	

}

#right ul.galerie_navi li {
	float:left;
	margin:0;
	padding:0 1px 0px 0px;
	background:#DDD;
	list-style-type:none;
}




p.galleryHead {
	padding: 5px 15px 5px 15px;
	margin:0;
	color:#FFF;
	font-weight:bold;
}

.galerie_content {
	width:100%;
}

#right ul.galerie {
	margin:0;
	padding:15px 0;
	list-style-type:none;	
}

#right ul.galerie li {
	margin:0px 0px 10px 10px;
	padding:0;
	list-style-type:none;
	float:left;
	height:100px;
	width:100px;
	text-align:center;
	line-height:100px;
}