/*alles*/
body {
  background: #f4f7f2;
  margin:0px;
  padding:0px;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:500;
}

A:link {text-decoration: underline; font-weight:bold; color: #81b7f5;}
A:visited {text-decoration: underline overline; font-weight:bold; color: #ce90c9;}
A:active {text-decoration: underline overline;font-weight:bold; color: #ce90c9;}
A:hover {text-decoration: underline overline; font-weight:bold; color: #fa5950;}


.class2 A:link {text-decoration: none; font-weight:bold; color: #black;}
.class2 A:visited {text-decoration: none;  font-weight:bold; color: #black;}
.class2 A:active {text-decoration: none;  font-weight:bold; color: #black;}
.class2 A:hover {text-decoration: none;  font-weight:bold; color: #black;}

div.class2 { font-size:8px;  font-weight:400; font-color:#white; text-align:right;}

DIV.container {
    min-height: 80em;
    display: table-cell;
    align:center;
    vertical-align: middle;}

/*P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 50em;
}*/


                                                                                                               /*navi*/
#backgrounddiv {
         height:200px;
         width:100%;
         background:#f4f7f2 url('../style/backstab.png') repeat-x;
         margin-top: 15px;
         margin-right: 0px;
         margin-bottom: 0px;
         margin-left: 0px;
         min-width: 800px;
}

#naviraster {
         position: absolute; left:50px; top:18px;
         height:200px;
         align: left;
         text-align: left;
         border-width:0px;
         padding:0px;
         border-collapse:collapse;
         z-index:2;
         width:345px;
         height:200px;
}

#navibackpics {
         float: right;
         z-index:1;
         }



.hoverhome {
         text-decoration: none;
         border:0;
         margin: 0 auto;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 170px;
         height:36px;
         background: url("home.gif") 0 0 no-repeat;}
.hoverhome:hover {
         background-position: -170px 0;
         border:0;}

.hovercharts {
         text-decoration: none;
         border:0;
         margin: 0 auto;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 170px;
         height:36px;
         background: url("charts.gif") 0 0 no-repeat;}
.hovercharts:hover {
         background-position: -170px 0;
         border:0;}

.hoveroverview {
         text-decoration: none;
         border:0;
         margin: 0 auto;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 170px;
         height:36px;
         background: url("overview.gif") 0 0 no-repeat;}
.hoveroverview:hover {
         background-position: -170px 0;
         border:0;}

.hoverunits {
         text-decoration: none;
         border:0;
         margin: 0 auto;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 170px;
         height:36px;
         background: url("units.gif") 0 0 no-repeat;}
.hoverunits:hover {
         background-position: -170px 0;
         border:0;}

.hovermymaps {
         text-decoration: none;
         border:0;
         margin: 0 auto;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 170px;
         height:36px;
         background: url("mymaps.gif") 0 0 no-repeat;}
.hovermymaps:hover {
         background-position: -170px 0;
         border:0;}

.hoverterrains {
         text-decoration: none;
         border:0;
         margin: 0 auto;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 170px;
         height:36px;
         background: url("terrains.gif") 0 0 no-repeat;}
.hoverterrains:hover {
         background-position: -170px 0;
         border:0;}

.hoverothermaps {
         text-decoration: none;
         border:0;
         margin: 0 auto;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 170px;
         height:36px;
         background: url("othermaps.gif") 0 0 no-repeat;}
.hoverothermaps:hover {
         background-position: -170px 0;
         border:0;}

.hoversettings {
         text-decoration: none;
         border:0;
         margin: 0 auto;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 170px;
         height:36px;
         background: url("settings.gif") 0 0 no-repeat;}
.hoversettings:hover {
         background-position: -170px 0;
         border:0;}

.hoverguestbook {
         text-decoration: none;
         border:0;
         margin: 0 auto;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 170px;
         height:36px;
         background: url("guestbook.gif") 0 0 no-repeat;}
.hoverguestbook:hover {
         background-position: -170px 0;
         border:0;}

.hoverrebalancing {
         text-decoration: none;
         border:0;
         margin: 0 auto;
         padding:0;
         display: block;
         text-indent: -9999px;
         letter-spacing: -9999px;
         font-size:0;
         width: 170px;
         height:36px;
         background: url("rebalancing.gif") 0 0 no-repeat;}
.hoverrebalancing:hover {
         background-position: -170px 0;
         border:0;}


#updates{
  position: absolute; right:0px; top:20px;
  align: right;
  text-align: right;
  padding-right:0px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size :10px;
  color:#C64934;
  z-index:1;
}

                                                                                                                 /*Ranking*/

#main {
    border: 5px solid #cccccc;
    width: 300px;
    background-image: url(backgroundtile.png);
    font-family: Arial, Helvetica, sans-serif;
    font-size : 12px;
}

#form {
     border: 1px solid #D3B68E;
     width: 295px;
     background: #9fe07c;
     font-family: Arial, Helvetica, sans-serif;
     font-size : 12px;
     text-align: center;
     margin-bottom:5px;
     margin-top:5px;
     padding:2px;
    }

#result {
    text-align: center;
    border: 1px solid #cccccc;
    width: 295px;
    background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-size : 12px;
    margin-bottom:5px;
    margin-top:5px;
    padding:2px;
}

.text {
        border: 1px solid #cccccc;
}

input, textarea {
    border: 1px solid #aaa;
}


#caption{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:8px;
    font-size :14px;
    color:#FA5950;
}

#icon{                                                    /*in ratingtabelle*/
    width:48px;
    height:48px;
    float:left;
    background-image:url(../style/icon2.gif);
    background-repeat: no-repeat;
}


