/*alphafrom webshop root css*/
/* www.rusitschka.de 14.1.2009 */
/*         version 0.1         */

/* standards and resets*/

h3 {font-size:20px; color:#313638; font-weight:normal; padding:0;}

p.star {padding:0 0 6px 34px;width:466px;margin:32px 0 0; color:#666; font-size:11px;}

/*buttons*/
#interaction #start-signup a.button { font-weight:bold; margin:12px 0 4px}
#interaction #start-login input.button { margin:12px 0 4px}


/* layout, wrapper */
#header {height:94px;}

.flash {width:510px; position:absolute; left:250px; top:40px;}
#home-wrapper-nograde .flash { top:-51px; padding:5px 8px 6px;}

body { background: url(/images/root/bg-girl-nograde.jpg) no-repeat top center;  height:652px;
       width:100%;}
#home-wrapper {background: url(/images/root/bg-girl-nograde.jpg) no-repeat -515px 0;
        margin:0 auto; width:1017px; height:632px; padding:0}
* html #home-wrapper, * html #home-wrapper-nograde{ background-position:-516px 0}
*+html #home-wrapper, *+html #home-wrapper-nograde{margin-top:-20px;background-position:-516px 0}

body.nograde { background: url(/images/root/bg-girl-nograde.jpg) no-repeat top center;}
#home-wrapper-nograde {background: url(/images/root/bg-girl-nograde.jpg) no-repeat -515px 0;
        margin:0 auto; width:1017px; height:632px;}
/* header */

#header {margin:0; width:1007px; position:relative; padding:0 20px 0 0}
#home-wrapper-nograde #header {padding:0; width:1017px; }
#home-wrapper-nograde ul.advances {display:none }
#home-wrapper-nograde ul.workflow-example {padding:0 0 40px }
#home-wrapper #header {position:absolute;top:0 }
#home-wrapper #content {padding-top:57px}
#home-wrapper #content h2 {margin:0}
#home-wrapper .flash {top:4px}
#home-wrapper #teasers {top:188px}
#home-wrapper #teasers.teasers-start {top:148px}
#home-wrapper .teaser-service {  right:21px; top:540px}
/* content */
#content-wrapper {padding:0; margin:0; width:1017px}
#content {padding:0 0 0 250px; margin:0; width:767px}
#content h2 {  display:block; font-size:0; margin:0; padding:28px 0 0;
        background: url(/images/root/claim.png) no-repeat; overflow:hidden; width:524px;
        height:0 !important;}
* html #content h2 { height:1%; background: url(/images/root/claim.gif) no-repeat;}
#content h3.subline {  display:block; font-size:0; margin:8px 0 0; padding:14px 0 0;
        background: url(/images/root/subline.gif) no-repeat; overflow:hidden; width:524px;
        height:0 !important;}
* html #content h3.subline { height:1%}

ul.workflow-example {list-style-type:none;display:block;height:36px;margin:35px 0 0;
                  background: url(/images/root/workflow.png) no-repeat;}
ul.workflow-start {background-image: url(/images/root/workflow_index.png);height:35px}
ul.workflow-example li {float:left;padding:10px 15px 0}

ul.advances {list-style-type:none;width:262px;margin-top:30px;float:left;padding-bottom:32px}
ul.advances li {padding:0 0 4px}
ul.advances li h4{font-weight:bold;font-size:13px;margin:0;padding:0}
ul.consumer-advances{padding:0;margin-top:10px;width:221px}
ul.business-advances{width:230px;}
ul.consumer-advances, ul.business-advances, #teasers h3 {margin-left:22px;width:221px;float:left}

#teasers {right:0; top:162px;width:244px}
.teaser {height:204px;width:237px;}
.teaser-service {  right:3px; top:382px; }



#interaction #start-login .forgot-password {font-size:11px; }
#interaction input#email, #interaction input#password { background-color:#f8fcff; width:185px; }
#interaction #start-login, #interaction #start-signup { display:block; 
    width:185px; padding-top:16px; }
#interaction #start-login { float:right; padding-right:45px; }
#interaction #start-signup { float:left; padding-left:35px; }
#interaction #start-signup p{width:185px; margin:14px 0 18px;}
#interaction #start-login label {display:none;}
#interaction #start-login h3 {padding-bottom:18px;}
#start-login .user-inputs-center {width:185px}

