/*-----------------------------------------
  General Formats for HTML-Tags
-----------------------------------------*/
body {
   margin:0px;
   padding:0px;
   background-color:#FFFFFF;
   font-family:Arial,Verdana,Helvetica;
   font-size:10pt;
}

img {
   border:0px;
}

input, select, textarea {
   border:solid 1px #D55B49;
   background-color:white;
   font-size:12px;
   margin-bottom:5px;
}

div {
   margin:0px;
   padding:0px;
}

a {
   color:#B90F22;
   text-decoration:none;
   font-weight:bold;
}

a:hover {
   text-decoration:underline;
}

a:visited {
   color:#D55B49;
}

h1 {
   margin-top:0px;
   font-size:14pt;
   color:#B90F22;
}

#adresspanel h1 {
/* format only if h1 within addresspanel */
   margin-top:0px;
   margin-bottom:2px;
   font-size:12pt;
}

h2 {
   margin-top:0px;
   font-size:14pt;
   color:#D55B49;
}

h3 {
   margin-top:0px;
   font-size:12pt;
   color:#B90F22;
}

h4 {
   margin-top:0px;
   font-size:12pt;
   color:#D55B49;
}
/* ----- HTML-Tags: END -------- */
/*----------------------------------------
   ID
----------------------------------------*/
/*----------------------------------------
 everything within the non-movable head of the page
----------------------------------------*/
#border_above {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:44px;
   z-index:2;
   background-image:url(images/border_above.png);
}

#border_fillin_above {
   background-image:url(images/border.fillin.png);
   position:absolute;
   right:181px;
   top:0px;
   height:37px;
   width:450px;
   z-index:3;
}

#logopanel {
   position:absolute;
   top:58px;
   right:0px;
   width:181px;
   height:159px;
   background-image:url(images/sgames_logo.png);
   z-index:2;
}

#headerpanel {
   position:absolute;
   right:188px;
   top:58px;
   height:120px;
   width:443px;
   z-index:2;
}

#searchpanel {
   position:absolute;
   right:650px;
   top:178px;
   height:40px;
   width:175px;
   z-index:3;
}

#menupanel_above {
   position:absolute;
   top:195px;
   height:20px;
   right:188px;
   width:443px;
   color:#D55B49;
   z-index:3;
   /*color:#FFA66C;*/
}

#menupanel_above_sub {
   position:absolute;
   top:220px;
   right:218px;
   width:413px;
   height:20px;
   z-index:3;
   color:#D55B49;
}

#langswitch {
   position:absolute;
   top:220px;
   right:188px;
   width:25px;
   height:20px;
   text-align:right;
   z-index:3;
}

#specialpanel {
   position:absolute;
   right:31px;
   top:501px;
   height:115px;
   width:149px;
   z-index:2;
   /*the following attribute is only ncessary for IE 5.5 - 6 */
   overflow:hidden;
}

/*----------------------------------------
 everything within the non-movable sphere left and right
----------------------------------------*/
/* left */
#newspanel {
   position:absolute;
   right:650px;
   top:250px;
   height:260px;
   width:175px;
   overflow:hidden;
   z-index:3;
}

#nemopanel{
   position:absolute;
   right:650px;
   top:520px;
   height:94px;
   width:175px;
   overflow:hidden;
   z-index:2;
}

/* right */
#adresspanel {
   position:absolute;
   right:33px;
   top:250px;
   height:240px;
   width:145px;
   font-size:8pt;
   /*Extrawurst für IE 6*/
   z-index:2;
}

#border_right {
   background-image:url(images/border_right.png);
   position:absolute;
   top:0px;
   right:30px;
   width:151px;
   height:658px;
   z-index:1;
}

/*----------------------------------------
 everything within the movable sphere 
----------------------------------------*/
#textcontainer {
   position:absolute;
   top:250px;
   right:188px;
   width:443px;
   height:360px;
   color:#555555;
   z-index:0;
   overflow:auto;
}

#mailform input,textarea {
	width:415px;
	font-family:Verdana;
	font-size:10pt;
}

#mailform .csc-mailform-submit {
	width:417px;
}

/*----------------------------------------
 everything within the non-movable footing sphere
----------------------------------------*/
#border_beyond {
   position:absolute;
   top:616px;
   left:0px;
   width:100%;
   height:42px;
   z-index:2;
   background-image:url(images/border_beyond.png);
}

#border_fillin_beyond {
   background-image:url(images/border.fillin.png);
   position:absolute;
   right:181px;
   top:616px;
   height:22px;
   width:450px;
   z-index:3;
}

#menupanel_beyond {
   position:absolute;
   top:640px;
   right:333px;
   width:298px;
   height:18px;
   color:#D55B49;
   z-index:3;
}

#iprpanel {
   position:absolute;
   top:640px;
   right:188px;
   width:140px;
   height:18px;
   text-align:right;
   color:#D55B49;
   background-color:white;
   z-index:2;
}

/*----------------------------------------
 Pseudo classes
----------------------------------------*/
.news_item{
   border:solid 1px #D55B49;
   margin-bottom:4px;
}

.news_title{
   border-bottom:dotted 1px #cccccc;
}

.sn_title {
   color:#B30019;
   font-size:14pt;
   margin-top:0px;
   margin-bottom:8px;
}
.sn_meta {
   font-size:9pt;
   color:#AAAAAA;
   margin-top:0px;
   margin-bottom:5px;
}

.sn_sub {
   color:#D55B49;
   font-size:10pt;
   margin-top:0px;
   margin-bottom:5px;
}

.attention {
    font-size:12pt;
    color:#B30019;
}

.thinline {
   background-color:#D55B49;
   height:1px;
   z-index:2;
   /*the following attribute is only ncessary for IE 5.5 - 6 */
   overflow:hidden;
}

.tabove {
   position:absolute;
   top:216px;
   right:188px;
   width:443px;
}

.tright {
   position:absolute;
   top:500px;
   right:0px;
   width:181px;
}

.prim_color {
   color:#B30019;
   /*was:
   color:#FF6600;*/
}

.secd_color {
   color:#D55B49;
   /*was
   color:#FFA66C;*/
}

input.csc-mailform-submit {
   background-color:#ED9179;
   height:20px;
   width:100px;
   color:white;
   font-weight:bold;
}


div.csc-mailform-field {
   display:block;
}

input.search_field {
   width:173px;
}

input.search_submit {
   width:175px;
}

/* special for IE 6: begin, unfortunately supporting stupidity of IE-developers */
/* only to let IE understand relative sizes of other elements */
* html body {
   width:100%;
   height:100%;
}

* html #border_right {
  height:100%;
}

* html input.search_submit {
   width:177px;
}

/* special for IE 6: end*/