.container_12,
.container_16 { margin-left:auto; margin-right:auto; width:985px }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_7_narrow,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 { display:inline; float:left; margin-left:10px; margin-right:10px }

.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11,
.push_12,
.pull_12,
.push_13,
.pull_13,
.push_14,
.pull_14,
.push_15,
.pull_15 { position:relative }

.container_12 .grid_3,
.container_16 .grid_4 { width:220px }

.container_12 .grid_6,
.container_16 .grid_8 { width:460px }

.container_12 .grid_9,
.container_16 .grid_12 { width:700px }

.container_12 .grid_12,
.container_16 .grid_16 { width:940px }

.alpha { margin-left:0 }

.omega { margin-right:0 }

.container_12 .grid_1 { width:60px }

.container_12 .grid_2 { width:140px }

.container_12 .grid_4 { width:300px }

.container_12 .grid_5 { width:380px }

.container_12 .grid_7 { width:540px }

.container_12 .grid_8 { width:620px }

.container_12 .grid_10 { width:780px }

.container_12 .grid_11 { width:860px }

.container_16 .grid_1 { width:40px }

.container_16 .grid_2 { width:100px }

.container_16 .grid_3 { width:160px }

.container_16 .grid_5 { width:280px }

.container_16 .grid_6 { width:340px }

.container_16 .grid_7 { width:400px }
.container_16 .grid_7_narrow { width:390px }

.container_16 .grid_9 { width:520px }

.container_16 .grid_10 { width:580px }

.container_16 .grid_11 { width:640px }

.container_16 .grid_13 { width:760px }

.container_16 .grid_14 { width:820px }

.container_16 .grid_15 { width:880px }

.container_12 .prefix_3,
.container_16 .prefix_4 { padding-left:240px }

.container_12 .prefix_6,
.container_16 .prefix_8 { padding-left:480px }

.container_12 .prefix_9,
.container_16 .prefix_12 { padding-left:720px }

.container_12 .prefix_1 { padding-left:80px }

.container_12 .prefix_2 { padding-left:160px }

.container_12 .prefix_4 { padding-left:320px }

.container_12 .prefix_5 { padding-left:400px }

.container_12 .prefix_7 { padding-left:560px }

.container_12 .prefix_8 { padding-left:640px }

.container_12 .prefix_10 { padding-left:800px }

.container_12 .prefix_11 { padding-left:880px }

.container_16 .prefix_1 { padding-left:60px }

.container_16 .prefix_2 { padding-left:120px }

.container_16 .prefix_3 { padding-left:180px }

.container_16 .prefix_5 { padding-left:300px }

.container_16 .prefix_6 { padding-left:360px }

.container_16 .prefix_7 { padding-left:420px }

.container_16 .prefix_9 { padding-left:540px }

.container_16 .prefix_10 { padding-left:600px }

.container_16 .prefix_11 { padding-left:660px }

.container_16 .prefix_13 { padding-left:780px }

.container_16 .prefix_14 { padding-left:840px }

.container_16 .prefix_15 { padding-left:900px }

.container_12 .suffix_3,
.container_16 .suffix_4 { padding-right:240px }

.container_12 .suffix_6,
.container_16 .suffix_8 { padding-right:480px }

.container_12 .suffix_9,
.container_16 .suffix_12 { padding-right:720px }

.container_12 .suffix_1 { padding-right:80px }

.container_12 .suffix_2 { padding-right:160px }

.container_12 .suffix_4 { padding-right:320px }

.container_12 .suffix_5 { padding-right:400px }

.container_12 .suffix_7 { padding-right:560px }

.container_12 .suffix_8 { padding-right:640px }

.container_12 .suffix_10 { padding-right:800px }

.container_12 .suffix_11 { padding-right:880px }

.container_16 .suffix_1 { padding-right:60px }

.container_16 .suffix_2 { padding-right:120px }

.container_16 .suffix_3 { padding-right:180px }

.container_16 .suffix_5 { padding-right:300px }

.container_16 .suffix_6 { padding-right:360px }

.container_16 .suffix_7 { padding-right:420px }

.container_16 .suffix_9 { padding-right:540px }

.container_16 .suffix_10 { padding-right:600px }

.container_16 .suffix_11 { padding-right:660px }

.container_16 .suffix_13 { padding-right:780px }

.container_16 .suffix_14 { padding-right:840px }

