@charset "utf-8";
/* CSS Document */

/************************
##### Login & Logged #####
************************/

ul#login, ul#logged {
	display:block;
	margin:17px 0px 0px 0px;
	padding:0;
	list-style:none;
}


ul#login li, ul#logged li {
	display:block;
	float:left;
	text-align:center;
}

ul#login a, ul#logged a {
	display:block;
	height:24px;
	width:82px;
}

/************************
######### Login #########
************************/



/* Login Form */
li#login_username {
	height:24px;
	width:109px;
	background:url(Bilder/login_username.jpg);
	margin-top:2px;
}

li#login_password {
	height:24px;
	width:109px;
	background:url(Bilder/login_password.jpg);
	margin-top:2px;
}

ul#login input {
	background:transparent;
	border:0;
	color:#FFF;
	height:18px;
	text-align:center;
	width:105px;	
}

/* Login Buttons */
li.login_btn_space, li.logged_btn_space {
	margin-top:2px;
}

ul#login span, ul#logged span  {
	background:url(Bilder/login_btn_spacer.jpg);
	display:block;
	height:28px;
	width:3px;
}

a#login_btn_register {
	background:url(Bilder/login_btn_register.jpg) top;
}

a#login_btn_register:hover {
	background-position: bottom;
}

a#login_btn_login {
	background:url(Bilder/login_btn_login.jpg) top;
}

a#login_btn_login:hover {
	background-position:bottom;
}

a#login_btn_lostpw {
	background:url(Bilder/login_btn_lostpw.jpg) top;
}

a#login_btn_lostpw:hover {
	background-position:bottom;
}

/************************
######### Logged #########
************************/

/* Welcome Username */
li#logged_welcome {
	height:22px;
	width:163px;
	background:url(Bilder/logged_welcomebg.jpg);
	margin-top:2px;
	padding-top:2px;
}

/* Logged Buttons */
a#logged_btn_overview {
	background:url(Bilder/logged_btn_overview.jpg) top;
	width:140px !important;
}

a#logged_btn_overview:hover {
	background-position:bottom;
}

a#logged_btn_editprofil {
	background:url(Bilder/logged_btn_editprofil.jpg);
}

a#logged_btn_editprofil:hover {
	background-position:bottom;
}

a#logged_btn_logout {
	background:url(Bilder/logged_btn_logout.jpg);
}

a#logged_btn_logout:hover {
	background-position:bottom;
}




/************************
####### Lastevent #######
************************/

div.event_row {
	height:22px;
	margin-top:1px;
	position:relative;
}

/* Event Icon */
div.event_icon {
	height:22px;
	width:22px;
	position:absolute;
	left:0;
	top:0;
}

/* Event Opponent */
div.event_opponent_puffer, div.event_date_puffer, 
div.event_result_puffer {
	background:url(Bilder/lastevent_textbg_puffer.jpg);
	height:17px;
	text-align:center;
	padding-top:5px;
	position:absolute;
	top:0;
}

div.event_opponent_puffer {
	width:140px;
	left:25px;
}

div.event_opponent_puffer a, div.event_opponent_puffer a:visited,
div.event_opponent_puffer a:active {
	color:#FFF;
	text-decoration:none;
}

div.event_opponent_puffer a:hover {
	color:#FFF;
	text-decoration:underline;
}

span.event_oppponent_left, span.event_oppponent_right {
	height:22px;
	width:5px;
	display:block;
	position:absolute;
	top:0;
}

span.event_oppponent_left {
	background:url(Bilder/lastevent_textbg_left.jpg);
	left:0;
}

span.event_oppponent_right {
	background:url(Bilder/lastevent_textbg_right.jpg);
	left:135px;
}

/* Event Date */
div.event_date_puffer {
	width:90px;
	left:168px;
}

span.event_date_left, span.event_date_right {
	height:22px;
	width:5px;
	display:block;
	position:absolute;
	top:0;
}

span.event_date_left {
	background:url(Bilder/lastevent_textbg_left.jpg);
	left:0;
}

span.event_date_right {
	background:url(Bilder/lastevent_textbg_right.jpg);
	left:85px;
}

/* Event Result */
div.event_result_puffer {
	width:84px;
	left:261px;
}

span.event_result_left, span.event_result_right {
	height:22px;
	width:5px;
	display:block;
	position:absolute;
	top:0;
}

span.event_result_left {
	background:url(Bilder/lastevent_textbg_left.jpg);
	left:0;
}

