html, body	{

		}

body		{
		 background-image:url(pictures/other/background.png);
		}

#header	{
		 background-image:url(pictures/title/header.png);
		 height: 21px;
		 padding:5px;
		}
		
/*#header1	{
		 background: url(pictures/other/header_menu.png);
		 height: 20px;
		 width: 240px;
		 padding:0px 15px;
		 border-radius: 5px;
		}*/
		
#tabback	{
		 background:url(pictures/title/table_back.png);
		 background-size: 100% !important;
		 position:relative;
		}

#footer		{
		 background-image:url(pictures/title/line.png);
		 background-size: 100% !important;
		 position:relative;
		 background-repeat: no-repeat;
		}

#footer_txt	{
		 text-align:center;
		 font-family: "Tahoma";
		 font-size: 55% !important;
		 color: #8B4513;
		}
		
.rotate	{
		-webkit-transform:rotate(180deg); /* Chrome, Safari, Opera */
		transform:rotate(180deg); /* Standard syntax */
		}

/* Tool-Tip */
.tooltip {
		 display: none;
		 position: absolute;
		 background-image:url(pictures/other/background.png);
		 border: 1px solid #C9A584;	
		 box-shadow: 2px 2px 3px #670E0E;		 
		 padding: 5px;
		 font-family: "Tahoma";
		 font-size: 12px;
		 z-index: 999999;
		}
/* Ende ToolTip */
	
.callin 	{
		 z-index:20;
		 position:relative;
		 border:0;
		}
		
.bt1		{
		 background-image:url(pictures/other/button.png);
		 min-width:80px;
		 min-height:25px;
		 border-width: 3px;
		 border-style: double;
	 	 border-right: 3px double #5D4C2F;
		 border-color: #C9A584 #5D4C2F #5D4C2F #C9A584;
		 color: #5D4C2F;
		 text-align: center;
		 font-weight: 700;
		 font-size: 12px;
		 white-space: nowrap;
		 position:relative;
		}

.bt1:hover	{
		 color: #C9A584;
		}
		
.bt2		{
		 background-color:transparent;
		 min-width:30px;
		 min-height:19px;
		 width: auto;
		 border-width: 3px;
		 border: 2px solid #C9A584;
		 border-radius:4px;
		 color: #5D4C2F;
		 font-weight: 500;
		 font-size: 12px;
		 padding: 1px 5px 1px 5px;
		 white-space: nowrap;
		 position:relative;
		}

input {
    text-align: center;
	}

select > option {
		 color: darkred;	
		 		 background-color: #f8e3ba;
}	
option		{
		 background-color: #f8e3ba;
		}
		
option:hover {
		 background:#f3d08b; 
		 color: darkred;
		}			
		
.scrollicon {
		 width:30px;
		 height:30px;
		 background-image:url(pictures/other/arrow_upgrade.png);
		 background-repeat: no-repeat;
		 background-size: 100% !important;
		 position:fixed;
		 bottom:20px;
		 right:50px;
		 display:none;
		}
		
.scrollicon:hover {
		 width:30px;
		 height:30px;
		 background-image:url(pictures/other/arrow_upgrade.png);
		 background-repeat: no-repeat;
		 background-size: 100% !important;
		 opacity:0.7;
		 position:fixed;
		 bottom:20px;
		 right:50px;
		 display:none;
		}
/* Checkbox */

label input {
		 display: none;
		}
label {
		 font-size: 15px;
		 color: #555555;
		}
				
label span {
		 display: inline-block;
		 position: relative;
		 background-color:transparent;
		 min-width:11px;
		 min-height:11px;
		 border-width: 3px;
		 border: 2px solid #C9A584;
		 border-radius:4px;
		 top: 2;
		}
		
[type=checkbox]:checked + span:before {
		 content: '\2714';
		 position: absolute;
		 top: -8;
		 left: 0;
		 font-size: 16px;
		 color: #0EA803;
		}
	
/*********
  Popup
*********/

a.join_pop {
		 text-decoration: none;
		 color: #8B4513;
		}
		
.overlay {
		 background-color: rgba(0, 0, 0, 0.6);
		 bottom: 0;
		 cursor: default;
		 left: 0;
		 opacity: 0;
		 position: fixed;
		 right: 0;
		 top: 0;
		 visibility: hidden;
		 z-index: 1;

		 -webkit-transition: opacity 4s;
		 -moz-transition: opacity 4s;
		 -ms-transition: opacity 4s;
		 -o-transition: opacity 4s;
		 transition: opacity 4s;
		}
		
.overlay:target {
		 visibility: visible;
		 opacity: 1;
		}
		
