@charset "utf-8";
/* ++++++++++ STYLESHEET PYRAMEDIA.DE / PYRAMEDIA 2010 / TIM R. GLOYSTEIN ++++++++++ */
@import url('../_css/reset.css');

/* ++++++++++ ALLGEMEINES ++++++++++ */
html
 {
		overflow-x: hidden;
		overflow-y:scroll;
	}
	
body
 {
	height:100%;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background:#99cd66;
	font-size: 14px;
	line-height:18px;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */



/* ++++++++++ LAYOUT ++++++++++ */
#header 
 {
  height: 90px;
		padding-top:50px;
	 text-align:center;
 	background:#99cd66;
		border-bottom: 1px solid #FFF;
 }
	
#container 
 {
	 width:100%;
		height:auto;
		text-align:center;
 }
	
#accordion
 {
  display:block;
		width:100%;
		text-align:center;
		background:#FFF;
		margin-bottom:75px;		
	}
	
#accordion h2 a
 {
		display:block;
		width:100%;
	 text-align:center;
 	margin: 0 auto;
		padding: 8px 0 8px 0;
		font-size:18px;
		line-height:20px;
		text-decoration: none;
  color:#666666;
	}
	
#accordion h2 a:hover
 {
		text-decoration: none;
  color:#fff;
		background:#99cd66;
	}	
	
#accordion .content
 {
		padding-bottom:20px;
		border-bottom:1px dotted #99cd66;
	}
	
.dropdowncontent
{
	display:none;
}

#footer 
 {
  position:fixed;
	 bottom:0px;
 	height:28px;
	 text-align:center;
 	width:100%;
  padding: 6px 0 0 0;
	 margin: 0;
 	background:#99cd66;
		border-top:1px solid #fff;		
 }
	
.referenzen p
 {
		clear:both;
		text-align:left;
		line-height: 20px;
	}
	
.referenz img
 {
		float:left;
		padding:3px;
		border: 1px solid #ccc;
		margin-right:10px;
		vertical-align:top;
	}
	
a.referenz
 {
		background:none;
	}	
	
a.referenz:visited
 {
		background:none;
	}		
	
a.referenz:hover
 {
		background:none;
	}
	
	
#fancybox-outer a
 {

	}	
	
#fancybox-outer a:visited
 {

	}		
	
#fancybox-outer a:hover
 {
	background: url('../_skripte/fancybox/fancybox.png');
	background-position: -40px 0px;
 }
	
.clear
 {
		clear:both;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1 
 {
 	font-size:14px;
 	font-weight:normal;
	 text-align:center;
 	margin: 0;
	 color: #8c8c8c;
 }
	
h2 
 {
		border-bottom:1px dotted #99cd66;
 }
	
h2.last
 {
		border-bottom:1px solid #fff;
 }	

p 
 {
	 width:500px;
 	font-size:14px;
 	line-height:24px;
  margin: 0 auto;
 	padding: 15px 0 0 0;
 	text-align: justify;
 }

a 
 {
		text-decoration:underline;
	 color: #666;
 }
	
a:visited 
 {
 	text-decoration:underline;
 }	
	
a:hover 
 {
 	text-decoration:none;
	 color: #fff;
		background:#99cd66;
 }
	
strong, b 
 {
	 font-weight:bold;
 }
 
.small
 {
  font-size:12px;
  line-height:14px;
 }
	
ul 
 {
 	list-style: circle;
	 margin: 0 0 14px 25px;
 	font-size:14px;
 	line-height:24px;
 }
	
ul ul 
 {
 	list-style-type:disc;
 	margin-left:15px;	
 }
	
ol
 {
  list-style-type: decimal;
		width:460px;
 	font-size:14px;
 	line-height:24px;
  margin: 0 auto;
 	padding: 15px 0 0 40px;
 	text-align: justify;		
	}
	
.center {
	text-align:center;
}

img.floatleft {
	float: left;
	margin: 5px 10px 10px 0;
}

img.floatright {
	float: right;
	margin: 5px 0 10px 10px;
}

#map
 {
		font-size:12px;
	}
	
#map .button
 {
	 font-family: Arial, Helvetica, sans-serif;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */