body{
	text-align: left;
	background-color:#D9D9D9;
	font-size:10px;
	color:#CCCCCC;
}
form{
	display:inline;
}

/*Der komplette Container der Seite -ohne end*/
#page{
	position:relative; 
    margin: 0 auto;
    /*left: 20px;*/
	width:1000px;
	top: 0px;
}

/*Werbefeld 1*/
#user_ad{
	position:relative;
	float:left;
	width:120px;
	top: 180px;
	/*left: 20px;*/
	left: 20px;
	height: 500px;
	min-height: 500px;
}

/*Werbefeld 2*/

#user_ad2{
	position:relative;
	top: 180px;
	float:right;
	height: 500px;
	min-height: 500px;
}

/* Seiteninhalt - ohne Werbung*/

#page_inhalt{
	width:720px;
	float:left;
	margin: 0px 0px 0px 30px;
	background-image:url(../img/bg_i.jpg);	
}
/*grafik bei oben*/
#head_bg1{
	position:absolute;
	width:100%;
	left:0px;
	background-image:url(../img/head_bg1.jpg);	
	height:256px;
}

#head_bg2{
	position:absolute;
	width:100%;
	left:0px;
	top:255px;
	height:5px;
	background-color:#000000;
	z-index:200;
}

/*grafik sponsoren*/
#head_bg3{
	position:absolute;
	width:100%;
	left:0px;
	top:260px;
	height:542px;
	background-color:#666666;
	background-image:url(../img/bg_v.jpg);
	background-repeat:repeat-x;
}


/*Container für Kopf */
#head{
	height:310px;
	width:720px;
	float:left;
	z-index:2;
	background-image:url(../img/head.jpg);
	background-repeat:no-repeat;
}/*Container für Kopf */
#head_alt{
	height:310px;
	width:720px;
	float:left;
	z-index:2;
	background-color:#FFFFFF;
	background-image:url(../img/head_alt.jpg);
	background-repeat:no-repeat;
}
#headssl{
	height:76px;
	width:720px;
	float:left;
	background-color:#f3f3f3;
	z-index:2;
	background-image:url(../img/avp.jpg);
	background-repeat:no-repeat;
}
/*Container für Kopf */
#intro{
	width:720px;
	float:left;
	height:200px;
	position:absolute;
	top:0px;
	text-align:left;
	vertical-align:bottom;
	z-index:1;
	/*background-image:url(../img/avp.jpg);*/
	
}

/* Container für Login/logout*/
#infobox{
	position:relative;
	left: 10px;
	top:15px;
	width:680px;	
	z-index:3;
}

#anmeldung{
	float: left;
	position:relative;
	text-align:left;
	left: 15px;

}

#suche{
	float: right;
	position:relative;
	text-align:right;
	vertical-align:top;
	line-height:20px;
	right: 3px;
}

.invite a{
	float: right;
	position:relative;
	text-align:left;
	vertical-align:top;
	padding: 2px 6px 2px 6px;
	right:-174px;
	height:16px;
	text-decoration:blink;
	top:28px;
	color:#FF0000;
}

/* --------------HauptNavigation------------------------ #*/
#mainnavi{
	width:520px;
	height:40px;
	position:relative;
	float:left;
	text-align:right;
	top:-80px;
	left:180px	;
	z-index:150;
}

/*ein Menupunkt #*/
.mp{
	margin: 0px 10px 0px 0px;
	float:left;
	cursor:pointer;
	position:relative;
	left:25px;

}
.mp:hover{
	margin: 0px 10px 0px 0px;
	float:left;
	cursor:pointer;
	position:relative;
	left:25px;
}
.mpa{
	margin: 0px 10px 0px 0px;
	float:left;
	cursor:pointer;
	position:relative;
	left:25px;
	color:#cf9b21;
}

/*----------------------------------------------------------------------------------------*/
/* Container in dem gesamter Inhalt inkl Subnavi ist  #*/

#inhalt{
	position:relative;
	top: -80px;
	left: 0px;
	width: 720px;
	text-align:left;
	float: left;
	min-height:600px;
}

/* Fliesstetx in Tabelle #*/
#content{
	position:relative;
	padding: 30px 0px 0px 20px;
	vertical-align:top;
	left: 0px;
	width:700px;
	height:100%;
	top:10px;
}

