/* GENERAL BODY */

body {
    font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
/*	line-height: 13px;   */
	font-style: normal;
	font-weight: normal;
/*	text-align: center;  Zentrierung im Internet Explorer */
	color: #000000;
	background-color: #000000;
	margin: 0;
	padding: 0;
	background-image:  url(../img/backgr-navi-1.gif);
	background-repeat: repeat-x;
}

.page {
    width: 925px;
    margin: 0;			/* auto;	 => standardkonforme horizontale Zentrierung */
    padding: 0;
    text-align: left;		/* Seiteninhalt wieder Links ausrichten */
	overflow: visible;
}

.page2 {
    width: 540px;
    margin: 0;			/* auto;	 => standardkonforme horizontale Zentrierung */
    padding: 0;
    text-align: left;		/* Seiteninhalt wieder Links ausrichten */
	overflow: visible;
}

.page3 {
    width: 1030px;
    margin: 0;			/* auto;	 => standardkonforme horizontale Zentrierung */
    padding: 0;
    text-align: left;		/* Seiteninhalt wieder Links ausrichten */
	overflow: visible;
}

* img  {
	border: none;
}

h1,
.title1 {
	font-size: 35px;
	font-style: normal;
	font-weight: bold;
    margin: 0;
    padding: 52px 0 0 0;
}

.title2 {
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #5C81B9;
    margin: 0;
    padding: 47px 0 3px 0;
}

.title3 {
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #5C81B9;
    margin: 0;
    padding: 0 0 3px 0;
}

.title4 {
	font-size: 17px;
	line-height: 19px;
	font-style: normal;
	font-weight: bold;
	color: #5C81B9;
    margin: 10px 0 0 0;
    padding: 0;
}

.title5 {
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	font-weight: bold;
	color: #5C81B9;
    margin: 0;
    padding: 47px 0 25px 0;
}


.wrappedtext {
    margin: 10px 0 0 0;
    padding: 0;
}

.wrappedtext-2 {
	color: #000000;
    padding: 10px 0 15px 0;
    margin: 0;
}

.wrappedtext-right {
    margin: 10px 0 0 0;
    padding: 0 10px 0 0;
	float: right;
}

.wrappedtext-bold {
    margin: 10px 0 0 0;
    padding: 0;
	font-weight: bold;
	color: #5C81B9;
}

.sub-small {
	font-size: 9px;
}

.sub-media {
	font-size: 11px;
}

.sub-big {
	font-size: 20px;
}

.credits {
	font-size: 12px;
	line-height: 17px;
	color: #CCCCCC;
    margin: 25px 0 0 15px;
    padding: 0;
	text-align: left;
	float: left;
}