.container_16 .suffix_15 { padding-right:900px }

.container_12 .push_3,
.container_16 .push_4 { left:240px }

.container_12 .push_6,
.container_16 .push_8 { left:480px }

.container_12 .push_9,
.container_16 .push_12 { left:720px }

.container_12 .push_1 { left:80px }

.container_12 .push_2 { left:160px }

.container_12 .push_4 { left:320px }

.container_12 .push_5 { left:400px }

.container_12 .push_7 { left:560px }

.container_12 .push_8 { left:640px }

.container_12 .push_10 { left:800px }

.container_12 .push_11 { left:880px }

.container_16 .push_1 { left:60px }

.container_16 .push_2 { left:120px }

.container_16 .push_3 { left:180px }

.container_16 .push_5 { left:300px }

.container_16 .push_6 { left:360px }

.container_16 .push_7 { left:420px }

.container_16 .push_9 { left:540px }

.container_16 .push_10 { left:600px }

.container_16 .push_11 { left:660px }

.container_16 .push_13 { left:780px }

.container_16 .push_14 { left:840px }

.container_16 .push_15 { left:900px }

.container_12 .pull_3,
.container_16 .pull_4 { left:-240px }

.container_12 .pull_6,
.container_16 .pull_8 { left:-480px }

.container_12 .pull_9,
.container_16 .pull_12 { left:-720px }

.container_12 .pull_1 { left:-80px }

.container_12 .pull_2 { left:-160px }

.container_12 .pull_4 { left:-320px }

.container_12 .pull_5 { left:-400px }

.container_12 .pull_7 { left:-560px }

.container_12 .pull_8 { left:-640px }

.container_12 .pull_10 { left:-800px }

.container_12 .pull_11 { left:-880px }

.container_16 .pull_1 { left:-60px }

.container_16 .pull_2 { left:-120px }

.container_16 .pull_3 { left:-180px }

.container_16 .pull_5 { left:-300px }

.container_16 .pull_6 { left:-360px }

.container_16 .pull_7 { left:-420px }

.container_16 .pull_9 { left:-540px }

.container_16 .pull_10 { left:-600px }

.container_16 .pull_11 { left:-660px }

.container_16 .pull_13 { left:-780px }

.container_16 .pull_14 { left:-840px }

.container_16 .pull_15 { left:-900px }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }

.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0 }

* html .clearfix,
*:first-child+html .clearfix { zoom:1 }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead 
{ 
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent 
}

table,tr,th,td 
{ 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:0.9em;
    line-height:1.2em;
    margin:0 0 .8em 0;
    color:#555;
    padding:4; border:1; outline:0; vertical-align:baseline; background:transparent 
}

body { line-height:1 }

ol,
ul { list-style:none }

blockquote,
q { quotes:none }

blockquote:before,
blockquote:after,
q:before,
q:after { content:''; content:none }

:focus { outline:0 }

ins { text-decoration:none }

del { text-decoration:line-through }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block;
}

body {
	background:#F3ECCB url(images/bg.gif) repeat-x;
}
#border {
  background:#FFF url(images/contentbg.gif) repeat-y;
  border: solid 2px #EEA61D;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
  margin:0px 0px 50px 0px;
}
#border.notlogged {
	background-image:none;
}
#main > div {
	padding:10px 0 5px 5px;
}
#main-notlogged > div {
	padding:20px 0 20px 10px;
}


/* ---------- BASIC TYPOGRPAHY ---------- */
h1, h2, h3, h4  {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#057E76;
		margin: 0 0 .5em 0;
}
p, span, figcaption, li, dd {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
p, li, dd {
	font-size:0.8em;
	line-height:1.4em;
	margin:0 0 .8em 0;
	color:#555;
}
a {
	color:#07A69B;
	text-decoration:none;
}
p.caption  {
	color:#057E76;
	margin:10px 0 0 0;
	text-align:center;
}
#main h1#title, #main-notlogged h1#title {
	visibility:hidden;
	height:0;
}
div#content h1 {
	font-size:1.5em;
	margin:0 0 .6em 0
}

div#sidebar h1 {
	margin:0 0 .6em 0;
}

hr {
  margin: 1em 0px;
	border:none;
	border-top:dashed 1px #EEA61D;
}
.highlight-wrong {
	color:red;
}

