body { 
	margin: 0; 
	padding: 0; 
	background: #fff url(images/bg.gif);
	background-repeat: repeat-y;
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #333; 
}

/* LINKS AND HEADINGS STYLING */

a { 
color: #546F92; 
background: inherit;
text-decoration:none; 
}
a:hover { 
color: #8F2E92; 
background: inherit;
text-decoration:underline; 
}

h1  { 
font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; 
margin: 0; 
color: #8F2E92; 
background-color:transparent; 
}

h2  { 
font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif;
margin-bottom: 0px;
}

h3 { 
clear: both; 
font-size: 1.1em; 
color: #000; 
background: #fff url(images/pfeil-001.gif) no-repeat center left; 
padding: 0 19px; 
margin: 0;
}

h4 { 
clear: both; 
font-size: 1.1em; 
color: #000; 
background: #eee url(images/h3bg.gif) no-repeat center left; 
padding: 0 14px; 
margin: 0;
}
.rahmen {
border: solid #8f2e92 1px;
padding: 4px;}
.blue { 
color: #546F92; 
background: inherit; 
}
/* bilder rechts und links im content */
img.floatTL { 
float : left;
display:block;
overflow:hidden;
border: solid #8f2e92 1px;
padding: 4px;
margin-right:10px;
margin-left:30px;
} 

img.floatTR { 
float : right;
display:block;
overflow:hidden;
border: solid #8f2e92 1px;
padding: 4px;
margin-right:30px;
} 

iframe {
margin-right : 7px;
margin-top : 15px;
margin-left : 75px;
border: solid #0066FF 1px;
padding: 4px;
}
/* CONTENT WRAPPER */

#wrapper { 
	width: 900px; 
	margin: 25px auto 0 auto; 
}

/* TOP LEFT LOGO */

#logo { 
	float: left; 
	padding: 10px 0 10px 10px; 
}
	#logo h1 { 
	color: #8F2E92; 

	 }

/* TOP RIGHT HORIZONTAL MENU */
	
#menu { 
	float: right; 
	background: #fff url(images/barul.gif) no-repeat bottom right; 
	color: #808080; 
	padding: 18px 1px 11px 0; 
	margin: 0; 
}
	#menu li { 
		padding: 14px 18px 14px 18px; 
		color: #444; 
		background: #fff url(images/bar.gif) no-repeat bottom left; 
		display: inline; 
	}
	#menu li.active { 
		background: #fff url(images/baractive.gif) no-repeat bottom left; 
		color: #8D9CAF; 
		font-weight: bold; 
		padding: 14px 18px 14px 18px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		background: #f8f8f8; 
		color: #808080; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #8F2E92; 
		background: #f8f8f8;
		text-decoration: none;
	} 	
	
/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	background: #D1D2D4 url(images/leftintrobg.gif) repeat-x;
	color: #737575;
	margin: 0 0 1px 0;
}
	#intro_left a { 
	color: #fff; 
	background: inherit; 
	}
	#intro_left p { 
	padding: 14px 15px; 
	margin: 0; 
	}

	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #e2e2e2; 
	}
		#menu_left li { 
		list-style: none; 
		}
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #F2D2FB url(images/arrow-01.gif) no-repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { 
		background: #8f2e92 url(images/arrow.gif) no-repeat center left; 
		color: #fff;  }

/* HEAD */
	
#intro_right {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/head-01.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}

#intro_right h1 {
margin-left:55px;
margin-top:55px;
}	

#intro_right p {
margin-left:55px;
margin-top:0px;
}

/* HEAD 2 */
	
#intro_right-2 {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/head-02.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}

#intro_right-2 h1 {
margin-left:55px;
margin-top:55px;
}	

#intro_right-2 p {
margin-left:55px;
margin-top:0px;
}

/* HEAD 3 */
	
#intro_right-3 {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/head-03.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}

#intro_right-3 h1 {
margin-left:55px;
margin-top:55px;
}	

#intro_right-3 p {
margin-left:55px;
margin-top:0px;
}

/* HEAD 4 */
	
#intro_right-4 {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/head-04.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}

#intro_right-4 h1 {
margin-left:55px;
margin-top:55px;
}	

#intro_right-4 p {
margin-left:55px;
margin-top:0px;
}

/* HEAD 5 */
	
#intro_right-5 {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/head-05.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}

