@charset "utf-8";

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


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

body  {
    background:#fff url(http://www.aposolutions.com/generell/pix/vx2_0182/bg_body.gif) repeat-y;
	}

#headnames  { 
    position:absolute;
	top:5px;
	left:140px;
	z-index:2px;

	color:#031c9d;
	font-size:18px;
}
.apoort  { 
    color:#031c9d;
	font-size:12px;
}
	
/* ÜBERSCHRIFTEN -------------------------------------------------------------------------------------*/
/* ************************************************************************************************** */

h1  {
    font-family:Verdana, Geneva, sans-serif;
	font-size:17px;
	color:#215273;
	}

	
h2  {
    font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#215273;
	}
	
.box-content h2  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3e5698;
	}
	

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

a  {
    color:#6abcd0;
	}
	
#lay-content a  {
    font-weight:bold;
	}

.box-content a  {
    color:#296594;
	}
.box-content a:hover  {
    color:#6abcd0;
	}
	
#lay-foot a  {
	font-size:11px;
	}

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

#box-content-menu ul  {
	list-style:none;
	line-height:1.3em;
	width:125px; /* wichtig, sonst IE-Bug (zeigt top-Offset) */
}

#box-content-menu ul ul  {
	list-style:none;
	line-height:1.1em;
	margin:.2em 0 1em 0;
	margin-top:0;
}

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

#box-content-menu a.hmpa {
   color: #111;
   font-size:12px;
   font-weight:bold;
   }
#box-content-menu a:hover.hmpa {
   color: #111;
   font-size:12px;
   font-weight:bold;
}
#box-content-menu a.hmpi {
   color: #296594;
   font-size:12px;
   font-weight:bold;
}
#box-content-menu a:hover.hmpi {
   color: #111;
   font-size:12px;
   font-weight:bold;
}

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

#box-content-menu a.umpa {
   color: #111;
   font-size:10px;
   font-weight:bold;
}
#box-content-menu a:hover.umpa {
   color: #111;
   font-size:10px;
   font-weight:bold;
}
#box-content-menu a.umpi {
   color: #296594;
   font-size:10px;
   font-weight:bold;
}
#box-content-menu a:hover.umpi {
   color: #111;
   font-size:10px;
   font-weight:bold;
}	

.m2  {
	display:none;
}

#buttonmenu  {
	position:absolute;
	top:117px;
	left:287px;
	width:410px;
	height:24px;
}


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

#lay-content .pic  {
    margin-top:.6em;
	}
	
#lay-dyncont2 .pic  {
    margin-top:.5em;
	}	
	
/* LAYOUT-CONTAINER --------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

#lay-bigbox  {
	background: url(http://www.aposolutions.com/generell/pix/vx2_0182/bg_bigbox.png) no-repeat;
	width:780px;
	margin:0;
}

#lay-head {
	background-image: url(http://www.aposolutions.com/generell/pix/vx2_0182/bg_head.png);
	background-repeat:no-repeat;
	width:780px;
	height:160px;
    }

#lay-dyncont1  {
    width:198px;
    }

#lay-dyncont2 {
	width:200px;
	text-align:center;
	padding-bottom:10px;
    }

#lay-content {
    width:360px;
	padding-bottom:10px;
    }
  
#lay-foot {
	height:40px;
	padding-top:10px;
	padding-left:195px;
    }


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

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

#lay-dyncont2  h1  {
    background:url(http://www.aposolutions.com/generell/pix/vx2_0182/bg_box.gif) repeat-y;
	width:180px;
	padding:5px 10px 3px 15px;
	margin:0;
	font-size:14px;
	color:#215273;
	}

#lay-dyncont1  h1  {
	font-size:14px;
	color:#215273;
}

#lay-dyncont2 .box-content  {
	background:url(http://www.aposolutions.com/generell/pix/vx2_0182/bg_box.gif) repeat-y;
	width:180px;
	margin:0 auto 12px auto;
	padding:5px 10px 10px 15px;
	}

.box-content p  {
    margin:0;
	}

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

/* Menu ----------------------- */

#box-headline-menu, #box-foot-menu  {
    display:none;
	}
#box-content-menu  {   
    padding:0;
	margin-left:28px;
	margin-bottom:55px;
	}

/* Banner --------------------- */

#lay-dyncont1 .banner  {
	margin-left:17px;
}

/* Ratgeber einfach ----------- */

#hbox-gtipps  {
	margin-left:43px;
	margin-bottom:.3em;
}

.gtippsBox  {
    width:130px;
	border:1px solid #cae8f0;
	padding:3px;
	margin-left:43px;
}

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

fieldset  {
    border:1px solid #e2eaff;
	}

.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:199px;
	height:18px;
	border:1px solid #6b7796;
	}

#groesse, #gewicht  {
    width:70px;
	}
	
/* Textareas ---------------------------- */	
/* -------------------------------------- */

textarea  {
    width:322px;
	height:200px;
	border:1px solid #6b7796;
	}	

textarea.kurz  {
    width:199px;
	}

textarea.hoch1  {
    height:55px;
	}


select  {
    border:1px solid #6b7796;
	}
		
/* Buttons ------------------------------ */	
/* -------------------------------------- */

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

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

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

/* WARENKORB ---------------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

#basketTable  {
	border:1px solid #e2eaff;
    }