/* ---------- TOPBAR ---------- */
#topbar {
	padding:10px 0 0 0;
}

#topbar p, #topbar span {
	text-transform:uppercase;
	color:#F3ECCB;
}
#topbar div#login #logintext {
	color:#FFBD40;
}
#topbar #logouttext { 
	color:#FFBD40;
}
#topbar a {
	text-decoration:none;
	color:#FFBD40;
}

#topbar h2 {
	font-size:18px;
	text-transform:uppercase;
}
#topbar #sosmedlinks {
   float:right;
   margin: 0px -50px 0px 0px;
}

#topbar #sosmedlinks a, #topbar #sosmedlinks iframe {
  text-align: right;
   float:left;
   margin: 0px 3px;
}

.addthis_button_facebook_like {

  margin-top: -4px !important;
}


/* ---------- TOP HEADER ---------- */
div#top {
	margin:0 0 50px 0;
}
div#top img {
	margin: 15px 0 0 -20px;
}
div#top h2 {
	margin: 35px 0 0 30px;
	text-align:right;
	font-weight:normal;
	text-transform:uppercase;
	color:#07A69B;	
}
div#top h2 strong {
	font-weight:bold;
	color:#07A69B;
}


/* ---------- SIDEBAR ---------- */
div#sidebar > div { margin:12px 0; padding:10px; background-color:white; border: solid 1px #EEA61D; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }

div#sidebar > iframe { margin:0px; padding:0px; background-color:white; }


div#sidebar > div.top {
	margin:12px 0;
}

div#select {
    display: none;
}

#facebookintro {
	margin:20px 10px;
	padding:10px;
	background-color:white;
	border: solid 1px #EEA61D;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
	
}

#sidebar #invite div { 
	padding: 2px;
	border:none;
        float:left;
        margin:0 10px 0 0;
}

	#invite div.last {
			margin-right:0;
	}


div#sidebar div#poweredbymt {
   background-color:transparent;
   text-align:center;
   border: none;
}

div#sidebar div#poweredbymt h2  {
   color:#ba7900;
   font-size:26px;
}

div#sidebar div#poweredbymt p {
   color:#ba7900;
   font-size:15px;
   padding:0px 0px 8px 0px;
}

div#sidebar div#poweredbymt img {
   padding:0px 0px 20px 0px;
}

#fraktuur-tutorial {
   background:#FFFFFF;
   margin:1px 0px 1px 1px;
}

#fraktuur-tutorial img {
   text-align:center;
   -moz-border-radius: 0px 0px 4px 4px;
   -webkit-border-radius: 0px 0px 4px 4px;
   -khtml-border-radius: 0px 0px 4px 4px;
   border-radius: 0px 0px 4px 4px;
}

#fraktuur-tutorial h2 {
  margin:3px 0px 2px 0px;
  line-height:18px;
}

#fraktuur-tutorial a {
  float:right;
}

	/* ---------- TOP SCORE ----------- */
div#toplist {
    height: 257px;
    overflow: hidden;
    padding: 0px;
}

div#toplist > div {
    margin: 10px;
    background-color: white;
}


        dl {
			margin:10px 0px;
			float:left;
			width:128px;
	}
	 
	dl dt {
			float:left;
			width:60px;
	}
	 
	dl dd {
			margin:0;
			padding:0;
	}
	
	dd, div#invite p.caption {
			font-size:0.65em;
			line-height:1.1em;
	}

.top10 {
	background-color:#FAF5E6;
	border:#EEA61D 2px solid;
	padding:4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
	-moz-box-shadow:0px 3px 5px #CCC;
	-webkit-box-shadow:0px 3px 5px #CCC;
}


/* ---------- ABOUT PAGE ---------- */


div#about header h1 {
	font-size:1.6em;
	
}

div#about .clientselection {
	background-color:#FAF5E6;
	border:#EEA61D 2px solid;
	padding:2px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
	-moz-box-shadow:0px 3px 5px #CCC;
	-webkit-box-shadow:0px 3px 5px #CCC;
	float:left;
}

div#gameselections {
    margin: 0px 0px 20px 0px;
}

div#about .clientselection .playnow, div#about .clientscreenshot .playnow {
	background-color:#FC0;
	text-align:center;
	text-transform:uppercase;
	margin:5px 5px 5px 5px;
	padding:0px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

div#about .clientselection div.noplay {
    background-color:#E5DDDD;
}

