/**
 * Reset CSS
 * based on Eric Meyer's CSS Reset
 * http://meyerweb.com/eric/tools/css/reset/
 */
* { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote { 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; }
table { border-collapse:collapse; border-spacing:0; }

/**
 * Base classes
 */
.cl, .clear { clear:both; float:none; }
.left { float:left; }
.right { float:right; }
.center { display:block; margin-left:auto; margin-right:auto; }
.half { width:45%; margin:0 2%; }
.third { width:28%; margin:0 2%; }
.amp { font:normal normal inherit/inherit Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; }
.hideme { display:none; }
.inner { margin:0 auto; width:960px; }
.red { color:red; }

/**
 * Basic elements
 */
a, a:link, a:hover, a:active, a:visited, a:focus { color:inherit; text-decoration:none; }
q { quotes:"\00BB " "\00AB"; }
img { -ms-interpolation-mode:bicubic; }
abbr[title] { border-bottom:1px dotted #888; cursor:help; }

/**
 * Base
 */
body { overflow-y:scroll; background:#1c4c5c; color:#fff; font:16px/22px Helvetica, Arial, sans-serif; }
#header { border-bottom:1px solid #0e262e; padding:20px 0 15px; }
#header a { display:block; width:450px; height:63px; background:url("../images/logo.png"); text-indent:-999999px; }
#content { color:#1c4c5c; border-top:1px solid #ddecf0; background:#bbd8e0; border-bottom:1px solid #ddecf0; }
#footer { font:14px/20px Helvetica, Arial, sans-serif; padding:20px 0 20px; border-top:1px solid #0e262e; color:#559db3; }
#footer a { border-bottom:1px dotted #559db3; }
#footer a:hover { border-bottom:1px solid #fff; color:#fff; text-decoration:none; }
#footer .footer { text-shadow:#000 0px 1px 1px; }
#footer #imprint { padding:10px 0 0; }
#footer #imprint h3 { color:#bbd8e0; padding:10px 0 5px; }
#footer #imprint h2 { color:#fff; font-size:18px; padding:10px 0 0; }
#footer #imprint .right { margin-top:15px; width:200px; text-align:right; font-weight:bold; font-size:11px; text-transform:uppercase; }
#footer #imprint .right a { display:inline-block; height:18px; border:0; color:#fff; padding-right:25px; background:url('../images/icon_close.gif') center right no-repeat; }
#footer #imprint .right a:hover { border:0; }
#step1, #step2, #step3, #step4 { height:100%; width:772px; float:left; min-height:500px; border-left:1px solid #cbe1e7; border-right:1px solid #8ea4aa; }
#step1 { background:url("../images/bg_step1.png") no-repeat; }
#step2 { background:url("../images/step2_bg_inactive.png") no-repeat; width:60px; }
#step3 { background:url("../images/step3_bg_inactive.png") no-repeat; width:60px; }
#step4 { background:url("../images/step4_bg_inactive.png") no-repeat; float:right; width:60px; }
#content h2 { margin:0 0 10px; font:bold 18px/28px Helvetica, Arial, sans-serif; }
#content .step-in { padding:20px; padding-left:80px; }
#content .inner { overflow:hidden; height:100%; min-height:500px; border-right:1px solid #cbe1e7; border-left:1px solid #8ea4aa; }
.button { text-shadow:#000 0px 1px 1px; font:bold 18px/60px Helvetica, Arial, sans-serif !important; color:#fff !important; background:url("../images/button_bg_right.png") top right; cursor:pointer; display:inline-block; }
.button span { color:#fff !important; display:inline-block; background:url("../images/button_bg_left.png") no-repeat; padding:0 25px 4px 27px !important; }
.white { color:#fff !important; background:url("../images/button_bg_right_white.png") top right; } 
.white span { color:#fff !important; background:url("../images/button_bg_left_white.png") no-repeat; }
#cropimage { margin:25px 0 20px; }
#step2 .left, #step2 .right { padding-top:10px; width:50%; }
#facebook_msg { display:block; color:#666; padding-left:18px; font-size:14px; }
.welcome { background:#fff; margin-left:-65px; width:260px; padding:20px 15px 5px; }
.welcome h2 { display:block; background:#E2001A; margin:-25px -15px 15px -15px !important; color:#fff; font-size:22px !important; padding:15px; }
.welcome .button { margin:15px -10px 10px -10px; }
#croppedImage { float:left; margin-right:25px; }
#errorMsg { padding-bottom:10px; color:red; display:none; font:14px/20px Helvetica, Arial, sans-serif; }