/*
 revised by gino
 04-08-2010
*/

/* reset default browser configuration */
* {margin:0px; padding:0px;}
img {border:none;}
pre, form, fieldset, table, th, td {margin:0px; padding:0px;}

/* format table */
table, th, td {font-family:Arial, Verdana; font-size:12px; color:#000000;}
.def {font-family:Arial, Verdana; font-size:12px; color:#ffffff;}

/* form elements */
fieldset {border:0px none;}
legend {font-family:Arial, Verdana; font-size:12px; color:#000000;}

/* list elements */
ul, ol {padding-top:5px; padding-bottom:5px; padding-left:20px;}
li {list-style-type:square; margin-bottom:20px;}

/* title format */
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

/* general float */
.float-right {float:right;}
.float-left {float:left;}
.clear {clear:both;}

/* default hyperlinks */
a:link {text-decoration:none; color:#ffffff;}
a:visited {text-decoration:none; color:#ffffff;}
a:hover {text-decoration:none; color:#7eff00;}

/* link button */
.link-button:link 		{font-size:11px; text-decoration:none; color:#ffffff; border:1px solid #7eff00; padding:3px; margin-right:20px; margin-left:20px; margin-bottom:0px; float:right;}
.link-button:visited 	{font-size:11px; text-decoration:none; color:#ffffff; border:1px solid #7eff00; padding:3px; margin-right:20px; margin-left:20px; margin-bottom:0px; float:right;}
.link-button:hover		{font-size:11px; text-decoration:none; color:#7eff00; border:1px solid #7eff00; padding:3px; margin-right:20px; margin-left:20px; margin-bottom:0px; float:right;}

/* general */
body {font-family:Arial, Verdana; font-size:12px; color:#ffffff; background-color:#050505; margin-top:0px; margin-bottom:0px; line-height:1.2;background-image: url(../image/bg.jpg); background-repeat:no-repeat;}

#main {padding:20px;}
#main p {text-align:justify;}
/* default error message */
.err_msg {color:red; font-size:14px; border:1px solid #ff0000; background-color:#ffffff; padding:15px; margin:15px;}

/* 960px max resolution */
#wrapper-main {width:974px; margin:0px auto;}

/* textbox class */
/*.txt-default {font-family:Arial, Verdana; font-size:12px; color:#000000; border:1px solid #000000; height:16px; padding:2px;}*/
.txt-default {font-family:Arial, Verdana; font-size:12px; color:#000000; background-color:#E5E5E5; height:16px; padding:2px;}
.txt-heighlight {border:1px solid #ff0000;}
.txt-tip {border:1px solid #777777; margin-left:3px; margin-right:3px;}

/* selectbox class */
.selectbox {font-family:Arial, Verdana; font-size:12px; color:#000000; border:1px solid #000000; height:236x; padding:2px;}

#rahmen	{width:974px; background: url("../image/border.png") no-repeat; margin-top:45px}
#nav {width:965px; height:52px;background: url("../image/rahmen.png") no-repeat; padding-top:10px;font-size:18px;}
#head {width:965px; height:343px; background: url("../image/head.png") no-repeat; margin-left:9px;}

/* navi */
.main_nav {width:965px; height:35px;}
.nav_links {float:left; margin-left:30px; margin-right:30px;}

/* sub-navi */
.sub_nav  {width:965px; height:20px;}
.nav_links_sub {float:left; margin-left:30px; font-size:12px; margin-right:30px;}


/* header */
.head_l	{float:left; width:520px; height:340px;}
.head_title {font-size:12px; color:#5bb104; height:15px; padding:15px 15px 15px;}
.head_headline {font-size:30px; color:#ffffff; height:30px; margin:15px}
.head_text1 {font-size:24px; color:#ffffff; height:25px; margin:45px 0px 0px 15px;}
.head_text2 {font-size:16px; color:#ffffff; height:20px; margin:5px 0px 0px 15px;}
.head_btn_like {margin:25px 0px 0px 15px;}
.head_text3 {font-size:12px; color:#ffffff; height:45px; margin:30px 15px 0px;}

.head_r {float:left; width:445px; height:341px;position:relative;}
/*
.head_next_match {font-size:12px; color:#ffffff; height:150px;margin-top:-50px}
.logos img {margin-left:40px; margin-right:89px;  margin-top:30px;}
.arrow img {margin-left:70px; margin-right:121px; margin-top:15px;}
.tip_input {text-align:center;font-size:35px; background:url("../image/input.png") no-repeat;color:#ffffff; width: 192px; height: 45px; border:0px; margin: 15px 100px 0px 59px;}
*/

.head_btn {margin-left:130px; color:#ffffff; height:192px; width:264px; background: url("../image/tippen_btn.png") no-repeat; padding:0px 0px 0px 0px ;}


#info_box {font-size:11px;}

/* content */
#content {width:957px; margin-left:9px; float:left;}
.box {width:367px; float:left; margin-right:10px; margin-top:10px;}
.box_title {height:30px; font-size:14px; font-weight:bold; background-color:#4f9e00; padding-top:10px; padding-left:10px;}
.box_date {height:30px; background: url("../image/box_title.jpg"); padding-top:10px; padding-left:20px; color:#6ac50f; font-size:12px;}
.box_content {background-color:#0b151c;color:#ffffff;font-size:10px; min-height:600px;}
.box_content tr td {background-color:#0b151c;color:#ffffff;font-size:12px; }
.box_end {height:110px; background: url("../image/box_end.png")}

.news_box {width:340px; float:left; margin-right:10px; margin-top:10px;}
.news_box_title {height:30px; font-size:14px; font-weight:bold; background-color:#4f9e00; padding-top:10px; padding-left:10px;}
.news_box_content {background-color:#0b151c; color:#ffffff; font-size:12px;height:600px;}
.news_headline {height:20px; padding-left:10px; padding-top:10px; font-size:13px; font-weight: bold}
.news_area {height:65px; background: url("../image/news_text.png") no-repeat;}
.news_text {width:325px; padding:10px;}
.news_image {float:left; width:66px; margin:6px;}
.news_link {height:25px; background: url("../image/news_link.png") no-repeat;text-align:right;padding-right:10px;padding-top:3px;}
.news_box_end {height:110px; background: url("../image/box_end.png") no-repeat;}

.login_box {width:230px; float:left; color:#ffffff;margin-top:10px;}
.login_box_title {height:30px; font-size:14px; font-weight:bold;background-color:#000000; padding-top:10px; padding-left:10px;}
.login_box_content {height:165px; background-color:#ffffff; color:#000000;}
.login_box_content table {height:150px; width:200px;}
.login_box_content input {height:25px; width:200px;}
.login_box_content td {padding-left:10px;}
.login_box_btn_l {height:35px; text-align:center; width:115px; float:left; color:#000000; background: url("../image/login_btn.png") no-repeat;}
.login_box_btn_r {height:25px; text-align:center; width:115px; float:left; color:#7eff00; padding-top:10px; background-repeat:no-repeat; font-size:10px;}
.login_box hr {width:230px; height:2px; background-color:#282828; border:0px}
.login_box_end {height:110px; width:215px; background: url("../image/box_end.png") no-repeat; padding-left:15px; font-size:14px;}
.login_box_end img {margin-right:5px; margin-left:5px;}
.login_box img {margin-left:30px; margin-top:10px; margin-bottom:10px;}

.registrier {background-color:#686868;color:#ffffff;font-size:10px;width:717px; margin-right:10px; margin-top:10px;float:left;}
.registrier_rahemn1 {margin-top:15px; height:80px; background: url("../image/registrier_rahmen1.png") no-repeat;}
.registrier_rahemn2 { background: url("../image/registrier_rahmen2.png") no-repeat;}
.registrier_title {height:35px; font-size:14px; font-weight:bold;background-color:#000000; padding-top:5px; padding-left:10px; color:#ffffff}
.registrier_end {height:110px; background: url("../image/box_end.png");}
.registrier a:link {color:#000000; text-decoration:underline;}
.registrier a:hover {color:#000000; text-decoration:underline;}
.registrier a:visited {color:#000000; text-decoration:underline;}

/* footer */
#footer {width:965px; height:100px;margin-left:9px;}
#footer hr {height:2px; background-color:#282828; border:0px}
