/**********************************************/
/* General CCS tags                           */
/**********************************************/
/*  CSS tags valid for each browser without modification */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	background-position  : top center;
	background-repeat    : no-repeat;
	background-color     : #000;
	font-family          : Verdana, Arial, sans-serif;
	font-size            : 12px;
	color                : white;
	margin: auto;
	padding: 0;
}

td {
	color: white;
}

.gu_logo {
	position: absolute;
	text-align: left;
	top: 44px;
	margin-left: 24px;
	z-index: 12000;
	width: 230px;
	height: 120px;
	cursor: pointer;
	border: solid 0px #ff00ff;
}

.dynamic {
	margin-left: 0px;
	width: 952px;
	background-image: url(http://webmedia.goalunited.org/images/container_verlauf.gif);
	float: left;
}

.menue {
	margin-top: 135px;
	margin-right: 0px;
	height: 30px;
	float: none;
}

.menue_mitte {
	margin-top: 0px;
	height: 30px;
	float: right;
	background-image: url(http://webmedia.goalunited.org/images/menue_mitte.gif);
}

.menue_rechts {
	margin-top: 0px;
	height: 30px;
	width: 30px;
	float: right;
	background-image: url(http://webmedia.goalunited.org/images/menue_links.gif);
	background-repeat: no-repeat;
}

.menue a {
	text-decoration:none;
}
.menue a:hover {
	text-decoration:none;
}

.button {
	position: relative;
	margin-top: 5px;
	margin-right: 0px;
	height: 22px;
	float: left;
	z-index: 10000;
	cursor: pointer;
}

.button_links {
	margin-left: 5px;
	height: 22px;
	width: 4px;
	float: left;
	background-image: url(http://webmedia.goalunited.org/images/button_over_left.gif);
	background-repeat: no-repeat;
	background-position-y: 0%;
}

.button_mitte {
	height: 22px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	background-image: url(http://webmedia.goalunited.org/images/button_over_mid.gif);
	background-position-y: 0%;
	color: #4C9E00;
}

.button_rechts {
	margin-right: 5px;
	height: 22px;
	width: 4px;
	float: left;
	background-image: url(http://webmedia.goalunited.org/images/button_over_right.gif);
	background-repeat: no-repeat;
	background-position-y: 0%;
}

.button_text {
	position: relative;
	top: 3px;
	height: 17px;
	text-align: center;
	font-weight: bold;
	z-index: 10001;
}

#active .button_links  {
	background-image: url(http://webmedia.goalunited.org/images/button_high_left.gif);
}
#active .button_mitte  {
	background-image: url(http://webmedia.goalunited.org/images/button_high_mid.gif);
	color: white;
}
#active .button_rechts  {
	background-image: url(http://webmedia.goalunited.org/images/button_high_right.gif);
}

#fix:hover {
	color: white;
}
#game .button_links  {
	background-image: url(http://webmedia.goalunited.org/images/button_red_over_left.gif);
}
#game .button_mitte  {
	background-image: url(http://webmedia.goalunited.org/images/button_red_over_mid.gif);
	color: #CC0000;
}
#game .button_rechts  {
	background-image: url(http://webmedia.goalunited.org/images/button_red_over_right.gif);
}

.header {
	margin-top: 0px;
	background-image:url(http://webmedia.goalunited.org/images/header.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 952px;
	float: left;
}

.footer {
	position: relative;
	margin-top: 0px;
	margin-bottom: 50px;
	width: 100%;
	float: left;
}

#footer_image {
	margin-top: 30px;
	margin-bottom: 30px;
}

.sitemap {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	float: left;
	background-image: url(http://webmedia.goalunited.org/images/container_verlauf.gif);
}

.link_column {
	width: 180px;
	padding-left: 40px;
	padding-right: 10px;
	margin-bottom: 20px;
	text-align: left;
	float: left;
}

.icon_link {
	height: 20px;
	z-index: 52;
}

.icon_link a {
	bottom: 4px;
}

.icon_link img {
	margin-top: 2px;
	z-index: 52;
}

h3 {
	text-align: left;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.8em;
	margin-bottom: 5px;
	z-index: 51;
}

.link_column a {
	position: relative;
	line-height: 20px;
	font-size: 0.8em;
	text-align: left;
	color: #666;
	text-decoration:none;
	z-index: 52;
}
.link_column a:hover {color:#333;}

.footer_copyright {
	position: relative;
	margin-top: 0px;
	width: 100%;
	height: 101px;
	float: left;
	background-image: url(http://webmedia.goalunited.org/images/footer_verlauf.gif);
	text-align: right;
	z-index: 1;
}

.footer_copyright a {
	position: absolute;
	bottom: 12px;
	right: 15px;
	font-size: 0.8em;
	color: #444;
	text-decoration:none;
}
.footer_copyright a:hover {color:#333}

#content_banner {
	z-index: 1;
	position: relative;
    margin-top:  50px;
}

.box_small {
	width: 300px;
	background-image:url(http://webmedia.goalunited.org/images/box_head_small.gif);
}

.box_medium {
	width: 610px;
	background-image:url(http://webmedia.goalunited.org/images/box_head_medium.gif);
}

.box_large {
	width: 920px;
	background-image:url(http://webmedia.goalunited.org/images/box_head_large.gif);
}

.box p {
	position: relative;
	float: left;
	padding-top: 5px;
	padding-left: 11px;
	padding-right: 11px;
	padding-bottom: 1px;
	text-align: left;
}

.box hr {
	color: #333333;
	background-color: #333333;
	border: 1px dotted #A6FF20;
	border-style: none none dotted;
	margin-left: 11px;
	margin-right: 11px;
}

/* Positioning for rounded corners.*/
.box img { position:absolute; }
.box img.lo { top:0; left:0; }
.box img.ro { top:0; right:0; }
.box img.lu { bottom:0; left:0; }
.box img.ru { bottom:0; right:0; }

/* Set color for Links in boxes */
.box a {
	text-align: left;
	font-weight: bold;
	color: #A6FF20;
	text-decoration: none;
}
.box a:visited {color: #A6FF20;}
.box a:active {color: #FFFFFF;}
.box a:hover {text-decoration: underline;}
.box p a {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* CSS tags that need to be modified for IE6 but look ok in "modern" browsers */
.main_container {
	margin-top: 0px;
	margin-left: 19px;
	width: 952px;
	float: left;
}

.content {
	margin-top: -20px;
	margin-left: 10px;
	margin-right: 11px;
	width: 930px;
	float: left;
	padding-left: 1px;
}

#subtitle {
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	text-transform: uppercase;
	width: 905px;
	height: 15px;
	top: 107px;
	font-size: 1em;
	text-align: right;
	text-shadow: 1px 1px 0.5em black;
}

.menue_links {
	margin-top: 0px;
	margin-right: 60px;
	height: 30px;
	width: 30px;
	float: right;
	background-image: url(http://webmedia.goalunited.org/images/menue_rechts.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.box {
	position: relative;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#333333;
	float: left;
	overflow: hidden;
}

.box .headline {
	position: 		relative;
	margin-bottom: 	15px;
	padding-top: 	13px;
	padding-left: 	60px;
	padding-right: 	10px;
	font-size: 		1.3em;
	font-weight: 	bold;
	text-align: 	left;
	text-transform: uppercase;
	white-space: 	nowrap;
	overflow: 		hidden;
	color: 			#fff;
}

.box .manager_table {
	margin-top: 10px;
	width: 100%;
	height: 243px;
	position: relative;
	text-align: left;
	float: none;
	font-size: 0.9em;
}

.box .news_table {
	width: 280px;
	height: 65px;
	position: relative;
	text-align: left;
	float: none;
	font-size: 1em;
}

.box .news_table th {
	padding-bottom: 0px;
	vertical-align: top;
}

.box .news_table_date {
	font-size: 0.9em;
	white-space: nowrap;
}

#register_box {
	margin-top: -51px;
	margin-left: 3px;
	margin-right: 5px;
	margin-bottom: 0px;
	z-index: 9997;
	height: 277px;
	width: 611px;
	position: relative;
	float: left;
}

#register_background {
	z-index: 9998;
	float: left;
}

.reg_table_input #gen_pw_text {
	float: right;
	margin-right: 23px;
	margin-top: -22px;
	width: 50px;
	height: 20px;
	text-align: center;
	line-height: 9px;
	color: white;
	font-size: 0.8em;
	z-index: 26;
}

.feature_container {
	position: relative;
	margin-top: 5px;
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 5px;
	padding: 0px 0px 5px 0px;
	width: 177px;
	height: 70px;
	overflow: hidden;
	float: left;
	text-align: left;
}

.feature_header {
	width: 175px;
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	white-space: nowrap;
	overflow: hidden;
}

.feature_body {
	font-size: 0.9em;
	width: 175px;
}


/* CCS changes neccessary for IE6 via "STAR-HTML-Hack" */
* html .main_container {
	margin-left: 10px;
}

* html .content {
	margin-left: 2px;
	margin-right: 0px;
	width: 946px;
}

*+html #subtitle {
	margin-top: 5px;
}
* html #subtitle {
	margin-top: 35px;
}

* html .menue_links {
	margin-right: 28px;
}

* html .button_links {
	margin-left: 2px;
}

* html .button_rechts {
	margin-right: 2px;
}

* html .box .manager_table {
	margin-top: 6px;
	font-size: 0.9em;
}

* html .box .news_table {
	margin-top: 6px;
	font-size: 0.9em;
}

* html .box .news_table th {
	padding-left: 11px;
	padding-right: 11px;
}

* html .box .news_table td {
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 11px;
	font-size: 0.9em;
}

* html #register_box {
	margin-left: 5px;
	margin-bottom: 5px;
}

* html #register_background {
	position: relative;
	float: left;
}

* html .reg_table_input #gen_pw_text {
	margin-right: 10px;
}

* html .feature_container {
	margin-left: 5px;
	margin-right: 5px;
	width: 190px;
}

* html .feature_header {
	width: 185px;
}

* html .feature_body {
	width: 185px;
}


/**********************************************/
/* CCS tags for Homepage (start)              */
/**********************************************/
.box .manager_table td {
	padding-top: 2px;
	padding-left: 11px;
	padding-right: 11px;
	padding-bottom: 2px;
}

.box .manager_table_time {
	width: 100px;
}

.box .manager_table_flag {
	width: 10px;
}

.box .manager_table_flag_even img {
	margin-top: -6px;
	border: 1px #3C3C3C solid;
}

.box .manager_table_flag_odd img {
	margin-top: -6px;
	border: 1px #232323 solid;
}

.box .manager_table_row_even {
	background-color: #4d4d4d;
}

.box .manager_table_row_odd {
	background-color: #333;
}

.box .news_table_caption {
	text-align: left;
}

.box .news_table_date {
	text-align: right;
}

.box img.screenshot {
	position: relative;
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 6px;
	border: 1px #FFFFFF solid;
	width: 110px;
	height: 73px;
}

/* Container for info about the game */
#box_screenshots {
	height: 220px;
}

/* Container for info about the game */
#box_features {
	height: 230px;
}

/* Container for awards */
#box_awards {
	height: 230px;
}

.award {
	width: 290px;
	height: 169px;
	margin-left: 5px;
	text-align: left;
}

* html .award {
	height: 193px;
}

.award td {
	padding: 5px;
}

.award_header {
	font-weight: bold;
}

.award_body {
	font-size: 0.9em;
}

.award_image {
	/*height: 100px;*/
	width: 90px;
}

/* Container for news */
#box_news {
	height: 310px;
}

/* Container for livefeed */
#box_live_feed {
	height: 310px;
}

/* Container for new manager */
#box_manager {
	height: 310px;
}

