body {
    margin:0px;
    background-color:#ffffff;
    font-family:arial,sans-serif;
    font-size:12px;
}

.frame {
    width:1024px;
    text-align:left;
    left: 50%;
    margin-left: -512px; /* - (width/2)  */
    position: relative; 
}

.header {
 position: relative;   
 width:1023px;
 height:161px;
background-image:URL('images/headerhome.png'); 
}

.title1 {
 position: relative;   
 width:196px;
 height:64px;
background-image:URL('images/terrorcrime_nieuw_04.png'); 
}

.title1bottom {
 position: relative;   
 width:196px;
 height:34px;
background-image:URL('images/terrorcrime_nieuw_12.png'); 
}

.title1middle {
 position: relative;   
 width:196px;
 height:100%;
background-image:URL('images/terrorcrime_nieuw_06.png'); 
background-repeat:repeat-y;
padding-left:25px;
}


.title2 {
 position: relative;   
 width:196px;
 height:64px;
background-image:URL('images/tcc_04.png'); 
}

.title3 {
 position: relative;   
 width:196px;
 height:64px;
background-image:URL('images/tcc_05.png'); 
}

.title4 {
 position: relative;   
 width:196px;
 height:64px;
background-image:URL('images/terrorcrime_nieuw_0cr3.png'); 
}


.rtitle1 {
 position: relative;   
 width:184px;
 height:61px;
background-image:URL('images/terrorcrime_nieuw_08.png'); 
}

.rtitle2 {
 position: relative;   
 width:184px;
 height:61px;
background-image:URL('images/terrorcrime_nieuw_0cr.png'); 
}

.rtitle3 {
 position: relative;   
 width:184px;
 height:61px;
background-image:URL('images/terrorcrime_nieuw_0cr2.png'); 
}

.rtitle4 {
 position: relative;   
 width:184px;
 height:61px;
background-image:URL('images/screenshots.png'); 
}

.rtitle1middle {
 position: relative;   
 width:184px;
 height:100%;
background-image:URL('images/terrorcrime_nieuw_09.png'); 
background-repeat:repeat-y;
padding-left:25px;
}

.rtitle1bottom {
 position: relative;   
 width:184px;
 height:32px;
background-image:URL('images/terrorcrime_nieuw_18.png'); 
}

.framelen {
width:648px;
min-height:1750px;
height:auto !important;
position:absolute;
height:1750px;
}

.gameframe {
  position: absolute;
 float:left;
 width:648px;
 height:auto;
 left:192px;
}

.leftmenu { 
  position: absolute;   
 width:196px;   
}

.rightmenu { 
position: absolute;   
 width:184px; 
float:right;
left:839px; 
}

.gameklok {
width:60px;
height:15px;
border:medium;
border-color: #908c29;
border-style: solid;
border-width:1px;
text-align: center;
font-size:13px;
}




.infobar {
 position: relative;   
 width:184px;
 height:183px;
background-image:URL('images/terrorcrime_nieuw_05.png');
background-repeat: no-repeat;
padding:7px; 
}

.ttl {
 color: #C79810;
 font-weight: bold;   
}

.ttl2 {
font-size:11px;
}

.menulink {
 padding-left:6px;
 background-image:URL('images/arrow.png');
 background-repeat: no-repeat;   
}

.menulink a {
  color: #105289;       
 text-decoration: none;
  font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
  padding-left:15px;  

}

.menulink a:hover {
  color: #D31141;
 text-decoration: underline;   
} 


a {
  color: #105289;       
 text-decoration: none;
  font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
  padding-left:15px;  

}

a:hover {
  color: #D31141;
 text-decoration: underline;   
} 





.login {
 position: relative;   
 width:414px;
 height:303px;
background-image:URL('images/home_05.png');
background-repeat:no-repeat;
}

.logincontent {  
 padding:25px;
padding-top:70px;   
}

 .signupcontent {  
 padding:25px;
padding-top:70px;   
}

.homeinfo {
 position: relative;   
 width:824px;
 height:246px;
background-image:URL('images/home_13.png');
background-repeat:no-repeat;
overflow:hidden;
padding:27px;

}

 .signup {
 position: relative;   
 width:410px;
 height:303px;
background-image:URL('images/home_06.png');
background-repeat:no-repeat; 
}

.r2menu { 
  position: absolute;   
 width:410px;
 left:414px;   
}


.inputbox {
    background-color: #FFFFFF;
    border: 1px solid #c0c0c0;
    color: #333333;
    padding: 2px;
    cursor: text;
}

.inputbox:hover {
    border: 1px solid #eaeaea;
}

.inputbox:focus {
    border: 1px solid #eaeaea;
    color: #4b4b4b;
}

input.inputbox    { width: 200px; font-size:15px; 
}
input.medium    { width: 50%; }
input.narrow    { width: 25%; }
input.tiny        { width: 125px; }



input.button1, input.button2 {
    font-size: 1em;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
    width: auto !important;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    color: #000;
    background: #FAFAFA none repeat-x top;
}

a.button1, input.button1 {
    font-weight: bold;
    border: 1px solid #666666;


}

input.button3 {
    padding: 0;
    margin: 0;
    line-height: 5px;
    height: 12px;
    background-image: none;
    font-variant: small-caps;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
    border: 1px solid #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
    text-decoration: none;
    color: #000000;
    padding: 2px 8px;
    line-height: 250%;
    vertical-align: text-bottom;
    background-position: 0 1px;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    border: 1px solid #BCBCBC;
    background-position: 0 100%;
    color: #BCBCBC;
}

/* Topic and forum Search */
.search-box {
    margin-top: 3px;
    margin-left: 5px;
    float: left;
}

.search-box input {
}

input.search {
    background-image: none;
    background-repeat: no-repeat;
    background-position: left 1px;
    padding-left: 17px;
}


a.button1, input.button1, input.button3, a.button2, input.button2 {
    color: #000;
    background-color: #FAFAFA;
    background-image: url("./lay/images/bg_button.gif");
}

a.button1, input.button1 {
    border-color: #666666;
}

input.button3 {
    background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
    border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
    color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    border-color: #BC2A4D;
    color: #BC2A4D;
}

input.search {
    background-image: url("./lay/images/icon_textbox_search.gif");
}



    .lgcont2  {
   position:absolute;
   top:240px;
   left:12px;
}

 .aanmelden {
 position: relative;   
}




.footer {
 position: relative;   
 width:1024px;
 min-height:60px;
background-color:#ecf1f3;
top:630px;
    text-align:left;
    left: 50%;
    margin-left: -512px; /* - (width/2)  */
    
    padding:12px;
}
