* {
  margin:0;
  padding:0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:13px;
  line-height:1.4em;
}

ol {
padding:0 0 0 20px;
}

html {
  height:100%;
}

body {
  background-color:#fff;
  height:100%;
  overflow-y:scroll;
}

div, span, p, h1, h2 {
  color:#666666;
}

h1 {
font-size:33px;
margin-bottom:20px;
}

h2 {
font-size:22px;
}

p {
margin: 10px 0;
}

table {
width:100%;
border-collapse:collapse;
}

td, th {
padding:10px;
border:1px solid #666666;
background:#faf8fb;
}

textarea {
width:100%;
}

.linkbutton {
display:block;
float:left;
padding:5px;
border: 1px solid #f4edf5;
background-color:#faf8fb;
margin-bottom:10px;
}

.button {
display:block;
float:left;
border:6px solid #fff;
background-color:#f4edf5;
color:#666666;
font-size:1.2em;
padding:5px 40px;
}

.button:hover, .button:active {
background-color:#faf8fb;
}

.hint {
background-color:#f4edf5;
border:1px solid #666666;
padding:3px;
margin:5px 0;
font-size:12px;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
margin:0px;
padding:0px;
}

/*
 *  Links
 */
a {
color:#666666;
}

/*
 *  flash-Nachrichten
 */
div.notice {
padding:10px;
margin:1px 0 10px;
border: 1px solid #000;
background-color:#fff;
}
div.warning {
padding:10px;
margin:1px 0 10px;
border: 1px solid #aa0;
background-color:#ee0;
}
div.error {
padding:10px;
margin:1px 0 10px;
border: 1px solid #faa;
background-color:#fdd;
}


/*
 *  Layout
 */

#overall {
  min-height:100%;
  height:auto !important;
  height:100%;
  position:relative;
  margin:auto;
  width:1000px;
}

#header_area {
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:186px;
  width:1000px;
  background-color:#d7d7d7;
  background-image:url(../images/butiksofie_header.jpg);
  background-repeat:no-repeat;
}

#navigation {
  position:absolute;
  top:186px;
  left:0;
  height:50px;
  width:1000px;
  background-color:#f4edf5;
  border:solid #f4edf5;
  border-width: 1px 0 1px 0;
}

#spacer {
  position:absolute;
  top:238px;
  left:0;
  height:23px;
  width:1000px;
  background-image:url(../images/butiksofie_background.jpg);
  background-position:-115px -86px; /* Sync:background1_fillviewport, Y=-238 */
  background-repeat:no-repeat;
}

#background1_fillviewport {
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  height:100%;
  width:1000px;
  background-color:#faf8fb;
  background-image:url(../images/butiksofie_background.jpg);
  background-position:-115px 150px; /* Sync:spacer, Y=+238 */
  background-repeat:no-repeat;
}
#background2_fillviewport {
  height:100%;
  margin:auto;
  width:870px;
  background-color: transparent;/*#f7eaf6;*/
}

#background1_fitbycontent {
  width:1000px;
  background-color:#faf8fb;
  background-image:url(../images/butiksofie_background.jpg);
  background-position:-115px 150px;
  background-repeat:no-repeat;
}
#background2_fitbycontent {
  margin:auto;
  /*width:870px;*/
  background-color:transparent; /*#f7eaf6;*/
}
#background2_fitbycontent_thin {
  margin:auto;
  width:870px;
  background-color:transparent; /*#f7eaf6;*/
}

#content {
  padding:260px 0 0 0;
}

#scrollcontainer {
height:400px; /* Wird von js wieder überschrieben */
overflow-x:auto;
overflow-y:scroll;
}

/*
 * Formulare
 */
input.textfield, textarea {
border:5px solid #f4edf5;
background:#fff;
}

/*
 *  Menu
 */

#menu_home {
  cursor:pointer;
}
#menu_home, #menu_home_selected {
  position:absolute;
  display:block;
  width:50px;
  height:22px;
  top:16px;
  left:173px;
  background-image:url(../images/navigation/home.gif);
  background-repeat:no-repeat;
  background-position:0 0;
}
#menu_home:hover, #menu_home:active, #menu_home_selected {
  background-position:0 -22px;
  background-color:transparent;
}


