/* CSS für InselMacht */
/* Author : Dirk Schumacher - rescale design*/

/* Wichtige Farben
BGMainSite  = #202321


TextColor = #c2d7ec
TextHover = #FFFFFF
*/

body, img {
    margin: 0;
    padding: 0;
    background: #202321 url(/images/imgbg.jpg) repeat-x;
    font-family: Arial, sans-serif; font-size: 11px; color: #c2d7ec;
    border: 0;
}

#site {
    width: 950px;
    height: 700px;
    margin: 0px auto 0px auto;
    padding: 0px;
}

/*------ Portal CSS ------*/

#portalheader {
    width: 950px;
    height: 269px;
    margin: 0px auto 0px auto;
    background: url(/images/portal-header_img.jpg) no-repeat;
}

#portnav_bg {
    width: 950px;
    height: 32px;
    margin: 0px auto 0px auto;
    background: url(/images/secnav_bg.jpg) no-repeat;
}

/*------ Portal Navigation Classification ------*/

ul.portnav {
    width: 508px;
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
}

/* hide dotted outlines in Firefox */
*:focus {   outline:none;   border:none;    }

#portnav_bg li {
  margin: 0px auto 0px auto;  
  float: left;
}

.textLabel {
    position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;
    }

li.portal a {
    width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/PortalNav1.gif) no-repeat;
}

li.portal a:hover{ background-position: 0px -32px; }
li.portal a:active{ background-position: 0px -64px; }

li.support a {
    width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/PortalNav2.gif) no-repeat;
}

li.support a:hover{ background-position: 0px -32px; }
li.support a:active{ background-position: 0px -64px; }

li.stats a {
    width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/PortalNav3.gif) no-repeat;
}

li.stats a:hover{ background-position: 0px -32px; }
li.stats a:active{ background-position: 0px -64px; }

li.imprint a {
    width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/PortalNav4.gif) no-repeat;
}

li.imprint a:hover{ background-position: 0px -32px; }
li.imprint a:active{ background-position: 0px -64px; }


/*------ Portal Navigation Classification ------*/


/*------ Portal CSS ------*/

#infobar {
    width: 950px;
    height: 41px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background: url(/images/infobar_bg.jpg) no-repeat;
    font-family: Arial, sans-serif; font-size: 11px; text-decoration: none; color: #FFFFFF;
    text-align: left;
}

/*------ Infobar DIV Classification ------*/

#info_date {
  width: 100px;
  height: 17px;
  margin: 14px 0px 0px 10px;
  padding-top: 3px;
  text-align: center;
  float: left;
}

#info_game {
  width: 450px;
  height: 17px;
  margin: 10px 10px 0px 0px;
  padding: 3px 10px 0px 0px;
  text-align: right;
  /* background: url(/images/bgContentLogo.gif) no-repeat bottom center; */
  float: right;
}

/*------ Infobar DIV Classification ------*/

#header {
    width: 950px;
    height: 78px;
    margin: 0px auto 0px auto;
    padding-top: 163px;
    background: url(/images/header_img.jpg) no-repeat;
}

#post_rot {
    width: 96px;
    height: 75px;
    margin: 0px auto 0px auto;
    background: url(/images/post_img_rot.gif) no-repeat;
}

#post_blau {
    width: 96px;
    height: 75px;
    margin: 0px auto 0px auto;
    background: url(/images/post_img_blau.gif) no-repeat;
}

#res_bg {
    width: 950px;
    height: 26px;
    margin: 0px auto 0px auto;
    background: url(/images/res_bg.jpg) no-repeat;
}

#res_frame {
    margin: 0px auto 0px auto;
    padding-top: 4px;
    width: 568px;
    height: 22px;
    font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF;
}


/*------ Ressources UL / LI Classification ------*/
ul.ressources {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

li.gold {
    width: 142px;
    height: 20px;
    margin:0 0 0 40px;
    display: block;
    float: left;
    text-align: center;
    voice-family: "\"}\"";
	  voice-family: inherit;
	  width: 102px;
}
html>body li.gold  {
	width: 102px;
}

li.stones {
    width: 102px;
    height: 20px;
    margin:0 0 0 40px;
    display: block;
    float: left;
    text-align: center;
    voice-family: "\"}\"";
	  voice-family: inherit;
	  width: 102px;
}
html>body li.stones  {
	width: 102px;
}

li.wood {
    width: 102px;
    height: 20px;
    margin:0 0 0 40px;
    display: block;
    float: left;
    text-align: center;
    voice-family: "\"}\"";
	  voice-family: inherit;
	  width: 102px;
}
html>body li.wood  {
	width: 102px;
}

li.food {
    width: 102px;
    height: 20px;
    margin:0 0 0 40px;
    display: block;
    float: left;
    text-align: center;
    voice-family: "\"}\"";
	  voice-family: inherit;
	  width: 102px;
}
html>body li.food  {
	width: 102px;
}

/*------ Ressources UL / LI Classification ------*/

#mainnav_bg {
    width: 950px;
    height: 32px;
    margin: 0px auto 0px auto;
    background: url(/images/mainnav_bg.jpg) no-repeat;
}

/*------ Main Navigation Classification ------*/

ul.mainnav {
    width: 628px;
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
}

/* hide dotted outlines in Firefox */
*:focus {   outline:none;   border:none;    }

#mainnav_bg li {
  float: left;
}

.textLabel {
    position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;
    }

li.status a {
    width: 104px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/mainnav1_img.gif) no-repeat;
}

li.status a:hover{ background-position: 0px -32px; }
li.status a:active{ background-position: 0px -64px; }

li.map a {
    width: 106px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/mainnav2_img.gif) no-repeat;
}

li.map a:hover{ background-position: 0px -32px; }
li.map a:active{ background-position: 0px -64px; }