/*??????????????????????????????????????????????????????????*/
	.c_head{
		float:left ;
		height:30px;
		width:650px;
		background-color:#00FF00;
	}


	/*beide Flächen*/
	.c_1_breit{
		float:left ;
		width:700px;
	}
	/*erste kleine Fläche #*/
	.c_1{
		position:relative;
		float:left ;
		width:140px;
		top:-10px;
		padding: 0px 0px 20px 0px;
	}

	/*zweite große Fläche #*/
	.c_2{
		position:relative;
		right: 20px; /*10*/
		float:right ;
		width:500px;
	}
	/* Menu #

	/* Menu mit Box#*/
	.c_3{
		position:relative;
		float:left ;
		left:-10px;
		width:150px;
		padding: 0px 0px 20px 0px;
	}
	.c_4{
		position:relative;
		float:left ;
		left:-10px;
		width:150px;
		top:-10px;
		padding: 0px 0px 0px 0px;
	}
	.c_5{
		position:relative;
		float:left ;
		width:140px;
		top:-5px;
		padding: 0px 0px 20px 0px;
	}
	.c_6{
		position:relative;
		float:left ;
		width:140px;
		top:-10px;
		padding: 0px 0px 20px 10px;
	}
	.c_7{
		position:relative;
		float:left ;
		left:0px;
		width:150px;
		padding: 0px 0px 20px 0px;
		font-size:11px;
		line-height:16px;
	}
		
	.scroll{
		width:350px;
		overflow:auto;
		/*overflow-y:hidden;*/
		position:relative;
		height:auto;
		/*min-height:300px;*/
	}
	.user_list{		
		width:140px; 
		height:200px;
		min-height:200px;
		overflow:auto;
		/*overflow-x:hidden; */
		border:1px solid #aaaaaa; 
	}
	.user_list2{		
		width:160px; 
		height:200px;
		min-height:200px;
		overflow:auto;
		/*overflow-x:hidden;*/ 
		border:1px solid #aaaaaa; 
	}
	.c_1 ul{
		position:relative;
		left:-30px;
		width:140px;
	}
/*-----------------------------------------------*/	
/*Der Fuß der Seite  #*/
#foot{
	height:150px;
	width:700px;
	background-image:url(../img/bg_f.jpg);
	background-repeat:no-repeat;
	clear:both;
	text-align: center; 
	padding: 0px 0px 0px 20px;
	color:#999999;
	position:relative;
	top:5px;
	margin: 0 auto; 
	bottom:0px;
}


/*-------------------------------------------------------------------------------------*/

/*Kopf von Tabellen*/

.t_head{
	vertical-align:top;
	padding: 7px 0px 0px 10px;
}

/* Unsichtbare Spalte bei Tabelle #*/
.t_front{
	vertical-align:top;
	background-color:#f7f0e1;
	/*width:100px;*/
	padding:7px;
}
/* ERste Spalte einer Tabelle in der Links sind  #*/
.t_front_l{
	vertical-align:top;
	background-color:#f8f1e2;
	width:105px;
	padding:7px;

}
.t_front_l:hover{
	/*background:#666666 none repeat scroll 0%;*/
}
/* Text Inhalt einer Tabelle  #*/
.t_content{
	vertical-align:top;
	background-color:#f7f3ec;
	padding: 7px 7px 7px 7px;
	/*width:480px;*/
}
.us_tab{
	padding: 7px 14px 7px 14px;
	position:relative;
	left:-10px;
}


/* inhalt neue Mail # */
.new_mail{
	background-color:#f4efe4;
	vertical-align:top;
	padding: 7px 14px 7px 14px;
	width:580px;
}
.new_mail:hover{
	background:#f8f1e2 none repeat scroll 0%;
}
/* inhalt alte Mail # */
.old_mail{
	background-color:#faf9f6;
	vertical-align:top;
	padding: 7px 14px 7px 14px;
	width:580px;
}
.old_mail:hover{
	background:#f8f1e2 none repeat scroll 0%;
	}

/*Links alls TabellenfelderEAF2F7 */
/* auszählung 1 #*/
.t_link a{
	display:block;
	border:0;
}
.c_2 .t_link:hover{
	background:#fdfaf2 none repeat scroll 0%;
}

.t_link:hover{
	background:#f5ce71 none repeat scroll 0%;
}
/* auszählung 2 #*/
.t_link2 {
	background-color:#e2e2e2;
}

/* auszählung 2 #*/
.t_link2 a{
	display:block;
	border:0;
}

.t_link2:hover{
	background:#f5ce71 none repeat scroll 0%;
}


/*Rahmen um Tabellen, zb Statisitk #*/
.table1{
	/*font-weight:bold;*/
	background-color:#777777;
	vertical-align:top;
	text-align:center;
}
/*Zeile1*/
.table2{
	background-color:#555555;
	vertical-align:top;

}
/*Zeile2*/
.table3{
	background-color:#666666;
	vertical-align:top;
}

/*farbe rot*/
.table5{
	background-color:#E1B9A8;
	vertical-align:middle;
	text-align:center;
}
/*farbe orange*/
.table6{
	background-color:#FFCC99;
	vertical-align:middle;
	text-align:center;
}
/*farbe ok-grun*/
.table7{
	background-color:#E0EBED;
	vertical-align:middle;
	text-align:center;
}
/*WARNUNG rot*/
.tableR{
	background-color:#CC3300;
}

