/*////////////////////////////////////////
/----- CSS Document by Electrofairy -----/
/////////////////////////////////////////*		

/* General ------------------------------------------------------------------------------ */	
*
{
	margin:				0px;
	padding:			0px;
}

body
{
	/*background-image: url(layout/bg_ef_017.png);*/
	background-color:	#FFFFFF;
	color:				#404040;
	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:		22px;
}

table
{
	color:				#404040;
	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:		22px;
}

/*#border
{
	background-image:	url(layout/border_ef_018.png);
	background-repeat:	repeat-x;
	vertical-align:		top;
	width:				100%;
	height:				420px;
}*/

#container 
{  
	margin: 			0 auto; 
	padding:			0; 
	width: 				755px; 
	text-align: 		left; 
	overflow:			hidden; 
}

#navbg 
{
	margin: 			0 auto; 
	width:				650px; 
	padding:			15px; 
	margin-top:			4px; 
	margin-bottom:		60px;
}

ul#main_menu 
{
	margin: 			0; 
	padding:			0 10px 0;
	 
}

ul#main_menu li 
{
	float:				left;
	list-style:			none;
}

ul#main_menu li a 
{
	color:				#595959;
	font-family:		'Georgia', Arial, Helvetica, sans-serif;
	font-size:			14px;
	font-style:			italic;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	letter-spacing:		0.5px;

	margin: 			0 8px 0; 
	padding: 			8px; 
}

ul#main_menu li a.active, ul#main_menu li a:hover 
{
	border-bottom: 		1px dotted #000000;
	color:				#000000; 
	text-decoration:	none;
}

#sidebar 
{
	color:				#404040;
	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:		22px;
	
	margin: 			0 auto; 
	width: 				200px;  
	padding: 			0px 8px 8px; 
	float: 				right;  
	display:			inline; 
	overflow:			hidden; 
	margin-top:			27px;
}

#content 
{  
	margin: 			0 auto; 
	padding-left: 		10px; 
	width: 				500px; 
	float:				left; 
	display:			inline; 
	overflow:			hidden; 
}

#footer 
{
	margin: 			0 auto;  
	padding:			0; 
	width:				789px; 
	height: 			150px; 
	padding-bottom:		10px; 
	padding-top:		20px;
	font-size: 			90%; 
	text-align: 		left; 
	clear: 				both;
}
	
.smalltitle
{ 
	margin: 			0 auto; 
	padding:			0; 
	width: 				735px; 
	text-align: 		center; 
	margin-top:			35px;
	color:				#a6a6a6; 
	font: 				1em/40px Georgia, serif;
	font-weight:		normal; 
	letter-spacing:		.30em; 
	text-transform:		uppercase;
}

.bigtitle
{ 
	margin: 			0 auto; 
	padding:			0; 
	width: 				735px; 
	text-align: 		center; 
	margin-top:			10px;
	color:				#0000000; 
	font: 				5em/40px times, Times New Roman, times-roman, georgia, serif;
	font-weight:		normal; 
	letter-spacing:		-.01em; 
}

.smallitalic
{ 
	font: 				Georgia, "Times New Roman", Times, Serif; 
	color: 				#0098F1; 
	font-size:			14px; 
	font-style: 		italic; 
	font-weight: 		bold;
	letter-spacing: 	-.02em;
}

.clear
{
	clear:				both;
}

/* Layout --------------------------------------------------------------------------------- */		
#box 
{  
	background-color: 	#EAEAEA;
	padding:			10px;
	margin-left:		5px;
	margin-right:		5px;
	margin-top:			0px;
	margin-bottom:		0px;
	border:				1px solid #C0C0C0;
	border-radius:			5px; 
	-moz-border-radius:		5px; 
	-webkit-border-radius:	5px; 
	-khtml-border-radius:	5px;
}

.tablea
{
	background-color:	#EFEFEF;
	border-right:		1px solid #C0C0C0;
	padding:			5px;
}

.tableb
{
	background-color:	transparent;
	padding:			5px;
}

