<!--
/*###################		Tags - Anfang			######################### 	*/
*{
	margin				:0;
	padding				:0;
}

html{
	margin				:0;
	padding				:0;
	height				:100%;
}

body{
	margin				:0;
	height				:100%;
	background-color	:#4c4c4c;
	background-image	:url(../img/bg/body.gif);
	background-repeat	:repeat;
	font-family			:Arial, Verdana, Helvetica, sans-serif;
	font-size			:12px;
	color				:#000;
}

table{
	font-family			:Arial, Verdana, Helvetica, sans-serif;
	font-size			:1em;
	color				:#333;
	margin-bottom		:20px;
}

h1{
	font-size			:1.8em;
	font-family			:Calibri, Arial, Verdana, Helvetica, sans-serif;
	margin				:0;
	margin-top			:20px;
	margin-bottom		:20px;
	color				:#000;
}
h2{
	font-size			:1.4em;
	margin				:0;
	margin-top			:10px;
	margin-bottom		:10px;
	color				:#D00;
}
h3{
	font-size			:1.4em;
	margin				:0;
}
h4{	
	font-size			:1em;
	color				:#900;
	margin				:0;
}
h5{
	font-weight			:bold;
	font-size			:12px;
	margin				:0px;
}

hr
{  
  	height				: 2px;
  	border-top			: 1px solid #CCC;
	border-bottom		: 1px solid #DDD;
	margin-top			: 10px;
	margin-bottom		: 10px;
}
.hr
{  
	background			: url(../img/systems/hr.gif) no-repeat center;
  	filter				: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/systems/hr.gif');
  	height				: 5px;
  	border				: 0;
	margin-top			: 10px;
	margin-bottom		: 10px;
}
.hr_cr_box
{  
	background			: url(../img/systems/hr_cr_box.gif) no-repeat center;
  	filter				: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/systems/hr.gif');
  	height				: 2px;
  	border				: 0;
	margin-top			: 10px;
	margin-bottom		: 10px;
}
fieldset{
	width				:auto;
	height				:auto;
	padding				:10px;
	margin-top			:10px;
}
legend{
	padding				:5px;
	font-weight			:bold;
}
img{
	border				:0;
}

p{
	margin-top			:10px;
	margin-bottom			:10px;
}

ul{
	list-style-position	:inside;
}
/*###################		Klassen	und Basics		######################### 	*/

.a{
	width				:1200px;
	height				:auto;
	margin				:auto;
	margin-left			:auto; 
	margin-right		:auto;
	background-image	:url(../img/bg/body_y.gif);
	background-repeat	:repeat;
}
.b , .c , .d , .foot , .head , .content{
	width				:900px;
	height				:auto;
	margin				:auto;
	margin-left			:auto; 
	margin-right		:auto;
}
.box{
	width				:auto;
	height				:auto;
	padding				:5px;
	background-color	:#D00;
}

.box_info{
	width				:auto;
	height				:auto;
	border				:1px solid #666;
	background-color	:#5e5e5e;
	padding				:5px;
}
.xbox , .ybox , .zbox , .okbox , .box_switch , .help , .box_switch_active , .box_spaceholder{
	width				:auto;
	height				:auto;
	color				:#FFF;
	padding				:1px;
	padding-left		:5px;
	padding-right		:5px;
	margin-left			:1px;
	background-color	:#D00;
	float				:right;
	cursor				:pointer;
	text-decoration		:none;
}
.help{
	background-color	:#666;
}
a:hover .help{
	background-color	:#999;
	/*rsor:url(cursor.cur), move*/
	cursor				:help;
}
a:hover .xbox{
	background-color	:#F00;
}
.ybox{
	background-color	:#666;
}
a:hover .ybox{
	background-color	:#999;
}
.zbox{
	background-color	:#F90;
}
a:hover .zbox{
	background-color	:#FC0;
}
.okbox{
	background-color	:#090;
}
a:hover .okbox{
	background-color	:#0F0;
}
.box_switch{
	float				:left;
	background-color	:#CCC;
}
a:hover .box_switch{
	background-color	:#C00;
}
.box_switch_active{
	float				:left;
	background-color	:#C00;
}
.box_spaceholder{
	color				:#333;
	background-color	:transparent;
}