li.isle a {
    width: 104px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/mainnav3_img.gif) no-repeat;
}

li.isle a:hover{ background-position: 0px -32px; }
li.isle a:active{ background-position: 0px -64px; }

li.armeen a {
    width: 104px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/mainnav6_img.gif) no-repeat;
}

li.armeen a:hover{ background-position: 0px -32px; }
li.armeen a:active{ background-position: 0px -64px; }

li.alliance a {
    width: 106px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/mainnav4_img.gif) no-repeat;
}

li.alliance a:hover{ background-position: 0px -32px; }
li.alliance a:active{ background-position: 0px -64px; }

li.ranglist a {
    width: 104px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/mainnav5_img.gif) no-repeat;
}

li.ranglist a:hover{ background-position: 0px -32px; }
li.ranglist a:active{ background-position: 0px -64px; }

/*------ Main Navigation Classification ------*/


/*------ second Navigation Classification ------*/

ul.secnav {
    width: 635px;
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
}

/* hide dotted outlines in Firefox */
*:focus {   outline:none;   border:none;    }

#secnav_bg li {
  float: left;
}

li.message a {
    width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/secnav1_img.gif) no-repeat;
}

li.message a:hover{ background-position: 0px -32px; }
li.message a:active{ background-position: 0px -64px; }

li.new_message a {
    width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/button_nachrichten_blink.gif) no-repeat;
}

li.new_message a:hover{
	background: url(/images/secnav1_img.gif) no-repeat;
	background-position: 0px -33px;
	}
	
li.new_message a:active{
   background: url(/images/secnav1_img.gif) no-repeat;
	background-position: 0px -65px;
	}

li.reports a {
    width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/secnav2_img.gif) no-repeat;
}

li.reports a:hover{ background-position: 0px -32px; }
li.reports a:active{ background-position: 0px -64px; }

li.new_reports a {
	 width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/button_berichte_blink.gif) no-repeat;
}

li.new_reports a:hover{
	background: url(/images/secnav2_img.gif) no-repeat;
	background-position: 0px -33px;
	}

li.new_reports a:active{
	background: url(/images/secnav2_img.gif) no-repeat;
	background-position: 0px -65px;
	}

li.forum a {
    width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/secnav3_img.gif) no-repeat;
}

li.forum a:hover{ background-position: 0px -32px; }
li.forum a:active{ background-position: 0px -64px; }

li.settings a {
    width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/secnav4_img.gif) no-repeat;
}

li.settings a:hover{ background-position: 0px -32px; }
li.settings a:active{ background-position: 0px -64px; }

li.logout a {
    width: 127px;
    height: 32px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/secnav5_img.gif) no-repeat;
}

li.logout a:hover{ background-position: 0px -32px; }
li.logout a:active{ background-position: 0px -64px; }

/*------ Second Navigation Classification ------*/

/*------ Einstellungen Navigation Classification ------*/

ul.ein_nav {
    width: 523px;
    margin: 0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
}

#ein_nav_bg li {
  float: left;
}

li.ein_allgemein a {
    width: 105px;
    height: 25px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/ein_allgemein.gif) no-repeat;
}
li.ein_allgemein a:hover{ background-position: 0px -25px; }

li.ein_angriffsrechner a {
    width: 104px;
    height: 25px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/ein_angriffsrechner.gif) no-repeat;
}
li.ein_angriffsrechner a:hover{ background-position: 0px -25px; }

li.ein_inseln a {
    width: 104px;
    height: 25px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/ein_inseln.gif) no-repeat;
}
li.ein_inseln a:hover{ background-position: 0px -25px; }

li.ein_hilfe a {
    width: 104px;
    height: 25px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/ein_hilfe.gif) no-repeat;
}
li.ein_hilfe a:hover{ background-position: 0px -25px; }

li.ein_account a {
    width: 106px;
    height: 25px;
    display: block;
    float: left;
    text-align: center;
    background: url(/images/ein_account.gif) no-repeat;
}
li.ein_account a:hover{ background-position: 0px -25px; }

/*------ Einstellungen Navigation Classification ------*/


#content {
    width: 950px;
    /* height: 405px; */
    margin: 0px auto 0px auto;
    background: url(/images/content_bg.jpg) repeat-y;
}

#content_footer {
    width: 950px;
    height: 47px;
    margin: 0px auto 0px auto;
    background: url(/images/content-bottom_bg.jpg) no-repeat;
}

#secnav_bg {
    width: 950px;
    height: 32px;
    margin: 0px auto 0px auto;
    background: url(/images/secnav_bg.jpg) no-repeat;
}

#footer {
    width: 950px;
    height: 16px;
    margin: 0px auto 0px auto;
    background: url(/images/footer_bg.jpg) no-repeat;
}

#Siteframe {
    width: 558px;
    margin: 240px 133px 0px auto;
}

/* Main Navigation Start */
#Naviframe {
    width: 114px;
    margin-top: 28px;
    padding: 0px;
    float: left;
}

#Navtop {
    width: 114px;
    height: 12px;
    background: url(/images/navtop.gif) no-repeat;
    text-align: left;
}

ul#navigation {
    list-style-type: none;
    width: 114px;
    margin: 0px;
    padding: 0px;
    text-align: right;
}

ul#navigation li a {
    display: block;
    width: 102px;
    height: 20px;
    padding: 4px 12px 0px 0px;
    font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; color: #c2d7ec;
    background: url(/images/navback_0.gif) no-repeat;
}

ul#navigation li a:hover {
    display: block;
    color: #FFFFFF;
    background: url(/images/navback_1.gif) no-repeat;
}

#Navbottom {
    width: 114px;
    height: 8px;
    background: url(/images/navbottom.gif) no-repeat;
}
/* Main Navigation End */