div#about .clientselection div.noplay p.caption {
    color: #C6C6C6;
}



div#about .clientselection .playnow p, div#about .clientscreenshot .playnow p {
	font-size:18px;
	color:#ba7900;
	line-height:35px;
}

div#about .clientselection-notlogged {
	background-color:#FAF5E6;
	width:240px;
	margin:0px 10px 10px 0px;
	padding:2px;
	border:#EEA61D 2px solid;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
	-moz-box-shadow:0px 3px 5px #CCC;
	-webkit-box-shadow:0px 3px 5px #CCC;
	float:left;
	height: auto; 
	position: relative;
}

div#about .clientscreenshot {
	background-color:#FAF5E6;
	width:280px;
	margin:0px 20px 10px 0px;
	padding:2px;
	border:#EEA61D 2px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow:0px 3px 5px #CCC;
	-webkit-box-shadow:0px 3px 5px #CCC;
	float:left;
	height: auto; 
	position: relative;
}

/*-- STYLES FOR HELPNEEDED TAG--*/
/*Add suitable classes for client images and helpneeded tag images*/
.clientimage, .clienthelp{
	float: left; 
	position: relative; 
	display: inline; 
	clear: both; 
}

.clienthelp {
	margin: -198px 0px 0px -4px;
}

.fblogin {
	text-align:left;
}

#fblogin {
        margin-bottom: 20px;
}

#fblogin img {
    float: left;
    margin-right: 10px;
}

p#fbloginhelp {
    padding-top: 3px;
    font-size: 12px;
}

.textlift {
	font-size:0.95em;
	font-weight:bold;
}



#gameContent {
  margin-left: -5px;
  border: 1px solid #EEA61D;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  width:640px;
  line-height:0;
}

#gameContent > object {
        margin-left: 1px;
}

	/* -------- SLIDESHOW -------- */

	#slideshow, #slideshow-big {
		padding:0px;
		float:left;
	}

        div.hidden_slide {
           display: none;
        }

        #slideshow, #slideshow-big {
                background-color:#FAF5E6;
		border:#EEA61D 2px solid;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                -khtml-border-radius: 4px;
                border-radius: 4px;
                -moz-box-shadow:0px 3px 5px #CCC;
                -webkit-box-shadow:0px 3px 5px #CCC;
        }

        div#slidecontainer {
                margin-left: 20px;
        }

        #slideshow {
		width:282px;
		height:491px;
	}

	#slideshow img, #slideshow-big img {
		padding:2px 2px 15px 2px;
	}
	
	#slideshow .text h1 {
		font-size: 24px;
                letter-spacing: 2px;
                margin-bottom: 0px;
		padding: 10px 0 40px 10px;
	}
	#slideshow .text p {
		font-size: 11px;
                line-height: 16px;
                letter-spacing: 1px;
		padding:0 5px 0 10px;
		text-align:justify;
                text-indent: 30px;
	}
	
        /* ------- SLIDESHOW BIG ------ */

	#slideshow-big  {
		width:502px;
		height:427px;
	}

	#slideshow-big .text h1 {
		font-size:44px;
                margin-bottom: 0px;
		padding: 15px 0 45px 40px;
		letter-spacing:3px;
	}
	#slideshow-big .text p {
		letter-spacing:1px;
		font-size:24px;
		line-height:22px;
		padding:0 40px 0 45px;
		text-align:justify;
                text-indent: 50px;
	}


/* ----------- GAME NAVI ----------- */
#gameNavigation {
	background-color:#07A69B;
	color:white;
	height:20px;
	padding:5px;
	margin:1px 1px 0px 1px;
	width:628px;
	-moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  -khtml-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}

#gameNavigation img {
	margin:0 3px -1px 5px;

}
#gameNavigation a {
	color:white;
	line-height:20px;
	text-transform:uppercase;
	text-decoration:none;
}

#gameNavigation #backtofrontpage {
	width: 250px;
	float:left;
}
	
#score-to-wall {
	float:right;
/*	width:240px;*/
	text-align:right;
}

#score-to-wall p {
	color:white;
	text-transform:uppercase;
	font-size:13px;
	margin:-1px 3px 0px 0px;
}

#score-to-wall img {
	margin:0px 7px -3px 0px;
}

/* ---------- FOOTER NAVI --------- */

