/*////////////////////////////////////////
/----- CSS Document by Electrofairy.de --/
////////////////////////////////////////*/		

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

@charset "utf-8";

body
{
	background-image:	url('img/border001.png');
	background-repeat:	repeat-x;
	background-color:	#B1AFB1;
	color:				#333333;
	font-family:		'Trebuchet MS', Tahoma, Helvetica, sans-serif;
	font-size:			12px;
	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:				800px;
	text-align:			left;
}

#header
{
	background-image:	url('img/header001.png');
	background-repeat:	no-repeat;
	width:				543px;
	height:				200px;
}

#content
{
	width:				600px;
	float:				left;
	overflow:			hidden;
}

#content .text
{
	padding:			25px;
	text-align:			center;
}

#navi
{
	width:				200px;
	overflow:			hidden;
}

#navi .text
{
	padding:			25px;
	text-align:			center;
}

#footer
{
	width:				800px;
	height:				100px;
}

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

.clear
{
	clear:				both;
}

/* Textformations -------------------------------------------------------------------------- */	
b { color: #955757; text-transform: uppercase; }
i { color: #955757; }
u { color: #955757; }
s { color: #955757; }

.kategorie { color: #333333; font-weight: bold; }

#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;
}

/* Headlines ---------------------------------------------------------------------- */	
/* Content */
h1
{
	color:				#888888;
	font-family:		'Trebuchet MS', 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 #333333;
	margin:				5px;
	padding:			3px;
}
	
/* Navigation */
h2
{
	color:				#888888;
	font-family:		'Trebuchet MS', 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;
}

/* Links ----------------------------------------------------------------------------------- */	
a:link, a:visited, a:active 
{
	color: 				#333333;
	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: 				#955757;
	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 #955757;
}

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

.menu, a.menu:link, a.menu:active, a.menu:visited 
{
	color: 				#333333;
	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 #333333;
	
	margin-bottom:		5px;
	padding:			5px;
	background-color:	transparent;
	display:			block;
	width:				90%;
}

a.menu:hover
{
	color: 				#333333;
	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 #955757;

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

/* Formulare ------------------------------------------------------------------------------ */
input, textarea, select 
{
	color: 				#888888;
	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: 	#EAEAEA;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
	
input:focus, textarea:focus, select:focus 
{
	color: 				#888888;
	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 #333333;
	background-color: 	#c2d2b0;
	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: 				#333333;
	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: 	#c2d2b0;
	width: 				100px;
	padding:			5px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

.button:focus
{
	color: 				#888888;
	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 #333333;
	background-color: 	#FFFFFF;
	width: 				100px;
	padding:			5px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

/* 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:			#333333;
	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:				#888888;
	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:				#888888;
	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:			#333333;
	text-decoration:	none;
	color:				#FFFFFF;
	border:				1px solid transparent;
	border-radius:		2px;
	-moz-border-radius:	2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
}