body
	{
	font-size: 12px; /* Resets 1em to 10px */
	line-height: 18px;
	font-family: Verdana, 'Lucida Sans';
	
	color: #333;
	padding: 0;
	margin: 0;
	text-align: left;
	
	/* background: #E6E6E6 url("img/container_background.jpg") top right repeat-x; */
	/* background: #369 url('img/logo_top_bg.png') repeat-x; */
	background: #F5F4E6 url('img/background_new.jpg') top center repeat-x;
	}
img
	{
	border: 0px;
	}
	
td
	{
	font-size: 12px;
	}
	
a
	{
	color: #369;
	text-decoration: none;
	}
a:hover
	{
	color: #69f;
	text-decoration: none;
	}

.hauptlink
{
	font-size: 14px;
	color: #f00;
	font-weight: bold;
	display: block;
}
.hauptlink:visited
{
	color: #c00;
	padding-right: 20px;
	background: url('icon/tick.png') right top no-repeat;
}
.hauptlink:hover
{
	color: #69f;
}
	
form
	{
	padding: 0;
	margin: 0;
	}
	
input
	{
	font-family: Verdana, 'Lucida Sans', Verdana;
	font-size: 13px;
	margin: 3px;
	border: 1px solid #7BA6CA;
	background: #fff;
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	input.schwarz
		{
		color: #fff;
		padding: 1px 5px 1px 5px;
		background: #000;
		border: 1px solid #8E9598;
		}
textarea
	{
	font-family: Verdana, 'Lucida Sans', Verdana;
	font-size: 13px;
	color: #333;
	border: 1px solid #8E9598;
	background: #E4E3D1;
	margin: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
select
	{
	font-size: 12px;
	margin: 3px;
	}

#topcontent
	{
	background: #333;
	}
	
#maincontent
	{
	width: 980px;
	left: 50%;
	margin-left: -490px;
	position: relative;
	text-align: left;
	}

#glowmenu
	{
	padding: 0;
	font-family: Arial;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	}
#glowmenu2
	{
	padding: 10px 0 10px 0;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	}
	#glowmenu2 a
		{
		padding: 0 6px 0 6px;
		color: #ccc;
		}
	#glowmenu2 a:hover
		{
		color: #ff0;
		}


.toparea
{
	background: #ddd;
	background-image: -moz-linear-gradient(top, #fff, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
	border-bottom: 1px solid #fff;
	margin: 35px 0 30px 0;
}
		
		
#logo
{
	float: left;
	margin: 10px 10px 0 0;
}

ul.indexmenu
{
	margin: 0; 
	padding: 0;
	float: left;
	list-style-type: none;

	border-left: 1px solid rgba(0,0,0,0.2);
	border-right: 1px solid rgba(255,255,255,0.5);
}
ul.indexmenu li
{
	display: inline;
	float: left;
	font-size: 10px;
	padding: 0;
}
ul.indexmenu li.selected
{
	color: #fff;
	background: #666;
	background-image: -moz-linear-gradient(top, #999, #4D4D4D);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#4D4D4D));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#4D4D4D');
}
ul.indexmenu li a
{
	display: inline-block;
	padding: 12px 20px 10px 20px;
	margin: 0;
	color: #666;
	text-decoration: none;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.5);
	border-right: 1px solid rgba(0,0,0,0.2);
}
ul.indexmenu li.selected a
{
	color: #fff;
}
ul.indexmenu li a:hover
{
	color: #666;
	background: #ccc;
	background-image: -moz-linear-gradient(top, #ccc, #fff);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');	
}

.logo_box
	{
	color: #333;		
	text-align: left;		
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 10px;
	padding-left: 20px;
	}
		

.info_titel
	{
	font-family: Arial;
	font-weight: bold;
	color: #333;
	/* margin: 5px 0 5px 0; */
	font-size: 12px;
	padding: 5px;
	border-bottom: 1px dotted #999;
	}
	.info_titel img
		{
		margin-bottom: -3px;
		}	
				
#container
	{
	text-align: left;
	background: #fff;
	}

.clear
	{
	clear: both;
	}
	
/* BOXEN ********************* */
	.box
		{
		text-align: left;
		color: #333;
		margin-bottom: 10px;
		}
	.box a
		{
		color: #6699ff;
		/* font-weight: bold; */
		}
	.box a:hover
		{
		color: #f00;
		}
	.box_top
		{
		width: 500px;
		text-align: right;
		}
	.box_bottom
		{
		width: 500px;
		text-align: left;
		background: url("img/box_bottom_schatten.gif") top repeat-x;
		}
	.box_padding
		{
		padding: 0;
		overflow: hidden;
		}
	.kommentar .box_padding
		{
		padding: 10px;
		}
	.box_titel, .box_titel_mit_meta
		{
		color: #000;
		font-family: Helvetica, Verdana;
		letter-spacing: -1px;
		padding: 5px 0 5px 0;
		font-size: 20px;
		line-height: 24px;
		font-weight: bold;
		letter-spacing: -1px;
		border-bottom: 1px dotted #ccc;
		margin-bottom: 10px;
		/* padding-bottom: 10px; */
		}
		.box_titel a, .box_titel_mit_meta a
			{
			color: #F00;
			}
		.box_titel a:hover, .box_titel_mit_meta a:hover
			{
			color: #6699ff;
			}
	.box_titel_mit_meta
		{
		border-bottom: 0;
		margin-bottom: 0;
		}
	.box_datum
		{
		background: url("img/box_datum.gif") no-repeat;
		width: 36px;
		height: 57px;
		float: left;
		margin-right: 10px;
		letter-spacing: -1px;
		}
		.box_datum_m
			{
			font-size: 11px;
			padding-top: 3px;
			color: #fff;
			text-align: center;
			}
		.box_datum_d
			{
			color: #fff;
			font-size: 15px;
			font-weight: bold;
			text-align: center;
			}
		.box_datum_y
			{
			color: #fff;
			font-size: 15px;
			font-weight: bold;
			text-align: center;
			}
	.box_meta
		{
		color: #666;
		font-size: 10px;
		padding-bottom: 10px;
		padding: 5px;
		border-bottom: 1px dotted #ccc;
		}
		.box_meta img
			{
			margin-bottom: -4px;
			}

	.box_info
		{
		background: #eee;
		padding: 10px;
		text-align: right;
		font-size: 12px;
		color: #000;
		margin-bottom: 10px;
		border-top: 1px dotted #999;
		border-bottom: 1px dotted #999;
		}
		.box_info input
			{
			border: 1px solid #ccc;
			background: #fff;
			color: #ccc;
			}
		.box_info img
			{
			margin-bottom: -4px;
			}
		.box_info a
			{
			color: #c00;
			}
		.box_info a:hover
			{
			color: #6699ff;
			}
	.box_hinweis
		{
		background: url("icon/error.png") #ffc no-repeat;
		background-position: 5px 5px;
		padding: 3px 3px 3px 30px;
		font-size: 11px;
		color: #666;
		margin-top: 15px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #ccc;
		}
	.box_weiss
		{
		color: #333;
		margin-bottom: 20px;
		margin-left: 10px;
		}
		
	.kommentar
		{
		width: 390px;
		float: left;
		background: #333;
		color: #ccc;
		font-size: 12px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
		.kommentar a
			{
			color: #dd0;
			}
	
	.media_kommentar, .media_kommentar2
		{
		background: #eee;
		color: #678; 
		margin-bottom: 10px; 
		padding: 10px;
		border-top: 1px dotted #999;
		}	
	.media_kommentar2
		{
		background: #fff;
		}
	
#main
	{
	background: #fff;
	margin: 10px;
	}
#sidebar
	{
	overflow: hidden;
	font-size: 10px;
	background: url('img/sidebar_right_background.png') repeat-y;
	padding-top: 20px;
	width: 190px;
	color: #666;
	word-wrap: break-word;
	}
	#sidebar .sidebar_rechts
		{
		background: url('img/sidebar_right.png') repeat-y; 
		padding: 5px 5px 5px 8px;
		}
	#sidebar .titel, .subtitel
		{
		font-family: Helvetica, Verdana;
		font-weight: bold;
		color: #666;
		font-size: 12px;
		margin: 0 0 10px 0;
		text-transform: uppercase;
		}
	#sidebar .sidebar_kommentar_links
		{
		width: 35px;
		float: left;
		text-align: center;
		margin-bottom: 5px;	
		padding-top: 4px;	
		}
	#sidebar .dunkel, #sidebar .dunkel .titel
		{
		color: #ccc;
		}
	#sidebar .sidebar_kommentar_rechts
		{
		width: 130px;
		float: right;
		margin-bottom: 5px;
		}
	.sidebar_menu
		{
		line-height: 25px;
		font-size: 12px;
		}
		.sidebar_menu img
			{
			margin-bottom: -3px;
			}
		.sidebar_menu a
			{
			display: block;
			color: #c90;
			}
		.sidebar_menu a:hover
			{
			color: #fff;
			}
	
.fehler
	{
	color: #D58484;
	padding: 5px;
	background: #000;
	border: 1px solid #D58484;
	font-size: 12px;
	}
.richtig
	{
	color: #0f0;
	padding: 5px;
	background: #000;
	border: 1px solid #0f0;
	font-size: 12px;
	}
.blaettern
	{
	width: 500px;
	margin-bottom: 10px;
	}
.seiten
	{
	color: #A3C4E4;
	padding: 2px 5px 2px 5px;
	line-height: 25px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	}
	.seiten_aktiv
		{
		color: #fff;
		padding: 2px 5px 2px 5px;
		line-height: 25px;
		background: #7BA6CA;
		border: 1px solid #ccc;
		font-size: 12px;
		}
		.seiten_aktiv a
			{
			color: #fff;
			background: #7BA6CA;
			}
	.seiten:hover
	{
	background: #7BA6CA;
	color: #fff;
	}

.piclist, .piclist_18
	{
	cursor: pointer; 
	font-size: 8px; 
	color: #fff; 
	height: 100px; 
	width: 100px; 
	border: 2px solid #666;  
	float: left; 
	margin: 5px 5px 20px 5px;
	}
.piclist_18
	{
	border: 2px solid #f00;
	}

.piclist_hover
{
	border-color: #333;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.7);
}
	
.bildliste
	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	.bildliste li.aktuell
		{
		background: url('img/bildliste_aktuell.gif') no-repeat #fff;
		}
	.bildliste li.vor:hover
		{
		background: url('img/bildliste_vor.gif') no-repeat #ccc;
		}
	.bildliste li.zurueck:hover
		{
		background: url('img/bildliste_zurueck.gif') no-repeat #ccc;
		}
	.bildliste li
		{
		padding-left: 80px;
		text-align: center;
		}
		.bildliste li:hover
			{
			background-color: #ccc;
			}
	.bildliste img
		{
		margin: 5px;
		padding: 0;
		/* border: 2px solid #6699ff; */
		}

.vote
	{
	float: left;
	width: 60px;
	height: 60px;
	cursor: pointer;
	text-align: left;
	background: url('img/herz.png') no-repeat;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	color: #900;
	margin-right: 10px;
	}
.vote2
	{
	float: left;
	text-align: left;
	}

.vote_bad
	{
	float: left;
	width: 60px;
	height: 60px;
	cursor: pointer;
	text-align: left;
	background: url('img/herz_kaputt.png') no-repeat;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	color: #336699;
	margin-right: 10px;
	}

.kommentar_container
	{
	clear:both;
	}
.kommentar_links
	{
	float: left;
	width: 100px;
	margin: 6px 4px;
	text-align: center;
	border-right: 1px dotted #ccc;
	}
.kommentar_rechts
	{
	float: right;
	width: 360px;
	margin: 1px 4px;
	overflow: auto;
	}
.kommentar_vote
	{
	float: right;
	width: 150px;
	font-size: 11px;
	color: #666;
	text-align: right;
	cursor: pointer;
	}
	.kommentar_vote img
			{
			margin-bottom: -4px;
			}
			
.bild_links
	{
	float: left;
	width: 120px;
	text-align: center;
	}
.bild_rechts
	{
	float: right;
	width: 460px;
	overflow: auto;
	}
			
a.medialiste_titel
	{
	color: #F00;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	}
	a.medialiste_titel:hover
		{
		color: #6699ff;
		}

.bildrahmen img
	{
	border: 2px solid #999;
	}
	.bildrahmen:visited img
		{
		border: 2px solid #ccc;
		}
	.bildrahmen:hover img
		{
		border: 2px solid #69c;
		}
		
.tagcloud
	{
	font-size: 12px;
	}

.aehnlich
	{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}
	.aehnlich li
		{
		margin: 3px 0 3px 0;
		padding: 3px 3px 3px 3px;
		overflow: hidden;
		word-wrap: break-word;
		}
	.datumheader
	{
		margin: 5px 0 5px 0;
		font-size: 20px;
		font-weight: bold;
		color: #aaa;
		font-family: Georgia, Arial;
		letter-spacing: -2px;
	}

small
	{
	font-size: 11px;
	color: #666;
	}
	small img
		{
		margin-bottom: -2px;
		}

.hinweis_pm
	{
	margin-bottom: 10px;
	margin-right: 8px;
	text-align: center;
	background: #fff;
	border: 1px solid #999;
	}
		
		
/* ************ Scriptaculous ********************** */
div.autocomplete {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #69c;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #E9EFEF;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:5px;
  cursor:pointer;
  border-bottom: 1px solid #DAE6EB;
}
		
		
a.rot, .rot
	{
	color: #f00;
	}
a.rot:hover
	{
	color: #6699ff;
	}
a.gold
	{
	color: #6699ff;
	}
a.gold:hover
	{
	color: #F00;
	}
	
.forum_liste_links
	{
	float: left;
	width: 380px;
	}
.forum_liste_rechts
	{
	float: right;
	width: 100px;
	text-align: right;
	}
.forum_links
	{
	text-align: left;
	float: left;
	width: 119px;
	border-right: 1px dotted #ccc;
	}
.forum_rechts
	{
	float: right;
	width: 350px;
	}
	
.galerie_klein, .galerie_klein_normal
	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

.galerie_klein li, .galerie_klein li:hover, .galerie_klein_normal li, .galerie_klein_normal li:hover
	{
	background: #fff;
	
	width: 152px; 
	float: left;
	border: 1px dotted #999;
	margin: 2px;
	height: 170px;
	}

.galerie_klein li:hover
	{
	background: #fff url('img/verschieben.gif') top right no-repeat;	
	border: 1px solid #6699ff;
	}
	
.galerie_klein_normal li:hover
	{
	border: 1px solid #6699ff;
	}
	
.galerie_klein_beschreibung
	{
	background: #eee;
	font-size: 10px;
	margin-top: 10px;
	height: 16px;
	width: 130px;
	overflow: hidden;
	border: 1px dotted #aaa;
	}
	
.galerie_gross_beschreibung
	{
	background: #eee;
	overflow: hidden;
	padding: 3px;
	border: 1px dotted #aaa;
	}
	
.galerie_klein_info
	{
	font-size: 10px;
	margin-top: 10px;
	text-align: right;
	}
	
.galerie_edit_form input
	{
	font-size: 10px;
	width: 95%;
	margin-top: 10px;
	margin-bottom: 0px;
	}

.galerie_gross_blaettern
	{
	margin-bottom: 10px;
	/* border: 1px dotted #999;
	background: #fff;
	text-align: center; */
	}

	
.poo_stats
	{
	height: 70px;
	width: 500px;
	background: url('img/poo_stats.png') no-repeat; 
	margin-bottom: 10px;
	color: #666;
	border: 1px solid #ccc;
	}
.poo_of_the_day
	{
	width: 230px; 
	height: 170px;
	margin-left: 10px; 
	background: url('img/potd.png') no-repeat; 
	overflow: hidden;
	}
	.potd
		{
		font-size: 10px;
		color: #039;
		margin: 10px 20px 0 20px;
		height: 100px;
		overflow: hidden;
		text-align: right;
		}
		.potd p
			{
			margin-top: 10px;
			text-align: left;
			font-size: 14px;
			font-family: "comic sans ms", verdana;
			}
	.potd_text
		{
		font-size: 14px;
		font-family: "comic sans ms", verdana;
		text-align: left;
		}
.slider_track
	{
	height: 16px;
	width: 200px;
	float: left;
	margin: 2px;
	background: url('img/slider_track.gif');
	}
.slider_handle
	{
	width: 13px;
	height: 16px;
	}

.arcade
	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	.arcade li
		{
		border-bottom: 1px dotted #999;
		padding: 3px;
		background: #fff;
		}
		.arcade li:hover
			{
			background: #eee;
			}

.zahl_der_woche
	{
	border: 1px solid #9cf;
	background: #fff url('img/zahl_der_woche.jpg') no-repeat top left;
	height: 70px;
	width: 250px;
	margin-bottom: 10px;
	text-align: center;
	}
	.zahl_der_woche a
		{
		font-size: 24px;
		line-height: 30px;
		font-weight: bold;
		color: #F00;
		}
		.zahl_der_woche a:hover
			{
			color: #69f;
			}
.uebersicht_div
	{
	width: 158px; 
	overflow: hidden; 
	float: left; 
	/* border: 1px dotted #ccc; */
	margin: 1px;
	text-align: center;
	}		
.uebersicht
	{
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
	background: #fff;
	}
	.uebersicht li
		{
		padding: 3px 5px 3px 5px;
		border-bottom: 1px dotted #ccc;
		text-align: left;
		}
	.uebersicht li:hover
		{
		border-bottom: 1px solid #F00;
		}
.uebersicht_bilder
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	.uebersicht_bilder li
		{
		padding: 8px 0;
		border-bottom: 1px solid #fff;
		float: left;
		width: 120px;
		text-align: center;
		}
		
	.uebersicht_bilder li img
		{
		width: 100px;
		height: 100px;
		border: 1px solid #999;
		}
	.uebersicht_bilder li:hover img
		{
		border: 1px solid #F00;
		}

.hangman_wort
	{
	font-size: 20px; 
	font-weight: bold; 
	line-height: 30px; 
	text-align: center; 
	letter-spacing: 5px;
	color: #F00;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #900;
	}
.hangman_buchstaben
	{
	font-size: 14px;
	text-align: justify;
	}
	.hangman_buchstaben a
		{
		padding: 3px 5px 3px 5px;
		border: 1px solid #ccc;
		background: #eee;
		color: #333;
		line-height: 30px;
		}
		.hangman_buchstaben a:hover
			{
			border: 1px solid #F00;
			}
.hangman_fehler
	{
	font-size: 20px;
	font-weight: bold;
	color: #999;
	}
	
	
#infobereich
	{
	bottom: 0; 
	left: 0; 
	width: 100%; 
	position: fixed;
	color: #333;
	line-height: 25px;
	font-size: 11px;
	}
	#infoinhalt
		{
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		
		margin-left: 15px; 
		margin-right: 15px; 
		
		background: #fff url("img/infobereich.jpg") repeat-x;
		
		height: 25px;
		overflow: visible;
		position: relative;
		}
		
	#infoinhalt .online
		{
		width: 200px;
		bottom: 25px;
		left: 0;
		position: absolute;
		
		padding: 5px;
		
		background: #fff;
		border: 1px solid #999;
		display: none;
		
		}

.toptitel
	{
	font-family: Helvetica; 
	letter-spacing: -1px; 
	color: #999;
	font-weight: bold;
	font-size: 18px;
	z-index: 100;
	}
	
#syndikat_karte
	{
	clear: both;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	#syndikat_karte li
		{
		float: left;
		background: #ccc;
		height: 40px;
		width: 40px;
		padding: 0;
		margin: 0 -1px -1px 0;
		border: 1px solid #999;
		}
	#syndikat_karte li:hover
		{
		background: #fff;
		}
	
#kalender_sidebar
	{
	font-size: 10px;
	}	
.kalender_feld
	{
	width: 11%;
	text-align: center;
	float: left;
	border: 1px solid #ccc;
	margin-right: -1px;
	margin-bottom: -1px;
	}
	
/* Kalender */	
.cpBorder a { color: #900; }
.cpBorder a:hover { color: #69F; }
.cpYearNavigation,.cpMonthNavigation{background-color:#7BA6CA;text-align:center;text-decoration:none;color:#fff;font-weight:bold;}
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText{font-family:arial;font-size:8pt;}
TD.cpDayColumnHeader{text-align:right;border:solid thin #C0C0C0;border-width:0px 0px 1px 0px;}
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate{text-align:right;text-decoration:none;}
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled{color:#D0D0D0;text-align:right;text-decoration:line-through;}
.cpCurrentMonthDate, .cpCurrentDate{color:#000000;}
.cpOtherMonthDate{color:#808080; background:#ccc;}
.cpOtherMonthDate a { color: #966; }
TD.cpCurrentDate{color:white;background-color: #C0C0C0;border-width:1px;border:solid thin #800000;}
TD.cpCurrentDateDisabled{border-width:1px;border:solid thin #FFAAAA;}
TD.cpTodayText, TD.cpTodayTextDisabled{border:solid thin #C0C0C0;border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled{height:20px;}
A.cpTodayText{color:black;}
.cpTodayTextDisabled{color:#D0D0D0;}
.cpBorder{border:solid thin #808080; background: #fff; }

#kalender
	{
	margin: 0; 
	padding: 0;
	list-style-type: none;
	}
	#kalender li
		{
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin: 1px;
		float: left;
		width: 67px;
		border: 1px solid #ccc;
		text-align: center;
		overflow: hidden;
		}
	#kalender .titel
		{
		background: #ccc;
		color: #fff;
		font-weight: bold;
		}
	#kalender .leer
		{
		margin: 2px;
		border: 0;
		}
	#kalender .tag
		{		
		height: 50px;
		text-align: left;
		}
	#kalender .heute
		{
		height: 50px;
		text-align: left;
		border: 1px solid #f66;
		}
		#kalender .tag:hover, #kalender .heute:hover
			{
			background: #E6EDEE;
			}
	#kalender .padding
		{
		padding: 3px;
		}
	.kalender_vor
		{
		width: 200px;
		float: left;
		font-size: 12px;
		}
	.kalender_nach
		{
		width: 200px;
		float: right;
		text-align: right;
		font-size: 12px;
		}
	.kalender_mitte
		{
		width: 100px;
		float: left;
		text-align: center;
		font-size: 12px;
		}

.mitmachen
	{
	background: #f90;
	color: #fff;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 0 10px 10px;
	}
	
.media_bild_info
	{
	height: 40px; 
	width: 100px; 
	position: relative; 
	top: 60px; 
	background: #333;
	color: #ccc;
	display: none;
	}
	
.lebenserwartung
	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	.lebenserwartung li
		{
		float: left;
		height: 10px;
		width: 10px;
		border: 1px solid #ccc;
		margin: 2px;
		cursor: pointer;
		}
		.lebenserwartung li:hover
			{
			border: 1px solid #999;
			background: #eee;
			}
	.lebenserwartung .special
		{
		border: 1px solid #066;
		background: #9cc;
		}
	.lebenserwartung .du
		{
		border: 1px solid #c00;
		background: #fcc;
		}
		
.preview_table
	{
	}
.preview_td
	{
	padding-right: 10px;
	color: #666;
	cursor: pointer;
	}
.preview_td small
	{
	color: #666;
	}
.preview_td_rahmen
	{
	}
.preview_td_titel
	{
	font-size: 18px; 
	font-weight: bold;
	}
.preview_bild
	{
	height: 150px; 
	}
.preview_paginator
	{
	height: 20px; 
	margin-top: 5px; 
	margin-left: 5px; 
	position: relative; 
	float: left;
	}
	.preview_paginator a
		{
		padding: 2px 5px 2px 5px; 
		background: #333; 
		color: #fff; 
		font-weight: bold;
		border: 1px solid #000;
		}
	.preview_paginator a:hover
		{
		background: #666; 
		color: #fff; 
		}
	a.preview_aktiv
		{
		background: #666;
		color: #fff;
		}
.preview_titel
	{
	margin-top: 75px;
	height: 50px; 
	background: url('img/schwarz.png');
	color: #fff;
	}
	.preview_titel a
		{
		color: #ff0;
		}
	.preview_titel a:hover
		{
		color: #cc0;
		}
.preview_titel_titel
	{
	font-size: 18px; 
	font-weight: bold; 
	margin-bottom: 3px;
	}
	
#ctl { background: url('img/ctl.png'); width: 3px; height: 3px; position: absolute; top: 0; left: 0; overflow: hidden; }
#ctr { background: url('img/ctr.png'); width: 3px; height: 3px; position: absolute; top: 0; right: 0; overflow: hidden; }
#cbl { background: url('img/cbl.png'); width: 3px; height: 3px; position: absolute; bottom: 0; left: 0; overflow: hidden; }
#cbr { background: url('img/cbr.png'); width: 3px; height: 3px; position: absolute; bottom: 0; right: 0; overflow: hidden; }

.status
	{
	background: #fff; 
	padding: 0 5px 5px 0; 
	margin-left: 60px;
	line-height: 22px;
	}
.status_kommentar
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.status_kommentar li
	{
	background: #f0f0f0; 
	border: 1px solid #ddd;
	padding: 5px; 
	font-size: 11px;
	color: #666;
	line-height: 18px;
	}
	.status_kommentar a
		{
		color: #369;
		}
	.status_kommentar a:hover
		{
		color: #333;
		}
.umfrage
	{
	background: #eee url('img/fragezeichen.png') top right no-repeat;
	color: #660;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 10px 2px 0 2px;
	}
	.umfrage small	
		{
		color: #666;
		}
	
.termin_teil
	{
	border: 1px solid #090;
	background: #f0fff0;
	color: #090;
	padding: 2px;
	}
.termin_vteil
	{
	border: 1px solid #990;
	background: #fffff0;
	color: #990;
	padding: 2px;
	}
.termin_nteil
	{
	border: 1px solid #900;
	background: #fff0f0;
	color: #900;
	padding: 2px;
	}
.termin_e_teil a, .termin_e_vteil a, .termin_e_nteil a
	{
	color: #fff;
	padding: 4px;
	font-weight: bold;
	}
.termin_e_teil a:hover, .termin_e_vteil a:hover, .termin_e_nteil a:hover
	{
	color: #fff;
	text-decoration: underline;
	}
.termin_e_teil
	{
	background: #090;
	text-align: center;
	}
.termin_e_vteil
	{
	background: #990;
	text-align: center;
	}
.termin_e_nteil
	{
	background: #900;
	text-align: center;
	}
	
#slider{
	border: 2px solid #999;
}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:270px;
		height:560px;
		overflow:hidden; 
		}	
		
.icon
	{
	margin-bottom: -3px;
	}

.chat_window
	{
	display: none;
	width: 650px;
	position: absolute;
	margin: 5px 0 0 20px;
	}
.chat_sidebar_name
	{
	font-size: 10px;
	background: url('img/sidebar_left.png') repeat-y;
	padding: 5px;
	color: #fff;
	}
.chat_input
	{
	background: #333;
	float: left;
	width: 152px;
	padding: 5px;
	}
.chat_input input
	{
	width: 130px;
	}
.chat_output
	{
	float: left;
	border: 3px solid #333;
	background: #fff;
	width: 380px;
	height: 200px;
	overflow: scroll;
	padding: 3px;
	margin: -174px 0 0 0;
	font-size: 10px;
	color: #333;
	}
.chat_output_element, .chat_output_element_selbst
	{
	padding: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
	}
.chat_output_element_selbst
	{
	color: #777;
	}
.chat_output_datum
	{
	font-size: 8px;
	color: #999;
	}
.chat_output_name
	{
	font-weight: bold;
	color: #69c;
	}
.chat_output_element_selbst .chat_output_name
	{
	color: #666;
	}
#chat_start
	{
	display: none; 
	width: 600px; 
	position: absolute; 
	background: #333; 
	color: #ccc; 
	padding: 10px; 
	margin: 0 0 0 20px; 
	font-size: 10px;
	}
#chat_start b
	{
	font-size: 12px;
	color: #fff;
	}
.chat_user
	{
	width: 110px;
	padding: 3px;
	background: #333;
	color: #ccc;
	display: block;
	float: left;
	}
.chat_user:hover
	{
	background: #555;
	color: #ff0;
	}
	
ul.popup
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	ul.popup li
	{
		border-bottom: 2px solid #ccc;
		padding: 5px;
	}
ul.popup a
	{
	color: #369;
	}
ul.popup a:hover
	{
	color: #333;
	}

#topbar
{
	position: fixed;
	width: 100%;
	height: 35px;
	top: 0;
	left: 0;
	background: #4E4D34;
	border-bottom: 1px solid #ccc;
	z-index: 9999;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.7);
}
	
#toolbar
{
	font-size: 11px;
	z-index: 9999;
}
#toolbar a
{
	color: #ccc;
}
#toolbar a:hover
{
	color: #fff;
}
#toolbar a.gelb
{
	color: #fc0;
}
	
.toolbar_menu
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	z-index: 9999;
}
.toolbar_menu li
{
	display: block;
	float: left;
	padding: 9px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	z-index: 9999;
}
.toolbar_menu li.hover
{
	background: #000;
	border-color: #999;
	z-index: 9999;
}
.toolbar_submenu
{
	display: none;
	background: #000;
	color: #999;
	position: absolute;
	margin: 9px 0 0 -10px;
	padding: 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.7);
	z-index: 9999;
}
.toolbar_submenu ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	z-index: 99999;
}
.toolbar_submenu ol li
{
	padding: 0;
	display: block;
	float: none;
	border-top: 1px solid #000;
	background: #000;
	z-index: 99999;
}
.toolbar_submenu ol li a
{
	text-decoration: none;
	color: #ccc;
	display: block;
	padding: 10px;
	z-index: 99999;
}
.toolbar_submenu ol li a:hover
{
	color: #fff;
	background: #333;
}
	
.icon
{
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
	background: url('img/icons.png') no-repeat;
}

.icon.edit 		{ background-position: 0 -16px; }
.icon.email 		{ background-position: 0 -32px; }
.icon.email_neu 	{ background-position: 0 -48px; }
.icon.news	 	{ background-position: 0 -64px; }
.icon.bild	 	{ background-position: 0 -80px; }
.icon.video	 	{ background-position: 0 -96px; }
.icon.zitat	 	{ background-position: 0 -112px; }
.icon.blog	 	{ background-position: 0 -128px; }
.icon.termin 	{ background-position: 0 -144px; }
.icon.comic	 	{ background-position: 0 -160px; }
.icon.group	 	{ background-position: 0 -176px; }
.icon.login	 	{ background-position: 0 -192px; }
.icon.register 	{ background-position: 0 -208px; }
.icon.go	 	{ background-position: 0 -224px; }
.icon.heart	 	{ background-position: 0 -240px; }
.icon.heart_bad 	{ background-position: 0 -256px; }
.icon.comment 	{ background-position: 0 -272px; }
.icon.thumb_down{ background-position: 0 -288px; }
.icon.thumb_up	{ background-position: 0 -304px; }
.icon.cancel	{ background-position: 0 -320px; }
.icon.heart_small	 { background-position: 0 -336px; }
.icon.heart_bad_small{ background-position: 0 -352px; }
.icon.comment_small	 { background-position: 0 -368px; }
.icon.logout	 { background-position: 0 -384px; }
.icon.wrench	 { background-position: 0 -400px; }
.icon.chat	 { background-position: 0 -416px; }
.icon.magnifier	 { background-position: 0 -432px; }
.icon.magnifier_small { background-position: 0 -448px; }
.icon.user 		{ background-position: 0 -464px; }
.icon.tags 		{ background-position: 0 -480px; }
.icon.links 		{ background-position: 0 -496px; }
.icon.melden	{ background-position: 0 -512px; }
.icon.edit_small{ background-position: 0 -528px; }
.icon.reply		{ background-position: 0 -544px; }
.icon.next		{ background-position: 0 -560px; }
.icon.aehnlich	{ background-position: 0 -576px; }
.icon.handy		{ background-position: 0 -592px; }
.icon.prev		{ background-position: 0 -608px; }
.icon.geburtstag{ background-position: 0 -624px; }
.icon.error		{ background-position: 0 -640px; }
.icon.delete	{ background-position: 0 -656px; }
.icon.user_add	{ background-position: 0 -672px; }
.icon.statistik	{ background-position: 0 -688px; }
.icon.feed		{ background-position: 0 -704px; }
.icon.controller{ background-position: 0 -720px; }
.icon.medal		{ background-position: 0 -736px; }
.icon.key		{ background-position: 0 -752px; }
.icon.vcard		{ background-position: 0 -768px; }
.icon.stein		{ background-position: 0 -784px; }
.icon.schere	{ background-position: 0 -800px; }
.icon.papier	{ background-position: 0 -816px; }

a.gelb {  color: #fc0; }

.hidden
{
	display: none;
}

.status_antwort
{
	background: #eee;
	padding: 7px 5px 5px 5px;
}

.button
{
	background: #222 url('img/alert-overlay.png') repeat-x;
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	text-align: left;
	border: 1px solid #999;
	border-top: 1px solid rgba(255,255,255,1);
	border-left: 1px solid rgba(255,255,255,0.5);
	border-right: 1px solid rgba(255,255,255,0.5);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.index_status
{
	width: 560px;
	border: 1px solid #fff;
	color: #ccc;
}
.index_status_aktiv
{
	color: #333;
}

.avatar
{
	border: 1px solid #eee;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.button:hover { background-color: #111; color: #fff; }
.button:active { top: 1px; }

.small.button, .small.button:visited 			{ font-size: 11px; padding: ; }
.button, .button:visited,.medium.button, .medium.button:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover						{ background-color: #749a02; }
.blue.button, .blue.button:visited		{ background-color: #2daebf; }
.blue.button:hover							{ background-color: #007d9a; }
.red.button, .red.button:visited			{ background-color: #e33100; }
.red.button:hover							{ background-color: #872300; }
.magenta.button, .magenta.button:visited		{ background-color: #a9014b; }
.magenta.button:hover							{ background-color: #630030; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover							{ background-color: #d45500; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover							{ background-color: #fc9200; }
.darkblue.button, .darkblue.button:visited		{ background-color: #69c; }
.darkblue.button:hover							{ background-color: #69f; }

.meta
{
	color: #999;
}

.ssp img
{
	background: #eee;
	border: 2px solid #fff;
	padding: 3px;
	margin: 7px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.ssp:hover img
{
	background: #fff;
	padding: 6px 3px 0 3px;
	-moz-box-shadow: 0 0 0 0;
	-webkit-box-shadow: 0 0 0 0;
}

/* ICONS ******************************** */

.micon
{
	width: 32px;
	height: 32px;
	background: url('img/iconsbig.png') no-repeat;
}

.micon.mimg { background-position: 0 0; }
.micon.mfilm { background-position: 0 -32px; }
.micon.mtermin { background-position: 0 -64px; }
.micon.mtext{ background-position: 0 -96px; }
.micon.mmehr{ background-position: 0 -128px; }
.micon.marcade{ background-position: 0 -160px; }
.micon.mhangman{ background-position: 0 -192px; }
.micon.mcomic{ background-position: 0 -224px; }
.micon.mbeichte{ background-position: 0 -256px; }
.micon.mhandy{ background-position: 0 -288px; }