#menu_schaufenster {
  cursor:pointer;
}
#menu_schaufenster, #menu_schaufenster_selected {
  position:absolute;
  display:block;
  top:16px;
  left:266px;
  width:91px;
  height:22px;
  background-image:url(../images/navigation/schaufenster.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#menu_schaufenster:hover, #menu_schaufenster:active, #menu_schaufenster_selected {
  background-position:0 -22px;
  background-color:transparent;
}

#menu_shop {
 cursor:pointer;
}
#menu_shop, #menu_shop_selected {
  position:absolute;
  display:block;
  top:16px;
  left:401px;
  width:71px;
  height:22px;
  background-image:url(../images/navigation/warenkorb.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#menu_shop:hover, #menu_shop:active, #menu_shop_selected {
  background-position:0 -22px;
  background-color:transparent;
}

#menu_inspirationen {
  cursor:pointer;
}
#menu_inspirationen, #menu_inspirationen_selected {
  position:absolute;
  display:block;
  top:16px;
  left:515px;
  width:82px;
  height:22px;
  background-image:url(../images/navigation/inspirationen.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#menu_inspirationen:hover, #menu_inspirationen:active, #menu_inspirationen_selected {
  background-position:0 -22px;
  background-color:transparent;
}

#menu_kontakt {
  cursor:pointer;
}
#menu_kontakt, #menu_kontakt_selected {
  position:absolute;
  display:block;
  top:16px;
  left:641px;
  width:67px;
  height:22px;
  background-image:url(../images/navigation/kontakt.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#menu_kontakt:hover, #menu_kontakt:active, #menu_kontakt_selected {
  background-position:0 -22px;
  background-color:transparent;
}

#menu_gaestebuch {
  cursor:pointer;
}
#menu_gaestebuch, #menu_gaestebuch_selected {
  position:absolute;
  display:block;
  top:16px;
  left:751px;
  width:81px;
  height:22px;
  background-image:url(../images/navigation/gaestebuch.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#menu_gaestebuch:hover, #menu_gaestebuch:active, #menu_gaestebuch_selected {
  background-position:0 -22px;
  background-color:transparent;
}

#blog {
  position:absolute;
  top:-60px;
  left:880px;
  display:block;
  cursor:pointer;
  width:100px;
  height:100px;
  background-image:url(../images/navigation/blog.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#blog:hover, #blog:active {
  background-position:0 -100px;
  background-color:transparent;
}

a.vlinklist {
display:block;
float:left;
margin:10px;
padding:10px;
}


/*
 *  Sonstige Hoverbuttons
 */
 
input#senden {
  cursor:pointer;
  display:block;
  width:110px;
  height:35px;
  background-image:url(../images/navigation/senden.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  background-color:transparent;
  border:5px solid #fff;
}
input#senden:hover, input#senden:active {
  background-position:0 -25px;
  background-color:transparent;
}

input#loeschen {
  cursor:pointer;
  display:block;
  width:110px;
  height:35px;
  background-image:url(../images/navigation/loeschen.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  background-color:transparent;
  border:5px solid #fff;
}

input#loeschen:hover, input#loeschen:active {
  background-position:0 -25px;
  background-color:transparent;
}
#eintrag_senden {
  cursor:pointer;
  display:block;
  width:154px;
  height:35px;
  background-image:url(../images/navigation/eintrag_senden.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  background-color:transparent;
  border:5px solid #fff;
}
#eintrag_senden:hover, #eintrag_senden:active {
  background-position:0 -25px;
  background-color:transparent;
}
 
/*
 *  Startseite
 */

.startnav_div {
  margin:5px;
  height:54px;
  width:98px;
  background-color:#faf8fb;
}

.startnav_img {
  display:block;
  margin:5px;
  width:98px;
  height:88px;
  overflow:hidden;
  background-color:transparent;
}

#subnav1_text {
  cursor:pointer;
}
#subnav1_text, #subnav1_text_selected {
  display:block;
  width:98px;
  height:54px;
  background-image:url(../images/navigation/subnav_1.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#subnav1_text:hover, #subnav1_text:active, #subnav1_text_selected {
  background-position:0 -54px;
  background-color:transparent;
}