#footer_container {
   background-color:#69563E;    
   /*The main footer div witch will hold the bar*/
   bottom: 0px;
   padding: 0px;    /*0 Padding for the footer container*/
   position: fixed;/*Fixe the containter at bottom*/
   width: 100%;/*This is not the footer width: goto -> .footer_bar->margin-(left/right)*/
   float:left;
   left:0;
   border-top:5px solid #F3ECCB;
   z-index: 999;
}
#footer_container .footer_bar {
   height:22px;
   /*Visibility general*/
   overflow: visible !important;
   position: relative;
   display:block;
   margin:0px auto;
   padding:5px 0px 5px 0px;
   bottom: 0;
   width:960px;

}
#footer_container .footer_bar .footer_bar_left{float:left;left:0px;}
#footer_container .footer_bar .footer_bar_right{float:right;right:0px;}


.footer_bar li {
   text-transform:uppercase;
   float:left;
   margin:3px 20px;
}
.footer_bar a {
   font-size:1.05em;
   font-weight:normal;
   text-decoration:none;
   color:white;
}
.footer_bar a:hover {
   text-decoration:underline;
}
.footer_bar .language {
   float:right;
   margin-left:0px;
}

/* -------- MEDIA PAGE -------- */

#publishedarticles a {
	color:#555;
}

#publishedarticles p {
	line-height:75px;
	margin:0px 0px 0px 0px;
}

#publishedarticles img {
	margin:0px 0 0px 0;
}

#furtherinfo h1 {
	padding:20px 0 10px 0;
}
/* ---------- SECTION ---------- */

#error {
	margin:50px auto;
	text-align:center;
}
#error h1 {
	font-size:2em;
	margin:20px 0;
}

/* -----LOGIN FORM------ */
.emailforms {
   border:#EEA61D 2px solid;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   margin:10px 0;
   width:620px;
}

#no-facebook {
	border: none;
}

#no-facebook p {
	font-size: 11px;
}

.loginformfields {
   float:left;    
   width:290px;
   border-right:dashed 1px #EEA61D;
   padding:10px;
}

.emailforms-full-width {
   padding:6px 10px 12px 10px;
}

.email-forms-info {
   float:left;
   width:280px;
   padding:0px 0px 0px 20px;
}

.email-forms-close {
   text-align:right;
   text-decoration:none;

}

.email-forms-close a {
   text-decoration:none;
}
.emailforms-full-width-close {
   text-align:right;
   float:right;
   text-decoration:none;
}

.loginformfields h4 {
   font-size:14px;
}

#loginform a, #activation-mail a, #forgot-pwd-form {
       text-decoration:none;
       color:#057E76;
}

.loginformfields input {
   margin:5px 10px;
   width:280px;
}

.loginformfields input.dtbutton {
   font-size:12px;
   line-height:20px;
 font-family:Trebuchet MS,sans-serif;
 color:#b47d00;
   margin:5px 9px 10px 0px;
 width:134px;
 height:26px;
 background-color:#f8f4e0;
 border-style:solid;
 border-color:#efa700;
 border-width:1px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -khtml-border-radius: 4px;
 border-radius: 4px;
   display:inline;
}

.loginformfields input.dtfield {
   font-size:13px;
 font-family:Trebuchet MS,sans-serif;
 color:#b47d00;
   margin:5px 0px;
   width:260px;
 height:26px;
   padding:0px 10px;
 background-color:#f8f4e0;
 border-style:solid;
 border-color:#efa700;
 border-width:1px;
   -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -khtml-border-radius: 4px;
 border-radius: 4px;
}

.email-forms-info p {
   color:#b47d00;
   font-size:12px;
   line-height:18px;
}

.loginformfields #spinningicon {
   float:left;
   display:inline;
}

.loginformfields #formerror{
   color:#d42400;
   padding:0px 10px;
   font-weight:bold;
   float:left;
   line-height:25px;
}

/* ---------- INFO & WARNINGS ---------- */
#flash_warn, #flash_info {
   background:#EEA61D;
   border: solid 2px #EEA61D;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   -khtml-border-radius: 7px;
   border-radius: 7px;
   margin:0px 0px 10px 0px;
   color:white;
   padding:10px 0px 0px 10px;
   text-align:center;
   text-transform:uppercase;
}

#flash_warn {
  background:#A51401;
}

#flash_warn p {
  color:white;
}