/* ALLGEMEINE FORMATIERUNGEN -------------------------------------------------------------------------*/
/* ************************************************************************************************** */

body {
	background-color: #fff;
	margin:0;
	padding:0;
	background-repeat:repeat-y;
	font-size: 12px;
	line-height: 16px;
	color: #292c29;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

hr  {
	display:block;
	height:2px;
	border-bottom:1px dotted #999;
}

#opening-table  {
    width:100%; 
	margin:0; 
	padding:0;
}

#opening-table td {
    padding-left:3px;
	padding-right:3px;
	padding-top:1px;
}

.floatclear  {
    clear:both;
}

#headnames  { 
	line-height:normal;
	font-weight: bold;
	position:absolute;
	z-index:2;
	}

#upRef  {
    position:absolute;
	top:0px;
	z-index:3;
}

.up2  {
    border:0; 
	margin:0px 0px 15px 0px;  
	}
	
.highlightMessage  {
    color:#d00;
	}

.unbold  {
	font-weight:normal !important;
}

#lay-content p  {
    margin-top:10px;
	}
	
ul.noOffset  {
    padding-left:13px;
	margin-left:3px;
	}
	
.zweifach-1  {
    width:50%;
	float:left;
	}
.zweifach-2  {
    width:50%;
	float:right;
	}
	
.zweifach-30  {
    width:30%;
	float:left;
	margin-bottom:1em;
	}
.zweifach-70  {
    width:70%;
	float:left;
	margin-bottom:1em;
	}

.small  {
    font-size:10px;
	}

.sonderfarbe  {
    color:#d64904;
	}

.obligation  {
	font-size:15px;
	color:#d64904;
	padding-left:1px;
}

.soft  { 
    font-size:10px;
	color:#999;
	}
	
#map  {
    width:420px; 
	height:450px;
	margin-bottom:15px;
	}

/* eMail-Tarn-Bildchen */
.pSign  {
    width:5px;
	height:2px;
	}
.azSign  {
    width:12px;
	height:10px;
	}
	
/* Aktions-Meldungen ---------------------- */
/* ---------------------------------------- */

.alertText  {
	background:#f5f5f5;
	border:1px solid #c00;
	padding:5px 15px 15px 15px;
	margin-bottom:1.5em;
	margin-top:1em;
}

.statusText  {
	background:#f5f5f5;
	border:1px solid #2e8921;
	padding:5px 15px 15px 15px;
	margin-bottom:1.5em;
	margin-top:1em;
}

/* DIMDI-CSS */
/* --------- */

.var1  {
	z-index:1; 
	border:0;
	float:right;
	margin:8px 0 1.5em 1em;
    }
.var2  {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	border:0;
	float:right;
	margin:8px 0 1.5em 1em;
    }

/* ÜBERSCHRIFTEN -------------------------------------------------------------------------------------*/
/* ************************************************************************************************** */

#lay-content h1  {  
	font-weight: bold; 
	font-size: 14px; 
	line-height: 21px;
	margin: 0px;
	padding-left:3px;
}

#lay-dyncont1 h1  {
    font-size: 14px;
	margin:0;
	}

#lay-dyncont2 h1  {
    font-size: 14px;
	color:#444;
	margin:0;
	}
	
/* blendet Platzhalter_Leerzeichen in Überschriften aus; Trick für IE */
.magicHL  {
    display:none;
	}

h2  { 
	font-weight: bold; 
	background-color:#f6f6f6;
	font-size: 13px;
	color: #292c29;
	margin: 0px;
	padding-left:3px;
}

h3  { 
	font-weight: bold; 
	font-size: 12px; 
	line-height:1.4em;
}

.h3Angebote  {
   margin-bottom:0 !important;  /* hält Abstand zwischen Headline und Ansatz gering */
   }
	
	
/* ABSÄTZE ------------------------------------------------------------------------------------------ */
/* ************************************************************************************************** */

#box-content-tdm p  {
    margin:0;
	}

#box-content-pdm p  {
    margin:0;
	padding:0;
	}
	
#box-content-fsg-noscroll p  {
    margin:0 0 6px 0;
	}

/* ALLGEMEINE LINKS --------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

a {
   text-decoration: none;
   font-weight:bold;
}
a:hover {
   text-decoration: none;
   font-weight:bold;
}

a:focus  {
    outline:none;
	}

#lay-content a[href$='.pdf']  {
    background:url(http://www.aposolutions.com/generell/pix/common/system/pdf.jpg) no-repeat center left;
	padding:5px 0 5px 21px;
	}
/* hebt obiges zielgerichtet wieder auf */	
.noIcon  {
    background-image:none !important;
	padding:0 !important;
	}

