/* A CSS Framework by Mike Stenhouse of Content with Style */

/*@import url("nav-horizontal_cs.css");*/
/*div#nav {
		  width: 100%;
		  height: 18px;
		  background-image: url(../images/headbar01_middle.jpg);
		  background-repeat: repeat-x;
    }*/
    div#nav div.wrapper {
        position: relative;
        right: 0;
        width: 100%;
		  background-image: url(../images/headbar01_right.jpg);
		  background-position: right;
		  background-repeat: no-repeat;
    }
	 
	 div#nav ul {
	 	width: auto;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	 }
	 div#nav li {
	 	float: left;
		/*display: inline;*/
		margin: 0;
		padding: 0;
		list-style: none;
	 }
	 div#nav #bwk a{
	 	display: block;
		/*width: auto;*/
		height: 18px;
		width: 150px;
		background-image: url(../images/b_battleworlds01.jpg);
		background-position: left top;
		background-repeat: no-repeat;
	 }
    div#nav #bwk a:hover {
        background-position:0% -18px;
    }
	 div#nav #kai a{
	 	display: block;
		/*width: auto;*/
		height: 18px;
		width: 118px;
		background-image: url(../images/b_kingart01.jpg);
		background-position: left top;
		background-repeat: no-repeat;
	 }
    div#nav #kai a:hover {
        background-position:0% -18px;
    }
 