.c{
	height				:auto;
	background-color	:#000;
	padding-bottom		:20px;
}
.content , .contentprofil{
	width				:820px;
	height				:auto;
	padding				:20px;
}
.contentprofil{
	background-color	:#333;
	color				:#FFF;
}
.cl{
	width				:500px;
	float				:left;
}
.clear{
	clear				:both;
}
.clearleft{
	clear				:left;
}
.cr , .cr_box{
	width				:300px;
	float				:right;
}
.cr_box{
	width				:290px;
	height				:auto;
	background-color	:#C00;
	color				:#FFF;
	padding				:5px;
	text-align			:center;
	margin-bottom		:10px;
}
.cr_div_0{
	width				:290px;
	height				:auto;
	background-color	:#DDD;
	border				:1px solid #CCC;
	padding				:5px;
	margin-top			:20px;
	margin-bottom		:20px;
	float				:right;
}
.cr_thumbs{
	width				:auto;
	height				:auto;
	background-color	:#DDD;
	border				:1px solid #CCC;
	padding				:2px;
	margin				:2px;
	float				:left;
}
a:hover .cr_thumbs{
	background-color	:#CCC;
}
.d{
	width				:860px;
	height				:auto;
	background-color	:#FFF;
}

.dmusb{
	width				:260px;
	height				:260px;
	margin-top			:20px;
	padding				:20px;
	background-image	:url(../img/bg/dmusb.gif);
	background-repeat	:no-repeat;
	background-position	:center;
	color				:#FFF;
}
.dmusb_img{
	width				:90px;
	height				:72px;
	float				:left;
	background-color	:#FFF;
	margin-right		:10px;
}
.dmusb_txt , .dmusb_input{
	width				:230px;
	height				:80px;
	padding				:20px;
	background-image	:url(../img/bg/dmusb_txt.png);
	background-repeat	:no-repeat;
	background-position	:top left;
	color				:#900;
}
.dmusb_txt{
	font-weight			:bold;
	white-space			:pre-wrap;
}
.dmusb_input{
	background-image	:url(../img/bg/dmusb_input.png);
}
.dmusb_button{
	width				:170px;
	height				:30px;
	background-image	:url(../img/bg/dmusb_button.png);
	background-repeat	:no-repeat;
	background-position	:center;
	cursor				:pointer;
	float				:right;
}

.div_white{
	border				:1px solid #CCC;
	background-color	:#FFF;
	color				:#333;
	text-align			:left;
	padding				:5px;
}

.div_background {
	width				:100%;
	min-height			:100%;
	height				:auto;
	position			:fixed;
	top					:0;
	right				:0;
	background-color	:#000;
	filter				:alpha(opacity=70); 
	-moz-opacity		: 0.7; 
	opacity				: 0.7;
	z-index				:10;
}
.div_over{
	width				:50%;
	height				:auto;
	filter				:alpha(opacity=200); 
	-moz-opacity		: 2.0; 
	opacity				: 2.0;
	background-image	:url(../img/bg/white_bg.png);
	background-repeat	:repeat;
	border				:5px solid #900;
	padding				:20px;
	position			:fixed;
	top					:5%;
	left				:25%;
	margin-left			:auto;
	margin-right		:auto;
	z-index				:99;
}

