/* 
- allgemeine Formatierungen
- spezielle Formatierungen
- Überschriften
- Absätze und Text
- Links
- Hauptmenü 
- Bilder
- Layout
- Boxen
- Formulare
*/


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

body  {
    background:#fff;
	}
	
/* ÜBERSCHRIFTEN -------------------------------------------------------------------------------------*/
/* ************************************************************************************************** */

h1  {
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	color:#111;
	}
	
h2  {
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-weight:normal;
	color:#111;
	}
	
.box-content h2  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
	
	
/* ABSAETZE UND TEXT --------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

.obligation  {
	font-size:14px;
}	


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

a  {
    color:#2b74bd;
	}
	
#lay-content a  {
	font-weight:normal;
}

.box-content a  {
    color:#333;
	}
	
#lay-foot a  {
    color:#2b74bd;
	font-size:11px;
	}

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

#box-content-menu ul.m1  {
	width:175px;
	border:6px solid #f8f8f8;
}

#box-content-menu ul  {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

.m2Box  {
	display:none;
}
	
/* erste Menüebene ------------------------------------- */

#box-content-menu a.hmpa {
   color: #2b74bd;
   font-size:12px;
   font-weight:bold;
   line-height:22px;
   height:22px;
   text-indent:12px;
   background: url(http://www.aposolutions.com/generell/pix/vx2_0152/menu.jpg) no-repeat;
   display:block;
   }
#box-content-menu a:hover.hmpa {
   color: #111;
   font-size:12px;
   line-height:22px;
   height:22px;
   text-indent:12px;
   text-decoration:none;
   background: url(http://www.aposolutions.com/generell/pix/vx2_0152/menu2.jpg) no-repeat;
   display:block;
}
#box-content-menu a.hmpi {
   color: #111;
   font-size:12px;
   line-height:22px;
   height:22px;
   text-indent:12px;
   background: url(http://www.aposolutions.com/generell/pix/vx2_0152/menu.jpg) no-repeat;
   display:block;
}
#box-content-menu a:hover.hmpi {
   color: #111;
   font-size:12px;
   line-height:22px;
   height:22px;
   text-indent:12px;
   text-decoration:none;
   background: url(http://www.aposolutions.com/generell/pix/vx2_0152/menu2.jpg) no-repeat;
   display:block;
}

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

#box-content-menu a.umpa {
   color: #2b74bd;
   font-size:10px;
   font-weight:bold;
   line-height:22px;
   height:22px;
   text-indent:28px;
   background: url(http://www.aposolutions.com/generell/pix/vx2_0152/menu.jpg) no-repeat;
   display:block;
}
#box-content-menu a:hover.umpa {
   color: #111;
   font-size:10px;
   line-height:22px;
   height:22px;
   text-indent:28px;
   text-decoration:none;
   background: url(http://www.aposolutions.com/generell/pix/vx2_0152/menu2.jpg) no-repeat;
   display:block;
}
#box-content-menu a.umpi {
   color: #111;
   font-size:10px;
   line-height:22px;
   height:22px;
   text-indent:28px;
   background: url(http://www.aposolutions.com/generell/pix/vx2_0152/menu.jpg) no-repeat;
   display:block;
}
#box-content-menu a:hover.umpi {
   color: #111;
   font-size:10px;
   line-height:22px;
   height:22px;
   text-indent:28px;
   text-decoration:none;
   background: url(http://www.aposolutions.com/generell/pix/vx2_0152/menu2.jpg) no-repeat;
   display:block;
}


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

.pic  {
	border:1px solid #ddd;
}

#lay-dyncont1 .pic, #lay-dyncont2 .pic  {
	float:left;
	margin:1px .6em .6em 0;
}

/* Bildergalerie --------------------------------- */
/* ----------------------------------------------- */

.container-gallery  {
	border:1px solid #eee;
	padding:9px 9px 0 9px;
}

.gallery-title  {
	width:200px;
}

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

#lay-bigbox {
	width:975px;
	margin:0 auto 0 auto;
}

#lay-head {
	background:url(http://www.aposolutions.com/generell/pix/vx2_0152/bg_head.jpg) no-repeat;
	height:286px;
	width:975px;
    }

#lay-dyncont1 {
	width:187px;
	margin-top:10px;
}