/* NAV BAR AT THE TOP, LOCAL NAV ON THE LEFT AND TWO COLUMNS OF CONTENT */
    div#content {
        position: relative;
		  top: 0px;
        width: 901px;  
		  /*height: 100%; */   
        margin: 0 0 0px 101px;
        padding: 0;
        /*border: 1px solid green;*/
		  background: #222222;
		  background-image: url(../images/background_center01.jpg);
		  background-repeat: repeat-y;
        text-align: left;
    }
    div#main {
        float: left;
        width: 613px;
        display: inline;
        /*border: 1px solid blue;*/
        margin-right: 0px;
        margin-left: 75px;
		  padding-right: 0px;
		  line-height: 12px;
		  margin-top:7px;
		  /*gleiche höhe*/
		  padding-bottom: 1000em;
		  margin-bottom: -999em;
    }
	 div#screens {
	 	position: relative;
		margin: 5px 0 0 0;
		width: 100%;
	 }
	 div#imgleft {
	 	width: 305px;
		float: left;
		display:inline;
	 }
	 div#bildnavi {
	 	width: 300px;
		margin: 3px auto;
	 }
	 div#imgleft ul {
	 	width: auto;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	 }
	 div#imgleft li {
	 	float: left;
		/*display: inline;*/
		margin: 0;
		padding: 0;
		list-style: none;
	 }
	 div#vision {
	 margin: 2px 5px 55px 0;
	 /*margin: 2px 5px 0 0;*/
	 	color: #C2C8AF;
		/*font-size: 11px;*/
		line-height: 14px;
	 }
	 div#vision img {
	 	margin: 5px 10px 0px 0;
	 }
	 div#vision p{
	 	margin: 3px 16px 10px 0;
	 }
	 div#vision li {
	 	margin-right: 16px;
	 }
	  div#imgleft #zurueck a{
	 	display: block;
		/*width: auto;*/
		height: 25px;
		width: 124px;
		margin: 0 15px 0 10px;
		background-image: url(../images/b_previous01.gif);
		background-position: left top;
		background-repeat: no-repeat;
	 }
    div#imgleft #zurueck a:hover {
        background-position:0% -25px;
    }
	 div#imgleft #weiter a{
	 	display: block;
		/*width: auto;*/
		height: 25px;
		width: 124px;
		margin: 0 15px 0 10px;
		background-image: url(../images/b_next01.gif);
		background-position: left top;
		background-repeat: no-repeat;
	 }
    div#imgleft #weiter a:hover {
        background-position:0% -25px;
    }
	 div#textright {
	 	position: relative;
		/*display: inline;*/
		float: right;
	 	width: 280px;
		color: #d7d7d7;
		font-size: 12px;
		line-height: 14px;
		margin: 0 0px 0 0;
		padding-right: 15px;
		line-height: 14px;
	 }
	 div#textright li {
	 	list-style: none;
	 }
	 div#textright ul {
		width: 250px;
		margin: 0 16px 0 0;
		padding: 0;
		list-style: none;
	 }
	 div#textright li {
		margin: 0;
		padding: 0;
		list-style: none;
	 }
	 div#footer_main{
	 	/*position: absolute;*/
		position: relative;
		bottom: 0;
		width: 593px;
	 	font-size: 11px;
		color: #72776A;
		border-top: 1px solid #535353;
		margin-right: 20px;
		margin-top: 60px;
		margin-bottom: 5px;
		padding: 0px;
		/*border: 1px solid blue;*/
	 }
	 div#footer_main .impright{
	 	float: right;	
		margin: 0px;
		padding: 0px;
	 }
	 div#footer_main .backhome{
	 	position: relative;
		margin: 0px;
		width:400px;
		/*margin-top: 55px;*/
		top: -20px;
		/*float:right;*/
		/*border: 1px solid #green;*/
		text-align: center;
		_width: 100%;
	   _top: -35px;
 	}
	div#footer_main .rights{
		float: left;
		margin: 0px;
		padding: 0px
	}
	div#footer_main p{
		margin: 3px 0 5px 0;
		padding: 0;
		/*border: 1px solid green;*/
	}
	 .maineintrag{
	 	margin: 10px 5px 25px 0;
		padding: 0 15px 0 0;
		color: #c0c9af;
		font-size: 12px;
		line-height: 12px;
	 }
	 .maineintrag p{
	 	/*border: 1px solid yellow;*/
		margin-top: 0px;
	 	margin-bottom: 12px; 
		line-height: 14px;
	 }
	 div#faqs{
	 	margin: 15px 0 15px 0;
		/*margin: 15px 5px 55px 0;*/
	 }
	 #faqs p{
	   margin: 10px 0 5px 0;
	 	font-size: 12px;
		line-height: 14px;
		color: #D6D6D6;
	 }
	 #main hr .faqline {
	 border:solid #535353 1px;
	 height:1px;
	 	/*border-bottom: 1px solid #535353;*/
		width: 595px;
	 }
	 div#main .faqlink {
	 	padding: 0 0 5px 0;
	 }
	 div#main a .mehr{
	 	display: none;
		width: 100%;
	 }
	 div#fraggrafik a:active .mehr{
	 	display: block;
		text-decoration: none;
	 }
	 div#fraggrafik a:focus .mehr{
	 	display: block;
		text-decoration: none;
	 }
	 .imgfltlft {
	 	float: left;
		padding: 0 5px 5px 0;
	 }
	 .imgfltlrgt {
	 	float: right;
		padding: 0 5px 5px 0;
	 }
	 .gdunkel{
	 	color: #72776A;
	 }
	 .maineintrag ul{
	 	list-style: none;
		margin: 0 16px 0 0;
	 }
	 .maineintrag li{
	 	margin: 0 0 0 0;
		line-height: 14px;
	 }
	 .msghead{
	 	border-bottom: 1px solid #535353;
		background-image: url(../images/icon_hex.gif) ;
		background-repeat: no-repeat;
		background-position: 0px 3px;
		padding: 0 0 0 30px;
		margin: 0 0 8px 0;
 	}
	.msghead h3{
		font-weight:bold;
		color: #D6D6D6;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		font-size: 12px;
	}
	.msghead p{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
    div#sub {
	 	  position: relative;
        float: right;
        width: 210px;
        display: inline;
		  /*height: 100%;*/
		  /*border: 1px solid green;*/
		  background: #848A75 url(../images/background_right01.jpg) repeat-y;
		  /*gleiche höhe*/
		  padding-bottom: 1000em;
		  margin-bottom: -999em;
    }
	 #subein, #subumf {
	 	width: 190px;
		margin: 10px auto 5px auto ;
	 	border: 1px solid black;
		/*background-color: #494A4A;*/
		background-image: url(../images/background_right02.jpg);
	 }
	 #subein h2 {
	 	background-image: url(../images/t_unitoftheweek.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		height: 35px;
		margin: 0 0 5px 0;
	 }
	 #subumf h2{
	 	background-image: url(../images/umfrage.jpg); 
		background-position: top right;
		background-repeat: no-repeat;
		height: 35px;
		margin: 0 0 5px 0;
	 }
	 #subein h4 {
	 	color: white;
		font-size: 11px;
		margin: 10px 4px 5px 5px;
	 }
	 #subumf h4{
	 	color: #c0c9af;
		font-size: 11px;
		margin: 10px 4px 5px 5px;
	 }
	 #subein p {
	 	margin: 3px 4px 4px 5px;
		color: #c0c9af;
		font-size: 11px;
		line-height: 14px;
	 }
	 #content a{
	 	/*font-weight: bold;*/
		color: white;
		text-decoration: none;
	 }
	 #content a:hover{
	 	text-decoration: underline;
	 }
    /*div#local {
		position:absolute;
		left: -100px;
		top: 0px;
        float: left; 
        width: 123px;
        display: inline;
        border: 1px solid blue;
    }*/
	 div#local {
	 	  position: relative;
        float: left; 
        width: 163px;
        display: inline;
        /*border: 1px solid blue;*/
		  margin-left: -790px;
		  font-size: 11px; 
		  /*height: 200px;*/
    }
	 #local .mwrap{ 	
	 	  background-image: url(../images/menuback_middle.gif);
		  background-position: 0px 0;
		  background-repeat: repeat-y;
		  padding: 5px 5px 5px 5px;
		  height: 337px;
		 /* border: 1px solid yellow;*/
		  /*margin: 0;*/
		  /*_height: 140px;*/
		  _overflow: hidden;
	 }
	 #local ul{
	 	list-style: none;
		margin: 5px 0 10px 0px;
		padding: 0 0 0 0;
	 }
	 #local .hoch{
	 	position: relative;
		top: -70px;
	 }
	 #local li{
	 	margin: 0 0 0 0;
		padding: 0 0 0 0;
	 }
	 #local .msubhead {
	 	background-image: url(../images/menuheadback.gif);
		background-position: top left;
		background-repeat: no-repeat;
		color: black;
		height: auto;
		padding: 2px 0 0 7px;
		font-weight: bold;
	 }
	 .msublink {
	 	margin: 3px 0 13px 3px;
		font-weight: normal;
	 }
	 #local .mtop{
	 	background-image: url(../images/menuback_top.gif);
		background-position: top right;
		background-repeat: no-repeat;
		height: 70px;
	 }
	 #local .mfooter{
	 	background-image: url(../images/menuback_bottom.gif);
		background-position: top left;
		background-repeat: no-repeat;
		height: 60px;
	 }
	 body#home a#homenav,
	 body#newsarchiv a#newsarchivnav,
	 body#screenshots a#screenshotsnav,
	 body#fraktionen a#fraktionennav,
	 body#forum a#forumnav,
	 body#vision a#visionnav,
	 body#impressum a#impressumnav,
	 body#beschreibung a#beschreibungnav,
	 body#features a#featuresnav,
	 body#editor a#editornav,
	 body#geschichte a#geschichtenav,
	 body#einheiten a#einheitennav,
	 body#gaestebuch a#gaestebuchnav,
	 body#faq a#faqsnav,
	 body#kontakt a#kontaktnav,
	 body#presse a#pressenav,
	 body#fankit a#fankitnav
	  {
	 	font-weight: bold;
	 }
	 /*#local .mfooter{
	 	position: relative;
		top: -60px;
		height: 60px;
		z-index: 12;
	 }*/
    div#nav {
        position: relative;
        top: 0px;
        left: 0;
        width: 1000px;
		  height: 18px;   
         text-align: left;
		 background-image: url(../images/headbar01_middle.jpg);
		  background-repeat: repeat-x;
		  background-position: top left;
		  /*border: 1px solid yellow;*/
    }
/* END CONTENT */