@charset "utf-8";
/* ***********************************************************************
                                                                       
     ____    __                                                                                                         
    /\  _`\ /\ \__                                      
    \ \,\L\_\ \ ,_\   ___   _____   _____       ____     __           
     \/_\__ \\ \ \/  / __`\/\ '__`\/\ '__`\    /',__\  /'__`\          
        /\ \L\ \ \ \_/\ \L\ \ \ \L\ \ \ \L\ \__/\__, `\/\  __/         
       \ `\____\ \__\ \____/\ \ ,__/\ \ ,__/\_\/\____/\ \____\         
         \/_____/\/__/\/___/  \ \ \/  \ \ \/\/_/\/___/  \/____/        
                               \ \_\   \ \_\                            
                                \/_/    \/_/                          
                                                                        
                                                                        
          Merry Christmas                                   
          Author: Norbert Taeubl                    
          Version: 1.0                                                   
          Date: 10.12.2008                                            
                                                                         
 *********************************************************************** */

@import url(reset.css);

html {
	height:100% !important;
	}

body {
	background-color: #000;
	font: 75% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CCC;
	text-align:center;
	height:100%;
	}
a {
	text-decoration:none;
	color:#FFF;
	}
#wrapper {
	margin:3em auto;
	width:642px;
	text-align:left;
	}
#header {
	padding:0 0 1.4em 0;
	}
#headline {
	padding:0 0 5px 0;
	}
#containerInstruction {
	padding:0.2em 0;
	background:#000;
	}
#containerInstruction p {
	padding:0 0 0em 0;
	line-height:1.4em;
	}
#buttonInstructions {
	cursor:pointer;
	float:right;
	margin-top:5px;
	}
#toggle1, #toggle2, #toggle3 {
	display:none;
	}
#instructions {
	position:relative;
	background: #000 url(../images/bg_instructions.gif) repeat-x;	
	padding:5px;
	border: 1px solid #1a1a1a;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}
#downloadCard {
	position:absolute;
	right:2em;
	top:2em;
	}
#instructions ol {
	padding:1em;
	list-style-type:decimal;
	}
#instructions li {
	margin-left:2em;
	line-height:1.5em;
	}
.note, .note a, #toggle3 {
	color:#555;
	}
#troubleshooting {
	color:#c00000;
}
#troubleshootImage {
	margin:0 0 0 10px;
	}
#closeWindow {
	text-align:right;
	padding: 0 5px 0 0;
	}
#closeWindowButton {
	cursor:pointer;
	}
#flashcontent {
	width: 640px;
	height: 480px;
	border:1px solid #1a1a1a;
	text-align:center;
	background:#040404;
	}
#flashcontent img {
	margin-top: 100px;
	}
#facebookButton {
	margin:0.3em 0 0 0.2em;
	}
#footer {
	position:relative;
	margin:0.2em 0 2em 0;
	padding:0.5em 60px 2em 0;
	}
#stoppSign {
	position:absolute;
	right:60px;
	top: 40px;
	}
#reference {
	position:absolute;
	border-top:1px dotted #333;
	padding-top:3px;
	margin-bottom:30px;
	top: 160px;
	width:642px;
	text-align:center;
	font-size:0.85em;
	}
#reference a {
	color: #666;
	}
#share {
	margin-top:2em;
	text-align:right;
	}
#buttonMail {
	cursor:pointer;
	}
#mail {
	background: #000 url(../images/bg_instructions.gif) repeat-x;	
	margin-bottom:1em;
	padding:1em;
	width:257px;
	border: 1px solid #1a1a1a;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}
#mail form div {
	padding:0 0 0.6em 0;
	}
#mail form label {
	font-size:0.9em;
	}
input.txt, textarea.txt  {
	color:#333;
	background:#FFF;
	border:1px solid #1a1a1a;
	padding:0.1em;
	width:245px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;	
}
input.btn {
	margin: 0.3em 0;
	background:#000 url(../images/bg_instructions.gif) repeat-x;
	border:1px solid #1a1a1a;
	color:#FFF;
	font-size:0.9em;
	padding:0.2em 0.8em;
	}
#mrGinger {
	padding:5px 0 0 2px;
	font-size:1.1em;
	cursor:pointer;
	}
/* ----------------------------------------------
		Float's
---------------------------------------------- */
.fltrt { 
	float: right;
	margin-left: 8px;
	}
.fltlft { 
	float: left;
	margin-right: 8px;
	}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}