@charset "utf-8";
/* CSS Document */

/* ALLGEMEIN */
body,
html{ 
	background: #fff; color: #696969; font-family: 'Open Sans', sans-serif; font-size: 16px; height: 100%; letter-spacing: 0.02em; line-height: 24px; margin: 0; padding: 0; width: 100%;}
h1{ 
	font-size: 26px; padding: 10px 0; border-bottom: 1px solid #dedede; margin: 0 0 10px 0; }
a:link, 
a:visited{ 
	color: #1fa2d6; text-decoration: none; }
a:hover, 
a:active{ 
	color: #0074a2; text-decoration: underline; }
div#logoform{ 
	padding-top: 50px; text-align:center; width: 100%; }
div#logoform img{ 
	height: auto; width: 992px; }
div#navigation{ 
	float:left; margin: 0 0 0 20px; padding: 0; width: 270px; }
div#navigation ul{ 
	list-style-type: none; margin: 0; padding: 0; }
div#navigation ul li{ 
	background-color: #eee; border: 1px solid #696969; display: block; height: 50px; line-height: 50px; margin-top: 20px; padding: 0; width: 100%; transition: all 0.3s ease-in-out; }
div#navigation ul li:hover{ 
	background-color: #d5f0f9; border: 1px solid #92d8ef; }
div#navigation ul li a:link,
div#navigation ul li a:visited{ 
	color: #696969; display: block; height: 100%; padding: 0 10px; width: 100%; text-decoration: none; }
div#navigation ul li a:hover,
div#navigation ul li a:active{ 
	color: #444; text-decoration: none; }
div#navigation ul li.language a{ 
	display: inline; }
div#navigation ul li.language a.langaktiv{ 
	color: #1fa2d6; }
div#inhalt{ 
	border: 1px solid #696969; margin: 30px 20px 20px 310px; min-height: 462px; padding: 10px; position: relative; }

div#hintergrundhelp{ 
	display: none; z-index: 1; position: fixed; height:100%; width:100%; top:0px; left:0px; background:#000; }
div#popuphelp{ 
	display: none; z-index: 2; position: fixed; width:600px; top: 50px; left: 50%; margin-left: -300px; background-color: #fff; border: 8px solid #ccc;  border-radius: 5px; color: #11121d; }
div#popuphelp_inhalt{ 
	height: auto; max-height: calc(100vh - 100px); padding: 20px; overflow: auto; }

/* ENDE ALLGEMEIN */

/* SPIELE ALLGEMEIN */
div#hintergrundmemory,
div#hintergrundjungle,
div#hintergrundtwo{ 
	display: none; z-index: 998; position: fixed; height:100%; width:100%; top:0px; left:0px; background:#000; }
div#geschafftMessage,
div#geschafftMessageTwo,
div#geschafftMessageJungle{
	display: none; z-index: 999; position: fixed; height: 200px; width:800px; top: 50%; left: 50%; margin-left: -400px; margin-top: -100px; background: none repeat scroll 0 0 #FFFFFF; border: 8px solid #ccc;  border-radius: 5px 5px 5px 5px; color: #000; text-align: center; }
div.downloadfile{
	border: 1px solid #696969; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.75); height: 80px; margin-top: 40px; width: 550px;}
div.filetype{
	float: left; padding: 5px; }
div.filetype img{
	height: auto; width: 70px; }
div.beschreibungfile{
	float: left; margin-left: 5px; }
div.beschreibungfile h4{
	margin: 0; margin-top: 10px; }
div.beschreibungfile p{
	margin: 0; margin-top: 10px; }
div.helpButton{
	float: right; padding: 20px 20px 0 0; }
div.helpButton img{
	height: auto; cursor: pointer; width: 40px; }
div#timer,
div#timertwo,
div#timerjungle{
	font-family: 'Oxygen Mono', sans-serif; font-size: 32px; text-shadow: 0px 0px 5px rgba(255, 255, 255, 1); }
div.hovered{
	background-color: #d6e4f7; border-color: #449; }
div.div_outer{
	display: table; height: 100%; position: absolute; width: 100%; }
div.div_middle{
	display: table-cell; vertical-align: middle; }
div.div_inner{
	margin: 0 10px; text-align: center; }
	
/* ENDE SPIELE ALLGEMEIN */


/* MEMORY */
div#kartenstapel-mem{
	background-color: #eee; height: 200px; margin-top: 0; position: relative; width: 100%; }
div#kartenanzahl-mem{
	background-color: #eee; border-bottom: 1px solid #696969; height: 50px; line-height: 50px; width: 100%; }
div#kartenanzahl-mem p{
	margin: 0; padding: 0; }