/**********************************************/
/* CSS for register popup                     */
/**********************************************/
.register_container {
	width: 601px;
	height: 432px;
	background-color: #333;
	float: left;
}
.register_header {
	width: 601px;
	height: 39px;
	float: left;
	margin-bottom: 4px;
	background-repeat: no-repeat;
}
.register_header_step1{
	background-image: url(http://webmedia.goalunited.org/images/reg_popup/headline_1.jpg);
}
.register_header_step2{
	background-image: url(http://webmedia.goalunited.org/images/reg_popup/headline_2.jpg);
}
.register_content {
	width: 601px;
	height: 388px;
	float: left;
	background-repeat: no-repeat;
}

.register_content .content_header {
	margin: 20px 0px 10px 17px;
	height: 35px;
	width: 408px;
	float: none;
}
.register_content .headline_image {
	float: left;
	margin-top: 6px;
	margin-left: 10px;
}
.register_content .headline_text {
	float: left;
	width: 350px;
	height: 35px;
	margin: 4px 0px 0px 15px;
	font-size: 1.9em;
	color: white;
	border: 0px #FFFFFF solid;
}
.register_content .content_body {
	float: none;
	margin: 8px 0px 10px 17px;
	width: 408px;
	height: 300px;
}
.content_step2 {
	margin: 8px 0px 10px 17px;
	padding-top: 5px;
	padding-left: 13px;
	padding-right: 10px;
	width: 330px;
	height: 290px;
	text-align: left;
	font-size: 1.2em;
	color: white;
}
/* Set color for Links in boxes */
.content_step2 div {
	margin-bottom: 10px;
	margin-top: 10px;
}
.content_step2 a {
	text-decoration: none;
	color: #A6FF20;
}
.register_content a {
	color: #A6FF20;
	text-decoration: none;
}
.register_content a:hover {text-decoration: underline;}
.register_content a:visited {color: #A6FF20;}
.register_content a:active {color: #FFFFFF;}

.content_step2 a {
	color: #A6FF20;
	text-decoration: none;
}
.content_step2 a:hover {text-decoration: underline;}
.content_step2 a:visited {color: #A6FF20;}
.content_step2 a:active {color: #FFFFFF;}

.content_step2 #uname {
	margin-bottom: 0px;
	font-size: 0.8em;
}
.content_step2 #pwd {
	font-size: 0.8em;
	margin-bottom: 0px;
}
.content_step2 .value {
	color: #A6FF20;
}

.content_step2 #resend {
	position: absolute;
	bottom: 30px;
	color: #BBB;
	font-size: 0.6em;
	text-align: left;
}

.step3_header {
	font-weight: bold;
}

.step3_body {
	font-size: 0.9em;
}

.reg_table {
	width: 100%;
	height: 380;
	margin: 10px 0px 0px 0px;
	padding-top: 10px;
	border-spacing: 5px;
}
.reg_table_header {
	text-align: right;
	color: white;
	font-size: 1.2em;
	padding-right: 10px;
}
.gard_info_table_header {
	text-align: center;
	color: white;
	font-size: 1.2em;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.reg_table_input {
	background-image: url(http://webmedia.goalunited.org/images/reg_popup/input.gif);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	padding-left: 12px;
	height: 24px;
	width: 248px;
}
.reg_table_input input {
	height: 15px;
	width: 222px;
	border: none;
	z-index: 20;
	background-color: transparent;
}
.reg_table_input #textPasswdPlain {
	margin-top: 3px;
	width: 170px;
	float: left;
	z-index: 23;
}
.reg_table_input #textPasswdScrambled {
	margin-top: 3px;
	width: 170px;
	float: left;
	z-index: 24;
}
.reg_table_input #gen_pw_button {
	cursor: pointer;
}
.reg_table_input #gen_pw_img {
	margin-top: -1px;
	margin-left: 2px;
	float: left;
	z-index: 25;
}
.register_content #register_error {
	width: 386px;
	height: 30px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FF3300;
	font-size: 1.0em;
	text-align: center;
}
#gard_label {
	color: #4ADDF8;
}
.register_content #register_button {
	position: absolute;
	cursor: pointer;
	background-image: url(http://webmedia.goalunited.org/images/reg_popup/red_button.gif);
	background-repeat: no-repeat;
	background-position: 0px left;
	margin-left: 9px;
	margin-top: 0px;
	width: 370px;
	height: 50px;
	z-index: 20;
}
.register_content #register_button_text {
	float: left;
	color: white;
	width: 390px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	margin-top: 10px;
	font-size: 1.9em;
	z-index: 30;
}

