@charset "utf-8";

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


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

body  {
    background:#edf2d0 url(https://www.aposolutions.com/generell/pix/vx2_0174/bg_body.png) repeat-x;
	}
	
/* ÜBERSCHRIFTEN -------------------------------------------------------------------------------------*/
/* ************************************************************************************************** */

h1  {
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#666953;
	}

	
h2  {
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	}
	
.box-content h2  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	

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

a  {
    color:#ad711d;
	}

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

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

.m1  {
    width:73em;
	height:39px;
	margin:0 0 0 22px;
	line-height:normal; /* Widerruf für Definition bei ul */
	}
	
/* erste Menüebene ------------------------------------- */	

.m1 li {
	background-image:url(https://www.aposolutions.com/generell/pix/vx2_0174/menu_separator.png);
	background-repeat:no-repeat;
	background-position:top right;
	float: left;
	list-style:none;
	position:relative;
    }

.m1 li a {
	display: block;
	padding:12px 12px 12px 10px;
	color:#e8e0d0;
    }

.m1 li:hover, .m1 li.iehover {  /* Rolloverbild */
    background-image:url(https://www.aposolutions.com/generell/pix/vx2_0174/menu_hover.png);
	}

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

.m1 li ul {
	background:#edf2d0;
	position: absolute;
	top:35px; /* Abstand UM zu HM */
	left:0;
	height:auto;
	padding:0;
	margin:0;
	display:none;
	border:1px solid #d0d2a3;
	border-bottom:0;
	line-height:normal;  /* Widerruf für Definition bei ul */
    }

.m1 li:hover ul, .m1 li.iehover ul {
	display: block; 
    }

.m1 li ul li {
	height: auto;
	width:180px; 
	padding:0;
	margin:0;
	float:none;
	background: url(https://www.aposolutions.com/generell/pix/vx2_0174/menu_sub.png) repeat-x bottom;
	}
	
.m1 li ul li:hover  {
    background: url(https://www.aposolutions.com/generell/pix/vx2_0174/menu_sub_hover.png) repeat-x bottom;
	}

.m1 li ul li a {
	display: block;
	width:170px; 
	font-size:11px;
	color:#111;
	padding:6px;
    }
	
/* Sekundärmenü ------------------------------------- */	
/* -------------------------------------------------- */

.m2Box  {
	width:130px;
	height:auto;
	position:relative;
	top:30px;
	left:774px;
	z-index:99;
	border:1px solid #c6a198;
	padding:3px;
}

.m2  {
	font-size:11px;
	margin:0;
	list-style:circle;
	color:#222;
}
.m2 li a  {
	color:#222;
}

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

.pic, #meaPic  {
    border:5px solid #fff;
	}

#lay-dyncont2 .pic  {
    border:3px solid #fff;
	}	
	
/* LAYOUT-CONTAINER --------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

#lay-bigbox  {
    background: url(https://www.aposolutions.com/generell/pix/vx2_0174/bg_bigbox.png);
    background-repeat:repeat-y;
	width:948px;
	margin:0 auto 0 auto;
}

#lay-head {
	background-image: url(https://www.aposolutions.com/generell/pix/vx2_0174/bg_head.png);
	background-repeat:no-repeat;
	width:948px;
	height:451px;
    }

#lay-dyncont1  {
    width:0px;
	height:0px;
	position:relative;
    }

#lay-dyncont2 {
	width:311px;
	margin-top:-237px;  /* einen Tick höher als bei #lay-content, um Schatten der Überschriftenbox auszugleichen */
	margin-right:40px;
	margin-left:17px;
	text-align:center;
	padding-bottom:10px;
    }

#lay-content {
    width:534px;
	margin-top:-235px;
	margin-left:46px;
	padding-bottom:10px;
    }
  
#lay-foot {
    background-image: url(https://www.aposolutions.com/generell/pix/vx2_0174/bg_footer.png);
	background-repeat:no-repeat;
	height:40px;
	padding-top:10px;
    text-align:center;
	color:#eee;
    }


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

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

#lay-dyncont2  h1  {
    background:url(https://www.aposolutions.com/generell/pix/vx2_0174/bg_box_headline.png) no-repeat;
	height:26px;
	width:292px;
	padding:11px 0 0 19px;
	margin:0;
	font-size:14px;
	color:#5e614c;
	}

.box-content  {
    border:1px solid #7b7f64;
	width:275px;
	margin:0 auto 12px auto;
	padding:11px;
	}

.box-content p  {
    margin:0;
	}

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

#box-headline-menu, #box-foot-menu  {
    display:none;
	}
#box-content-menu  {   
    position:absolute;
	top:-292px;
	left:23px;
	z-index:50;
	width:902px;
	height:39px;
	}

.gtippsBox {
	background:#f7f7f5;
	width:275px;
}
/* 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:300px;
	height:18px;
	background:#fff url(https://www.aposolutions.com/generell/pix/vx2_0174/bgInput.gif) repeat-x;
	}
	
/* Textareas ---------------------------- */	
/* -------------------------------------- */

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

textarea.kurz  {
    width:300px;
	}

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

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

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

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