#dhtml_suniostool{
	color:#000000;
	background-color:#EEEEEE;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:1.0em;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	font-family: verdana, arial, sans-serif;
	
}
#dhtml_suniostoolShadow{
	position:absolute;
	background-color:#555;
	display:none;
	z-index:10000;
	opacity:0.7;
	/*filter:alpha(opacity=70);
	-khtml-opacity: 0.7;*/
	-moz-opacity: 0.7;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
}

/*
html, body, div, th, td, input, select, textarea
{
	font-family:			verdana, arial, sans-serif;
	font-size:			10px;
	font-weight:			normal;
	color:				#FFFFFF;
	background-color:		#EEEEEE;
}
*/


	html{
		height:100%;
	}
	body, th, td{
		font-family: verdana, arial, sans-serif;
		font-size:			10px;
		font-weight:			normal;
		/*font-size:0.5em;*/
		margin:0px;
		padding:0px;
		text-align:center;
		background-color:#888888;
		height:100%;
	}
	
	.answer{
		/* Ist für den hidden Content */
		
		/* This one should not be changed */
		display:none;	
	}
	
	body.normalgray{
		background-color:#dddddd;
	}
	

	
	form {
		margin:0px;
		padding:0px;
	}
	
	input, select, textarea {
		font-family: verdana, arial, sans-serif;
		font-size:			10px;
		font-weight:			normal;
		/*font-size:0.5em;*/
		margin:0px;
		padding:0px;
		text-align:left;
		background-color:#dddddd; /*eeeeee*/
		/*height:100%;*/
	}
	
	input.verydarkgray {
		background-color:#888888;
	}

	
	td.gray {
		background-color:#dddddd;
	}
	
	td.darkgray {
		background-color:#cccccc;
	}
	
	td.verydarkgray {
		background-color:#888888;
	}
	
	p{
		margin-top:1px;
		margin-bottom:1px;
	}
	
	p.old{
		margin-top:5px;
		margin-bottom:10px;
	}
	
	a
	{
		color:					#000000;
		font-family:			Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
		font-size:				10px;
		font-weight:			BOLD;
		text-decoration:		NONE;
	}
	
	a:hover
	{
	color:				#ffffff;

	}
	
	a.new
	{
	cursor:					pointer;
	
	}
	
	a.new:hover
	{
	color:				#ffffff;

	}
	
	#mainContainer{
		width:100%;
		margin:0 auto;
		text-align:left;
		background-color: #FFF;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:20px;	
	}
	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #000;
		background-color:#FFF;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #cccccc;
		background-color:#cccccc;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #555;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		border:1px solid #cccccc;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#0270CA;
		border:1px solid #000;
		
		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#FFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#E2EBED;
		border:1px solid #000;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}
	
/* Start Rating System */

	.star-rating,
	.star-rating a:hover,
	.star-rating a:active,
	.star-rating .current-rating{
		background: url(layout/rating_star.gif) left -1000px repeat-x;
	}
	.star-rating{
		position:relative;
		width:125px;
		height:25px;
		overflow:hidden;
		list-style:none;
		margin:0;
		padding:0;
		background-position: left top;
	}
	.star-rating li{
		display: inline;
	}
	.star-rating a, 
	.star-rating .current-rating{
		position:absolute;
		top:0;
		left:0;
		text-indent:-1000em;
		height:25px;
		line-height:25px;
		outline:none;
		overflow:hidden;
		border: none;
	}
	.star-rating a:hover{
		background-position: left bottom;
	}
	.star-rating a.one-star{
		width:20%;
		z-index:6;
	}
	.star-rating a.two-stars{
		width:40%;
		z-index:5;
	}
	.star-rating a.three-stars{
		width:60%;
		z-index:4;
	}
	.star-rating a.four-stars{
		width:80%;
		z-index:3;
	}
	.star-rating a.five-stars{
		width:100%;
		z-index:2;
	}
	.star-rating .current-rating{
		z-index:1;
		background-position: left center;
	}	
	
	/* SECOND STAR (ALREADY VOTED */
	
	
	.star-rating2,
	.star-rating2 a:active,
	.star-rating2 .current-rating{
		background: url(layout/rating_star_2.gif) left -1000px repeat-x;
	}
	.star-rating2{
		position:relative;
		width:125px;
		height:25px;
		overflow:hidden;
		list-style:none;
		margin:0;
		padding:0;
		background-position: left top;
	}
	.star-rating2 li{
		display: inline;
	}
	.star-rating2 a, 
	.star-rating2 .current-rating {
		position:absolute;
		top:0;
		left:0;
		text-indent:-1000em;
		height:25px;
		line-height:25px;
		outline:none;
		overflow:hidden;
		border: none;
		cursor:default;
	}
	
	.star-rating2 a.one-star{
		width:20%;
		z-index:6;
	}
	.star-rating2 a.two-stars{
		width:40%;
		z-index:5;
	}
	.star-rating2 a.three-stars{
		width:60%;
		z-index:4;
	}
	.star-rating2 a.four-stars{
		width:80%;
		z-index:3;
	}
	.star-rating2 a.five-stars{
		width:100%;
		z-index:2;
	}
	.star-rating2 .current-rating{
		z-index:1;
		background-position: left center;
	}
	
	
	/* END SECOND STAR */
	
	/* for an inline rater */
	.inline-rating{
		display:-moz-inline-block;
		display:-moz-inline-box;
		/*display:inline-block;*/
		vertical-align: middle;
	}
	.voted_twice {
		background: #FFDDDD url(layout/rating_warning.gif) no-repeat 5px 50%;
		padding:5px 5px 5px 16px;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#333;
		width:130px;
		font-size:11px;
		}
	.voted {
		background: #E7FFCE url(layout/rating_tick.gif) no-repeat 5px 50%;
		padding:5px 5px 5px 16px;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#333;
		width:130px;
		font-size:11px;
		}
	/* The text that displays the rating information */
	.rated_text {
		font-family:verdana, arial, sans-serif; /* Verdana, Arial, Helvetica, sans-serif */
		font-size:10px;
		margin-bottom:5px;
		color:#000;
		}
	/* Green text that shows 3.34/5 */
	.out5Class {
		color:#000;
		font-weight:bold;
		}
	.percentClass {
		/* Insert styles here for the percentage display. Example (74%) */
		}
	.votesClass {
		/* Insert styles here for the votes display. Example (2 Votes) */
		}
	.topRatedList {
		padding:0;
		margin:0;
		}
	.topRatedList li {
		list-style-type:none;
		}

/* Ende Rating System */

/* Start SlideShow5 */

	#mainContainer{
		margin:0 auto;
		width:550px;
		text-align:left;
		background-color:#ccc;
		padding:3px;
		border:1px solid #000;
	}
	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:115px;
	}
	#DHTMLgoodies_panel_one{		
		float:left;	
	}
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:280px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		width:300px;	/* Width of large image div */
		height:310px;	/* Height of large image div */
		float:left;
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		border:1px solid #000;	/* Border around large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:114px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:110px;
		height:90px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:1px solid #f00;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:700px;
	}	
	
/* Ende SlideShow5 */