.warning {
	position: absolute;
	background-image: url(http://webmedia.goalunited.org/images/reg_popup/blase.gif);
	background-repeat: no-repeat;
	z-index: 700;
	width: 180px;
	height: 130px;
	left: 418px;
}
.warning_text {
	padding-left: 22px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 0.85em;
	z-index: 701;
}
.warning_text h1{
	color: #228822;
	font-size: 0.95em;
	z-index: 702;
}

.pw_safety_container {
	float: left;
	height: 5px;
	width: 146px;
	margin-top: -2px;
	margin-bottom: 2px;
	border: 1px #333 solid;
	z-index: 710;
}
.pw_safety_red {
	height: 5px;
	width: 146px;
	background-image: url(http://webmedia.goalunited.org/images/reg_popup/red_bar.jpg);
	z-index: 711;
}
.pw_safety_green {
	margin-top: -5px;
	height: 5px;
	width: 146px;
	background-image: url(http://webmedia.goalunited.org/images/reg_popup/green_bar.jpg);
	z-index: 712;
}

#UnameErr {
	top: 106px;
}
#PwdErr {
	top: 136px;
}
#EmailErr {
	top: 166px;
}


/**********************************************/
/* CSS for voucher popup                     */
/**********************************************/
.voucher_header_step1 {
	background-image: url(../images/shop/voucher/gics_popup_reiter_1.gif);
}
.voucher_header_step2 {
	background-image: url(../images/shop/voucher/gics_popup_reiter_2.gif);
}
.voucher_header_step3 {
	background-image: url(../images/shop/voucher/gics_popup_reiter_3.gif);
}
.voucher_header_step4 {
	background-image: url(../images/shop/voucher/gics_popup_reiter_4.gif);
}