div#ablage-mem_01,
div#ablage-mem_02,
div#ablage-mem_03,
div#ablage-mem_04{
	background-color: #fee; float: left; border: 5px solid #444; height: 152px; margin: 20px 0px 20px 20px; position: relative; width: 302px; }
div#anzahl-mem_01,
div#anzahl-mem_02,
div#anzahl-mem_03,
div#anzahl-mem_04{
	float: left; margin: 0 0px 0 20px; width: 312px; }
div.fragekarte-mem{
	background-color: #fefefe; border: 1px solid #449; border-radius: 5px; box-shadow: inset 0 0 10px #449; color:#449; cursor: move; height: 150px; font-size: 14px; font-weight: bold; line-height: 20px; position: relative; width: 300px; }
div.fragekarte-mem p{
	margin: 0; padding: 0; }
div#gegenkarten-mem{
	background-color: #fff; width: 100%; }
div.antwortkarte-mem{
	background-color: #eee; color: red; float: left; border: 5px solid #444; height: 152px; font-size: 14px; font-weight: bold; line-height: 20px; margin: 20px 0px 20px 20px; position: relative; width: 302px; transition: all 0.3s ease-in-out;  }
div.antwortkarte-mem p{
	margin: 0; padding: 0; }
/*div.legeplatz{
	background-color: #eee; color: red; float: left; border: 5px solid #444; height: 152px; font-size: 14px; font-weight: bold; line-height: 20px; margin: 20px 0px 20px 20px; position: relative; width: 302px; transition: all 0.3s ease-in-out;  }*/
/* ENDE MEMORY */

/* TWO OF A KIND */
div#kartenstapel-two{
	background-color: #eee; height: 200px; margin-top: 0; position: relative; width: 100%; }
div#kartenanzahl-two{
	background-color: #eee; border-bottom: 1px solid #696969; height: 50px; line-height: 50px; width: 100%; }
div#kartenanzahl-two p{
	margin: 0; padding: 0; }
div#ablage-two_01,
div#ablage-two_02,
div#ablage-two_03,
div#ablage-two_04,
div#ablage-two_05,
div#ablage-two_06{
	background-color: #ccc; float: left; border: 5px solid #444; height: 100px; margin: 20px -10px 20px 20px; position: relative; width: 200px; }
div#anzahl-two_01,
div#anzahl-two_02,
div#anzahl-two_03,
div#anzahl-two_04,
div#anzahl-two_05,
div#anzahl-two_06{
	float: left; margin: 0 -10px 0 20px; width: 210px; }