#intro_right-5 h1 {
margin-left:55px;
margin-top:55px;
}	

#intro_right-5 p {
margin-left:55px;
margin-top:0px;
}


/* HEAD ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ KONTAKT */
	
#intro_right-k {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/head-k.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}

#intro_right-k h1 {
margin-left:55px;
margin-top:55px;
}	

#intro_right-k p {
margin-left:55px;
margin-top:0px;
}

/* HEAD ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ROUTE */
	
#intro_right-r {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/head-r.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}

#intro_right-r h1 {
margin-left:55px;
margin-top:55px;
}	

#intro_right-r p {
margin-left:55px;
margin-top:0px;
}
/* LEFT SIDE */
	
#left {
	float: left;
	width: 250px;
	margin-left:-250px;
	display:block;
	overflow:hidden;
	margin-top:312px;



}
	.box {
		padding-top: 10px;
		/padding-top: 15px;
		padding-bottom: 20px;
		/padding-bottom: 15px;
		padding-left: 20px;
		padding-right: 0px;
		border: 1px solid #ccc;
		margin: 0 0 0 0;
		height:163px;
	display:block;
	overflow:hidden;

	}

/* BILD WECHSEL */
	.pfeil {
	float:right;
	display:block;
	overflow:hidden;
	margin-top:-30px;
	/margin-top:-36px;
	margin-right:55px;
	_margin-right/**/:/**/ 25px;

	}
	
	.pfeil span {
		display:			none;
	}
	
	.pfeil:link, .pfeil:visited {
		display:			block;
		width:				20px;
		height:				20px;
		background:			url(images/pfeil1.jpg);
	}
	.pfeil:hover, .pfeil:active, .pfeil:focus {
		background-image:		url(images/pfeil2.jpg);
	}


/* BILD WECHSEL CONTENT*/
	.pfeil-2 {
	float:left;
	display:block;
	overflow:hidden;



	}
	
	.pfeil-2 span {
		display:			none;
	}
	
	.pfeil-2:link, .pfeil-2:visited {
		display:			block;
		width:150px;
		height:				20px;
		background:			url(images/pfeil1.jpg);
		background-repeat:no-repeat;
		padding-left:25px;
	}
	.pfeil-2:hover, .pfeil-2:active, .pfeil-2:focus {
		background-image:		url(images/pfeil2.jpg);
		background-repeat:no-repeat;
		padding-left:25px;
	}








/* RIGHT SIDE */

#right {
	float: right;
	display:block;
	overflow:hidden;
	width: 643px;	
	padding-top: 2px;
}
/* RIGHT BIG */
#right-big {
	float: right;
	display:block;
	overflow:hidden;
	width: 643px;	
	padding-top: 2px;
	height:450px;
}
	.rightcol { 
		float: right; 
		display:block;
	    overflow:hidden;
		padding: 12px 15px;
		width: 611px;
		height:161px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}
		
		.con-auto { 
		float: right; 
		display:block;
	    overflow:hidden;
		padding: 12px 15px;
		width: 611px;
		height:auto; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}
		
			
	.special {
	
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 30px;
		padding-bottom: 0px;
		border: 1px solid #ccc;
		margin-top:5px;
		margin-bottom:20px;
		background: #eee;
		color: #444;
		height:163px;
		width:620px;
		float: right; 
		display:block;
	    overflow:hidden;
		
	}
	.mitte {
	margin-top:15px;
	margin-left:5px;
	padding-top:0px;
	/padding-top:7px;
	width:350px;
	display:block;
	overflow:hidden;
	float: none;}
	
	.special-alt {
	float: right;
	width: 610px;
		padding: 12px 15px 0px 15px;
		border: 1px solid #ccc;
		background: #fff;
		color: #444;
	}
		

/* FOOTER */

#footer {
width:99%; 
float:left;
display:block;
overflow:hidden;
padding:5px;
border: 1px dotted #ccc;
margin-top: 75px;
margin-bottom: 15px;
text-align:center;
color:#999999;
 }
#footer a, footer a:hover {
color:#999999;
text-decoration:none;
 }
 
 #footer a:hover {
color: #666666;
text-decoration: underline;
 }
#autor {
width:99%; 
float:left;
display:block;
overflow:hidden;
padding-top:0px;
padding-bottom:5px;
padding-right:5px;
padding-left:5px;
border-top: 1px solid #ccc;
margin-top: 0px;
text-align:center;
 }