html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}


#shim {
	float: left;
	height: 50%;
	margin-bottom: -365px;
	width: 1%;
	background-color: #fff;}


#page {
	position:relative;
	
	width: 990px;
	height:730px;
	clear: both; 
	margin:0 auto 0 auto;
	/*overflow: hidden;
	z-index:100;*/
	}

/* -- header -- */
#header {
	width: 990px;
	height: 20px;
	position: relative;
	top:0px;
	left:0px;
	margin:0px auto;
	background-color: #fff;}	
	#header p a{
		color:#57378a;
		font-size:11px;}

.clear {
	clear:both;}

/* -- content -- */
#wrap {
	height:100%;
	width: 990px; 
	height:700px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #567;}

#content {
	height:100%;
	width: 990px; 
	height:700px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;}

	#content .float_right {
		float:right;
		margin:0 0 10px 10px;}
		
	#content .float_left {
		float:left;
		margin:0 0px 0px 0px;}
	
	#content .clear {
		clear:both;}
		
	#content p.info {
		margin:50px 0 0 20px;
		width:200px;
		padding:20px;}	
	
	/*#content h2 {
		text-transform:uppercase;	
		line-height:1.2em;
		font-size:20px;
		font-weight:normal;}*/
/********************************************/		
#design {
	width:340px;
	float:left;
	font-size:9px;
	color:#ddd;}
	#design a{
	  font-size:9px;
	  color:#ddd;}
/********************************************/	  
h2 {
	font-size:26px;
	font-weight:bold;
	color:#000;
	position:absolute;
	top:40px;
	left:350px;
	height:120px;
	margin: 0 0 0px 0;}
h2.aktuell {
	position:absolute;
	top:40px;
	left:65px;}
h2.portrait {
	position:absolute;
	top:40px;
	left:75px;}
h2.home, h2.komitee, h2.links, h2.treffpunkte, h2.spende, h2.kontakt, h2.impressum, h2.zitate {
	position:absolute;
	top:40px;
	left:100px;}
h2.wirtschaft {
	position:absolute;
	top:40px;
	left:320px;}
span.cufon {
	margin:0px 0 8px 0;}