#lay-dyncont2 {
	width:329px;
	margin-top:10px;
}

#lay-content {
	width:420px;
	margin:10px 19px 15px 20px;
}
  
#lay-foot {
    background: url(http://www.aposolutions.com/generell/pix/vx2_0152/bg_foot.jpg) no-repeat bottom left;
	width:775px;
	height:60px;
	font-size:11px;
	padding:10px 0 0 208px;
    }


/* BOXEN -------------------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

/* Allgemein ---------------------------- */	
/* -------------------------------------- */

#lay-dyncont1 h1  { 
	background:url(http://www.aposolutions.com/generell/pix/vx2_0152/box_head1.png) no-repeat;
	height:20px;
	width:171px;
	margin:0;
	padding:15px 0 0 16px;
	font-size:16px;
	color:#111;
}

#lay-dyncont1 .box-content  { 
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/box_foot1.png) no-repeat bottom;
	width:155px;
	margin:0 auto 12px auto;
	padding:11px 16px 16px 16px;
	color:#555;
}

#lay-dyncont2  h1  {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/box_head2.png) no-repeat;
	height:20px;
	width:313px;
	padding:15px 0 0 16px;
	margin:0;
	font-size:16px;
	color:#111;
	}

#lay-dyncont2 .box-content  {
	background:url(http://www.aposolutions.com/generell/pix/vx2_0152/box_foot2.png) no-repeat bottom;
	width:297px;
	margin:0 auto 1em auto;
	padding:11px 16px 16px 16px;
	color:#555;
	}
	
.box-content p  {
    margin:0;
	}

/* Speziell ----------------------------- */	
/* -------------------------------------- */

#box-headline-menu  {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/menu2.jpg) no-repeat;
	width:187px;
	height:8px;
	}

#box-foot-menu  {
	margin-bottom:12px;
}

.gtippsBox  {
	width:156px;
	padding:2px;
}

#lay-dyncont1 #pollenflug2  {
	margin-left:0px;
}


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

.label  {
	float:left;
	width:38%;
	height:28px;
	}
	
.eingabe {
	float:right;
	width:62%;
	height:28px;
	}

div.hoch1, label.hoch1  {
    height:60px;
	margin-bottom:8px;
	}
		
select, .inputStandard, textarea  {
    background-color:#fff;
	border:1px solid #999;
	margin:1px 0 4px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
/* Inputs ------------------------------- */	
/* -------------------------------------- */	

.inputStandard  {
    width:236px;
	height:18px;
	background:#fff url(http://www.aposolutions.com/generell/pix/vx2_0152/bgInput.gif) repeat-x;
	}
	
/* Textareas ---------------------------- */	
/* -------------------------------------- */

textarea  {
    width:382px;
	height:200px;
	background:#fff url(http://www.aposolutions.com/generell/pix/vx2_0152/bgInput.gif) repeat-x;
	}	

textarea.kurz  {
    width:236px;
	}

textarea.hoch1  {
    height:55px;
	}
	
/* Buttons ------------------------------ */	
/* -------------------------------------- */

.textButton  {
    font-size:11px;
	font-weight:bold;
	}

.buttonAbsenden  {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/buttonAbsenden.jpg) no-repeat; 
	width:88px;
	height:26px;
	margin-left:18px;
	}
	
.buttonBerechnen  {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/buttonBerechnen.jpg) no-repeat; 
	width:95px;
	height:26px;
	}
	
.buttonInWarenkorb  {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/buttonInWarenkorb.jpg) no-repeat; 
	width:151px;
	height:26px;
	}
	
.buttonWeiter  {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/buttonWeiter.jpg) no-repeat; 
	width:67px;
	height:26px;
	}
	
.buttonZurueck  {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/buttonZurueck.jpg) no-repeat; 
	width:67px;
	height:26px;
	}
	
.buttonDel  {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/buttonDel.jpg) no-repeat; 
	width:15px;
	height:15px;
	margin-left:5px;
	}

.buttonMenge {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/buttonMenge.jpg) no-repeat; 
	width:142px;
	height:20px;
	margin:10px 0 10px 0;
	}
	
.buttonBestellungSenden  {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0152/buttonBestellungSenden.jpg) no-repeat; 
	width:166px;
	height:26px;
	}