a { color: #33537A; font-weight: bold; text-decoration: underline; }
a:link { color: #33537A; font-weight: bold; text-decoration: underline; }
a:visited { color: #33537A; font-weight: bold; text-decoration: underline; }
a:hover { color: #000000; font-weight: bold; text-decoration: underline; }
a:active { color: #000000; font-weight: bold; text-decoration: underline; }

.credits a { color: #CCCCCC; text-decoration: underline; }
.credits a:link { color: #CCCCCC;text-decoration: underline; }
.credits a:visited { color: #CCCCCC; text-decoration: underline; }
.credits a:hover { color: #CCCCCC; text-decoration: underline; }
.credits a:active { color: #CCCCCC; text-decoration: underline; }

/* NAVIGATION */

.wrap-navi {
	width: 100%;
	height: 30px;
	overflow: visible;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	float: left;
}

.navi-title {
	height: 30px;
	background-color: #FFFFFF;
	margin: 0 20px 0 40px;
    padding: 0;
	float: left;
	overflow: visible;
	cursor: pointer;
	display: inline; /* prevent double floating bug in IE  [Simon]  */
}

.navibutton-out-passive {
	color: #FFFFFF;
	height: 30px;
	background-color: #979A99;
	margin: 0 20px 0 20px;
    padding: 0;
	float: left;
	overflow: visible;
	cursor: pointer;
}

.navibutton-out-active {
	color: #000000;
	height: 30px;
	background-color: #FEE883;
	margin: 0 20px 0 20px;
    padding: 0;
	float: left;
	overflow: visible;
	cursor: pointer;
}

.navibutton-out-over {
	height: 30px;
	background-color: #FFFFFF;
	margin: 0 20px 0 20px;
    padding: 0;
	float: left;
	overflow: visible;
	cursor: pointer;
}

.navibutton-in {
	margin: 0;
	padding: 5px 10px 0 10px;
	white-space: nowrap;
	float: left;
	overflow: visible;
}

/* CONTENT */

.wrap-content {
    margin: 0;
	padding: 0;
}

.wrap-content-left {
	width: 500px;
	float: left;
    margin: 0;
	padding: 0;
}

.wrap-content-right-2 {
	width: 500px;
	float: right;
    margin: 0;
	padding: 0;
}

.wrap-content-right {
	width: 395px;
	float: right;
    margin: 0;
	padding: 0;
}

.content-withouttable-left {
	font-size: 13px;
	line-height: 18px;
    margin: 0;
	padding: 0 50px 0 50px;
	background-image:  url(../img/backgr-500px.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.content-withouttable-middle {
	font-size: 12px;
	line-height: 17px;
	color: #666666;
    margin: 0;
	padding: 10px 50px 0 50px;
	background-image:  url(../img/backgr-500px-middle.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.content-withouttable-left-down {
	height: 49px;
    margin: 0;
	padding: 0;
	background-image:  url(../img/backgr-500px-down-2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.content-withouttable-right {
	font-size: 13px;
	line-height: 18px;
    margin: 0;
	padding: 0 50px 0 50px;
	background-image:  url(../img/backgr-395px.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.content-withouttable-right-middle {
	font-size: 13px;
	line-height: 18px;
    margin: 0;
	padding: 10px 50px 0 50px;
	background-image:  url(../img/backgr-395px-middle.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.content-withouttable-right-down {
	height: 49px;
    margin: 0;
	padding: 0;
	background-image:  url(../img/backgr-395px-down.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


.content-inside-middle-left {
    margin: 0;
	padding: 0;
	float: left;
}

.content-inside-middle-right {
    margin: 0;
	padding: 0;
	float: right;
}

.content-inside-middle-linkbig {
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
    margin: 0;
	padding: 0;
}

form {
    margin: 0;
	padding: 0;
}

.generations {
    margin: 5px 0 0 0;
	padding: 0;
	background-color: #FEE883;
	width: 370px;
}

.name {
    margin: 5px 0 0 0;
	padding: 0;
	background-color: #FEE883;
	width: 370px;
}

.comment {
    margin: 5px 0 0 0;
	padding: 0;
	background-color: #FEE883;
	width: 370px;
}

input, select, textarea {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
}

/* IMAGES */

.img-home {
	padding: 0;
	margin: 0;
}

.foto-home {
	width: 295px;
    padding: 50px 0 0 0;
}

.foto-home img {
	width: 295px
}

.foto-pictures {
	width: 400px;
}

.foto-pictures img {
	width: 400px;
}

.foto-pictures-2 {
	width: 295px;
}

.foto-pictures-2 img {
	width: 295px;
}

/* SPACERS */

.clear { clear: both; }

.spacer-5px {
	margin: 0;
	padding: 0;
	height: 5px;
	line-height: 1px;
	font-size: 1px;
}

.spacer-10px {
	margin: 0;
	padding: 0;
	height: 10px;
	line-height: 1px;
	font-size: 1px;
}

.spacer-20px {
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 1px;
	font-size: 1px;
}

.spacer-30px {
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 1px;
	font-size: 1px;
}

.spacer-35px {
	margin: 0;
	padding: 0;
	height: 35px;
	line-height: 1px;
	font-size: 1px;
}

.spacer-40px {
	margin: 0;
	padding: 0;
	height: 40px;
	line-height: 1px;
	font-size: 1px;
}

.spacer-45px {
	margin: 0;
	padding: 0;
	height: 45px;
	line-height: 1px;
	font-size: 1px;
}

/* GAME */

table {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border: none;
	empty-cells: show;
}

td {
	text-align: center;
	vertical-align: top;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border: none;
}

table table {
	/*border-spacing: 0 0 0 2px;*/
	/*border-spacing: 0;
	border-width: 0 0 0 2px;
	border-style: solid;
	border-color: #000000;*/
	border: none;
}

table table td, table table th {
	/*border-spacing: 0 2px 0 0;*/
	border-spacing: 0;
	border-width: 0 2px 0 0;
	border-style: solid;
	border-color: #000000;
}

.world-image-left {

}

.world-image-right {
	border: none;
}

.world-form-left {
	background: transparent url(../img/backgr-down.gif) repeat-x 0px -1px;
}

.world-form-left img {
	margin-right: 15px;
}

.world-form-right  {
	background: transparent url(../img/backgr-down.gif) repeat-x 0px -1px;
	border: none;
}

.world-form-right img {
	margin-left: 15px;
}

div.world-caption {
	margin: 30px 0px 30px 0px;
}

table table table {
	padding: 0;
	border-spacing: 0;
	border: none;
}

table table table td, table table table th {
	padding: 0;
	border-spacing: 0;
	border: none;
}

.table-out {
}

.table-in {
	margin: auto;
}

.top-left {
	text-align: right;
}

.top-center {
	background-image: url(../img/backgr-top.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.top-right {
	text-align: left;
}

.down-left {
	text-align: right;
	vertical-align: bottom;
	background-image: url(../img/backgr-left.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.down-center {
	vertical-align: bottom;
	text-align: center;
	background-image: url(../img/backgr-down.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FFFFFF;

}

.down-right {
	text-align: left;
	vertical-align: bottom;
	background-image:  url(../img/backgr-right.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.f {
	background-color: #f8c5af;
/*	background-color: transparent;  */
	height: 22px;
	width: 21px;
}

.s {
	background-color: #b1d8f0;
	height: 22px;
	width: 21px;
}

.e {
	background-color: #ffed97;
	height: 22px;
	width: 21px;
}

.g {
	background-color: #000000;
	height: 22px;
	width: 21px;
	vertical-align: bottom;
	
}



/* FOOTER */

.footer-border {
	height: 30px;
	width: 200%;
	overflow: visible;
	background-image:  url(../img/backgr-navi-2.gif);
	background-repeat: repeat-x;
}

.footer-border-2 {
	height: 30px;
	width: 200%;
	overflow: visible;
	background-image:  url(../img/backgr-navi-1.gif);
	background-repeat: repeat-x;
}

.wrap-footer {
	width: 200%;
	overflow: visible;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFFFFF;
	float: left;
}

.wrap-footer-logos {
	font-size: 12px;
	line-height: 12px;
	background-color: #FFFFFF;
	font-weight: normal;
	white-space: nowrap;
	float: left;
    margin: 0;
    padding: 10px 20px 10px 5px;
}

.wrap-footer-logos img {
    margin: 0 0 0 30px;
    padding: 0;
}