span.event_result_right {
	background:url(Bilder/lastevent_textbg_right.jpg);
	left:79px;
}
	


/************************
####### Shoutbox #######
************************/

div#rightbox_shoutbox_cont {
	padding:15px 0px 12px 15px;
}

div.shoutbox_msg_puffer {
	background:#333 url(Bilder/shoutbox_msg_puffer.jpg);
	width:190px;
	margin-bottom:2px;
}

div.shoutbox_msg_head {
	background:url(Bilder/shoutbox_msg_head.jpg) top no-repeat;
	padding:3px 3px 0px 4px;
}

div.shoutbox_msg_foot {
	background:url(Bilder/shoutbox_msg_foot.jpg);
	height:8px;
	display:block;
	line-height:0;
	font-size:0;
}
	
span.shoutbox_msg_date {
	color:#999;
}

span.shoutbox_msg_txt {
	color:#fff;
}

input#shoutbox_name, textarea#shoutbox_message {
	background:#000;
	border:1px solid #1f1f1f;
	color:#FFF;
	font-size:9px;
	margin-left:2px;
}

input#shoutbox_name {
	height:12px;
	width:100px;
	margin-bottom:3px;
}


textarea#shoutbox_message {
	height:38px;
	width:186px;
	overflow:hidden;
}


/************************
####### Pollbox ########
************************/

div#rightbox_poll_cont {
	padding:15px 15px 10px 15px;
}

/***** Question ******/
div#pollbox_quest_puffer {
	background:url(Bilder/poll_question_puffer.jpg);
	width:190px;
}

div#pollbox_quest_head {
	background:url(Bilder/poll_question_top.jpg) no-repeat;
	padding:4px 3px;
	text-align:center;
}

div#pollbox_quest_foot {
	background:url(Bilder/poll_question_foot.jpg);
	width:190px;
	height:4px;
	margin-bottom:6px;
	line-height:0;
	font-size:0;
}

/***** Answer ******/
div.pollbox_anwer_bg {
	background:url(Bilder/poll_anwer_bg.jpg) no-repeat;
	height:29px;
	width:190px;
	position:relative;
	margin-top:4px;
}

span.pollbox_answer {
	position:absolute;
	top:8px;
	left:7px;
	display:block;
	font-size:9px;
}

input.pollbox_btn_vote {
	height:13px;
	width:39px;
	display:block;
	background:url(Bilder/poll_btn_vote.jpg);
	border:0;
	font-size:0;
	line-height:0;
	text-indent:-30em;
	position:absolute;
	top:9px;
	left:146px;
	cursor:pointer;
}

/***** Answer Voted ******/

span.pollbox_answer_voted {
	font-size:9px;
	position:absolute;
	top:3px;
	left:3px;
	display:block;
}

span.pollbox_percent_voted {
	width:39px;
	text-align:right;
	font-size:9px;
	position:absolute;
	top:3px;
	left:145px;
	display:block;
	color:#0086ff;
}

div.pollbox_percentpic_voted {
	background:#000;
	width:182px;
	height:3px;
	padding:1px;
	position:absolute;
	top:19px;
	left:3px;
	line-height:0;
	font-size:0;
}

/************************
###### Information ######
************************/

div#rightbox_info_cont {
	padding:20px 20px 12px 20px;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#0C0;
	position:relative;
}

div.infobox_timedate {
	background:url(Bilder/rightbox_info_timedatebg.jpg);
	height:15px;
	width:158px;
	margin-bottom:12px;
	padding-left:32px;
	padding-top:2px;
}

div#infobox_count_puffer {
	background:url(Bilder/rightbox_info_count_pffer.jpg);
	width:190px;
}

div#infobox_count_head {
	background:url(Bilder/rightbox_info_count_head.jpg) top no-repeat;
}

div#infobox_count_foot {
	background:url(Bilder/rightbox_info_count_foot.jpg) bottom no-repeat;
	padding:3px 15px 3px 30px;
}

td.infobox_count_bluetext {
	color:#0086ff;
}

div#infobox_time_icon, div#infobox_date_icon,
div#infobox_count_icon {
	height:22px;
	width:22px;
	display:block;
	position:absolute;
	left:13px;
}

div#infobox_time_icon {
	background:url(Bilder/rightbox_info_icon1.jpg);
	top:13px;
}

div#infobox_date_icon {
	background:url(Bilder/rightbox_info_icon2.jpg);
	top:42px;
}

div#infobox_count_icon {
	background:url(Bilder/rightbox_info_icon3.jpg);
	top:72px;
}