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


/* LINKS AND HEADINGS STYLING */


a { color: #2a64ae; background: inherit; }
a:hover { color: #2a64ae; background: inherit; text-decoration: none;}
h1, p.titel  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #2a64ae; background-color:transparent; }
h2  { font: normal 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }
h3  { clear: both; font-size: 1.1em; color: #555; background: url(images/h3bg.gif) no-repeat center left; padding: 0 0 0 14px; margin: 0 0 5px 0;}
h3 a  { clear: both; font-size: 1.1em; color: #555; background: none; padding: 0 0; margin: 0; text-decoration: none;}
h3 a:hover { background: none; color: #555; text-decoration: none;}


blockquote {

	margin: 10px 0 0 25px;
	padding: 0 20px;
	border-left: 1px solid #ccc;
	color: #666;
}

.blue { color: #546F92; background: inherit; }

.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }



/* CONTENT WRAPPER */



#main { 

	width: 900px; 
	margin: 0px auto 0 auto; 

}



/* TOP LEFT LOGO */


#logo { 

	float: left; 
	padding: 15px 0 0 265px; 

}

	#logo p.titel a { color: #fff; background: #none; font-size: 16px; font-weight: bold; font-style: italic;}
	#logo a { text-decoration: none; }



/* 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; 
		margin-left: -3px;

	}

	#menu li.current_page_item { 

		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:hover { 

		background: #fff url(images/baractive.gif) no-repeat bottom left;

	}

	#menu li a { 

		background: transparent; 
		color: #888888; 
		text-decoration: none; 

	} 	

	#menu li a:hover { 

		color: #555; 
		background: transparent;

	} 	

	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */



/* LEFT INTRO SIDE */	



#intro_left {

	clear: left;
	float: left;
	width: 248px;
	height: 98px;
	background: url(images/logo.jpg) no-repeat center left;
	color: #E5EAF2;
	margin: 0 0 1px 0;
	border: 1px solid #ccc;

}

/* Hack fuer IE 7 */
	html* #intro_left {
	margin-right: 7px; }	
/* Ende Hack fuer IE 7 */

	#intro_left img { margin-top: 3px; }
	#intro_left p { padding: 14px 15px; margin: 0; }



	/* LEFT VERTICAL MENU */

	#menu_left { 
		float: left;  
		margin: 2px 0 6px 0; 
		padding: 0 0; 
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		clear: left; 
	}
	
/* Hack fuer IE 7 */
	html* #menu_left {
	margin-top: -3px; }	
/* Ende Hack fuer IE 7 */

		#menu_left li { list-style: none; }

		#menu_left li a { 

			display: block; 
			color: #555; 
			background: #f6f6f6 url(images/arrow-grey.gif) no-repeat center left; 
			width: 202px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0; 
			font-weight: bold; 
			text-decoration: none;
			border-bottom: 1px solid #ccc;

		}	

		#menu_left li a:hover { background: #41a147 url(images/arrow.gif) no-repeat center left; color: #fff;  }



/* RIGHT INTRO SIDE */

	

#intro_right {

	float: right;
	width: 640px;
	padding: 0 0 0 0;
	background: url(images/intro-right.jpg) no-repeat center left;
	color: #547592;
	margin: 0 1px 6px 0;
	height: 98px;
	clear: right;
	border: 1px solid #ccc;

}

#intro_right ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	margin: 10px 0 0 30px;
	padding: 0 0;
}

#intro_right ul li {
	background: url(images/listenpunkt.png) no-repeat center left;
	list-style: none;
	margin: 0 0;
	padding: 4px 0 4px 28px;

}

/* Hack fuer IE 7 */
	html* #intro_right {
	float: none; }	
/* Ende Hack fuer IE 7 */


	#intro_right h1 { margin: 0 0 10px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }


/* LEFT SIDE */

	

#sidebar {

	float: left;
	width: 250px;
	clear: left;

}



#sidebar h2 {

	border-bottom: 1px solid #ccc;
	margin: 0; 
	padding : 0; 

}



#sidebar ul { 

	margin: 0; 
	padding : 0; 
	list-style : none; 

}



#sidebar li {

	list-style-type:none;

}