#icon2{                                                   /*in results*/
    float:left;
    background-image:url(../style/icon2.gif);
    background-repeat: no-repeat;
    background-position:center center;
}
                                                          /*1=poor 10=best possible*/
#source{
  text-align: right;
  align: right;
  padding-right:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size :10px;
  color:#555555;
}


.ratingletter {
         font-family: Arial, Helvetica, sans-serif;
         font-size: large;
         font-weight: bolder;
         padding: 3px;
         color: #81b7f5;

}

table.chartstable {
         margin:auto;
         width:50%;
         text-align: center;
         font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
         font-weight: normal;
         font-size: 11px;
         color: #fff;
         background-color: #E4E4E4;
         border: 1px #fff solid;
         border-collapse: collapse;
         border-spacing: 0px;}

table.chartstable td {
         height:6em;
         background-color: #E4E4E4;
         color: #000;
         padding: 4px;
         text-align: center;
         border: 1px #fff solid;}

table.chartstable td.hed {
         height:6em;
         background-color: #999999;
         color: #fff;
         padding: 4px;
         vertical-align: middle;
         text-align: center;
         border-bottom: 2px #fff solid;
         font-size: 12px;
         font-weight: bold;}



table.linkstable {
         margin:auto;
         width:50%;
         text-align: center;
         font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
         font-weight: normal;
         font-size: 11px;
         color: #fff;
         background-color: #E4E4E4;
         border: 1px #fff solid;
         border-collapse: collapse;
         border-spacing: 0px;}

table.linkstable td {
         height:6em;
         background-color: #E4E4E4;
         color: #000;
         padding: 4px;
         text-align: left;
         border: 1px #fff solid;}

table.linkstable th {
         height:6em;
         background-color: #white;
         color: #999;
         padding: 4px;
         vertical-align: middle;
         text-align: center;
         border-bottom: 2px #fff solid;
         font-size: 12px;
         font-weight: bold;}

.letterspeziale {
     font-size: large;
     font-weight: bolder;
     padding: 3px;
     background: #FA5950;
     color: white;
}

img.rateicon {
         margin: 4px;
         width:32px;
         height:34px;
         margin-left:5px;
         background-color: white;
         border: 2px #D3B68E solid;
}

                                                                                                                 /*bodyhtml*/
#subbody {
  text-align: center;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:500;
}
                                                                                                                 /*units*/

img.illustration {
         width:200px;
         height:130px;
         margin-left:5px;
         border:#D3B68E solid thin;
}

img.sprite {
         width:32px;
         height:34px;
         margin:5px;
         border:#black solid thin;
}

.unitstable     {
         margin:auto;
         background-color: #E4E4E4;
         padding: 8px;
         border:#D3B68E solid thin;   http://weewar.com/map/39738
}
                                                                                                                 /*maps*/

.mappreview {
    width: 150px;
    height: 110px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    border: 5px #ccc solid;
}

.floatLeft {
    float:left;
    margin:5 px;
    border:5px #ccc solid;
}

#floatLeft100% {
    float:left;
    width:100%;
    margin-right:10px;
    margin-bottom:4px;
    border:5px #ccc solid;
}

.floatRight {
    float: right;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    border: 5px #ccc solid;
}


/*unitgraphics*/

img.icon32 {
         float: left;
         margin: 4px;
         width:32px;
         height:34px;
         margin-left:5px;
         background-color: white;
         border: 2px #D3B68E solid;
}

/*contributors*/
.profilepic {
    width:125px;
    height:125px;
    margin:4px;
    border:5px #ccc solid;
}