/* ##################################################################################################################### */
/* ##################################################################################################################### */
/* ############################################## ALLGEMEINE DEFINITIONEN ############################################## */
/* ##################################################################################################################### */
/* ##################################################################################################################### */

html, body												{font-family:Arial,Verdana,Tahoma,sans-serif;font-size:12px;color:black;margin:0px;padding:0px;background-color:#FFFFFF;}
img, form												{border:0;margin:0;padding:0;}
form														{display:inline;}
a															{text-decoration:none;}
p															{margin:10px 0 10px 0;}
textarea													{font-family:Arial,Verdana,Tahoma,sans-serif;font-size:12px;}


h1															{font-size:14px;}
h2															{font-size:12px;}
h3															{font-size:11px;}
h4															{font-size:9px;}
h1, h2, h3, h4											{margin:0;}

a.underline:hover										{text-decoration:underline;}

.white													{color:white;}
.black													{color:black;}
.lightgrey												{color:#c3c3c3;}
.grey														{color:#6f6f6f;}
.green													{color:#9fce0f;}
.red														{color:#b50000;}
.lightblue												{color:#6b95a2;}
.darkblue												{color:#022d38;}
.orange													{color:#ff8400;}

.bold														{font-weight:bold;}
.italic													{text-decoration:italic;}
.noborder												{border:0;}
.normal													{font-weight:normal;}


.size_11													{font-size:11px;}
.size_12													{font-size:12px;}
.size_13													{font-size:13px;}
.size_14													{font-size:14px;}
.size_15													{font-size:15px;}
.size_16													{font-size:16px;}
.size_17													{font-size:17px;}
.size_18													{font-size:18px;}
.size_19													{font-size:19px;}
.size_20													{font-size:20px;}

.clear													{clear:both;font-size:0.1em;}
.clear_l													{clear:left;font-size:0.1em;}
.clear_l_5												{clear:left;font-size:0.1em;height:5px;}
.clear_l_10												{clear:left;font-size:0.1em;height:10px;}
.clear_5													{clear:both;font-size:0.1em;height:5px;line-height:5px;}
.clear_r_5												{clear:right;font-size:0.1em;height:5px;line-height:5px;}
.clear_10												{clear:both;font-size:0.1em;height:10px;line-height:10px;}
.clear_20												{clear:both;font-size:0.1em;height:20px;line-height:20px;}
.clear_50												{clear:both;font-size:0.1em;height:50px;line-height:50px;}

.space_5px												{height:5px;font-size:0.1em;}
.space_10px												{height:10px;font-size:0.1em;}
.space_20px												{height:20px;font-size:0.1em;}
.space_50px												{height:50px;font-size:0.1em;}


.pad_10													{padding:10px;}
.pad_11													{padding:11px;}
.pad_20													{padding:20px;}

.margin_l_5												{margin:0 0 0 5px;}
.margin_l_10											{margin:0 0 0 10px;}


.left														{float:left;text-align:left;}
.left_324												{float:left;width:324px;}
.right													{float:right;}
.right_324												{float:right;width:324px;}


/* ##################################################################################################################### */
/* ##################################################################################################################### */
/* ######################################################### LAYOUT #################################################### */
/* ##################################################################################################################### */
/* ##################################################################################################################### */

#header_outer								{background:url('/img/header_outer_bg.gif') repeat-x left top;}
#header										{width:980px;height:120px;position:relative;margin:0 auto 0 auto;background:url('/img/header_bg.png');}
#header	#headmenue									{list-style-type:none;margin:0;padding:0;position:absolute;right:10px;top:8px;}
#header	#headmenue		li							{float:left;margin:0 0 0 10px;}
#header	#headmenue		li		a					{color:#ffffff;font-size:9px;}
#header	#headmenue		li		a:hover			{text-decoration:underline;}
#header	#logo								{background:url('/img/logo.png');width:197px;height:61px;display:block;position:absolute;top:30px;left:0px;}
#header_icons								{background:url('/img/header_icons.png');width:249px;height:192px;display:block;position:absolute;top:-100px;right:10px;}

#header_searchform						{position:absolute;left:220px;top:10px;color:#ffffff;}
#header_searchform	#keywordbg						{background:transparent url('/img/header_keywordbg.png');width:350px;height:46px;line-height:46px;float:left;}
#header_searchform	#keywordbg			input		{width:315px;margin:15px 0 0 15px;border:0px;background:transparent;border:0;color:#000000;}
#header_searchform	#searchbutton					{width:110px;height:46px;border:none;background:url('/img/header_searchbutton.png');cursor:pointer;color:#ffffff;}
#header_searchform	#searchbutton:hover			{background-position:left -46px;}

#mainnav											{list-style-type:none;margin:0;padding:0;position:absolute;bottom:0px;left:222px;}
#mainnav		li									{float:left;}
#mainnav		li		a							{font-weight:bold;text-align:center;background:url('/img/mainnav_tab.png') no-repeat;height:40px;line-height:47px;width:115px;display:block;}
#mainnav		li		a.aktiv					{background-position:left -40px;color:#ffffff;}
#mainnav		li		a.inaktiv				{background-position:left top;color:#006f8d;}
#mainnav		li		a.inaktiv:hover		{background-position:left -40px;color:#ffffff;}

#content_outer						{background:#ffffff url('/img/content_outer_bg.gif') repeat-x left top;padding:20px 0 20px 0;}
#content								{width:980px;margin:0 auto 0 auto;position:relative;background:url('/img/content_bg.gif') no-repeat right 45px;}
#content_left						{float:left;width:728px;}
#content_right						{float:right;width:212px;margin:0 20px 0 0;z-index: -50;}

.content_728_white_top			{background:url('/img/whitebox_728_corners.png') no-repeat left top;width:728px;height:10px;}
.content_728_white_mid			{background:#ffffff;border-left:1px solid #cacaca;border-right:1px solid #cacaca;padding:0 10px 0 10px;width:706px;}
.content_728_white_end			{background:url('/img/whitebox_728_corners.png') no-repeat left bottom;width:728px;height:10px;}

.titlebar_blue						{background:url('/img/titlebar_blue_bg.gif') repeat-x left bottom;width:708px;padding:0 10px 0 10px;height:32px;line-height:32px;position:relative;color:#ffffff;font-weight:bold;font-size:14px;}
.titlebar_blue_lend				{background:url('/img/titlebar_blue_ends.gif') no-repeat left top;width:10px;height:32px;position:absolute;left:0px;top:0px;}
.titlebar_blue_rend				{background:url('/img/titlebar_blue_ends.gif') no-repeat right top;width:10px;height:32px;position:absolute;right:0px;top:0px;}

.contenttabs											{list-style-type:none;margin:0;padding:0;float:left;}
.contenttabs		li									{float:left;margin:0 1px 0 0;}
.contenttabs		li		a							{font-weight:bold;text-align:center;background:url('/img/contenttabs.png') no-repeat;height:34px;line-height:34px;width:100px;display:block;}
.contenttabs		li		a.aktiv					{background-position:left top;color:#ffffff;}
.contenttabs		li		a.inaktiv				{background-position:left -34px;color:#ffffff;}
.contenttabs		li		a.inaktiv:hover		{background-position:left top;color:#ffffff;}

.gamelist_box						{width:120px;float:left;margin:0 10px 0 10px;text-align:center;}
.gamelist_box		img			{margin:0 0 4px 0;}
.gamelist_box		a				{color:#022d38;font-weight:bold;}
.gamelist_box		a:hover		{text-decoration:underline;}

.content_right_bluebox_top						{background:url('/img/content_right_bluebox_corners.png');width:212px;height:10px;}
.content_right_bluebox_end						{background:url('/img/content_right_bluebox_corners.png') no-repeat left bottom;width:212px;height:10px;}
.content_right_bluebox							{background:#022d38;border-left:1px solid #dcf8ff;border-right:1px solid #dcf8ff;padding:0 10px 0 10px;position:relative;}
.content_right_bluebox		ul					{list-style-type:none;margin:0;padding:0;}
.content_right_bluebox		ul	li				{line-height:22px;background:url('/img/line_dotted_darkblue.gif') repeat-x left bottom;}
.content_right_bluebox		ul	li	a			{display:block;width:180px;height:22px;line-height:22px;color:#ffffff;padding:0 0 0 3px;background:url('/img/arrow_lightblue.gif') no-repeat right center;font-weight:bold;}
.content_right_bluebox		ul	li	a:hover	{color:#9fce0f;}

#icon_neu							{width:86px;height:86px;background:url('/img/icon_neu.png');display:block;position:absolute;top:-43px;right:-20px;}
#icon_hot							{width:86px;height:86px;background:url('/img/icon_hot.png');display:block;position:absolute;top:-43px;right:-20px;}

.keywords							{height:150px;overflow: auto;overflow-x:hidden;}
.keywords	a						{margin:10px 20px;}
.keywords	a:hover				{text-decoration:underline;}

#footer_outer						{background:url('/img/footer_outer_bg.gif') repeat-x left top;background-color:#000000;}
#footer								{width:980px;min-height:95px;margin:0 auto 0 auto;position:relative;color:#ffffff;}
.footermenu							{list-style-type:none;margin:20px 40px 0 0;padding:0;float:left;top:18px;}
.footermenu		li					{line-height:18px;}
.footermenu		li		a			{color:#ffffff;}
.footermenu		li		a:hover	{text-decoration:underline;}
#footer_easyweb					{background:url('/img/footerlogo.png');width:120px;height:59px;display:block;float:left;left:0px;margin:20px 20px 0 0;}
#footer_copyright					{width:240px;float:left;top:10px;font-size:12px;line-height:18px;margin:20px 40px 0 0;padding:0 10px 0 0;border-right:1px solid #ffffff;}


/* ##################################################################################################################### */
/* ##################################################################################################################### */
/* ######################################################## SEITENSPRUNG ################################################# */
/* ##################################################################################################################### */
/* ##################################################################################################################### */


.sitejump										{}
.sitejump		a								{margin:0 3px 0 3px;}
.sitejump		a:hover						{text-decoration:underline;}

.sitejump_buttons				{float:right;}
.sitejump_start				{background:url('/img/sitejump_start.gif') no-repeat left top;height:23px;line-height:23px;display:block;padding:0 0 0 28px;font-size:12px;float:left;margin:0 20px 0 0;}
.sitejump_back					{background:url('/img/sitejump_back.gif') no-repeat left top;height:23px;line-height:23px;display:block;padding:0 0 0 28px;font-size:12px;float:left;}
.sitejump_forward				{background:url('/img/sitejump_forward.gif') no-repeat right top;height:23px;line-height:23px;display:block;padding:0 28px 0 0;font-size:12px;float:right;}
.sitejump_end					{background:url('/img/sitejump_end.gif') no-repeat right top;height:23px;line-height:23px;display:block;padding:0 28px 0 0;font-size:12px;float:right;margin:0 0 0 20px;}
.sitejump_start:hover,
.sitejump_back:hover,
.sitejump_forward:hover,
.sitejump_end:hover							{text-decoration:underline;}