/* general */

body                            {font-family:arial,sans-serif; font-size:12px; line-height:1.5em; color:#004c9a; margin:0; padding:0; text-align:center; background:url(../images/frufru_background.png) repeat-x #ffffff;}
img                             {border:0;}
a                               {color:#004c9a;}

input                           {width:270px;height:22px; line-height:22px; border-top:1px solid #90b3c9; border-right:1px solid #aac5d5; border-bottom:1px solid #e5f2f9; border-left:1px solid #93b7cd;}
select                          {width:270px;height:22px; line-height:22px; border-top:1px solid #90b3c9; border-right:1px solid #aac5d5; border-bottom:1px solid #e5f2f9; border-left:1px solid #93b7cd;}

#page                           {overflow:hidden; width:996px; height:auto; margin:0 auto; background:url(../images/frufru_background_page_shadow.png) no-repeat; text-align:left; position:relative;}
.page                           {overflow:hidden; width:960px; height:auto; margin:0 auto; background:url(../images/frufru_background_page.jpg) no-repeat #f1f8fe;}

#header                         {overflow:hidden; width:960px; height:450px; margin:0 auto; position:relative;}
#body                           {overflow:hidden; width:960px; height:auto; margin:0 auto; position:relative;min-height:640px;}
#footer                         {overflow:hidden; width:960px; height:auto; margin:0 auto; position:relative;}

#logo                           {position:absolute; left:680px; top:0px;}
#teaser                         {position:absolute; left:0px; top:130px;}
#images                         {position:absolute; right:10px; top:240px;}
#buttons                        {position:absolute; left:20px; top:50px;}
#buttons a                      {margin:0 15px 0 0;}

#login                          {position:absolute; left:690px; top:20px; width:257px; height:248px; background:url(../images/frufru_login_red.png) no-repeat;}
#logout                         {position:absolute; left:690px; top:20px; width:257px; height:248px; background:url(../images/frufru_logout_red.png) no-repeat; color:#004c9a;}

#login .username                {position:absolute; left:22px; top:110px; color:#959595;}
#login .username input          {position:absolute; left:55px;}
#login .password                {position:absolute; left:22px; top:140px; color:#959595;}
#login input                     {width:160px;height:14px; line-height:14px} 
#login .login                   {position:absolute; right:45px; top:165px;}
#login .reset                   {position:absolute; left:22px; top:215px; text-decoration:none;}
#login .reset2                   {position:absolute; left:22px; top:195px; text-decoration:none;}

#logout .login                  {position:absolute; left:45px; top:120px;}

.userbox                        {position:absolute; left:690px; top:280px; width:257px; height:248px; background:url(../images/frufru_myimages_red.png) no-repeat; color:#004c9a;}
.userbox #carousel              {position:absolute;top:80px;left:55px; height:120px;width:259px}
.userbox .carousel              {position:relative;float:left;width:145px;overflow:hidden;height:150px }

.userbox .entries               {width:10000em; height:100%; position:absolute}
.userbox .entries .entry        {width:135px; height:105px; padding:0; float:left; cursor:pointer}


.userbox .prev                 {position:absolute; left:-30px; top:40px; width:30px; height:30px; cursor:pointer; background:url(../images/frufru_carousel_prev_small.png) no-repeat;z-index:10}
.userbox .next                 {position:absolute; left:150px; top:40px; width:30px; height:30px; cursor:pointer; background:url(../images/frufru_carousel_next_small.png) no-repeat;z-index:10}
.userbox .legend               {position:absolute; left:35px; top:220px;font-size:10px}
.userbox .disabled              {display:none}


#links                          {overflow:hidden; width:400px; margin:40px auto;}
#links a                        {display:block; float:left; width:auto; height:35px; line-height:35px; margin:0 20px 0 0; font-size:13px; font-weight:bold;}
#links a:link                   {text-decoration:none;}
#links a:visited                {text-decoration:none;}
#links a:focus                  {text-decoration:underline;}
#links a:hover                  {text-decoration:underline;}
#links a :active                {text-decoration:underline;}


/* startseite */

.index #page                    {width:996px; height:706px; background:url(../images/frufru_background_index_shadow.png) no-repeat; margin:20px auto;}
.index .page                    {width:996px; height:706px; background:url(../images/frufru_background_index.jpg) 18px 18px no-repeat;}

.index #logo                    {position:absolute; left:600px; top:20px;}
.index #teaser                  {position:absolute; left:0px; top:230px;}
.index #images                  {position:absolute; left:30px; top:510px;}
.index #buttons                 {position:absolute; left:40px; top:150px;}
.index #links                   {position:absolute; left:340px; top:630px; margin:0;}
.index #links a                 {color:#ffffff;}


/* sortiment */

.products #carousel             {overflow:hidden; margin:10px 0; width:960px; height:320px; background:url(../images/frufru_carousel_background.png) no-repeat; position:absolute;}
.products .carousel             {width:720px; height:100%; position:relative;left:125px; float:left; overflow:hidden;}
.products .entries              {width:20000em; height:100%; position:absolute;}
.products .entries .entry        {width:135px; height:310px; margin:0 10px 0 0; padding:0; float:left; cursor:pointer;}
.products .entries .active { z-index:9999;padding:15px 0 0 0}
.products .prev                 {position:absolute; left:20px; top:80px; width:82px; height:82px; cursor:pointer; background:url(../images/frufru_carousel_prev.png) no-repeat;}
.products .next                 {position:absolute; right:20px; top:80px; width:82px; height:82px; cursor:pointer; background:url(../images/frufru_carousel_next.png) no-repeat;}



.products #details              {overflow:hidden; margin:20px 40px; width:870px; height:290px;top:310px; position:absolute;background:url(../images/frufru_products_details_small_red.png);background-repeat:no-repeat;background-position:315px 0px;}
.products #details .disabled    {color:#cccccc}
.products .original             {position:absolute; left:0px; top:50px; width:280px; height:180px;z-index:10}
.products .molke                {position:absolute; left:0px; top:50px; width:280px; height:180px;display:none;z-index:20}
.products .classic              {position:absolute; right:0px; top:50px; width:280px; height:180px;z-index:10}
.products .vanilie              {position:absolute; right:0px; top:50px; width:280px; height:180px;display:none;z-index:20}
.products .h1                   {position:absolute; left:330px; top:60px; font-size:20px; font-weight:bold;}
.products .h2                   {position:absolute; left:330px; top:140px; font-weight:bold;}
.products .desc                 {position:absolute; left:330px; top:80px; width:230px;margin:0px}
.products .joule_text           {position:absolute; left:330px; top:164px;}
.products .joule_value          {position:absolute; right:330px; top:164px;}
.products .protein_text         {position:absolute; left:330px; top:183px;}
.products .protein_value        {position:absolute; right:330px; top:183px;}
.products .carbohydrate_text    {position:absolute; left:330px; top:201px;}
.products .carbohydrate_value   {position:absolute; right:330px; top:201px;}
.products .fat_text             {position:absolute; left:330px; top:219px;}
.products .fat_value            {position:absolute; right:330px; top:219px;}
.products .ajax                 {position:absolute; right:309px; top:30px;width:240px; height:210px;z-index:10;background-color: #ffffff;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6}

/* werbespots */

.spots #h1                      {overflow:hidden; margin:10px 40px; width:auto; height:auto;}

.spots #spot                    {overflow:hidden; margin:10px 40px; width:587px; height:361px; display:block;}

.spots #details                 {position:absolute; left:670px; top:36px; width:257px; height:248px; background:url(../images/frufru_spots_details_red.png) no-repeat;}
.spots .text                    {position:absolute; left:20px; top:60px; width:217px; height:160px;}


/* momente */

.moments #h1                    {overflow:hidden; margin:10px 40px; width:auto; height:auto;}

.moments .text                  {overflow:hidden; margin:10px 40px; width:600px; height:auto;}

.moments #gallery               {overflow:hidden; margin:10px 40px; width:600px; height:360px; position:relative;}
.moments #pager_top             {position:absolute; left:0; top:0; width:600px; height:19px; line-height:19px; border-bottom:1px solid #d0e7f3;}
.moments #pager_bottom          {position:absolute; left:0; bottom:0; width:600px; height:19px; line-height:19px; border-top:1px solid #d0e7f3;}
.moments .pager                 {}
.moments .pager a               {text-decoration:none;}
.moments .prevbig                  {display:block; position:absolute; left:0; top:0; width:100px; padding:0 0 0 30px; text-align:left; background:url(../images/frufru_pager_prev.png) left top no-repeat;}
.moments .nextbig                  {display:block; position:absolute; right:0; top:0; width:100px; padding:0 30px 0 0; text-align:right; background:url(../images/frufru_pager_next.png) right top no-repeat;}
.moments .pages                 {display:block; width:100px; margin:0 auto;}
.moments .gallery               {position:absolute; left:0px; top:30px; width:630px; height:300px; overflow:hidden}
.moments .image                 {float:left; width:200px; height:150px; overflow:hidden; margin:0 10px 0 0;}
.moments .image img             {display:block;}
.moments .title                 {font-weight:bold;}
.moments .author                {}


/* formular */

.forms #h1                      {overflow:hidden; margin:10px 40px; width:auto; height:auto;}

.forms .text                    {overflow:hidden; margin:10px 40px; width:600px; height:auto;}

.forms #form                    {overflow:hidden; margin:10px 40px; width:600px; height:auto; color:#555555;}
.forms fieldset                 {overflow:hidden; margin:10px 0; padding:0; border:0;}
.forms input                    {height:22px; line-height:22px; border-top:1px solid #90b3c9; border-right:1px solid #aac5d5; border-bottom:1px solid #e5f2f9; border-left:1px solid #93b7cd;}
.forms .left                    {float:left;}
.forms .right                   {float:right;}
.forms .sex                     {width:270px;}

.forms .sex label               {color:#000000;}
.forms #person_female                  {height:auto; line-height:auto; border:0;}
.forms #person_male                    {height:auto; line-height:auto; border:0;}
.forms #firstname               {width:270px;}
.forms #lastname                {width:270px;}
.forms #email                   {width:270px;}
.forms #mobile                  {width:270px;}
.forms #username                {width:270px;}
.forms #password                {width:270px;}
.forms #foto                    {}
.forms .age                     {color:#000000;}
.forms #age                     {height:auto; line-height:auto; border:0;}
.forms #submit                  {border:0; margin:0; padding:0; width:116px; height:26px;}


.success {
    color: #3d6611;
    font-weight: bold;
}

.error {
    color: #f00;
    font-weight: bold;
}

.notice {
    color: #ccc;
}

.messages {
   
}

.messages ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px
}

.messages li {
    padding-top: 3px
}

.error-msg, .success-msg, .note-msg, .notice-msg {
    border-style: solid !important;
    border-width: 1px !important;
    background-position: 10px 10px !important;
    background-repeat: no-repeat !important;
    min-height: 24px !important;
    padding: 8px 8px 8px 32px !important;
    font-size: 10px !important;
    font-weight: bold !important;
}

.error-msg {
    border-color: #f16048;
    background-color: #faebe7;
    background-image: url(../images/error_msg_icon.gif);
    color: #df280a;
}

.success-msg {
    border-color: #446423;
    background-color: #eff5ea;
    background-image: url(../images/success_msg_icon.gif);
    color: #3d6611;
}

.notice-msg {
    border-color: #fcd344;
    background-color: #fafaec;
    background-image: url(../images/note_msg_icon.gif);
    color: #3d6611;
}

#loginmessages {position:absolute; left:697px; top:265px; width:245px;}

 .box
 {
 
 background:#DFF3FF;
 border:solid 1px #C6E1F2;
 min-height:100px;
 margin-left:5px;
 margin-right:5px;
 width:115px;
 height:100px

 }
.imageimage{

 background:#DFF3FF;
 border:solid 1px #C6E1F2;
 min-height:100px;
 margin-left:5px;
 margin-right:5px;
 width:170px;
 height:110px


}
 .clear
 {
 clear:both;
 }