#subnav2_text {
  cursor:pointer;
}
#subnav2_text, #subnav2_text_selected {
  display:block;
  width:98px;
  height:54px;
  background-image:url(../images/navigation/subnav_2.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#subnav2_text:hover, #subnav2_text:active, #subnav2_text_selected {
  background-position:0 -54px;
  background-color:transparent;
}

#subnav3_text {
  cursor:pointer;
}
#subnav3_text, #subnav3_text_selected {
  display:block;
  width:98px;
  height:54px;
  background-image:url(../images/navigation/subnav_3.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#subnav3_text:hover, #subnav3_text:active, #subnav3_text_selected {
  background-position:0 -54px;
  background-color:transparent;
}

#subnav4_text {
  cursor:pointer;
}
#subnav4_text, #subnav4_text_selected {
  display:block;
  width:98px;
  height:54px;
  background-image:url(../images/navigation/subnav_4.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#subnav4_text:hover, #subnav4_text:active, #subnav4_text_selected {
  background-position:0 -54px;
  background-color:transparent;
}

#subnav5_text {
  cursor:pointer;
}
#subnav5_text, #subnav5_text_selected {
  display:block;
  width:98px;
  height:54px;
  background-image:url(../images/navigation/subnav_5.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#subnav5_text:hover, #subnav5_text:active, #subnav5_text_selected {
  background-position:0 -54px;
  background-color:transparent;
}

#subnav6_text {
  cursor:pointer;
}
#subnav6_text, #subnav6_text_selected {
  display:block;
  width:98px;
  height:54px;
  background-image:url(../images/navigation/subnav_6.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#subnav6_text:hover, #subnav6_text:active, #subnav6_text_selected {
  background-position:0 -54px;
  background-color:transparent;
}

/*
 *   Home
 */

/*
#home_content {
}
*/
#home_container_inner {
padding:48px 128px 48px 128px;
}

#home_image {
border:solid 6px #fff;
margin:0 0 37px 37px;
float:right;
}


/*
 *   Schaufenster
 */
 
#schaufenster_content {
padding:0;
}
  
.schaufenster_div {
  margin:6px;
  height:36px;
  width:212px;
  background-color:#faf8fb;
}

/*
.schaufenster_img {
  display:block;
  margin:6px;
  height:34px;
  width:212px;
  height:239px;
  background-color:transparent;
}

#submenu_selbstgezaubertes {
  cursor:pointer;
}
#submenu_selbstgezaubertes, #submenu_selbstgezaubertes_selected {
  display:block;
  width:212px;
  height:36px;
  background-image:url(../images/navigation/altes_und_selbstgezaubertes.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#submenu_selbstgezaubertes:hover, #submenu_selbstgezaubertes:active, #submenu_selbstgezaubertes_selected {
  background-position:0 -36px;
  background-color:transparent;
}

#submenu_maedchenhaftes {
  cursor:pointer;
}
#submenu_maedchenhaftes, #submenu_maedchenhaftes_selected {
  display:block;
  width:212px;
  height:36px;
  background-image:url(../images/navigation/maedchenhaftes_textil.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#submenu_maedchenhaftes:hover, #submenu_maedchenhaftes:active, #submenu_maedchenhaftes_selected {
  background-position:0 -36px;
  background-color:transparent;
}

#submenu_saisonales {
  cursor:pointer;
}
#submenu_saisonales, #submenu_saisonales_selected {
  display:block;
  width:212px;
  height:36px;
  background-image:url(../images/navigation/saisonale_ideen.gif);
  background-repeat: no-repeat;
  background-position:0 0;
}
#submenu_saisonales:hover, #submenu_saisonales:active, #submenu_saisonales_selected {
  background-position:0 -36px;
  background-color:transparent;
}
*/

#schaufenster_container_inner {
padding:0 0 65px 125px;
}

div.schaufenster_box {
float:left;
width:181px;
margin:14px 10px 3px 0;
}

/*
div.schaufenster_box_container {
position:relative;
width:167px;
height:167px;
}
div.schaufenster_box_img {
position:absolute;
border:solid 6px #fff;
background-color:#000;
overflow:hidden;
width:155px;
height:155px;
z-index:2;
}

div.schaufenster_box_shadow {
position:relative;
width:1px;
height:0px;
z-index:1;
}
*/

.schaufenster_img_border {
background-color:#fff;
margin:6px;
width:155px;
height:155px;
overflow:hidden;
}