.voucher_content {
	width: 601px;
	height: 388px;
	float: left;
	background-repeat: no-repeat;
}

.voucher_content .content_header {
	margin: 5px 0px 10px 15px;
	height: 35px;
	width: 250px;
	float: none;
}
.voucher_content .headline_text {
	float: left;
	width: 271px;
	height: 28px;
	margin: 9px 0px 0px 0px;
	font-size: 1.6em;
	color: #333;
	font-weight: bold;
	overflow: hidden;
}

#stepFourHeader {
	width: 550px;
}

.voucher_content .content_body {
	float: left;
	margin: 0px 0px 10px 0px;
	padding-left: 15px;
	width: 271px;
	height: 322px;
	color: #333;
	font-size: 1.1em;
}
.voucher_content .content_col_right {
	position: absolute;
	top: 48px;
	right: 5px;
	width: 300px;
	height: 380px;
}
.content_col_right .content_col_right_bgl {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/shop/voucher/containerlight_l.gif);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 12px;
	height: 380px;
}
.content_col_right .content_col_right_bgc {
	background-repeat: repeat-x;
	background-image: url(../images/shop/voucher/containerlight_m.gif);
	width: 288px;
	height: 380px;
}
.content_col_right .content_col_right_bgr {
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(../images/shop/voucher/containerlight_r.gif);
	position: absolute;
	top: 0px;
	right: 0px;
	width: 12px;
	height: 380px;
}
.content_col_right #header {
	font-size: 1.6em;
	color: #ffd52d;
	font-weight: bold;
	width: 274px;
	height: 256px;
	padding-top: 10px;
	padding-left: 8px;
	margin-left: 8px;
	background-repeat: no-repeat;
}
.content_col_right #voucherBody {
	width: 274px;
	height: 90px;
	margin-left: 12px;
}
.content_col_right .selectDiv {
	width: 271px;
	height: 28px;
	float: right;
	margin-left: 0px;
	/*background-image: url(../images/shop/voucher/reiter1.gif);
    background-repeat: no-repeat;*/
    z-index: 100;
}
.selectDiv #voucherSelect {
	width: 260px;
	margin: 5px 5px 2px 5px;
	border-width: 0;
	border-style: none;
	outline: 0;
	color: #333;
	background-color: #fff;
	z-index: 101;
}
#priceInfo {
	width: 260px;
	margin: 2px 3px 2px 8px;
	font-size: 1.4em;
	color: #fff;
	text-align: center;
}
#priceAddition {
	width: 260px;
	float: left;
	padding-left: 15px;
	margin-bottom: 10px;
	margin-top: -2px;
	font-size: 0.8em;
	color: #333;
}