div.fragekarte-two{
	background-color: #fefefe; border-radius: 5px; cursor: move; height: 98px; font-size: 14px; font-weight: bold; line-height: 20px; position: relative; width: 198px; }
div.fragekarte-two p{
	margin: 0; padding: 0; }
div.linkekarte-two{
	border: 1px solid #7ca9bf; box-shadow: inset 0 0 10px #7ca9bf; color:#7ca9bf; }
div.rechtekarte-two{
	border: 1px solid #bfa97c; box-shadow: inset 0 0 10px #bfa97c; color:#bfa97c; }
div#gegenkarten-two{
	background-color: #fff; width: 100%; }
div.antwortkarte-two{
	float: left; border: 5px solid #444; height: 100px; margin: 20px 0px 20px 20px; position: relative; width: 200px; transition: all 0.3s ease-in-out;  }
div.antwortkarte-two:nth-child(odd){
	float: left; border: 5px solid #444; height: 100px; margin: 20px -20px 20px 20px; position: relative; width: 200px; transition: all 0.3s ease-in-out;  }
/* ENDE TWO OF A KIND */

/* TERM JUNGLE */
div#kartenstapel-jungle{
	background-color: #eee; height: 200px; margin-top: 0; position: relative; width: 100%; }
div#kartenanzahl-jungle{
	background-color: #eee; border-bottom: 1px solid #696969; height: 50px; line-height: 50px; width: 100%; }
div#kartenanzahl-jungle p{
	margin: 0; padding: 0; }
div#ablage-jungle_01,
div#ablage-jungle_02,
div#ablage-jungle_03,
div#ablage-jungle_04,
div#ablage-jungle_05,
div#ablage-jungle_06{
	background-color: #ccc; float: left; border: 5px solid #444; height: 100px; margin: 20px -10px 20px 20px; position: relative; width: 200px; }
div#anzahl-jungle_01,
div#anzahl-jungle_02,
div#anzahl-jungle_03,
div#anzahl-jungle_04,
div#anzahl-jungle_05,
div#anzahl-jungle_06{
	float: left; margin: 0 -10px 0 20px; width: 210px; }
div.fragekarte-jungle{
	background-color: #fefefe; border-radius: 5px; border: 1px solid #222; box-shadow: inset 0 0 10px #222; color:#444; cursor: move; height: 98px; font-size: 14px; font-weight: bold; line-height: 20px; position: relative; width: 198px; }
div.fragekarte-jungle p{
	margin: 0; padding: 0; }
div#gegenkarten-jungle{
	background-color: #fff; width: 100%; }
div.hauptantwort{
	float: left; border: 5px solid #444; height: 100px; margin: 20px -10px 20px 20px; position: relative; width: 200px; transition: all 0.3s ease-in-out;  }
div.hauptantwort p{
	color: #222; font-size: 14px; font-weight: bold; line-height: 20px; margin: 0; padding: 0; }
div.antwortkarte-jungle{
	float: left; border: 5px solid #444; height: 100px; margin: 20px -10px 20px 20px; position: relative; width: 200px; transition: all 0.3s ease-in-out;  }
/* ENDE TERM JUNGLE */


div#steuerung{
	background: linear-gradient(#222, #444); }
p.steuerlink{
	margin: 0; padding: 0; }
p.popupsteuerlink{
	margin-top: 40px; padding: 0; text-align: center; }
p.steuerlink a:link,
p.steuerlink a:visited{
	border: 2px solid #fff; color: #fff; display: inline-block; height: 40px; font-weight: bold; line-height: 40px; text-decoration: none; width: 180px; transition: all 0.3s ease-in-out; }
p.popupsteuerlink a:link,
p.popupsteuerlink a:visited{
	border: 2px solid #222; color: #222; display: inline-block; height: 40px; font-weight: bold; line-height: 40px; text-decoration: none; width: 180px; transition: all 0.3s ease-in-out; }
div#geschafftMessage p.steuerlink a:link,
div#geschafftMessage p.steuerlink a:visited,
div#geschafftMessageTwo p.steuerlink a:link,
div#geschafftMessageTwo p.steuerlink a:visited{
	border: 2px solid #444; color: #444; }
p.steuerlink a:hover,
p.steuerlink a:active{
	background-color: #fff; border: 2px solid #000; color: #000; }
p.popupsteuerlink a:hover,
p.popupsteuerlink a:active{
	background-color: #222; border: 2px solid #fff; color: #fff; }
div#registerform{ 
	border: 1px solid #dedede; height: auto; margin: 100px auto 20px; padding: 30px 20px 0 0 ; text-align:right; width: 550px; }


/* FORMULARE. */
div#loginform{ 
	border: 1px solid #dedede; height: auto; margin: 100px auto 20px; padding: 30px 20px 0 0 ; text-align:right; width: 500px; }
label.loginformular{ 
	display: block; float: left; font-size: 14px; margin: 3px 5px 0 0; text-align: right; width: 140px; }
label.registerformular{ 
	display: block; float: left; font-size: 14px; margin: 3px 5px 0 0; text-align: right; width: 200px; }
input[type="text"], 
input[type="email"], 
input[type="password"],
select, 
textarea{ 
	border: 1px solid #ddd ; background: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 6px 4px; width: 300px; }
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus,
textarea:focus{ 
	border-color: #99baca; background: #f5fbfe; color: #696969; outline: auto; }
input[type="submit"],
input[type="button"] { 
	background-color: #eee; border: 1px solid #696969; font-size: 14px; line-height: 20px; text-align: center; width: 80px; transition: all 0.3s ease-in-out; }
input[type="submit"]:hover,
input[type="button"]:hover{ 
	background-color: #d5f0f9; border: 1px solid #92d8ef; color: #444; }
/* ENDE FORMULARE. */



/*

div#cke_mitteilung							{ width: 100%; max-width: 860px; }

p 															{ padding:0 0 10px 0; }
p.falsch												{ color: #b00; }

label.inline{ 
	display: inline; float: none; text-align:left; }


textarea{ height: 250px; resize: none; width: 790px; }

select#speziellerTag,
select#loc_evt,
select#hauptMenue,
select#sitzArt									{ width: 308px; }

span.checkboxSpec								{ background: #ddd; border-radius: 100%; box-shadow: 0px 1px 3px rgba(0,0,0,0.5); display: inline-block; height: 20px; margin: 0 10px; position: relative; width: 20px; }
span.checkboxSpec label 				{ background: #333; border-radius: 100px; box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5); cursor: pointer; display: block; height: 14px; left: 3px; position: absolute; top: 3px; transition: all .5s ease; width: 14px; z-index: 1; }
span.checkboxSpec input[type=checkbox]:checked + label { background: #26ca28; }

div.fileUpload 									{ position: relative;  overflow: hidden; }
div.fileUpload span.durch			{ background-color: #b00; border: none; color: #fff; display: inline-block; font-family: Arial, sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase; padding: 4px 12px; width: auto; }
div.fileUpload input.upload 		{ position: absolute; top: 0; left: 0; margin: 0; padding: 0; opacity: 0; width: 440px; }

input[type="checkbox"] 				{ margin: auto; }
 
input.preis											{ width: 40px; }

td.preis												{ background-color: #fff; border: none; }

ul#anzeigeRF					{ margin: 0; padding: 0; }
ul#anzeigeRF li				{ background-color: #111; border: 2px solid #000; display: list-item; height: 36px; list-style-type: none; line-height: 36px; padding: 0; margin: 10px 0; width: 1000px; }
ul#anzeigeRF li.sortable-dragging		{ background-color: red; display: list-item; height: 36px; list-style-type: none; line-height: 36px; padding: 0; margin: 10px 0; width: 1000px; }
ul#anzeigeRF li.sortable-placeholder	{ border: 1px dashed #CCC; background: none; }
input#speicherButton	{ display: none; }




#crop_container				{ float: left; margin: 20px; position: relative; }
#crop_box							{ background: #fff; opacity: 0.3; left: 0; top: 0; position: absolute; border: 1px dashed #186ab5; z-index: 1000; margin: 0; padding: 0; }
#crop_box:hover			 	{ cursor: move; }
#crop_message 				{ background-color: #DB2C2C; color: #fff; font-size: 9px; text-transform: uppercase; font-family: Arial, sans-serif; padding: 3px 5px 3px 5px; position: absolute; white-space: nowrap; visibility: hidden; z-index: 1001; }
#resize_icon	 				{ position: absolute; height: 16px; width: 16px; background: url('../images/resize_icon.png'); bottom: 0; right: 0; z-index: 1001; }
#resize_icon:hover		{ cursor: se-resize; }
#crop_button 					{ cursor: pointer; padding: 6px; text-align: center; font-size: 18px; font-family: Arial, sans-serif; text-transform: uppercase; background: #4E6A73; color: #fff; }
#crop_button:hover 		{ background: #507480; }
#crop_button:active 	{ background: #475C63; }
#image_to_crop				{ display:block; }
#crop_preview					{ border: 1px solid #000; overflow: hidden; margin: 20px; }
#preview_message 			{ opacity: 0.9; background-color: #000; color: #fff; font-size: 9px; text-transform: uppercase; font-family: Arial, sans-serif; padding: 3px 10px 3px 10px; position: absolute; white-space: nowrap; z-index: 1001; }
#crop_container.hidden,
#crop_preview.hidden 	{ display: none; }

table.bilderbogen			{ border-collapse: collapse; width:10%; }
table.bilderbogen tr	{ border: none; }
table.bilderbogen td	{ border: 1px solid #000; border-right: none; vertical-align: bottom; }

div#hintergrundemail,
div#hintergrund				{ display:none; z-index:1; position: fixed; height:100%; width:100%; top:0px; left:0px; background:#000000; }
div#popupemail				{ display: none; z-index: 2; position: fixed; width:800px; top: 50px; left: 50%; margin-left: -400px; background: none repeat scroll 0 0 #FFFFFF; border: 8px solid #ccc;  border-radius: 5px 5px 5px 5px; color: #000; }
div#popup 						{ display: none; z-index: 2; position: fixed; width:600px; top: 50px; left: 50%; margin-left: -300px; background: none repeat scroll 0 0 #FFFFFF; border: 8px solid #ccc;  border-radius: 5px 5px 5px 5px; color: #000; }
div#popup_inhaltemail	{ height: 600px; overflow: auto; }
div#schliessenemail,
div#schliessen 				{ position: relative; height: 30px; width: 30px; left: 30px; bottom: 30px; background: url(../images/close.png) no-repeat 0 0 transparent; float: right; cursor: pointer; }
div#popup_inhaltemail,
div#popup_inhalt 			{ margin: 8px 14px; }
*/