.div_comment{
	width				:auto;
	height				:auto;
	min-height			:50px;
	padding-left		:50px;
	background-color	:#5e5e5e;
	background-image	:url(../img/bg/div_comment.gif);
	background-repeat	:no-repeat;
	background-position	:top left;
}
.div_infobox{
	width				:auto;
	height				:auto;
	padding				:10px;
	color				:#FFF;
	background-color	:#5e5e5e;
}
.div_hinweis , .div_hinweis_ok , .div_hinweis_new{
	border				:1px solid #F00;
	background-color	:#ffe5e5;
	color				:#900;
	text-align			:left;
	padding				:5px;
}
.div_hinweis_ok{
	border				:1px solid #0F0;
	background-color	:#E5FFE5;
	color				:#000;
}
.div_hinweis_new{
	border				:1px solid #FC0;
	background-color	:#fff6d0;
	color				:#000;
}
.div_show , .div_show_0{
	width				:auto;
	height				:auto;
	background-color	:#C00;
	color				:#FFF;
	padding-top			:5px;
	padding-bottom		:5px;
	border-top			:5px solid #000;
	border-bottom		:5px solid #000;
}
.div_show_0{
	background-color	:#CCC;
}
.div_smile{
	width				:50px;
	height				:50px;
	line-height			:50px;
	background-color	:none;
	float				:left;
	border				:1px solid #666;
	text-align			:center;
}
a:hover .div_smile{
	background-color	:#5e5e5e;
}
.div_submit{
	width				:auto;
	height				:auto;
	background-color	:#D00;
	color				:#FFF;
	padding				:5px;
	visibility			:hidden; 
	float				:right;
}

.div_field, .blog_field , .vid_field , .answer_field{
	width				:auto;
	height				:auto;
	background-color	:#4c4c4c;
	color				:#FFF;
	padding				:10px;
	border-top			:1px solid #999;
	border-bottom		:1px solid #666;
}
.div_field table{
	color				:#FFF;
}
.div_zeichen{
	width				:auto;
	height				:auto;
	padding				:5px;
	float				:left;
	background-color	:#D00;
	color				:#FFF;
}
.docs_head{
	width				:98%;
	height				:80px;
	background-color	:#000;
	border-bottom		:3px solid #D00;
	color				:#FFF;
	padding				:10px;
	float				:left;
}
.docs_content{
	width				:98%;
	height				:auto;
	background-color	:#FFF;
	border-bottom		:1px solid #CCC;
	color				:#000;
	padding				:10px;
	float				:left;
}
.docs_foot{
	width				:98%;
	height				:100px;
	background-image	:url(../img/bg/footer.gif);
	background-repeat	:repeat-x;
	background-position	:top;
	background-color	:#333;
	border-top			:1px solid #AAA;
	float				:left;
}

.answer_field{
	background-image	:url(../img/bg/answer_top.png);
	background-repeat	:repeat-x;
	background-position	:top;
	font-family:"Courier New", Courier, monospace;
}

.foot{
	height				:auto;
	background-image	:url(../img/bg/foot.png);
	background-repeat	:no-repeat;
	background-position	:top center;
	color				:#666;
	padding-top			:10px;
	padding-bottom		:10px;
}
.head{
	width				:860px;
	height				:200px;
	background-image	:url(../img/head/bg/17_20.jpg);
	background-repeat	:no-repeat;
	background-position	:top center;
	text-align			:right;
}
.head_icon , .head_icon_x{
	width				:30px;
	height				:30px;
	padding-left		:2px;
	padding-right		:2px;
	float				:left;
}
.head_icon_x{
	background-image	:url(../img/head/icons/logout_0.gif);
	background-repeat	:no-repeat;
	background-position	:top center;
}
a:hover .head_icon_x{
	background-image	:url(../img/head/icons/logout_1.gif);
}
.head_myimg{
	width				:100px;
	height				:auto;
	background-color	:#FFF;
	padding				:5px;
	float				:right;
	text-align			:center;
}
.hinweis{
	color				:#F00;
}
.hinweis_ok{
	color				:#0F0;
}
.img_thumb{
	margin-right		:10px;
}

.logo{
	width				:180px;
	height				:53px;
	background-image	:url(../img/head/logo.gif);
	background-repeat	:no-repeat;
	background-position	:top center;
	position			:relative;
	top					:20px;
	left				:20px;
	cursor				:hand;
	float				:left;
	z-index				:1;
}
.logfield{
	width				:330px;
	height				:auto;
	padding-left		:20px;
	padding-bottom		:10px;
	background-color	:#000;
	color				:#FFF;
	border-bottom		:3px solid #C00;
	float				:right;
}