.buttonForward {
	position: absolute;
	bottom: 12px;
	height: 26px;
	width: 260px;
	margin-top: 20px;
	margin-left: 8px;
	cursor: pointer;
}
.buttonForward .fw_links {
	background-image: url(../images/shop/voucher/button_green_l.gif);
    background-repeat: no-repeat;
    float: left;
    height: 26px;
    width: 10px;
}
.buttonForward .fw_mitte {
	background-image: url(../images/shop/voucher/button_green_m.gif);
    background-repeat: repeat-x;
    float: left;
    height: 26px;
    width: 240px;
}
.buttonForward .fw_rechts {
	background-image: url(../images/shop/voucher/button_green_r.gif);
    background-repeat: no-repeat;
    float: left;
    height: 26px;
    width: 10px;
}
#loaderImage {
	margin-top: 3px;
}

.buttonBackward {
	position: absolute;
	bottom: 15px;
	left: 15px;
	height: 26px;
	float: left;
	margin-top: 120px;
	cursor: pointer;
}
.buttonBackward .bw_links {
	background-image: url(../images/shop/voucher/button_black_l.gif);
    background-repeat: no-repeat;
    float: left;
    height: 26px;
    width: 10px;
}
.buttonBackward .bw_mitte {
	background-image: url(../images/shop/voucher/button_black_m.gif);
    background-repeat: repeat-x;
    float: left;
    height: 26px;
    width: 120px;
}
.buttonBackward .bw_rechts {
	background-image: url(../images/shop/voucher/button_black_r.gif);
    background-repeat: no-repeat;
    float: left;
    height: 26px;
    width: 10px;
}

