﻿html {background: #ddddd0 url(../img/gradient.png) repeat-x top left; font-family: Arial, serif;}
#wrap {width: 1000px; margin: 0 auto;}
	#header1 {color: #65cd98; text-align: left; padding-bottom: 6px; border-bottom: 1px solid #dcded0; font-weight: bold; font-size: 14px; }
	#header1 a {color: #65cd98; text-align: left; font-weight: bold; font-size: 14px; text-decoration: none}	
	#header2 {color: #65cd98; text-align: left; padding-bottom: 6px; border-bottom: 1px solid #dcded0; font-weight: bold; font-size: 20px; }
	#header3 {color: #65cd98; text-align: left; padding-bottom: 6px; padding-top: 6px; font-weight: bold; font-size: 14px; }		

	h1, h2, h3 {color: #65cd98; text-align: left; padding-bottom: 6px; border-bottom: 1px solid #dcded0; margin: 0}
	h1 {font-weight: bold; font-size: 20px;}	
	h2 {font-weight: normal; font-size: 1.3em; margin: 0}		
	h3 {font-weight: bold; font-size: 14px; margin: 0;}
	h3 a {color: #65cd98; text-align: left; font-weight: bold; font-size: 14px; text-decoration: none}	
	h4 {font-weight: bold; font-size: 14px; margin: 5px 0 0 0; padding-bottom: 5px; color: #65cd98; text-align: left;}	
	p {margin: 0 0 1em 0;}
	
	
#back {position: absolute; top: 90px; margin: auto; color: #AAAAAA;
}

	#top_back {background: url(../img/menu_left.png) no-repeat; width: 12px;}
	#top_back div {background: url(../img/menu_left_rep.png) repeat-x; width: 976px; margin-left: 12px;}
	#top_back div div {height: 297px; background: url(../img/menu_right.png) no-repeat; width: 12px; margin-left: 976px;}
	
	/*#bottom_back {margin: 299px 0 0 196px; background: url(../img/content_left.png) no-repeat; width: 8px;}
	#bottom_back div {margin-left: 8px;	width: 788px; height: 99px; background: url(../img/content_rep.png) repeat-x;}
	#bottom_back div div {margin-left: 788px;	width: 8px;	background: url(../img/content_right.png) no-repeat;}*/
	
#menu {position: absolute; top: 0;}
	#logo {width: 195px; height: 170px; background: url(../img/logo.png) no-repeat;}
	#main_menu {color: White; margin-left: 9px; width: 178px; background: #dd0033; padding: 0 4px 11px 4px}
	#menu_footer {margin-left: 9px; width: 186px; height: 9px; background: url(../img/bottom_menu.png) no-repeat;}
	
	#top1 {background: white url(../img/col3_tl.png) top left no-repeat; width: 186px; margin-top: 4px; margin-left: 9px;}
		#top1 div {background: url(../img/col3_tr.png) top right no-repeat;}
		#top1 div div {background: url(../img/col_bl.png) bottom left no-repeat;}		
		#top1 div div div {background: url(../img/col_br.png) bottom right no-repeat; padding: 10px; min-height: 120px; font-size: 12px}		
			#top1 div div div b { display: block; border-bottom: 1px solid #dcded0; padding-bottom: 6px; text-align: left; font-size: 14px; color: #68cc9a; font-family: Arial, sans-serif;}			
			#top1 div div div a {font-size: 12px; color: #fe0034; font-family: Arial, sans-serif;}			
			#top1 div div div a:hover {color: #FF738F;}		

	#top2 {background: white url(../img/col3_tl.png) top left no-repeat; width: 186px; margin-top: 4px; margin-left: 9px;}
		#top2 div {background: url(../img/col3_tr.png) top right no-repeat;}
		#top2 div div {background: url(../img/col_bl.png) bottom left no-repeat;}		
		#top2 div div div {background: url(../img/col_br.png) bottom right no-repeat; padding: 10px; min-height: 120px; text-align: center;}		
			/*#top2 div div div a {font-size: 12px; color: #fe0034; font-family: Arial, sans-serif;}			
			#top2 div div div a:hover {color: #FF738F;}	*/	
			#top2 div div div b { display: block; border-bottom: 1px solid #dcded0; padding-bottom: 6px; text-align: left; font-size: 14px; color: #68cc9a; font-family: Arial, sans-serif;}			
			#top2 div div div a.b1 {font-size: 16px; font-weight: bold; }			
			#top2 div div div a.b2 {font-size: 14px; font-weight: bold;}			
			#top2 div div div a.b3 {font-size: 13px;}			

#title_login {position: absolute; top: 100px; margin-left: 205px; width: 482px; height: 240px;}

	#title_sg {background: url(../img/Spielen&Gewinnen.jpg) no-repeat; height: 240px; }
	#title {background: url(../img/title.png) no-repeat; height: 240px; width: 10px;}
	#title-c {font-size: 13px; height: 216px; width: 459px; background: #FFF; margin-left: 8px; margin-top: -240px; padding: 12px 12px 12px 3px;}
	.tx-feuserloginsystem-pi1 {
		margin: -240px 0 0 484px; 
		color: White; 
		height: 220px;
		width: 283px;
		background: url(../img/login_b.png) repeat-x;
        padding: 10px 0 10px 10px;
	}
	#un, #up, #forg_reg { padding-top: 17px;	}
	#login_form {font-size: 12px; color: White;}
		.input {border: 1px solid #910024; width: 278px;}
		.submit { margin: 1px 0 0 1px; cursor: pointer; padding-bottom: 4px; border: none; background: url(../img/login_button.png) no-repeat; width: 281px; height: 25px; font-weight: bold; text-align: center; text-transform: uppercase; color: White;}
		#forg_reg div {padding-top: 3px;}	
		#forg_reg div a { text-decoration: none}
		#forg_reg div a:hover { text-decoration: underline;}
					
		#forg_reg a {color: White;}	
		#forg_reg div img { padding-right: 5px;}	
	#login b, #login_sg b {font-size: 20px;	font-weight: bold; color: White;}


	#login_b {background: url(../img/login_r.png) no-repeat; height: 240px; width: 7px; margin-left:777px; margin-top: -240px;}
	#login_sg {color: White; height: 221px; width: 282px; background: url(../img/login_b_sg.png) repeat-x; margin: -240px 0 0 484px; padding: 10px 0 10px 10px;}
	#login_b_sg {margin: -241px 0 0 776px; background: url(../img/login_r_sg.png) no-repeat; height: 240px; width: 7px;}	
	#profile {display: block; width: 144px; font-size: 12px; color: White; margin-top: 10px;}
	#profile b {font-size: 12px; color: White	}	
	#prof_prop div {display: block; height: 20px;}
	#prof_prop a {font-size: 12px; color: White; text-decoration: none; padding-left: 5px;}	
	#prof_logout {display: block; width: 124px; margin: -150px 0 0 160px;	}
		.submit-logout { margin-left: -1px; cursor: pointer; padding-bottom: 4px; border: none; background: url(../img/buttons/prof_logout.png) no-repeat; width: 122px; height: 25px; font-weight: bold; text-align: center; text-transform: uppercase; color: White;}	

#vars {position: absolute; top: 345px; margin-left: 205px; width: 600px;}
#spilen {}
#community {margin-left: 197px; margin-top: -300px;}
#wlg {margin-left: 394px; margin-top: -300px;}
#aktuelles {margin-left: 591px; margin-top: -300px;}
	#top_sp1, #top_sp2, #top_sp3, #top_sp4 {background: url(../img/vars_top.png) no-repeat; height: 9px; width: 193px;}
	#mid_sp1, #mid_sp2, #mid_sp3, #mid_sp4 {width: 169px; background: #fff; height: 126px; padding: 3px 12px 12px 12px; font-size: 13px;}
/*	#mid_sp1 h1, #mid_sp2 h1, #mid_sp3 h1, #mid_sp4 h1 {padding-bottom: 6px; border-bottom: 1px solid #dcded0;}	
	#mid_sp1 h1 a, #mid_sp2 h1 a, #mid_sp3 h1 a, #mid_sp4 h1 a {text-decoration: none; font-size: 14px; font-weight: bold; color: #65cd98;}	*/
	#bot_sp_1 {background: url(../img/vars_bot_1.png) no-repeat; height: 150px; width: 193px;}
	#bot_sp_2 {background: url(../img/vars_bot_2.png) no-repeat; height: 150px; width: 193px;}
	#bot_sp_3 {background: url(../img/vars_bot_8.png) no-repeat; height: 150px; width: 193px;}
	#bot_sp_4 {background: url(../img/vars_bot_4.png) no-repeat; height: 150px; width: 193px;}			

#footer {margin: 8px 0 0 -10px; width: 804px;}
	#lefr_f {background: url(../img/sp_l.png) no-repeat; height: 130px; width: 20px;}
	#mid_f {margin: -130px 0 0 20px; background: url(../img/sp_m.png) repeat-x; width: 766px; height: 110px; padding: 10px 0 10px 0;}
	#right_f {margin: -130px 0 0 786px; background: url(../img/sp_r.png) no-repeat; height: 130px; width: 20px;}
	
/* MAIN MENU */	
	.lvl1-a,.lvl1-n  {width: 178px; height: 32px;}
	.lvl1-n a {background-image: url(../img/buttons/lvl1_n.png); display: block; text-decoration: none; font-weight: bold; color: White; font-size: 16px; padding: 6px 8px 7px 8px;  background-repeat: no-repeat; }
	.lvl1-a a, .lvl1-n a:hover {background-image: url(../img/buttons/lvl1_a.png); display: block; text-decoration: none; font-weight: bold; color: White; font-size: 16px; padding: 6px 8px 7px 8px; background-repeat: no-repeat; }

	.lvl2-a, .lvl2-n  {width: 178px; height: 23px;}
	.lvl2-n a {background-image: url(../img/buttons/lvl2_n.png); display: block; font-weight: bold; text-decoration: none; color: White; font-size: 12px; padding: 4px 15px 4px 10px; font-weight: bold;}
	.lvl2-a a, .lvl2-n a:hover {background-image: url(../img/buttons/lvl2_a.png); display: block; font-weight: bold; text-decoration: none; color: White; font-size: 12px; padding: 4px 15px 4px 10px; font-weight: bold;}

	.lvl3-a {margin-left: 8px; width: 170px; height: 23px;}
	.lvl3-n {margin-left: 8px; width: 170px; height: 23px;}
	.lvl3-n a {background-image: url(../img/buttons/lvl3_n.png); display: block; text-decoration: none; color: White; font-size: 10px; padding: 5px 15px 5px 10px; font-weight: bold;}
	.lvl3-a a, .lvl3-n a:hover {background-image: url(../img/buttons/lvl3_a.png); display: block; text-decoration: none; color: White; font-size: 10px; padding: 5px 15px 5px 10px; font-weight: bold;}

#mid_f table.table_sp tr td {font-size: 10px;	border: none;}	
.external img {border: none;}
.t-footer {height: 4px;}
.f-footer {border-top: 1px solid #deddcb; width: 100%; height: 16px; }
.f-footer tr td {height: 16px; padding-top: 2px;}
.f-footer a, .f-footer {text-decoration: none;font-size: 12px; color: #fe0034; font-family: Arial, sans-serif;}
#fimg a img { width: 15px; height: 16px; border: none;}
#fimg  { width: 20px; }
#fref1 a {color: Gray;}
#fref2 {	width: 200px;}

	#profile_lb {display: block; width: 283px; height: 170px; font-size: 12px; color: White; margin-top: 10px;}
	#profile_lb p.bodytext a {
		padding-left: 10px;
		background: url(../img/arrow.jpg) no-repeat left;
		color: White;
		text-decoration: none;
	}
	#profile_lb p.bodytext a:hover {
		color: White;
		text-decoration: underline;
	}
	#profile_lb b {font-size: 12px; color: White	}	
.submit-logout-lb { float: right; margin-left: -1px; cursor: pointer; padding-bottom: 4px; border: none; background: url(../img/buttons/prof_logout.png) no-repeat; width: 122px; height: 25px; font-weight: bold; text-align: center; text-transform: uppercase; color: White;}