/*---------------------------*/

.userprofile{
	vertical-align:top;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}
.userprofile:hover{
	background:#f5ce71 none repeat scroll 0%;
}
/*Beschreib.feldBG einer Tabelle für Userdaten  # */
.userprofilea{
	vertical-align:top;
	background-color:#f8f1e2;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}
/*Eingabe.feldBG einer Tabelle für Userdaten  # */
.userprofile2{
	vertical-align:top;
	background-color:#fdfaf2;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}
.userprofile2:hover{
	/*background:#f8f1e2 none repeat scroll 0%;*/
	background:#f8f1e2 none repeat scroll 0%;
}
.userprofile2a{
	vertical-align:top;
	background-color:#f8f1e2;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}

/* Eingabefelder und Textboxen-------------------------------*/

.eingabe1{
	width:300px;
	border:0;
	background-color:#FFFFFF;
	font-family:"Courier New", Courier, mono;
	color:#333333;
	font-size:11px;

}
.eingabe1:hover{
	/*background-color:#CCCCCC;*/
}

.eingabe2{
	width:48px;
	border:0;
	background-color:#FFFFFF;
	color:#333333;
	font-size:11px;
	font-family:"Courier New", Courier, mono;
}
.eingabe2:hover{
	/*background-color:#0000FF;*/
}
.eingabe3{
	width:280px;/*Pflichtfeld - rot*/
	background-color:#FFD9DA;
	border:0;
	font-family:"Courier New", Courier, mono;
	color:#666666;
	font-size:11px;
}
.eingabe3:hover{
	background-color:#FFFFFF;
}
.eingabe4{ 
	width:200px;
	font-family:"Courier New", Courier, mono;
	color:#333333;
	font-size:11px;
	border:0;
	background-color:#FFFFFF;
}

.eingabe5{ /*Forenantwort und neues Thema*/

	border:0;
	background-color:#FFFFFF;
	font-size:11px;
	color:#333333;
	width:100%;
	font-family:"Courier New", Courier, mono;
}
.eingabe6{
	width:140px;
	border:0;
	background-color:#FFFFFF;
	font-family:"Courier New", Courier, mono;
	color:#666666;
	font-size:11px;
}
.eingabe7{
	width:500px;
	border:0;
	background-color:#FFFFFF;
	color:#666666;
	font-family:"Courier New", Courier, mono;
	font-size:11px;

}
/*Drop Down Menüs   ????????????????????????????????????????????*/
.user_option{
	width:300px;
	border:0;
	background-color:#ffffff;
	background-color:#00FF00;
	font-family:"Courier New", Courier, mono;
	color:#666666;
	font-size:11px;
}

.user_option2{
	width:50px;
	border:0;
	background-color:#ffffff;
	background-color:#00FF00;
	font-family:"Courier New", Courier, mono;
	color:#666666;
	font-size:11px;
}



/*---------------------------------------------------------------------*/
/*Eingabefelder    #*/
.log{
	position:relative;
	border:0;
	background-image:url(../img/login_input.png);
	background-repeat:no-repeat;
	background-color:transparent;

}
.s_qui{
	position:relative;
	border:0;
	/*background-color:#C5DFED;*/
	background-color:transparent;
	background-image:url(../img/login_such.png);
	width:157px;
	color:#5575aa;
	font-size:9px;
	color:#999999;
}
/*Buttonhöhe    #*/
.log2{
	position:relative;
	top:7px;
	border:0;
}
.log3{
	position:relative;
	top:3px;
}



#zahlenmenu{
	position:relative;
	padding: 0px 0px 0px 0px;
}

.dialog{
	/*background-image:url(../img/rot.png);*/
	background-repeat:no-repeat;
	background-color:#e7dcdc;
	/*border: solid 1px #9D0212;*/
	padding:20px;
	width:450px;
	text-align:center;
}
.dialog_g{
	/*background-image:url(../img/blau.png);*/
	background-repeat:no-repeat;
	background-color:#E8EFF7;
	/*border: solid 1px #405e4b;*/
	padding:20px;
	width:450px;
	text-align:center;
	background-color:#a4dc8e;
}



/*---------------------------------------------------------------------------------------*/
/*Container, um einen Artikel #*/
.i_1{
	padding: 0px 0px 0px 0px;
	position:relative;
	right: 30px;
	float:right ;
	width:480px;

}
/*Container Artikelüberschrift #*/
.i_h{
	padding: 3px 0px 3px 10px;
}


/*Container Artikelinhalt mit großem Bild #*/
.i_i{
	float:right;
	padding:0px 0px 10px 0px;
	width:470px;
}
/* Kontainer um ein großes Bild #*/
.pi_i{
	float:left;
	padding:5px 0px 0px 10px;
}


/*Container um ALLE Bilder wenn kleine Bilder bei Artikel #*/
.i_ip{
	float:left;
	position:relative;
	left:10px;
	width:150px;
	padding:10px 0px 0px 0px;
}
/*Container Artikelinhalt mit kleinen Bild # */
.i_ik{
	float:left;
	padding:10px 0px 0px 10px;
	width:320px;
}
.i_ik2{
	position:relative;
	left:10px;	
}
/*-------------------------------------------------------*/
/*Seitenbox #*/
.box{
	position:relative;
	float:left;
	width:180px;
	top:5px;
	margin:0px 0px 10px -20px;
}
/*Seitenbox #*/
.box2{
	/*background-image:url(../img/box2.jpg);*/
	background-repeat:repeat-y;
	position:relative;
	float:left;
	top:5px;
	width:180px;
	margin:0px 0px 10px -20px;
}
.infosmenu .box2:hover{
	background:#f5ce71 none repeat scroll 0%;
}.infosmenu .box:hover{
	background:#f5ce71 none repeat scroll 0%;
}
/*boxüberschrf #*/
.boxh{
	font-size:14px;
	padding:10px 0px 10px 20px;
	color:#4A370D;
}/*allg Kontainer für Bild bei in seitenbox #*/
.box_pi{
	float:left;
	padding: 3px 5px 0px 20px;
}


/*allg Kontainer nur für Text in seitenbox mit groß bild #*/
.box_tg{
	float:left;
	padding: 5px 10px 5px 20px;
	position:relative;
	left:0px;
	width:140px;
	top:-15px;
}

/*allg Kontainer nur für Text in seitenbox mit klein bild #*/
.box_ts{
	float:left;
	padding: 0px 10px 5px 5px;
	position:relative;
	left:0px;
	width:90px;
	top:0px;
}
/*allg Kontainer nur für Text in seitenbox OHNE bild #*/
.box_tk{
	float:left;
	padding: 20px 10px 5px 20px;
	position:relative;
	left:0px;
	width:140px;
	top:-25px;
}
/*Kontainer dessen Inhalt 10px zuweit Links is -zB. in Tabelle #*/
.box_tm{
	float:left;
	padding: 5px 10px 5px 20px;
	position:relative;
	left:-10px;
	width:140px;
	top:-15px;
}
/*---------------------------------------------------------------------------*/
.bu{
font-size:0.8em;
letter-spacing:-0.5px;
color:#bbbbbb;
line-height:10px;
}

.bu_q{
	width:30px;
	height:30px;
	border:0px;
}
.bu_hoch{
	position:relative;
	top:-20px;
	left:60px;
	
}
.zentier{
	text-align:center;
	vertical-align:middle;
}
.wnl{
	text-align:center;
	vertical-align:middle;
	position:relative;
	left:-10px;
}
.front_ad{
	position:relative;
	padding:3px 0px 5px 0px;
}
.popup{
position:relative;
top:-10px;
left:-10px;
}

.table1{
	background-color:#cccccc;
	vertical-align:top;
	text-align:center;
}
.table2{
	background-color:#f8f1e2; 
	vertical-align:top;
	padding: 7px 3px 7px 14px;
	text-align:left;
}
.table3{
	background-color:#f7f7f7;
	vertical-align:top;
	padding: 7px 14px 7px 14px;
	text-align:left;
}


::-moz-selection { 
	background:#FCDF77; 
	color:#222222;
}

.kalender{
	text-align:center;
}
.kalender:hover{
	background:#FCDF77;
	color:#222222;
}
.kalender:hover a{
	background:#FCDF77;
}

.kal_cont{
	text-align:center;
	padding:2px;
	position:relative;
	left:5px;
}
.kal_cont:hover{
	text-align:center;
	padding:2px;
	position:relative;
	left:5px;
	background-color:#f5cc70;
}
.kalender2{
	background-color:#BCD6FC;
}

/*Eingabe.feldBG einer Tabelle für Userdaten  # */
.stream{
	vertical-align:top;
	background-color:#f5ce71;
	padding: 3px 3px 3px 3px;
	margin: 10px 10px 10px 10px;
}
.stream2{
	vertical-align:top;
	background-color:#f5d58a;
	padding: 3px 3px 3px 3px;
	margin: 10px 10px 10px 10px;
}
.stream:hover{
	/*background:#f8f1e2 none repeat scroll 0%;*/
	background:#fab50f none repeat scroll 0%;
}
.stream2:hover{
	/*background:#f8f1e2 none repeat scroll 0%;*/
	background:#fab50f none repeat scroll 0%;
}
.fluss{
	float:left;
	margin:0px 10px 0px 0px;
}
.m_event{
	border:#FF8A00 1px solid;
}