.voucher_button_text {
	color: white;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 5px;
	height: 17px;
	width: 100%;
	float: right;
	text-align: center;
}

#email_form {
	margin-top: 10px;
	width: 271px;
}
#email_form p {
	margin-top: 10px;
}
#email_form .email_input {
	width: 244px;
	border-width: 0;
	border-style: none;
	height: 22px;
	outline: 0;
	color: #333;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 5px 14px 0;
	background: transparent;
	margin-top: 0px;
	margin-bottom: 5px;
}
#email_form .input_bg {
	width: 271px;
	height: 26px;
	background-image: url(../images/shop/voucher/input_email.gif);
    background-repeat: no-repeat;
}
#email_form label {
	font-weight: bold;
	margin-bottom: 5px;
}

#email_error {
	position: absolute;
	bottom: 56px;
	float: right;
	margin-top: 10px;
	margin-left: -2px;
	visible: false;
}
#email_error_o {
	background-image: url(../images/shop/voucher/reiter_error_oben.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    float: left;
	width: 271px;
	height: 12px;
}
#email_error_m {
	background-image: url(../images/shop/voucher/reiter_error_mitte.gif);
    background-repeat: repeat-y;
    float: left;
	width: 271px;
	font: 10px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-left: 8px;
	padding-right: 18px;
	color: #c00;
}
#email_error_text {
	width: 255px;
}
#email_error_u {
	background-image: url(../images/shop/voucher/reiter_error_unten.gif);
    background-repeat: no-repeat;
    background-position: top left;
    float: left;
	width: 271px;
	height: 12px;
}

.order_step {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 40px;
}
.active {
	color: #333;
	background-image: url(../images/shop/voucher/pfeil.gif);
    background-repeat: no-repeat;
    background-position: 11px center;
}
.done {
	color: #777;
	background-image: url(../images/shop/voucher/haken.gif);
    background-repeat: no-repeat;
    background-position: 8px center;
}
.passive {
	color: #777;
}
.action {
	font-size: 11px;
	font-weight: normal;
	padding-left: 21px;
	padding-top: 3px;
}

#payment_container {
	margin-top: 5px;
	height: 290px;
	width: 271px;
	float: left;
}
.input_oben {
	background-image: url(../images/shop/voucher/containerinput_oben.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
	width: 271px;
	height: 11px;
	float: left;
}
.input_mitte {
	background-image: url(../images/shop/voucher/containerinput_mitte.gif);
    background-repeat: repeat-y;
	width: 271px;
	float: left;
}
.input_unten {
	background-image: url(../images/shop/voucher/containerinput_unten.gif);
    background-repeat: no-repeat;
    background-position: top left;
	width: 271px;
	height: 11px;
	float: left;
}

#paymentsList {
	width: 254px;
	height: 200px;
	border-width: 0;
	border-style: none;
	outline: 0;
	color: #333;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: transparent;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
	border-bottom: 1px solid #333;
}
.payoption {
	background-image: url(../images/shop/voucher/pfeil.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-top: 8px;
    padding-left: 50px;
    height: 25px;
    text-align: middle;
    cursor: pointer;
    border-top:1px solid #333;
}
.paymentLogo {
	width: 30px;
	height: 17px;
	margin-right: 15px;
	float: left;
}
.paymentName {
	height: 20px;
	float: left;
}

.selected {
	background-color: #333;
	color: white;
}
.hover {
	background-color: #eee;
	color: #333;
}

#agbCheckbox {
	margin-top: 4px;
	margin-right: 5px;
	border-width: 0;
	border-style: none;
	outline: 0;
	float: left;
	width: 271px;
}
#agbCheckbox input {
	float: left;
}
#agbText {
	margin-left: 5px;
	color: #333;
	font: 10px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	float: left;
}
#agbText a {
	color: #333;
}