#sidebar li ul li{

	list-style-type:none;
	margin-left:20px;

}

	.box {

		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
		
	}

	.note {

		padding: 15px 15px 20px 100px;
		border: 1px solid #CFCB66;
		margin: 0 0 5px 0;
		background: #FFFFAD url(images/package.gif) no-repeat;
		color: #585616;

	}



/* RIGHT SIDE */



/* Begin Comments*/



.commentlist li.alt {

	background-color:#F0F6FF;

	}



.commentlist {

	margin:15px;

	padding: 0;

	text-align: left;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	background: #fafafa;

	color: #808080;

	border: 1px solid #eeeeee;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: inline;

	}

/* End Comments */



#right {

	float: right;

	width: 643px;

	clear: right; 

}

	.leftcol {

		width: 610px;
		
		min-height: 610px;

		float: left; 

		padding: 12px 15px;

		border:#ccc 1px solid;

		text-align: left;

		margin: -3px 0 10px 0;
		
		font-size: 12px;

	}
	
	.leftcol h1 {

		margin-bottom: 10px;

	}
	
	.leftcol h2 {
		margin-top: 25px;
	}
	
.leftcol img {
	border: none;
}
	
.leftcol ul {
	margin: 0 0 0 10px;
	padding: 0 0;
}
	
.leftcol ul li.plus {
	background: url(images/plus.png) no-repeat center left;
	list-style: none;
	margin: 0 0;
	padding: 4px 0 4px 28px;
}

.leftcol ul li.minus {
	background: url(images/minus.png) no-repeat center left;
	list-style: none;
	margin: 0 0;
	padding: 4px 0 4px 28px;
}

.container {
	width: 610px;
	margin: 20px 0;
	float: left;
}

.container h2 {
	margin-top: 0px;
}

.container_rechts {
	float: left;
	width: 400px;
	border-right: 1px solid #eee;
}

.container_links {
	float: left;
	width: 180px;
	margin-left: 20px;
}

.bewertung {
	width: 150px;
	padding: 15px 10px;
	text-align: center;
	border: 1px solid #ccc;
	font-size: 18px;
	font-weight: bold;
	color: #2a46ae;
}

.leftcol .special {
	margin-top: 25px;
}

.leftcol .special h2 {
	margin-top: 5px;
}

.leftcol .special img {
	margin-top: 5px;
}

	.rightcol { 

		float: right; 

		padding: 10px 15px;

		width: 285px; 

		border:#ccc 1px solid;

		margin: 0 0 10px 0;

		}

	.special {

		clear: both;

		margin:0px 0 20px 0;	

		padding: 5px 20px;

		border: 1px solid #ccc;

		background: #eee;

		color: #444;

	}
	
.special h2 {
	margin-top: 5px;
}
	

	.metadata {

	border-top: 1px dotted #ccc;

	margin-bottom: 50px;

	text-align: right;

	}

		

	.alignright {

	float: right;

	}

		

	.alignleft {

	float: left

	}

	

	.navigation {

	padding: 1px;

	margin: 0;

	}
	
/* Tabelle */

	.leftcol table.liste {
			width: 610px;
			border: 1px solid #ddd;
			margin: 0 0 20px 0;
	}
	
	.leftcol table.liste th {
			text-align: left;
			padding: 5px 10px;
			border-bottom: 1px solid #ddd;
			background-color: #8d9caf;
			color: #fff;
	}
	
	.leftcol table.liste tr.dunkel {
			background-color: #f0f5fb;
	}
	
	.leftcol table.liste td {
			text-align: left;
			vertical-align: middle;
			padding: 5px 10px;
	}
	
	.leftcol table.liste td img {
			vertical-align: middle;
			padding: 2px 0;
			border: none;
	}
	

.text-box a {
	color: #2a64ae;
}

.text-box a:hover {
	text-decoration: none;
}

.more-link {
	margin: 10px 0 10px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}


/* FOOTER */



#footer { text-align: left; clear: both; padding: 0 0 0 265px; border-top: 1px solid #ccc; }


.footer a {
	color: #2a64ae;
}

.footer a:hover {
	text-decoration: none;
}


#content_start {position: absolute;left: -10000px;};


