/*------------author: Ramona Koch --------------------------------------------*/

/*---------------------(Standards)--------------------------------------------*/
body 	{ margin: 0; padding: 0; background:#fff url('../gfx/decorations/background.jpg') repeat-x; font: 65% Verdana, sans-serif; color:#fff; }
table { font: 95% Verdana, sans-serif; float:none; }
h1    { margin: 16px; padding: 0; text-align:left; font-size: 150%; color:#aa0e1b;}
h2    { margin: 16px; padding: 0; text-align:left; font-size: 120%; color:#aa0e1b;}
h3    { margin: 16px 16px 0 16px; padding: 0; text-align:left; font-size: 100%; color:#af0d20;}
a		{ margin: 0; padding: 0; color: #aa0e1b; text-decoration:none;}
img	{ margin: 0; padding: 0; border:none; }
ol    { margin: 0 16px 0 48px; padding: 0; text-align:left; }
ul    { margin: 0 16px 0 48px; padding: 0; text-align:left; list-style-image:url('../gfx/numbers/bullet.gif'); }
div   { padding: 0; margin:0; }
div.left { float:left; display:block; margin-right: 24px; }
p     { padding: 0; margin:10px 16px; text-align:justify; color:#fff; 
        font: 65% Verdana, sans-serif;     /* ie5 bug correction (font too large), additional scaling */
        f\ont: 100% Verdana, sans-serif; } /* ie5 ignores this line, for the other browsers the line before is overwritten */
input { margin: 0; padding: 0; font: 100% Verdana, sans-serif;}
/*------------------// (Standards) //-----------------------------------------*/

#container	{ margin: 0 auto 0 auto; padding: 0 0 3px 0; width:1004px; background:#000; color:#fff; }
#border     { margin: 0 14px 12px 14px; padding: 0; background:#bac2c7; border-collapse:collapse; width:976px}
#border td  { padding: 0 0 4px 0;}
#borderside { margin: 0; padding:0; width:4px; background:#bac2c7 url('../gfx/decorations/borderSide.jpg') repeat-x;}

/*---------------------(Header)--------------------------------------------*/
#header     { margin: 0; padding: 0; background:#000 url('../gfx/decorations/headerBG.jpg') no-repeat; width:100%; height:105px; }
#header h1	{ display:none; visibility:hidden; }
#header img  	{ float:left; }
#header table	{ margin: 70px 15px 0 0; padding:0; float:right; }
#language img { border:#fff solid 1px; margin: 0 2px; }
#language img.active	{ border:#fff solid 2px; }
/*---------------------(Header)--------------------------------------------*/

/*-------------(TopNav)-------------*/
#topNav     { margin: 0; padding: 0; color: #fff; background: #000 url("../gfx/nav/naviBG.jpg") repeat-x; width:100%;}
#topNav a   { margin: 0; padding: 0; color: #fff; }
#topNav img { margin: 16px 16px 11px 14px; padding: 0; }
/*-----------//(TopNav)//-----------*/
/*-------------(SubNav)-------------*/
#subNav     { margin: 0; padding: 6px 0 6px 0; color: #fff; background: #2b2b2b; width:100%;
        font: 65% Verdana, sans-serif;     /* ie5 bug correction (font too large), additional scaling */
        f\ont: 100% Verdana, sans-serif; } /* ie5 ignores this line, for the other browsers the line before is overwritten */
#subNav a   { margin: 0 16px 0 15px; padding: 0; color: #6e6e6e; text-decoration:none;}
#subNav a:hover   { text-decoration:underline;}
#subNav a.selected { color: #fff; text-decoration:none;}
#subNav a.back { margin: 0 0 0 15px; padding: 0 16px 0 0; color: #6e6e6e; text-decoration:none; border-right:1px solid;}
#subNav a.back:hover   { text-decoration:underline;}
#subNav.black { background: #000; padding: 5px 0 6px 0; border-top:1px solid #444;}
#subNav form { margin: -2px 16px -3px 15px; padding: 0; display:block; float:right; }
#subNav input { border:#666 solid 1px;}
#subNav input.button { color:white; background:url("../gfx/nav/naviBG.jpg") 0 -14px repeat-x;  border-top:#999 solid 1px; border-right:#999 solid 1px;cursor:pointer;}
#subNav form table, #subNav form tr, #subNav form td { margin: 0; padding: 0; border-collapse: collapse;}
/*-----------//(SubNav)//-----------*/

/*-------------(footer)-------------*/
#footer	{ margin: 0px auto 0 auto; padding: 0; width:1004px; }
#footer table { margin: 0; padding: 0; width:100%; color:#000; text-align:center;}
#footer img { margin:10px; padding:0px; }
#footer p { margin: 0; padding: 0; line-height:1.4em; color:#000; text-align:center;}
#footer a { color: #000; text-decoration:underline; }
/*-----------//(footer)//-----------*/

/*-------------(popup)-------------*/
#popup	{ margin:0; padding:0; background:#fff; color:#000; }
#popup p { color:#000; }
#popup a { color:#af0d20; }
/*-----------//(popup)//-----------*/

#content     { margin: 0; padding: 0 0 0 0; background:#000 url('../gfx/decorations/bevelBottom.jpg') repeat-x; background-position:bottom; width:100%; float:left; height:439px; }
#maincontent { margin: 0; padding: 0; background:url('../gfx/decorations/bevelTopDark.jpg') repeat-x; background-position:0px 273px; width:100%; float:left; height:100%;}
#maincontent.start { margin: 0 0 12px 0; background:url('../gfx/decorations/bevelTop.jpg') repeat-x; background-position:0px 273px;}
#maincontent .Entry .ad { margin: 10px 0px 0 0px; padding:0;}
#downloadbutton {margin: 37px 0 0 10px;}
#downloadbuttonmini {margin: 10px 0 30px 30px;}

.ThreeThird	{ padding: 0; margin:0; clear:both; float:left; width:100%;}
.TwoThird	{ width: 640px; padding: 0; margin:0; float:left; }
.OneThird	{ width: 320px; padding: 0; margin:0; float:left; }
.ThreeQuarter { width: 668px; padding: 0; margin:0; float:left;}
.OneQuarter	  { width: 296px; padding: 0; margin:0; float:left;}
.Entry     	{ padding: 0; margin: 0; clear:both; text-align:center; padding: 0; margin:0; }

.OneQuarter p.bodytext  { padding: 0; margin:0;}

div.iframe { margin:0 8px 10px 8px; padding:0; width:652px; background:#fff; overflow: auto; height:336px; color:#000; border-top:1px solid #000; border-left:1px solid #000;
  scrollbar-base-color:#eeeeee;
  scrollbar-3d-light-color:#000000;
  scrollbar-arrow-color:#999999;
  scrollbar-darkshadow-color:#999999;
  scrollbar-face-color:#dddddd;
  scrollbar-highlight-color:#dddddd;
  scrollbar-shadow-color:#dddddd;
  scrollbar-track-color:#eeeeee;
}
div.iframe p { color:#000; line-height:1.4em; } 
div.iframe .Entry{ margin: 0 0 24px 0; padding:0;}
div.iframe table{ margin: 0 16px; padding:0; }
div.iframe table p { margin:0px; } 
div.iframe div.background-image {margin:0; padding:0; }
div.iframe img {margin:0 16px 0 0; padding:0; }
table.nomargin p{margin:0; padding:0; }
div.iframeLarge {  width:954px; }

table.type1, table.highscore 
	{ color:#fff; margin:0px 10px 10px 10px; border-collapse: collapse; text-align:center; background: #aa0e1b;}
table.type1 th, table.highscore th
	{ border-left: 1px solid #fff; border-right: 1px solid #fff; }
table.type1 tr.t3 th, table.highscore tr.t3 th
	{ border-left: none; border-right: none; }
table.type1 tr.t4 th, table.highscore tr.t4 th 
	{ border-left: none; border-right: none; }
table.type1 tr.t1 td, table.highscore tr.t1 td  
	{ border-left: 1px solid #fff; border-right: 1px solid #fff; }
table.type1 tr.t2 td, table.highscore tr.t2 td 
	{ border-left: 1px solid #fff; border-right: 1px solid #fff; }
table.type1 tr.t1 * td, table.highscore tr.t1 * td 
	{ border-left: none; border-right: none; }
table.type1 tr.t2 * td, table.highscore tr.t2 * td 
	{ border-left: none; border-right: none; }

tr.t1, tr.t1 p { margin:0; text-align:center; border-style: none; background: #000000; color:#d2d2d3; /*border: 1px solid #fff;*/ }
tr.t2, tr.t2 p { margin:0; text-align:center; border-style: none; background: #7a797d; color:#d2d2d3; /*border: 1px solid #fff;*/ }
tr.t3, tr.t3 p { margin:0; text-align:left; border-style: none; background: #aa0e1b; color:#ffffff; /*border: 1px solid #fff;*/ }
tr.t4, tr.t4 p { margin:0; text-align:left; border-style: none; background: #7a797d; color:#d2d2d3; /*border: 1px solid #fff;*/ }

table.highscore td{ padding:2px 6px;}
table.highscore td.c3 { text-align:right;}

table.type2 { border-collapse:collapse; border: 1px solid #999999; }
table.type2 td.c1 { text-align:right; border-left: 1px solid #999999; width:11%;}
table.type2 td.c1 * { text-align:right; }


img.imgRight {float:right; margin: 0 16px; }
img.imgLeft  {float:left; margin: 0 16px; }
img.heading  {margin-top: 5px;}

.csc-textpic-border img { border: 1px solid #666666!important; margin-top:10px!important;}

a.button1   { padding: 10px 15px; margin: 0; height:26px; color: #bf0003; background: #000 url("../gfx/decorations/button1BG.jpg") repeat-x; text-decoration:none; font-size:180%; display:block; border:#666 solid 1px;}
p.button1   { margin:0; padding: 8px; color: #bf0003; background: #000 url("../gfx/decorations/button1BG.jpg") repeat-x; border:#666 solid 1px;}
p.button1 a { color: #bf0003; }

.OneQuarter p.bodytext a.button1 { float:left; position:relative; top:24px; left:30px; }

a.button2   { background: #000 url("../gfx/buttons/signup.jpg") repeat-x; text-align:center; font-size:140%; display:block; width:96px; height:26px; text-decoration:none; font-weight:bold; padding-top: 9px; color:#ffffff; margin:10px;}

a.hostbutton1 {position:relative;top:267px; left:72px; display:block; float:left;}
a.hostbutton1 img {border:#666 solid 1px; display:block;float:left;}
a.hostbutton2 {position:relative;top:61px; left:50px; display:block; float:left;}
a.hostbutton2 img {border:#666 solid 1px; display:block;float:left;}

a.white { color:#FFFFFF; text-decoration: underline; font-size:130%; }

div.error { margin: 0 30px;}
div.errorImg {background: #fff url("../gfx/error.gif") no-repeat; height:80px; width:80px; float:left; margin:0 16px 0 0;}

.news-list-item { border-bottom: 1px solid #CCCCCC; }
.news-list-item p.date { margin-bottom: 0;}
.news-list-item h2 { margin-top: 0;}

#mailform label {float:left;}
#mailform input {float:right; width:200px;}
#mailform textarea {float:right; width:430px;}
#mailform .csc-mailform-field {clear:both;margin: 3px 0; float:left;}
#mailform .csc-mailform-submit {width:auto;}
#mailform .csc-mailform-check {float:left; width:20px;}
#mailform #mailformPreferred_Code {float:left;}