show_zitate span, show_kontakt span, .show_impressum span, .show_spenden span, .show_home span, .show_komittee h2{
	font-size:26px;
	font-weight:bold;
	color:#000;}

/********************************************/
/***Slide Navigation**/
.accordion, .accordion *{		
		margin:0;
		padding:0;
		list-style-type: none;}		
	.accordion {
		width:990px;}
	.accordion div img{
		cursor:pointer;}
	.accordion .active_click{
		cursor:default;}
		
/********************************************/

	#one p.text, #two p.text, #three p.text{
		background-color:#fff;
		color:#000;
		width:300px;
		position:absolute;
		top:100px;
		left:0px;}
	
	/**Jugend*/
	#one{
		width:720px;	
		margin: 0 0px 0 0px;}
	#one p{
		background-color:#fff;
		width:700px; }
	#one p.text{
		margin:50px 0 0 350px;}
	#one p img {
		float:left;
		width:347px;
		height:700px;
		margin:0 2px 0 0;}	

	/*Alter*/
	#two{
		width:720px;
		background:#fff;
		padding:0px;
		margin: 0 0px 0 0px;}	
	#two p{
		background-color:#fff;
		width:700px; /*619*/
		color:#000;}
	#two p.text{
		width:600px;
		margin:380px 0 0 70px;
		text-align:justify;}	
	#two p.text0{
		position:absolute;
		top:160px;
		left:470px;
		width:200px;
		margin:0px 0 0 0px;
		text-align:justify;}	
	#two p img {
		float:left;
		width:452px;
		height:700px;
		margin: 0 20px 0 0px;}
	
	/*Wirtschaft*/
	#three{
		background:#fff;
		width:710px;}		
	#three p{
		background-color:#fff;}
	#three p.text{	
		width:335px;
		margin:50px 0 0 322px;}	
	#three p.text1{	
		position:absolute;
		top:630px;
		left:60px;
		width:620px;
		margin:0px 0 0 0px;}				
	#three p img {
		float:left;
		width:319px;
		height:700px;
		margin: 0 0px 0 0px;}	
		
	/*weitere Themen*/	
	#four{
		background:#fff;
		padding:0px;
		height:700px;}		
	#four p{
		background-color:#fff;
		width:700px;}		
	#four .text1, #four .text2, #four .text3, #four .text4{
		position:absolute;
		top:220px;
		left:355px;
		width:300px;
		height:400px;}
	#four .text1 {
		width:330px;}
	
	#four .text1 ul li{
		list-style-type:disc;
		padding:0 0 0 0px;}
	#four .text1 ul {
		
		list-style-position:outside;
		padding:0 0 0 12px;}
	
		
	#four a {
		color:#ccc;
		float:left;
		text-decoration:none;
		width:30px;
		height:40px;}		
	#four p img {
		float:left;
		width:351;
		height:700px;
		margin: 0 8px 0 0px;
		border:0px;}		
	#four a.last1, #four a.last2, #four a.last3 {
		position:absolute;
		top:180px;
		left:360px;
		float:left;
		height:30px;
		width:30px;
		background:url(../images/design/pfeil_links.png) no-repeat 0 0;}
	#four a.next1, #four a.next2, #four a.next3{
		position:absolute;
		top:180px;
		right:260px;
		float:right;
		margin:0 0px 0 0 ;
		background:url(../images/design/pfeil_rechts.png) no-repeat 0 0;}
		

	#five{
		height:700px;		
		background:#bd9fc3;
		padding:0px;}	
	#five p.text5{
		background-color:#CDB7D2;
		width:500px;
		height:380px;
		color:#000;
		margin:0px 0 0 0px;
		padding:10px;
		position:absolute;
		left:80px;
		top:100px;}
	#five p img.aktuell {
		float:left;
		width:351;
		height:700px;
		margin: 0 20px 0 0px;}		
	
	
	#six{		
		background:#e1cae6;}	
	#six p.text_zitate, #six p.text_kontakt, #six p.text_links, #six p.text_treffpunkte, #six p.text_impressum, #six p.text_spenden, #six p.text_zitate {
		background-color:#e1cae6;
		width:570px;
		height:580px;
		color:#000;
		margin:0px 0 0 0px;
		padding:0px;
		position:absolute;
		left:100px;
		top:90px;}
	#six .text_komittee {
		background-color:#e1cae6;
		width:570px;
		height:580px;
		color:#000;
		margin:0px 0 0 0px;
		padding:0px;
		position:absolute;
		left:100px;
		top:105px;}
	
	.komitee {
	width:50%;
	float:left;}
	
	.text_komittee p {
	margin:10px 0 25px 0;
	width:400px;}
	
	#six p.text_home{
		background-color:#e1cae6;
		width:360px;
		height:170px;
		color:#000;
		margin:0px 0 0 0px;
		padding:0px;
		position:absolute;
		left:100px;
		top:110px;}

	#six ul.links li {
		margin:0 0 10px 0;
		list-style-type:none;		
		background-image: url(/images/design/pfeil_links.gif);
		background-repeat: no-repeat;
		background-position: left;
		padding: 2px 0 2px 20px;}	
		
	#six p img {
		float:left;
		width:47px;
		height:700px;
		margin: 0 20px 0 0px;}
		
	#six p img.nostyle {
		float:left;
		width:268px;
		height:200px;
		margin: 0 0px 0 0px;}
		
	#six p img.play {
		float:left;
		width:165px;
		height:100px;
		margin: 0 0px 0 0px;}
		
	#six p img.pappus {
		position:absolute;
		top:500px;
		left:420px;
		float:right;
		width:184px;
		height:66px;
		margin: 0px 0px 0 0px;}
	
	img.evplogo {
		position:absolute;
		top:50px;
		left:0px;
		margin: 485px 0px 0 520px;}	
		
	#six ul.social {
		position:absolute;
		top:25px;
		margin:0px 0 0 0;
		left:445px;
		width:200px;
		list-style-position:inside;}
		
	#six ol.zitate {
		position:absolute;
		top:140px;
		margin:0px 0 0 0;
		left:120px;
		width:530px;
		}
	#six ol.zitate li{
		margin:10px 0 10px 0;
		list-style-type:lower-alpha;}
		
	
	#six ul.social li {
		display:inline;
		margin:0 20px 0px 0;
		list-style-type:none;}
		
	#six ul.social li.piknick  {
		position:relative;
		top:5px;}
		
	#six ul.social li.xing, #six ul.social3 li.xing  {
		position:relative;
		top:-2px;}
		
	#six img.startseite {
	position:absolute;
	top:35px;
	right:40px;
	width:221px;
	height:500px;
	float:right;
	}
	
	#seven p img.nikprivat {
	width:150px;
	height:126px;
	float:right;
	margin: 0px 0px 8px 11px;}
	
	#six img.national {
	position:absolute;
	top:40px;
	left:160px;
	width:109px;
	height:55px;
	float:right;
	}
	

	#seven{
		width:720px;
		background:#a071a4;
		/*background:#d8c2dd;*/
		margin: 0 0px 0 0px;}
	#seven .textpor1, #seven .text_portait2, #seven .text_portait3, #seven .text_portait4, #seven .text_portait5, #seven .text_portait6, #seven .text_portait7{
		position:relative;
		top:160px;
		left:10px;
		width:440px;
		margin:0px 0 20px 0;
		color:#fff;}
	#seven img {
		float:left;
		width:47px;
		height:700px;
		margin:0 20px 0 0;}	
	#seven img.nikprivat {
		float:right;
		width:150px;
		height:126px;}
	#seven a.portrait1, #seven a.portrait1z,
	#seven a.portrait2, #seven a.portrait2z,
	#seven a.portrait3, #seven a.portrait3z,
	#seven a.portrait4, #seven a.portrait4z,
	#seven a.portrait5, #seven a.portrait5z,
	#seven a.portrait6, #seven a.portrait6z
	{
		position:absolute;
		top:465px;
		right:0px;}
	#seven a.portrait1, #seven a.portrait2, #seven a.portrait3, #seven a.portrait4, #seven a.portrait5, #seven a.portrait6{
		position:absolute;
		top:0px;
		left:540px;
		float:right;
		width:25px;
		width:25px;
		padding:0px 20px 10px 0px;
		margin:0px 0px 0 0 ;
		background:url(../images/design/pfeil_links_por.gif) no-repeat 0px 0;}
	#seven a.portrait1z, #seven a.portrait2z, #seven a.portrait3z, #seven a.portrait4z, #seven a.portrait5z, #seven a.portrait6z{
		position:absolute;
		top:0px;
		left:490px;
		float:left;
		width:25px;
		width:25px;
		padding:0px 0px 10px 0px;
		margin:0px 80px 0 0 ;
		background:url(../images/design/pfeil_rechts_por.gif) no-repeat 0px 0;}
	#seven a{
		color:#fff;
		text-decoration:none;}
		
	#seven a.kurzcz {
	text-decoration:underline;}
	
/************************************************************************************/
#pappus {
	position:absolute;
	top:50px;
	left:0px;
	z-index:-100;
	width:300px;
	height:605px;}
/************************************************************************************/

/* -- footer -- */
#footer {
	clear: both;
	height: 0px;
	margin: 0px 0 20px 0px;
	display: block;
	padding: 0px 0 0 0px;
	font-size: 9px;
	color:#b1b3b4;}
	
	#footer a{
		font-size:9px;
		color:#b1b3b4;}

/*--------------------------IE6 transparent png hack / http://www.twinhelix.com/css/iepngfix/-------------------*/
#six img.startseite {
{ behavior: url(../scripts/iepngfix.htc) }