.menu{
	width				:860px;
	height				:40px;
	background-image	:url(../img/menu/bg.gif);
	background-repeat	:repeat-x;
	margin				:0;
}
.menu_1 , .menu_0{
	width				:140px;
	height				:40px;
	line-height			:40px;
	display				:block;
	float				:left;
	text-align			:center;
	background-image	:url(../img/menu/m_1.gif);
	background-position	:bottom center;
	background-repeat	:no-repeat;
}
.menu_0{
	background-image	:url(../img/menu/m_0.gif);
}
.mymenu_1 , .mymenu_0{
	width				:auto;
	height				:30px;
	line-height			:30px;
	display				:block;
	float				:left;
	text-align			:center;
	background-color	:#AAA;
	border				:1px solid #B00;
	border-top			:1px solid #DDD;
	border-right		:1px solid #FFF;
	border-bottom		:1px solid #AAA;
	padding				:8px;
	padding-top			:0;
	padding-bottom		:0;
}
.mymenu_0{
	background-color	:#C00;
}
.more , .optionbox , .subbox{
	width				:auto;
	height				:auto;
	line-height			:20px;
	text-align			:center;
	text-decoration		:none;
	background-color	:#D00;
	float				:left;
	padding				:5px;
	margin-top			:5px;
	margin-bottom		:5px;
	margin-right		:5px;
	cursor				:pointer;
	text-shadow			:black 1px 1px;
}
a:hover .more{
	background-color	:#F00;
}

.optionbox{
	background-color	:#666;
}

.rate_pos{
	width				:auto;
	height				:auto;
	background-color	:#4c4c4c;
	color				:#FFF;
	padding				:10px;
	border-top			:1px solid #999;
	border-bottom		:1px solid #666;
	float				:right;
}
.rate_star{
	width				:auto;
	height				:auto;
	padding				:2px;
	float				:left;
}
.rate_txt{
	width				:auto;
	height				:auto;
	padding				:2px;
}

.subbox{
	margin-top			:0;
}
.subtext{
	font-size			:0.8em;
	color				:#AAA;
}
.spotimg{
	width				:100px;
	height				:100px;
	float				:left;
	margin-right		:20px;
	margin-bottom		:20px;
	background-color	:#DDD;
	background-position	:center;
	background-repeat	:none;
	border				:1px solid #CCC;
	color				:#000;
	text-align			:center;
}
.spalte{
	width				:240px;
	height				:auto;
	float				:left;
	margin-right		:5px;
}
.spotcell_1 , .spotcell_2{
	width				:50px;
	height				:auto;
	float				:left;
}
.spotcell_2{
	width				:190px;
	float				:none;
}

.td_cell_1a , .td_cell_1b{
	padding				:5px;
}

.view_img{
	width				:420px;
	height				:375px;
	background-color	:#F1F1F1;
	background-position	:top center; 
	background-repeat	:no-repeat;
	margin-left			:auto;
	margin-right		:auto;
	margin-bottom		:10px;
}


.button{
	font-size			:1.2em;
	text-align			:center;
	background-color	:#D00;
	border				:none;
	color				:#FFF;
	cursor				:pointer;
	padding				:1px 5px 5px;
	float				:right;
}

.option_do{
	color				:#C00;
	border				:1px solid #FFF;
	background-color	:#FFF;
}
.select , .selectE , .select_do{
	font-size			:14px;
	height				:22px;
	border				:1px solid #999;
	color				:#000;
	background-color	:#FFF;
}
.selectE{
	color				:#900;
	border				:1px solid #F00;
	background-color	:#ffe5e5;
}
.select_do{
	color				:#FFF;
	border				:1px solid #C00;
	background-color	:#C00;
}
.selInvalid{
	background-color	:#333;
	color				:#FFF;
}
.checkbox{
	border				:1px solid #63CAE5;
	color				:#000;
}
.checkboxE{
	border				:2px solid #900;
	color				:#F00;
}