.popup {
		 color:#111;
		 border:1px solid #DCA;
		 background-image:url(pictures/other/background.png);
		 width:400px;
		 line-height:16px;
		 border-radius:4px 0 4px 4px;
		 box-shadow: 5px 5px 8px #670E0E;
		 display: inline;
		 left: 50%;
		 opacity: 0;
		 padding: 15px 15px 5px 15px;
		 position: fixed;
		 text-align: center;
		 top: 30%;
		 visibility: hidden;
		 z-index: 10;

		 -webkit-transform: translate(-50%, -50%);
		 -moz-transform: translate(-50%, -50%);
		 -ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
		 transform: translate(-50%, -50%);

		 -webkit-transition: opacity 4s, top .5s;
		 -moz-transition: opacity 4s, top .5s;
		 -ms-transition: opacity 4s, top .5s;
		 -o-transition: opacity 4s, top .5s;
		 transition: opacity 4s, top .5s;
		}
		
.overlay:target+.popup {
		 top: 50%;
		 opacity: 1;
		 visibility: visible;
		}

.callin2 	{
		 z-index:20;
		 position:relative;
		 border:0;
		 width:400px;
		 height:auto;
		}
		
.close {
		 background-image:url(pictures/other/closeButton.png);
		 background-repeat: no-repeat;
		 height: 16px;
		 width: 15px;
		 position: absolute;
		 right: 0;
		 top: 0;
		}
		
/* Handy Optimierung Todo	*/	
@media screen and (max-width:980px) {
.close {
		 background-image:url(pictures/other/closeButton.png);
		 background-repeat: no-repeat;
		 height: 100px;
		 width: 50px;
		 position: absolute;
		 right: -35;
		 top: 0;
		}
.popup {
		 color:#111;
		 border:1px solid #DCA;
		 background-image:url(pictures/other/background.png);
		 width:400px;
		 line-height:16px;
		 border-radius:4px 0 4px 4px;
		 box-shadow: 5px 5px 8px #670E0E;
		 display: inline;
		 left: 50%;
		 opacity: 0;
		 padding: 15px 15px 5px 15px;

		 text-align: center;
		 top: 30%;
		 visibility: hidden;
		 z-index: 10;

		 -webkit-transform: translate(-50%, -50%);
		 -moz-transform: translate(-50%, -50%);
		 -ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
		 transform: translate(-50%, -50%);

		 -webkit-transition: opacity 4s, top .5s;
		 -moz-transition: opacity 4s, top .5s;
		 -ms-transition: opacity 4s, top .5s;
		 -o-transition: opacity 4s, top .5s;
		 transition: opacity 4s, top .5s;
		}
		}
/* Handy Optimierung Ende */

.close:hover {
		 opacity: 0.7;
		}

.popup div {
		 margin-bottom: 10px;
		}
		
.popup strong {
		 line-height:18px; font-size:16px;
		}
		
.popup p {
		 line-height:16px; font-size:12px;
		}
		
.popup b {
		 line-height:16px; font-size:12px;
		}

/*** Ende Popup ***/
		
.headerImg {
		background:url(pictures/other/header.gif);
		background-size:100% 100%;
		height:318px;
		background-repeat: no-repeat;
		margin-top: 10px;
		}

.ikaImg {
		background:url(pictures/other/ikariam_logo.png);
		background-size:100% 100%;
		height:318px;		 
		background-repeat: no-repeat;
		}
	
/* Laptop Optimierung	*/
@media screen and (max-width:1600px) {
	.headerImg {
		background:url(pictures/other/header.gif);
		background-size:100% 100%;
		height:230px;
		background-repeat: no-repeat;
		}

	.ikaImg {
		background:url(pictures/other/ikariam_logo.png);
		background-size:100% 100%;
		height:230px;		 
		background-repeat: no-repeat;
		}
	}

/* Handy Optimierung	*/	
@media screen and (max-width:980px) {
	.headerImg {
		background:url(pictures/other/header.gif);
		background-size:100% 100%;
		height:170px;
		background-repeat: no-repeat;
		}

	.ikaImg {
		background:url(pictures/other/ikariam_logo.png);
		background-size:100% 100%;
		height:170px;		 
		background-repeat: no-repeat;
		}
	}
	
/* Handy Optimierung	*/	
@media screen and (max-width:480px) {
	.headerImg {
		background:url(pictures/other/header.gif);
		background-size:100% 100%;
		height:150px;
		background-repeat: no-repeat;
		}

	.ikaImg {
		background:url(pictures/other/ikariam_logo.png);
		background-size:100% 100%;
		height:150px;		 
		background-repeat: no-repeat;
		}
	}