#interaction #start-login .input-wrapper { width:185px; height:29px; overflow:hidden;}
#interaction #start-login #password {margin-bottom:9px;}

#interaction #start-info { font-weight:bold; padding:22px 0 10px; font-size:16px;
    text-align:center; }
#interaction #start-open-orders { padding:5px 1px 0; text-align:center; margin-bottom:15px; }
#interaction .logged-in-nav { width:126px; float:left;
    display:inline; margin-left:36px; text-align:center; height:122px;}
#interaction #start-upload  { background-image:url(/images/root/upload.png);
        background-position:bottom center; background-repeat:no-repeat;}
#interaction #start-profile { background-image:url(/images/root/profile.png);
        background-position:bottom center; background-repeat:no-repeat;}
#interaction #start-cart{ background-image:url(/images/root/cart.png);
        background-position:bottom center; background-repeat:no-repeat;}
#interaction #start-cart span.start-nav-content{ background-image:url(/images/root/cart-grey.png);
        background-position:bottom center; background-repeat:no-repeat; cursor:default;}
        
#interaction .logged-in-nav .start-nav-content { text-decoration:none; display:block;
    background-position:bottom center; background-repeat:no-repeat;
    font-size:11px; height:110px; padding:8px 4px 4px;}
#interaction .logged-in-nav .start-nav-content span { display:block; margin:0;
    font-weight:bold; font-size:13px;}
#interaction .logged-in-nav a.start-nav-content { color:#313638; background:url(/images/root/home.gif) 0 0;}
#interaction .logged-in-nav a.start-nav-content:hover { background-position:0 -122px;}
#interaction .logged-in-nav a.start-nav-content span { color:#007CBC; text-decoration:underline; }
#interaction .logged-in-nav span.start-nav-content { color:#9fa4a6; }
#interaction.root {clear:both;margin:0;padding:0;width:525px;height:204px}
#interaction.interaction-start {background-image:url("/images/root/bg-interaction_index.png")}

.production-previews {width:451px;padding:15px 35px 35px;border:solid 1px #c7e3f0;border-width:0 2px 0 1px;margin-top:7px;height:520px}
.production-previews .footer{background:#888 url("/images/root/example-bg.png") no-repeat 0 100% ;margin:0 -37px -35px -36px;height:77px;clear:both}
.production-previews h3 {background:url("/images/root/example-bg.png") no-repeat;margin:-15px -37px 0 -36px; padding: 15px 35px 5px}

.production-previews .preview {width:150px;float:left;position:relative;height:167px}
.production-previews .preview a {text-decoration:none;background:url("/images/root/bg-preview-thumbs.gif") no-repeat 0 0;width:120px;position:absolute;top:0}
.production-previews .preview a h4 {font-size:13px;font-weight:bold;margin:4px 0 0;padding:0}
.production-previews .preview a h4, .production-previews .preview a p{color:#313638}
.production-previews .preview a:hover h4, .production-previews .preview a:hover p{text-decoration:underline;color:#025681}
.production-previews .preview-a a{left:0}
.production-previews .preview-b a{left:15px}
.production-previews .preview-c a{right:0}
.production-previews .preview-d {position:relative;margin:0;padding:0;width:446px;height:114px;text-decoration:none;background:url("/uploads/index/thumbnails/04-01.jpg")}
.production-previews .preview-d a{background:none}
.production-previews .preview-d a.thumb{width:219px;height:114px;position:absolute;right:0;top:0}
.production-previews .preview-d h4{color:#313638;font-size:20px;margin:15px 0 0 15px}
.production-previews .preview-d p{width:200px;font-size:11px;margin:0 0 0 15px}
.production-previews .preview-d a{margin:0;padding:0;position:static;display:inline}

.production-previews .preview a img {border:1px solid #fff}
.production-previews .preview a:hover img {border-color:#025681}

.production-previews .preview a p{font-size:11px;padding-right:0}
.production-previews .preview a p .mat{float:left}
.production-previews .preview a p .price{float:right;font-weight:bold}
.production-previews .preview a p .dimensions{display:block;clear:both}



/*footer*/
#footer {padding:0; margin:0 auto;}