.input , .inputE{
	width				:99%;
	height				:22px;
	background-image	:url(../img/bg/input.gif);
	background-repeat	:repeat-x;
	background-position	:top;
	border				:1px solid #999;
	color				:#00C;
	font-size			:14px;
	padding				:2px;
}
.inputE{
	color				:#900;
	border				:1px solid #F00;
	background-color	:#FFE5E5;
	background-image	:url(../img/bg/inputE.gif);
}

.input#nick{
	background-image	:url(../img/systems/bg_uname.gif);
	background-repeat	:no-repeat;
	background-position :center;
	text-align			:center;
}
.input#passwort{
	background-image	:url(../img/systems/bg_pw.gif);
	background-repeat	:no-repeat;
	background-position :center;
	text-align			:center;
}

.radio{
	border				:1px solid #63CAE5;
	color				:#000;
}
.swf{
	margin				:0;
}
.textfeld , .textfeldE ,.textfeld_div {
	width				:100%;
	border				:1px solid #999;
	background-image	:url(../img/bg/textfeld.gif);
	background-repeat	:repeat-x;
	background-position	:top;
	color				:#009;
	font-size			:14px;
}
.textfeld_div{
	border				:none;
	color				:#FFF;
	background-color	:#5e5e5e;
	background-image	:none;
}
.textfeldE{
	color				:#900;
	border				:2px solid #F00;
	background-image	:none;
	background-color	:#ffe5e5;
}

a:visited 			{ color:#666; text-decoration:underline; font-weight:normal; }
a:link 				{ color:#666; text-decoration:underline; font-weight:normal; }
a:hover 			{ color:#000; text-decoration:none; font-weight:normal; }
a:active 			{ color:#666; text-decoration:underline;  font-weight:normal; }
a:focus 			{ color:#666; text-decoration:underline; font-weight:normal; }

.no_link			{ text-decoration:none; }
.no_link:link 		{ text-decoration:none; }
.no_link:active 	{ text-decoration:none; }
.no_link:focus 		{ text-decoration:none; }
.no_link:hover 		{ text-decoration:none; }

.ml_0				{ font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }
.ml_0:link 			{ font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }
.ml_0:active 		{ font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }
.ml_0:focus 		{ font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }
.ml_0:visited 		{ font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }
.ml_0:hover 		{ font-size:14px; font-weight:bold; color:#FCC; text-decoration:none; }

.ml_1				{ font-size:14px; font-weight:bold; color:#4d4d4d; text-decoration:none; }
.ml_1:link 			{ font-size:14px; font-weight:bold; color:#4d4d4d; text-decoration:none; }
.ml_1:active 		{ font-size:14px; font-weight:bold; color:#4d4d4d; text-decoration:none; }
.ml_1:focus 		{ font-size:14px; font-weight:bold; color:#4d4d4d; text-decoration:none; }
.ml_1:visited 		{ font-size:14px; font-weight:bold; color:#4d4d4d; text-decoration:none; }
.ml_1:hover 		{ font-size:14px; font-weight:bold; color:#000;    text-decoration:none; }

.foot_link			{ font-size:1em; color:#666; text-decoration:none; }
.foot_link:link 	{ font-size:1em; color:#666; text-decoration:none; }
.foot_link:active 	{ font-size:1em; color:#666; text-decoration:none; }
.foot_link:focus 	{ font-size:1em; color:#666; text-decoration:none; }
.foot_link:visited 	{ font-size:1em; color:#666; text-decoration:none; }
.foot_link:hover 	{ font-size:1em; color:#999; text-decoration:none; }

.white_link			{ color:#FFF; text-decoration:underline; }
.white_link:link 	{ color:#FFF; text-decoration:underline; }
.white_link:active 	{ color:#FFF; text-decoration:underline; }
.white_link:focus 	{ color:#FFF; text-decoration:underline; }
.white_link:visited { color:#FFF; text-decoration:underline; }
.white_link:hover 	{ color:#FFF; text-decoration:none; }




-->