/*////////////////////////////////////////
/----- CSS Document by Electrofairy -----/
////////////////////////////////////////*/		

/* General ------------------------------------------------------------------------------ */
*{
	margin:				0px;
	padding:			0px;
}

@charset "utf-8";

body
{
	background-image:	url('layout/border_tts_008.png');
	background-repeat:	repeat-x;
	background-color:	#FFFFFF;
	color:				#222222;
	font-family:		'Verdana', Tahoma, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			center;
	line-height:		130%;
}

table
{
	text-align:			left;
}

img
{
	border: 			0px;
	margin: 			0px;
	padding: 			0px;
}

#container
{
	margin:				auto;
	width:				900px;
	text-align:			left;
}

#header
{
	background-image:	url('layout/header_tts_008.png');
	background-repeat:	no-repeat;
	width:				800px;
	height:				340px;
}

#topnavi
{
	position: 			relative;
	top:				95px;
	left:				60px;
	width:				780px;
	height:				35px;
}

#footer
{
	background-image:	url('layout/footer_tts_008.png');
	background-repeat:	no-repeat;
	width:				800px;
	height:				90px;
}

#footer .text
{
	padding:			55px;
	text-align:			center;
}

.clear
{
	clear:				both;
}

/* Textformations -------------------------------------------------------------------------- */	
b { color: #3C2A3C; text-transform: uppercase; }
i { color: #7A5E81; }
u { color: #7A5E81; }
s { color: #7A5E81; }

#box 
{  
	background-color: 	transparent;
	padding:			10px;
	margin-left:		20px;
	margin-right:		20px;
	margin-top:			0px;
	margin-bottom:		0px;
	border:				1px dotted #888888;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
	
blockquote
{
	color:				#222222;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			14px;
	font-style:			italic;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	line-height:		22px;
    
	background-image:	url(layout/quote.png);
	background-repeat:	no-repeat;
	background-position:top left;
	background-color: 	#EFEFEF;
	padding:			10px;
	margin-left:		20px;
	margin-right:		20px;
	margin-top:			0px;
	margin-bottom:		0px;
	border:				1px solid #999999;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

.on 
{
	color:				#009900;
}

.off 
{
	color:				#CC0000;
}

.ava 
{
	margin:				5px;
	padding:			5px;
	border: 			1px solid #888888;
	background-color: 	#EAEAEA;
	width: 				100px;
	height:				100px
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

.memberarea 
{
	background-color: 	#DDDDDD;
}

.memberareaA 
{
	background-color: 	#FAFAFA;
	border-top: 		1px solid #FFFFFF;
	border-left: 		1px solid #FFFFFF;
}

.memberareaB 
{
	background-color:	#F5F5F5;
	border-top:			1px solid #FFFFFF;
	border-left:		1px solid #FFFFFF;
}

/* Headlines ---------------------------------------------------------------------- */	
/* Content */
h1
{
	color:				#3C2A3C;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			13px;
	font-style: 		normal;
	font-weight:		bold;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			left;
	line-height:		18px;
	letter-spacing:		5px;
	background-color:	transparent;
	border-bottom:		1px dotted #888888;
	margin:				5px;
	padding:			3px;
}
	
/* Navigation */
h2
{
	color:				#222222;
	font-family:		'Tahoma', Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			center;
	line-height:		20px;
	letter-spacing:		10px;
	margin:				5px;
	padding:			3px;
}

/* News */
h3
{
	color:				#3C2A3C;
	font-family:		'Tahoma', Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style: 		normal;
	font-weight:		bold;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			left;
	line-height:		20px;
	letter-spacing:		5px;
	margin:				5px;
	padding:			3px;
}

/* Middle Heads (Books etc.) */
h4
{
	color:				#3C2A3C;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		bold;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			left;
	line-height:		18px;
	letter-spacing:		5px;
	border-bottom:		1px dotted #888888;
	margin:				5px;
	padding:			3px;
}

/* Links ----------------------------------------------------------------------------------- */	
a:link, a:visited, a:active 
{
	color: 				#7A5E81;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	line-height:		18px;
	border-bottom:		1px dotted #888888;
}
	
a:hover 
{
	color: 				#3C2A3C;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	line-height:		18px;
	border-bottom:		0px dotted #888888;
}

/* Top Navi Links -------------------------------------------------------------------------- */
#topnavi ul 
{
	padding:			6px 6px 6px 50px;
	margin:				0px;
}

#topnavi ul li 
{
	list-style:			none;
	float:				left;
	width:				15%;
	padding:			0px;
	margin:				0px;
}

#topnavi ul li a 
{
	display:			block;
	padding:			5px 0px 5px 0px;
	color: 				#FFFFFF;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			center;
	line-height:		18px;
	border-bottom:		0px;
}

#topnavi ul li a:hover 
{
	color:				#FFFFFF;
	font-weight:		bold;
	background-image:	url(layout/navi_bg.png);
	background-repeat:	no-repeat;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

/* Menu Links -------------------------------------------------------------------------- */
.numbers
{
	color: 				#7A5E81;
}

.menu, a.menu:link, a.menu:active, a.menu:visited 
{
	color: 				#3C2A3C;
	font-family:		'Tahoma', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	border-bottom:		1px dotted #EFEFEF;
	
	margin-bottom:		5px;
	padding:			5px;
	background-color:	transparent;
	display:			block;
	width:				90%;
}

a.menu:hover
{
	color: 				#7A5E81;
	font-family:		'Tahoma', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	border-bottom:		1px dotted #FFFFFF;

	margin-bottom:		5px;
	padding:			5px;
	background-color:	#EFEFEF;
	display:			block;
	width:				90%;
}

/* Formulare ------------------------------------------------------------------------------ */
input, textarea, select 
{
	color: 				#222222;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	line-height:		18px;
	border: 			1px solid #222222;
	background-color: 	#EAEAEA;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
	
input:focus, textarea:focus, select:focus 
{
	color: 				#222222;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	line-height:		18px;
	border: 			1px solid #888888;
	background-color: 	#FFFFFF;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
	
.input { width: 200px; 	padding: 5px; }

.login	{ width: 100px; padding: 2px; }
	
.button 
{
	color: 				#222222;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			center;
	line-height:		18px;
	border: 			1px solid #222222;
	background-color: 	#EAEAEA;
	width: 				100px;
	padding:			5px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

.button:focus
{
	color: 				#222222;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			center;
	line-height:		18px;
	border: 			1px solid #888888;
	background-color: 	#FFFFFF;
	width: 				100px;
	padding:			5px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

/* News ------------------------------------------------------------------------------ */
#news-top
{
	line-height:		30px;
	background:			url('layout/news-top.gif');
	background-repeat:	no-repeat;
}

.news-top
{
	color:				#3C2A3C;
	font-family:		'Verdana', Tahoma, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	padding-left:		10px;
}

.news-title
{
	color:				#FFFFFF;
	font-family:		'Verdana', Tahoma, Helvetica, sans-serif;
	font-size:			14px;
	font-style: 		normal;
	font-weight:		bold;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	letter-spacing:		5px;
}

#news-text
{
	background-color:	#EFEFEF;
}

.news-text
{
	color:				#222222;
	font-family:		'Verdana', Tahoma, Helvetica, sans-serif;
	font-size:			11px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	line-height:		18px;
	padding:			10px;	
}

#news-bottom
{
	line-height:		30px;
	background:			url('layout/news-bottom.gif');
	background-repeat:	no-repeat;
}

.news-bottom
{
	color:				#3C2A3C;
	font-family:		'Verdana', Tahoma, Helvetica, sans-serif;
	font-size:			10px;
	font-style: 		normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			right;
	padding-right:		10px;
}

/* Affis ------------------------------------------------------------------------------ */
.links_bg	
{
	padding: 			5px;
	background-color: 	#EFEFEF;
	border: 			0px solid #FFFFFF;
}

.span_links	
{
	width: 				100px; 
	height: 			18px; 
	display: 			block; 
	float: 				left; 
	padding: 			3px 3px 3px 3px;
	background-color: 	#FFFFFF;
	border: 			1px solid #888888;
	margin-right: 		10px;
	margin-bottom: 		10px;
}

a.tool
{
    position: 			relative;
    z-index: 			24; 
}

a.tool:hover { z-index: 25; }

a.tool span { display: none; }

a.tool:hover span
{
    display: 			block;
    position: 			absolute;
    top: 				2em; 
	left: 				2em; 
	width: 				15em;
    margin: 			0 auto;
    text-align: 		center;
}

/* Icons / Layout / Graphics ------------------------------------------------------------------- */
.img
{
	display: 			block; 
	float: 				left; 
	padding: 			5px 5px 5px 5px;
	background-color: 	#EAEAEA;
	border: 			1px solid #888888;
	margin-right: 		10px;
	margin-bottom: 		10px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

/* Layout Tooltip Admin ------------------------------------------------------------------------------ */
a.tool
{
    position: 			relative;
    z-index: 			24; 
}

a.tool:hover { z-index: 25; }

a.tool span { display: none; }

a.tool:hover span
{
    display: 			block;
    position: 			absolute;
    top: 				2em; 
	left: 				2em; 
	width: 				15em;
    margin: 			0 auto;
    text-align: 		center;
}

/* Seitenfunktion Styling ------------------------------------------------------------------------------ */
.seiten 
{
	float:				center;
	margin:				0 auto;
	width:5				60px;
	text-align:			right;
	padding:			20px 0px 20px 0px;
}

.seiten .jetzige
{
	padding:			3px 6px 3px 6px;
	background:			#3C2A3C;
	text-decoration:	none;
	color:				#FFFFFF;
	border-radius:		2px;
	-moz-border-radius:	2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
}

.seiten .alle
{
	padding:			3px 6px 3px 6px;
	background:			#EFEFEF;
	text-decoration:	none;
	color:				#222222;
	border-radius:		2px;
	-moz-border-radius:	2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
}

.seiten a 
{
	padding:			3px 6px 3px 6px;
	background:			#EFEFEF;
	text-decoration:	none;
	color:				#222222;
	border:				1px solid transparent;
	border-radius:		2px;
	-moz-border-radius:	2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
}

.seiten a:hover 
{
	padding:			3px 6px 3px 6px;
	background:			#3C2A3C;
	text-decoration:	none;
	color:				#FFFFFF;
	border:				1px solid transparent;
	border-radius:		2px;
	-moz-border-radius:	2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
}