.schaufenster_img_outer {
width:181px;
height:181px;
}
.schaufenster_img_inner {
float:left;
width:167px;
height:167px;
background:#fff;
overflow:hidden;
}

/* Col 1 */
.schaufenster_img_outer .col1 { float:left;width:4px;height:181px;overflow:hidden; }
.schaufenster_img_outer .edge_lt { float:left;width:4px;height:4px;background-position:0px 0px;overflow:hidden; }
.schaufenster_img_outer .edge_lt_b { float:left;width:4px;height:10px;background-position:0px -4px;overflow:hidden; }
.schaufenster_img_outer .shadow_l { float:left;width:4px;height:153px;background-position:0px 0px;overflow:hidden; }
.schaufenster_img_outer .edge_lb_t { float:left;width:4px;height:4px;background-position:0px 0px;overflow:hidden; }
.schaufenster_img_outer .edge_lb { float:left;width:4px;height:10px;background-position:0px -4px;overflow:hidden; }
/* Col 2 */
.schaufenster_img_outer .col2 { float:left;width:167px;height:181px;overflow:hidden; }
.schaufenster_img_outer .edge_lt_r { float:left;width:10px;height:4px;background-position:-4px 0px;overflow:hidden; }
.schaufenster_img_outer .shadow_t { float:left;width:153px;height:4px;background-position:0px 0px;overflow:hidden; }
.schaufenster_img_outer .edge_rt_l { float:left;width:4px;height:4px;background-position:0px 0px;overflow:hidden; }
.schaufenster_img_outer .edge_lb_r { float:left;width:10px;height:10px;background-position:-4px -4px;overflow:hidden; }
.schaufenster_img_outer .shadow_b { float:left;width:153px;height:10px;background-position:0px -4px;overflow:hidden; }
.schaufenster_img_outer .edge_rb_l { float:left;width:4px;height:10px;background-position:0px -4px;overflow:hidden; }
/* Col 3 */
.schaufenster_img_outer .col3 { float:left;width:10px;height:181px;overflow:hidden; }
.schaufenster_img_outer .edge_rt { float:left;width:10px;height:4px;background-position:-4px 0px;overflow:hidden; }
.schaufenster_img_outer .edge_rt_b { float:left;width:10px;height:10px;background-position:-4px -4px;overflow:hidden; }
.schaufenster_img_outer .shadow_r { float:left;width:10px;height:153px;background-position:-4px 0px;overflow:hidden; }
.schaufenster_img_outer .edge_rb_t { float:left;width:10px;height:4px;background-position:-4px 0px;overflow:hidden; }
.schaufenster_img_outer .edge_rb { float:left;width:10px;height:10px;background-position:-4px -4px;overflow:hidden; }


div.schaufenster_box_header {
text-align: center;
font-size:15px;
font-weight:bold;
margin:14px 0 3px;
}
div.schaufenster_box_artnr {
text-align: center;
}
div.schaufenster_box_text {
text-align: center;
margin:0;
}
div.schaufenster_box_preis {
text-align: center;
}
.preishinweis {
font-size: 12px;
}
.schaufenster_separator {
clear:both;
height:4px;
overflow:hidden;
margin:0px;
padding:0px
}
.lytebox_header{
float:left;
height:22px;
margin:0 20px 0 0;
}
.lytebox_header div {
display:table-cell;
vertical-align:middle;
height:22px;
font-size:16px;
font-weight:bold;
}
.lytebox_artnr{
float:left;
height:22px;
margin:0 20px 0 0;
}
.lytebox_artnr div {
display:table-cell;
vertical-align:middle;
height:22px;
}
.lytebox_text{
clear:both;
text-align:left;
margin:5px 0 0;
}
.lytebox_preis{
float:right;
height:22px;
margin:0 0 0 20px;
}
.lytebox_preis div {
display:table-cell;
vertical-align:middle;
height:22px;
}
.lytebox_preishinweis{
float:right;
height:22px;
margin:0 0 0 2px;
}
.lytebox_preishinweis div {
display:table-cell;
vertical-align:middle;
height:22px;
font-size:12px;
}