/* Textformations -------------------------------------------------------------------------- */	
b			{ color: #0098F1; text-transform: uppercase; }
i	  		{ color: #0098F1; }
u  			{ color: #0098F1; }
	
blockquote
{
	color:				#0098F1;
	font-family:		'Georgia', Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			italic;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	line-height:		20px;

	background: 		#EEECEA;
	padding: 			5px;
	border-radius:			5px; 
	-moz-border-radius:		5px; 
	-webkit-border-radius:	5px; 
	-khtml-border-radius:	5px;
}

blockquote:hover
{
	background:			#EFEFEF;
}
	
/*blockquote
{
	color:				#434343;
	font-family:		'Georgia', Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			italic;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	line-height:		16px;
    
	background-image:	url(layout/quote.png);
	background-repeat:	no-repeat;
	background-position:top left;
	background-color: 	#E7F0F0;
	padding:			10px;
	margin-left:		20px;
	margin-right:		20px;
	margin-top:			0px;
	margin-bottom:		0px;
	width:				70%;
	border:				1px solid #C2C2C2;
}*/

/* Specials ----------------------------------------------------------------------------------- */			
.code 		{ color: #000000; }
.color 		{ font-weight: bold; text-transform: uppercase; }
.mimfl 		{ color: #0098F1; font-weight: normal; text-transform: uppercase; }
.heart  	{ color: #FA0053; }
		
/* Links ----------------------------------------------------------------------------------- */	
a:link, a:visited, a:active 
{
	color: 				#0098F1;
	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;
}
	
a:hover 
{
	color: 				#000000;
	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;
}
	
/* Navigation Links -------------------------------------------------------------------------- */
.navigation, a.navigation:link, a.navigation:active, a.navigation:visited 
{
	color: 				#0098F1;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	
	margin-bottom:		5px;
	padding:			5px;
	background-color:	#EDEAE8;
	display:			block;
	width:				90%;
}

a.navigation:hover
{
	color: 				#000000;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;

	margin-bottom:		5px;
	padding:			5px;
	background-color:	#EFEFEF;
	display:			block;
	width:				90%;
}

/* Network Links -------------------------------------------------------------------------- */
.network, a.network:link, a.network:active, a.network:visited 
{
	color: 				#0098F1;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	border-bottom:		1px dotted #A6A6A6;
}
	
a.network:hover
{
	color: 				#000000;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	border-bottom:		1px dotted #000000;
}

/* Headlines ---------------------------------------------------------------------- */	
/* Content */
h1
{
	color:				#0098F1;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			14px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			left;
	line-height:		20px;
	letter-spacing: 	3px;
	border-bottom: 		1px dotted #000000;
	width:				98%;
	margin: 			2px;
	padding:			2px;
}
	
/* Navigation */
h2
{
	color:				#0098F1;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			left;
	line-height:		11px;
	letter-spacing: 	3px;
	border-bottom: 		1px dotted #000000;
	width:				90%;
	margin: 			2px;
	padding:			2px;
}

/* Calendar */
h3 
{
	color: 				#0098F1;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			normal;
	font-weight:		bold;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			left;

	letter-spacing: 	1px;
	width: 				85%;
	margin: 			0px 0px 5px 0px;
	padding: 			0px 0px 0px 15px;
	background: 		#EFEFEF url(layout/icons/herz.gif) no-repeat;
}

/* Music --------------------------------------------------------------------------------- */
h4 
{
	color: 				#0098F1;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			center;

	letter-spacing: 	0px;	
	margin: 			0px 0px 5px 0px;
	padding: 			0px 0px 0px 15px;
}

h4.music 
{
	color: 				#0098F1;
	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;

	margin: 			0px;
	padding-right: 		15px;
	background: 		url(layout/icons/music.gif) no-repeat;
}

/* Calendar ------------------------------------------------------------------------------------- */
td.month 
{
	color: 				#0098F1;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-style:			normal;
	font-weight:		bold;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			center;
}

td.week 
{
	color: 				#0098F1;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		capitalize;
	text-align:			center;
}

td.day 
{
	color: 				#A6A6A6;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			center;
}

td.day:hover 
{
	color: 				#000000;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			center;
	background-color: 	transparent;
}

/* Formulare ------------------------------------------------------------------------------ */
input, textarea, select 
{
	color: 				#404040;
	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;
	border: 			1px solid #C0C0C0;
	background-color: 	#EAEAEA;
	padding:			5px;
	border-radius:			5px; 
	-moz-border-radius:		5px; 
	-webkit-border-radius:	5px; 
	-khtml-border-radius:	5px;
}
	
input:focus, textarea:focus, select:focus 
{
	color: 				#404040;
	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;
	border: 			1px solid #000000;
	background-color: 	#EFEFEF;
	padding:			5px;
	border-radius:			5px; 
	-moz-border-radius:		5px; 
	-webkit-border-radius:	5px; 
	-khtml-border-radius:	5px;
}
	
.input { width: 200px; }
	
.button 
{
	color: 				#404040;
	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;
	border: 			1px solid #C0C0C0;
	background-color: 	#EAEAEA;
	width: 				200px;
	padding:			5px;
	border-radius:			5px; 
	-moz-border-radius:		5px; 
	-webkit-border-radius:	5px; 
	-khtml-border-radius:	5px;
}

/* News ------------------------------------------------------------------------------ */
.news .text
{
	color:				#404040;
	line-height:		22px;
	letter-spacing:		1px;
	background-color:	transparent;
	text-align:			justify;
}

.news .meta 
{
	color: 				#C0C0C0;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	border-bottom:		1px dotted #C0C0C0;
	line-height:		11px;	
	margin: 			6px;
	padding-bottom:		3px;
	padding-left:		12px;
}

.news .meta a 
{
	color: 				#C0C0C0;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-style:			normal;
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		none;
	text-align:			left;
	border-bottom:		0px;
}

.news b
{
	color: 				#0098F1;
	font-family:		'Verdana', Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-style:			normal;
	font-weight:		bold;
	text-decoration:	none;
	text-transform:		none;
}

/* Icons / Layout ------------------------------------------------------------------- */
.bg_icons	
{
	width: 				96px; 
	height: 			96px; 
	display: 			block; 
	float: 				left; 
	padding: 			3px 3px 10px 3px;
	background-color: 	#EEECEA;
	border: 			1px solid #C0C0C0;
	margin-right: 		10px;
	margin-bottom: 		10px;
}

.bg_walls	
{
	width: 				130px; 
	height: 			100px; 
	display: 			block; 
	float: 				left; 
	padding: 			3px 3px 25px 3px;
	background-color: 	#EEECEA;
	border: 			1px solid #C0C0C0;
	margin-right: 		10px;
	margin-bottom: 		10px;
}

.span_walls	
{
	width: 				130px; 
	height: 			60px; 
	display: 			block; 
	float: 				left; 
	padding: 			3px 3px 3px 3px;
	background-color: 	#FFFFFF;
	border: 			1px solid #C0C0C0;
	margin-right: 		10px;
	margin-bottom: 		10px;
}

.layout_thumb	
{
	/*display: 			block; */
	background-color: 	#EEECEA;
	border: 			1px solid #C0C0C0;
}

.affis_bg	
{
	padding: 			5px;
	background-color: 	#EFEFEF;
	border: 			0px solid #FFFFFF;
}

.span_affis	
{
	width: 				100px; 
	height: 			18px; 
	display: 			block; 
	float: 				left; 
	padding: 			3px 3px 3px 3px;
	background-color: 	#FFFFFF;
	border: 			1px solid #C0C0C0;
	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;
}

.preview, a.preview:link, a.preview:active, a.preview:visited 
{
	color: 				#000000;
	display: 			block; 
	float: 				left; 
	background-color: 	#000000;
	margin-right: 		10px;
	margin-bottom: 		10px;
	border:				5px solid #000000;
}

a.preview:hover
{
	color: 				#0098F1;
	display: 			block; 
	float: 				left; 
	background-color: 	#0098F1;
	margin-right: 		10px;
	margin-bottom: 		10px;
	border:				5px solid #0098F1;
}

/* 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:			#0098F1;
	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:				#404040;
	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:				#404040;
	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:			#0098F1;
	text-decoration:	none;
	color:				#FFFFFF;
	border:				1px solid transparent;
	border-radius:		2px;
	-moz-border-radius:	2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
}

/* Twitter ------------------------------------------------------------------- */
#twitter_update_list li 
{
	list-style-type: 	none;
	padding: 			3px;
	border-bottom:		1px dotted #CCCCCC;
}

#twitter_update_list li a
{
	color: 				#0098F1;
	text-decoration:	none;
}

#twitter_update_list li a:hover
{
	color: 				#000000;
	text-decoration:	underline;
}