#lay-foot a  {
    font-weight:normal;
	font-size:11px;
	}
	
.box-content a {
   text-decoration: none;
   font-weight:normal;
   color: #292c29
}

.box-content a:hover  {
   text-decoration:none;
   font-weight:normal;
}

a.textButton {
   text-decoration: none;
   font-size:11px;
}
a:hover.textButton {
   text-decoration: none;
   color: #111;
   font-size:11px;
}

/* MENÜ --------------------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

#box-content-menu ul  {
    padding:0;
	margin:0;
	margin-bottom:14px;
	width:100%;
}

#box-content-menu li  {
    list-style:none;
	padding:0;
	margin:0;
}

/* erste Menüebene ------------------------------------- */

#box-content-menu a.hmpa {
   line-height: 15px;
   padding-left: 6px;
}
#box-content-menu a:hover.hmpa {
   line-height: 15px;
   padding-left: 6px;
}
#box-content-menu a.hmpi {
   line-height: 15px;
   padding-left: 6px;
}
#box-content-menu a:hover.hmpi {
   line-height: 15px;
   padding-left: 6px;
}

/* zweite Menüebene ------------------------------------- */

#box-content-menu a.umpa {
   line-height: 14px;
   padding-left: 16px;
}
#box-content-menu a:hover.umpa {
   line-height: 14px;
   padding-left: 16px;
}
#box-content-menu a.umpi {
   line-height: 14px;
   padding-left: 16px;
}
#box-content-menu a:hover.umpi {
   line-height: 14px;
   padding-left: 16px;
}

/* BILDER ------------------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

.pic { 
	margin:15px 0px 4px 4px;
	float: right;
}

.picSolo  {
    margin:0 0 20px 0 !important;
	float:none !important;
	}

.pic-angebote, .pic-aktionen  { 
	margin:1px 0px 4px 4px;
	float: right;
	border:0 !important;
}

.pic-angebote  {
    border:0 !important;
	}
	
.pic-team { 
	margin-left:auto; 
	margin-right:auto !important;
	margin-bottom:5px;
	float:left;
}

.pic-mitarbeiter { 
	float:right;
	margin-left:15px;
}

.pic-left-gallery { 
	float:left;
}

.pic-right-gallery { 
	float:right;
}

/* Lupe für CPL-Module */
.lupe  {
    border:0;
	margin:3px 1px 0 0;
	float:right;
	}
	
.picTDM  {
    margin:15px 0px 4px 4px;
	float:right;
	}
	
.picRat  {
    margin:15px 0px 4px 4px;
	float:right;
	}
	
.picFSG {
    margin:15px 0px 4px 4px;
	float:right;
	}

.picBoxPDM  {
    float:left;
	margin:0px 6px 1px 0px;
	border:0 !important;
	}

#lupePDM {
	float:right;
	text-align:right;
	font-size:10px;
	line-height:9px;
	}
	
#lupePDM img  {
	margin:12px 1px 2px 4px;
	cursor:pointer;
	
	}

#lupePDM img.lupe  {
    margin:0px 6px 5px 4px;
	width:13px;
	height:15px;
	float:none;
	}

.gallery-lupe  {
	margin:1px 5px 0px 0px;
	float:right;
	border:0;	
}

.picTV  {
    width:38px;
	height:26px;
	border:0 !important;
	margin-top:3px;
	}
	
#lay-dyncont1 .picMini, #lay-dyncont2 .picMini  {
    float:left;
	margin:0 4px 4px 0;
	}

.next { 
	border-width: 0;
	margin-bottom:10px;
    margin-top:6px;
}

#box-content-fsg-noscroll img.next  {
    border-width: 0;
	margin-top:6px;
	margin-bottom:10px;
	}
	
#box-content-wetter img  {
    border:0 !important;
	}
	
#meaPic  {
    background-image:none !important;  /* PDF-Symbol-Style rückgängig */
	width:360px;
	margin:1em auto 1em auto;
	padding:0 !important; /* PDF-Symbol-Style rückgängig */
	border:0;
	}
	
.smiley  {
	width:15px;
	height:15px;
	border:none !important;
}