.schaufenster_nav_outer {
position:absolute;
width:108px;
height:64px;
}
.schaufenster_nav_inner {
position:absolute;
z-index:2;
width:98px;
height:54px;
padding:5px;
background:#fff;
overflow:hidden;
}
.schaufenster_nav_outer .shadow_t  { position:absolute;top:-4px;left:10px;width:94px; }
.schaufenster_nav_outer .shadow_rt { position:absolute;top:-4px;left:104px; }
.schaufenster_nav_outer .shadow_r  { position:absolute;top:10px;left:104px;height:50px; }
.schaufenster_nav_outer .shadow_rb { position:absolute;top:60px;left:104px; }
.schaufenster_nav_outer .shadow_b  { position:absolute;top:60px;left:10px;width:94px; }
.schaufenster_nav_outer .shadow_lb { position:absolute;top:60px;left:-4px; }
.schaufenster_nav_outer .shadow_l  { position:absolute;top:10px;left:-4px;height:50px; }
.schaufenster_nav_outer .shadow_lt { position:absolute;top:-4px;left:-4px; }

/*
 *  login
 */
#login {
padding:20px;
}

/*
 *  Inspirations
 */
/*
#inspirations_content {
}
*/
#inspirations_container_inner {
width:744px;
margin:auto;
padding:0 0 65px;
}
div.inspirations_box_img_first {
margin:0;
float:left;
background-color:#fff;
overflow:hidden;
width:242px;
height:336px;
}
div.inspirations_box_img {
margin:0 0 6px 6px;
float:left;
background-color:#fff;
overflow:hidden;
width:118px;
height:165px;
}
div#inspirations_header h2 {
text-align:center;
}
#arrow_left{
background:url(../images/navigation/arrow_left.gif);
display:block;
float:left;
width:28px;
height:34px;
}
#arrow_right{
background:url(../images/navigation/arrow_right.gif);
display:block;
float:right;
width:28px;
height:34px;
}

/*
 *  Guestbook Entries
 */
 
/*
#guestbook_entries_content {
}
*/

#guestbook_entries_container_inner {
padding:40px 40px 40px;
background:#faf8fb;
}

.ge_outer {
background-color:#fff;
margin:0 0 30px;
padding:6px;
}
.ge_top {
margin:0 0 6px;
background-color:#f4edf5;
padding:5px;
}
.ge_bottom {
margin:6px 0 0;
background-color:#faf8fb;
padding:5px;
}

/*
 *  Kontakt und Impressum
 */
/*
#kontakt_content {
}
*/
#kontakt_container_inner {
padding:40px 50px 0 96px;
width:705px;
background:#faf8fb;
}
#kontakt_text {
width:700px;
}
#kontaktmail {
margin:16px 0 16px;
}
#kontaktmail a {
font-size:33px;
}
#kontaktform {
float:left;
width:440px;
}
#impressum_text {
float:right;
width:220px;
}
#legaltext {
margin:60px 0 0;
font-size: 12px;
}

/*
 * Warenkorb
 */
 
#warenkorb_container_inner {
padding:40px 50px 0 96px;
width:705px;
background:#faf8fb;
}

#warenkorb_image {
border:solid 6px #fff;
margin:0 0 37px 37px;
float:right;
}

/*
 *  Schlagschatten
 */
.shadow_t {
height:14px;
background:transparent url(../images/shadow/shadow_t_14px.png) repeat-x;
z-index:1;
}

.shadow_rt {
width:14px;
height:14px;
background:transparent url(../images/shadow/shadow_rt_14px.png) no-repeat;
z-index:1;
}

.shadow_r {
width:14px;
background:transparent url(../images/shadow/shadow_r_14px.png) repeat-y;
z-index:1;
}

.shadow_rb {
width:14px;
height:14px;
background:transparent url(../images/shadow/shadow_rb_14px.png) no-repeat;
z-index:1;
}

.shadow_b {
height:14px;
background:transparent url(../images/shadow/shadow_b_14px.png) repeat-x;
z-index:1;
}

.shadow_lb {
width:14px;
height:14px;
background:transparent url(../images/shadow/shadow_lb_14px.png) no-repeat;
z-index:1;
}

.shadow_l {
width:14px;
background:transparent url(../images/shadow/shadow_l_14px.png) repeat-y;
z-index:1;
}

.shadow_lt {
width:14px;
height:14px;
background:transparent url(../images/shadow/shadow_lt_14px.png) no-repeat;
z-index:1;
}