#iframe_container {
	width: 572px;
	height: 290px;
}
#iframe_container .iframe_l {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/shop/voucher/containeriframe_l.gif);
	width: 12px;
	height: 290px;
	float: left;
}
#iframe_container .iframe_m {
	background-repeat: repeat-x;
	background-image: url(../images/shop/voucher/containeriframe_m.gif);
	height: 290px;
	width: 548px;
	float: left;
}
#iframe_container .iframe_r {
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(../images/shop/voucher/containeriframe_r.gif);
	width: 12px;
	height: 290px;
	float: left;
}

#payment_iframe {
	margin-top: 13px;
	height: 265px;
	width: 548px;
	border-width: 0;
	border-style: none;
	outline: 0;
	overflow-x: hidden;
}


/**********************************************/
/* CCS tags for Support-Page                  */
/**********************************************/
.link_button {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 32px;
	width: 210px;
	float: right;
	vertical-align: bottom;
	background-image: url(http://webmedia.goalunited.org/images/green_button.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	cursor: pointer;
}
.link_button:hover {
	background-position: top left;
}

.link_button_text {
	width: 190;
	margin: 8px 8px 5px 8px;
	color: #FFF;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.fa_question {
	padding: 5px 10px 5px 13px;
	margin-top: 5px;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
}
.fa_question:hover {background-color: #4d4d4d;}
.fa_question:active {background-color: #4d4d4d;}

.fa_questionprev {
    padding: 5px 10px 5px 13px;
    margin-top: 5px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}
.fa_questionprev:hover {background-color: #4d4d4d;}
.fa_questionprev:active {background-color: #4d4d4d;}

.fa_answer {
	display:none;
	padding: 0px 10px 5px 13px;
	text-align: left;
	font-size: 0.9em;
	background-color: #4d4d4d;
}
.fa_spacer {
	height: 5px;
	background-color: #333;
}

.box_support a {
	color: #fff;
}
.box_support a:active {
	color: #fff;
}
.box_support a:visited {
	color: #fff;
}
.box_support a:hover {
	text-decoration: none;
}

#box_support_general_title {
	padding-bottom: 10px;
}

#box_support_general {
	margin-left: 10px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
}

#box_support_payment_title {
	padding-bottom: 10px;
}

#box_support_payment {
	margin-left: 10px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
}

#box_support_form {
	background-position:top;
	background-repeat:no-repeat;
	background-color:#000;
	float: left;
	width: 450px;
}

#form_body {
	padding-top: 10px;
	background-color: #333;
}

#form_header {
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(http://webmedia.goalunited.org/images/box_blackhg_header.gif);
	position:relative;
	height: 12px;
	padding-bottom: 10px;
	padding-top: 13px;
	padding-left: 60px;
	padding-right: 10px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
}

#form_footer {
	background-position:left bottom;
	background-repeat:no-repeat;
	background-image:url(http://webmedia.goalunited.org/images/box_blackhg_footer.gif);
	position:relative;
	width: 450px;
	height: 7px;
}

.form_email {
	display: none;
}

.support_form_table {
	margin-left: 20px;
	width: 420px;
}

.support_table_header {
	padding-top		: 10px;
	padding-bottom	: 5px;
	font-weight		: bold;
	font-size		: 1.1em;
	text-align		: left;
}

.support_table_input_text {
	background-image: url(http://webmedia.goalunited.org/images/inputbox_text.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 136px;
	width: 230px;
}

.support_table_input_text textarea {
	border: none;
	z-index: 20;
	background-color: transparent;
	overflow: auto;
}


/**********************************************/
/* CCS tags for Features-Page                 */
/**********************************************/
.features_list {
	margin-top: 15px;
	margin-bottom: 10px;
}

.feature {
	float: left;
	width: 920px;
}

.feature_odd {
	background-color: #4d4d4d;
}

.feature_even {
	background-color: #333;
}

.feature_text {
	float: left;
	width: 740px;
	height: 15px;
	text-align: left;
	padding-left: 13px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 5px;
}

.feature_type {
	width: 50px;
	height: 15px;
	float: left;
	padding-bottom: 0px;
	padding-top: 7px;
	border: 0px solid #fff;
}

.feature_availability img {
	position: absolute;
	margin-top: 7px;
}

.dot_free {
	right: 115px;
}

.dot_pro {
	right: 70px;
}

.dot_gics {
	right: 30px;
}

#feature_free_text {
	color: #609F00;
}
#feature_pro_text {
	color: #BC980A;
}
#feature_gics_text {
	color: #00809B;
}