/* LAYOUT-CONTAINER --------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

#lay-bigbox {
	background-repeat:no-repeat;
}

#lay-head {
	background-repeat:no-repeat;
}

#lay-dyncont1 {
	float:left;
	overflow:hidden;
}

#lay-content {
    padding-top:12px;
	float:left;
}

#lay-dyncont2 {
    padding-top:12px;
	width: 200px;
	float:right;
	overflow:hidden;
}

#lay-foot {
    line-height: 30px;
	text-align: center;
	clear:both;
}

/* CONTENT-CONTAINER -------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

.container-headline      { 
    padding: 2px 0px 2px 0px;
}
	
.container-content  { 
	padding: 1px 0px 1px 0px;
}

.container-content-klein  { 
    font-size: 11px;
}

.container-footline  { 
    display:none;
}

.container-gallery  { 
	padding: 10px; 
}

.gallery-title  {
    text-align:center;
	font-size:11px;
	float:left;
	margin-bottom:13px;
}

.polle-content  { 
    width: 360px;
}

.tvEntry  {
    margin-bottom:15px;
	padding-bottom:10px;
	padding-left:2px;
	border-bottom:1px dotted #d5d5d5;
	}

.firstTvEntry  {
    margin-top:10px;
	margin-bottom:15px;
	padding:3px;
	border:1px dotted #d5d5d5;
	background-color:#f7f7f7;
	}

.block  {
    margin-top:6px;
	border-top:1px dotted #d5d5d5;
	}
.block_angebote, .block_aktionen  {
    margin-top:6px;
	border-top:1px dotted #d5d5d5;
	}
	
.gbItem  {
    margin-bottom:15px;
	border-bottom:1px solid #eee;
	padding:0 0 15px 0;
	}
	
/* Sitemap */

ul.sitemapMainMenu, .sitemapMainMenu ul, .sitemapMainMenu ul ul  {
    list-style:none;
	margin:0 0 20px 0;
	padding:0;
	padding-left:50px;
	}
.sitemapMainMenu ul  {
    padding-left:40px;
	}
.sitemapMainMenu ul ul {
    padding-left:40px;
	}

.sitemapMainMenu li a.hmp, .hmp2  {
    background-color:#f7f7f7;
	display:block;
	margin-bottom:2px;
	padding:2px 0 2px 0;
	font-weight:bold !important;
	}

.sitemapMainMenu ul li a  {
    font-size:11px;
	}
.sitemapMainMenu ul li ul li a  {
    font-size:10px;
	}
	
/* BOXEN -------------------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

/* Allgemeine Formatierungen */
.box-headline  { 
	background-color: #fbfbfb;
	padding:3px 3px 3px 17px;
}
.box-content { 
	background-color: #fbfbfb;
	font-size:11px;
	line-height:normal; 
	padding:2px 3px 3px 17px;
}


/* Ratgeber */

#box-content-gtipps  { 
    height:100%;
	padding-bottom:5px !important;
	}
#box-footline-gtipps  { 
    clear:both;
	}	
.gtippsBox  {
    width:175px;
	color:#000; 
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff; 
	border:0;
	}

.gtipps-line  { 
    border-top:1px solid #ddd;
	margin:0;
	padding:2px 0 2px 0;
	width:auto;
	}
#firstEntryGtipps  {
    border:0;
	}
	
.bsBox {
    float:left;
	width:16px;
	height:15px;
	}
.bsOff  {
    clear:left;
	width:100%;
	margin-bottom:25px;
	}

.adPicBox {
    margin-bottom:15px;
	text-align:center;
	}

.adPicBox img {
    border:0 !important;
	}
	
.logo  {
    margin-bottom:15px;
	}
	
.fsg-xl-item  {
    width:100%;
	margin-top:5px;
	}
	
.fsg-xl-item p  {
    margin-top:7px;
	}	
	
#pollenflug2  {
	margin:15px auto 17px 15px;
    }
	
/* SCHAUFENSTER-ANGEBOTSVORSCHAU ***************************** */	
/* ----------------------------------------------------------- */
	
/* Allgemein -------------------- */

.sfAngBigBox  {  /* for fucking IE */
	width:100%;
    }
	
.sfAngBox  {
    margin-bottom:15px;
	font-size:11px; 
	line-height:normal; 
	text-align:center;
	width:100%;
	display:block;
	float:left;
	}

.part2-2  {  /* letztes Element bei Zweispaltern */
	float:right;
    }

