/* CSS Document */

/* color definitions */

.lightgrey { color: #E6E9EB; }
.darkblue { color: #081B2E; }


/* basic styles */

/*
* { margin: 0; padding: 0; border: 0; }
*/
html, address, blockquote, body, div, dl, dt, dd, fieldset, form,
p, h1, h2, h3, h4, h5, h6, ol, ul, li, center, hr, pre,
table, tr, td, th, thead, tbody, tfoot, caption, img {
margin: 0; padding: 0; border: 0;
}

html, body { height: 100%; }
html, body, td {
 background: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
 font-size: 11px;
 line-height: 16px;
 color: #5d5d5f;
 font: 100.01%/1.5;
}
body {
 position: relative; background: url(images/body-bg.gif) repeat-x; text-align:center;
}
#wrappage_aussen {
 margin: 0px auto; width: 100%; height: 707px; text-align: center; position: relative; background: url(images/body-bg-apfel.gif) no-repeat;
}
#wrappage {
 margin: 0px auto; width: 810px; text-align: left; position: relative;
}

/* content styles */

h1 {
font-size: 18px;
}
h1, h2, h3, h4 {
font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; font-size: 12px;
}
a {
color: #081b2e;
}

#content {
 position: absolute; left: 335px; top: 405px; width: 470px; height: 220px;
}
#slideshow {
 position: absolute; left: 5px; top: 83px; width: 804px; height: 303px;
 background: url(images/slideshow-bg.gif) no-repeat;
}
#werbeagentur {
 position: absolute; left: 335px; 
}
#logo {
 position: absolute; left: 625px; top: 570px; 
}
#anschrift {
 position: absolute; left: 330px; top: 660px; 
}
#angebote {
 position: absolute; left: 0px; top: 523px; 
}
#aktion {
 position: absolute; left: 70px; top: 420px; 
}
#b2d {
 position: absolute; left: -30px; top: 395px; height: 100px; width: 350px;
}

/* Newsletter, Big Images */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/

#colorbox, #cboxOverlay, #cboxWrapper {	position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; overflow: visible; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay { 
 background: #CDCDCD; 
}

#colorbox { }
 #cboxContent { margin-top: 0; }
  #cboxLoadedContent { background: #fff; padding: 0; margin: 0; border: 10px solid #FFFFFF; }
  #cboxLoadingGraphic{ background: #fff url(images/colorbox/loading.gif) center center no-repeat; }
  #cboxLoadingOverlay{ background:#000; }
  #cboxTitle{ position: absolute; top:-17px; left:4px; color:#000; font-weight: bold; }
  #cboxCurrent{ position: absolute; top: 0px; right: 205px; text-indent: -9999px;  display: none; visibility: hidden; }
  
  #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{ text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/colorbox/controls.png) 0 0 no-repeat; display: none; visibility: hidden; }
  
  #cboxPrevious{background-position:0px 0px; right:44px;}
  #cboxPrevious.hover{background-position:0px -25px;}
  #cboxNext{background-position:-25px 0px; right:22px;}
  #cboxNext.hover{background-position:-25px -25px;}
  #cboxClose{background-position:-50px 0px; right:0;}
  #cboxClose.hover{background-position:-50px -25px;}
  
  .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
  
  .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
  .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
  .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
  .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}