.part2-3  {  /* mittleres Element bei Dreispaltern */
	margin-left:2%;
	margin-right:2%;
	width:32% !important; /* for fucking IE */
    }

/* Breite je nach Anzahl Spalten - */

.sp2  {
	width:48%;
	
    }
.sp3  {
	width:32%;
    }	

/* Link in der Box --------------- */

.sfAngBox  a  {
    border:1px solid #eee;
	padding:7px 4px;
	color:#333; 
	font-weight:normal;
	text-decoration:none;
	display:block;
	}
.sfAngBox  a:hover  {
    border:1px solid #ccc;
	text-decoration:none;
	}
	
.sp2  a, .sp3  a  {  /* Linkhöhe bei Mehrspaltern auf Wert festlegen */
	height:130px;
    }

/* Bild in der Box --------------- */

.sfAngBox img  {
	margin:7px; 
	border:0;
    }


/* FORMULARE ---------------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

form  {
    display:inline;
	}
	
input, #filiale  {
	 width:180px;
	 }
	 	 
#box-content-wetter input  {
    width:60px;
	}	
	 
.leer2  {
    width:15px;
	border:0;
	margin-right:5px;
	}
	
fieldset  {
	border:2px solid #eee;
	margin:10px 5px 5px 5px;
	padding:8px 10px 8px 10px;
	}
	
#productMedInfo, #KKInfo, #lieferBox, #kassenInfos  {
	display:none;
	}	
	
legend  {
    font-weight:bold;
	color:#333;
	}
	
.label  {
	float:left;
	padding:1px;
	}

.eingabe {
	float:left;
	padding:1px;
	}

#nachricht, .inputMessage, #message  {
    width:320px;
	}
	
#produkt  {
    width:180px;
	}
	
#anschrift  {
    width:180px;
	}

/* Buttons -------------- */

.button  {
	font-size:10px;
	font-weight:bold;
	border:1px solid #444;
	padding:1px;
	cursor:pointer;
	}	
a.textButton  {
    margin-top:15px;
	font-size:11px;
	font-weight:bold;
	border:1px solid #444;
	padding:2px;
	}
a:hover.textButton  {
    margin-top:15px;
	font-size:11px;
	font-weight:bold;
	border:1px solid #444;
	padding:2px;
	}
	
#contactButton  {
    margin:7px 0px 10px 20px;
	width:90px;
	font-size:10px;
	}
#bmiButton  {
    width:85px;
	font-size:10px;
	}	
#addBasketButton, #angNeu  {
	width:170px;
	font-size:10px;
	}
#bestellSendButton  {
    width:133px;
	font-size:10px;
	}
	
.formComment  {
     padding:12px 0 10px 0;
	 width:100%;
	 }

/* Warenkorb ---------------- */

#sendUpdBasket, #sendUpdBasket2  { /* Button */
    display:none;
	width:187px;
	margin:3px 0 6px 5px;
	float:left;
}

#basketTable  {
	margin-left:5px;
	}

.basketTableProduct  {
	background-color:#fafafa;
	}
	
.basketTableMenge  {
    width:50px;
	text-align:right;
	background-color:#fafafa;
	}

.basketTableDelButton  {
    width:65px;
	text-align:center;
	}

.inputMenge  {
    text-align:right;
	}
	
#basketButtonBox  {
	text-align:right;
	margin-top:15px;
	padding-bottom:5px;
	}
	
/* Warenkorb BOX ---------------- */

.box-content #basketTable  {
    width:98%; /* wichtig für IE6; max 98% */
	}

.box-content .basketTableProduct  {
    width:auto;
	background-color:inherit;
	padding-left:3px;
	}
	
.box-content .basketTableMenge  {
    width:30px;
	background-color:inherit;
	text-align:center;
	}

.box-content .basketTableDelButton  {
    text-align:right;
	width:50px;
	}
	
.box-content #basketButtonBox  {
    width:auto;
	margin:0;
	}

#basketButtonBox .button  {
    background:none;
	}	

/* SCROLLER ---------------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

.scrollitemtitle  { 
    font-size: 11px; 
	}
	
.scrollitemdescription  { 
    font-size: 11px; 
	}
	
	
/* LIGHTBOX ----------------------------------------------------------------------------------------- */
/* ************************************************************************************************** */
	
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 300;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.aposolutions.com/generell/pix/common/system/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.aposolutions.com/generell/pix/common/system/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
/* speziell für Bildergalerie (kleiner Text) */
.galleryText {
    font-size:11px;
	}