BODY {   
	BACKGROUND-COLOR: #EEEEEE;
	BACKGROUND-IMAGE: url(../katalog/images/bgbar.png);   
	BACKGROUND-SIZE: 100% 330px;
	BACKGROUND-POSITION: left 90px; 
	BACKGROUND-REPEAT: no-repeat; 
	TEXT-ALIGN: center;   
	MARGIN: 0px;
}

 
@font-face {
	font-family: xMainFlow;

	/*
	src:url("metaplusnormal-roman_.ttf") format("truetype");
	*/

	src:url("OpenSans-Regular.eot?") format("eot"),
		url("OpenSans-Regular.woff") format("woff"),
		url("OpenSans-Regular.ttf") format("truetype"),
		url("OpenSans-Regular.svg#OpenSans") format("svg");

	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family: NavFlow;
	src:url("OpenSans-Semibold.eot?") format("eot"),
		url("OpenSans-Semibold.woff") format("woff"),
		url("OpenSans-Semibold.ttf") format("truetype"),
		url("OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
	font-weight:normal;font-style:normal;
}



FONT { 
	FONT-FAMILY: /* */ MainFlow, Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	LINE-HEIGHT: 150%;
} 

A:link { text-decoration: none;color : #333399;}
A:visited { text-decoration: none; color : #333399; }
A:active { text-decoration: none; color : #333399; }
A:hover { text-decoration: none; color :  #666666; }


/************************************************************************************************
 *  
 *   master container
 *  
 ************************************************************************************************/

#mainbody {   
	BACKGROUND-IMAGE: url(/katalog/images/bodybg1050.png);
	BACKGROUND-POSITION: center top;   
	BACKGROUND-REPEAT: repeat-y ;
	TEXT-ALIGN: left;  
	MARGIN-TOP: 0px; 
	PADDING-TOP: 35px; 
	WIDTH: 1196px;     
	MARGIN: 0 auto;
	MIN-HEIGHT: 900px;
}




/************************************************************************************************
 *  
 *   main body structure
 *  
 ************************************************************************************************/


#pagebg
{
	POSITION: absolute;
	TOP: 0;
	LEFT: 0;
	WIDTH: 100%;
	HEIGHT: 10px;
	Z-INDEX: -1;
	/*
	BACKGROUND-COLOR: #EE8080;
	*/
}



/*
 * top logo
 */

#logobody {  
	WIDTH: 1190;     
	MARGIN-BOTTOM: 25px;
}


TABLE.logotable {   
	WIDTH: 810px;	
	PADDING: 0px;
	MARGIN: 0px;
}


/* spacer */
TD.logoleft {  }
IMG.logoleft {   
	WIDTH: 160px;	
	HEIGHT: 50px;
}


/* let logoline */
TD.logomid {   }
IMG.logomid {   
	WIDTH: 270px;
	HEIGHT: 50px;
}

/* right logo */
TD.logoright {   }
IMG.logoright {   
	WIDTH: 618px;
	HEIGHT: 50px;

}


TABLE.maintable {   
	MARGIN-TOP: -10px;
	WIDTH: 1156px;
}

TD.mainleftspace {   
	WIDTH: 21px;
}

TD.mainleftnav {   
	WIDTH: 120px;

}

TD.mainmidpsace {   
	WIDTH: 40px;
}

TD.maincontent {   
	WIDTH: 830px;
}

TD.mainrighttspace {   
	WIDTH: 25px;
}

TD.mainrightnav {   
	WIDTH: 120px;
}

/*
 * NAV (left size)
 */

DIV.navbutton,
  DIV.navbutton_language,
  DIV.navbutton_checkout,
  DIV.orderbutton,
  DIV.orderbackbutton,
  INPUT.orderbuybutton,
  INPUT.searchbutton,
  INPUT.orderbutton
{ 
	FONT-SIZE: 95%;
	LINE-HEIGHT: 150%;
	TEXT-ALIGN: CENTER; 
   	BACKGROUND-COLOR: #404fb5;
	BORDER-RADIUS: 1px 0px 0px 1px ;
	MARGIN-BOTTOM: 15px;
	BORDER: 1px solid #000099;
	WIDTH: 90px;  /* 100 - 2x padding */
	PADDING: 5px;
}

DIV.navbutton_language { 
   	BACKGROUND-COLOR: #408fc5;
	BORDER: 1px solid #006980;
	MARGIN-BOTTOM: 25px;
}

DIV.navbutton_checkout { 
   	BACKGROUND-COLOR: #64a242;
	BORDER: 1px solid #009100;
	MARGIN-BOTTOM: 0px;
	FONT-SIZE: 100%;
}

DIV.navbutton:hover,
DIV.navbutton_language:hover,
DIV.navbutton_checkout:hover,
DIV.orderbutton:hover,
DIV.orderbackbutton:hover,
INPUT.orderbuybutton:hover,
INPUT.searchbutton:hover,
INPUT.orderbutton:hover {
	OPACITY: 0.9;
}
 
DIV.orderbutton,
  INPUT.orderbuybutton,
  INPUT.searchbutton,
  INPUT.orderbutton
{ 
   	BACKGROUND-COLOR: #64a242;
	BORDER: 1px solid #009100;
	BORDER-RADIUS: 0px 0px 0px 0px ;
}

DIV.orderbutton,
  INPUT.orderbutton
{ 
	WIDTH: 215px;
	PADDING: 3px;
	PADDING-BOTTOM: 5px;
	MARGIN-BOTTOM: 1px;
}

INPUT.orderbuybutton,
  INPUT.searchbutton
{
	PADDING: 0px;
	PADDING-BOTTOM: 2px;
	LINE-HEIGHT: 90%;
	WIDTH: 80px;
	HEIGHT: 22px;
}

FONT.orderbuttonblurp
{
	FONT-SIZE: 70%;
}

TABLE.shoppingcart 
{
	WIDTH: 102px;
	MARGIN: 0px;
	PADDING: 0px;
	BORDER: 1px solid #009100;
   	BACKGROUND-COLOR: #FDFDFD;
	COLOR: #000000;
}

FONT.shoppingcart
{
	FONT-SIZE: 95%;
}

DIV.cartmessage {
	MARGIN-TOP: 20px;
}

DIV.cartmessage FONT {
	FONT-FAMILY: Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 100%;
}

DIV.orderbackbutton
{
	FLOAT:LEFT;
   	BACKGROUND-COLOR: #B11000;
	BORDER: 1px solid #801000;
	WIDTH: 60px;
	PADDING: 3px;
	PADDING-BOTTOM: 5px;
}


/* text for navbuttons */
DIV.navbutton > A,
 DIV.navbutton_lang > A,
 DIV.navbutton_checkout > A,
 DIV.orderbackbutton > A,
 A.navbutton
{ 
	FONT-FAMILY: MainFlow, Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: 700;
	COLOR: #EEEEEE;
}
 
/* text for orderbuttons */
DIV.orderbutton > A,
 INPUT.orderbutton,
 A.orderbutton
{ 
	FONT-FAMILY: MainFlow, Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: 700;
	COLOR: #FFFFFF;
}

INPUT.orderbuybutton,
  INPUT.searchbutton
{ 
	FONT-FAMILY: MainFlow, Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: 700;
	COLOR: #FFFFFF;
	FONT-SIZE: 80%;
}

/* obsolete */
A.navlink { 
	MARGIN-BOTTOM: 10px;
}



/*
 * inside content area header/footer
 */
TABLE.contenttable {   
	WIDTH: 800px;
}



/*
 *  the red line above the content
 */
TR.headline {   
	HEIGHT: 45px;
}

TD.headline {   
	BACKGROUND-COLOR: #A01000;
	xBACKGROUND-IMAGE:url(/katalog/images/headerbgnd.gif);    
	BACKGROUND-POSITION: left;    
	BACKGROUND-SIZE: Auto 100%;
	BORDER-RADIUS: 4px 4px 0px 0px ;
	TEXT-ALIGN: center;
}

TD.headline font {   
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 120%;
}




/*
 *  the area between upper and lower red lines
 */
TD.innerbody,    
  TD.innerbodypart,
  TD.innerbodytop 
{   
	BORDER-LEFT:1px #D4D0D1 solid;    
	BORDER-RIGHT:1px #D4D0D1 solid;  
}

TD.innerbodytop {
	HEIGHT: 20px;	
}

TD.innerbodypart {   
	PADDING-BOTTOM: 10px;
}

TD.innerbody {
	PADDING-BOTTOM: 25px;
}

/* the real content table (centered inside the innerbody) */
TABLE.realbody {   
	WIDTH: 92%;
}

TR.realbody {   

}

B.shopmeldung {
	FONT-FAMILY: Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
}



/*
 *  the red line below the content (backlink, (C)laser)
 */
TABLE.footertable {
	WIDTH: 750px;
}

TR.footline {   
	HEIGHT: 45px;
}

TD.footlineleft {   
	BACKGROUND-COLOR: #A01000;
	xBACKGROUND-IMAGE:url(/katalog/images/headerbgnd.gif);    
	BACKGROUND-POSITION: left;    
	BACKGROUND-SIZE: Auto 100%;
	BORDER-RADIUS: 0px 0px 4px 4px;
}

TD.footlineright {   
	BACKGROUND-COLOR: #901000;
	xBACKGROUND-IMAGE:url(/katalog/images/headerbgnd.gif);    
	BACKGROUND-POSITION: right;    
	BACKGROUND-SIZE: Auto 100%;
}


.zurueck:link {text-decoration: none; color : #FFFFFF; }
.zurueck:visited { text-decoration: none; color : #FFFFFF; }
.zurueck:active { text-decoration: none; color : #DDDDDD; }
.zurueck:hover { text-decoration: none; color : #DDDDDD; } 

A.zurueck {   
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 90%;	
}

FONT.footertext {   
	FONT-SIZE: 10px;
}



/************************************************************************************************
 *  
 *   content elements
 *  
 ************************************************************************************************/

FONT.welcomehdr {
	FONT-SIZE: 18px;
}

/*
 *  Article groups and subdescription (index.php / show.php)
 */

FONT.mainname {
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 110%;
}

FONT.mainlist {

}

FONT.mainsubkat {
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 105%;
	LINE-HEIGHT: 24px;
}

FONT.showsubkat {
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	LINE-HEIGHT: 26px;
}

FONT.showsubkat b {
	FONT-SIZE: 110%;
}

FONT.showsubkatblurp {
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 105%;
	FONT-WEIGHT: 500;
}


/*
 *  Item tables (e.g. product lists)
 */

TD.itemtabletext {
	PADDING-RIGHT: 12px;
}

FONT.itemtableheader {
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 105%;
}


FONT.itemtablenormal,
	FONT.orderconfirmaddr,
	FONT.itemtableshow,
	FONT.orderconfirmemail {
	FONT-FAMILY: Lucida Console, Courier New, Courier;
	FONT-SIZE: 100%;
}

DIV.reloadbutton {
	PADDING: 2px;
}


FONT.itemtabletiny {
	FONT-SIZE: 80%;
}




FONT.detailitemname {
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 110%;
}

FONT.detailitemdescription {
	FONT-FAMILY: MainFlow, Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 100%;
}

FONT.detailitemdescription B {
	FONT-FAMILY: Segoe UI, Lucida Grande, Tahoma, Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 105%;
}


/*
 *  Item tables (e.g. product lists)
 */


DIV.ordererror {
	MARGIN-TOP: 10px;
}

TD.ordercol1 {
	WIDTH: 25%;
}

TD.ordercol2 {
	WIDTH: 75%;
}

TD.ordercol2 > INPUT
{
	FONT-FAMILY:  Courier New, Lucida Console, Courier;
	FONT-SIZE: 100%;
	MARGIN: 3px;
	MARGIN-LEFT: 0px;
}

FONT.orderheader {
	FONT-SIZE: 110%;
}

FONT.orderminiblurp {
	FONT-SIZE: 90%;
}

FONT.ordermicroblurp {
	FONT-SIZE: 80%;
}

FONT.agbs {
	LINE-HEIGHT: 150%;
}

FONT.agbs b {
	FONT-SIZE: 110%;
}

FONT.contact {
	LINE-HEIGHT: 150%;
}

FONT.contact b {
	FONT-SIZE: 110%;
}

DIV.contactsub {
	PADDING: 6px;
}


TABLE.warenkorb {
	BACKGROUND-COLOR: #FEFEFE;
	PADDING: 10px;
	PADDING-LEFT: 20px;
	PADDING-RIGHT: 30px;
	PADDING-BOTTOM: 10px;
}

DIV.paypalbutton {
	WIDTH: 228;
	PADDING: 0px;
	PADDING-TOP: 0px;
}

DIV.paypaldata_l {
	MAX-HEIGHT: 0;
	OVERFLOW: hidden;
}
DIV.paypaldata_r {
	MAX-HEIGHT: 0;
	OVERFLOW: hidden;
}

TABLE.paypaldata {
    FONT-SIZE: 70%;
}

INPUT.paypaldata {
    FONT-SIZE: 70%;
    visibility: visible;
}

TABLE#orderverify1 {
	BACKGROUND-COLOR: #FEFEFE;
	PADDING: 20px;
	PADDING-LEFT: 30px;
	PADDING-BOTTOM: 40px;
}

TABLE#orderverify2 {

	BORDER: 1px solid #FDFDFD;
	PADDING: 20px;
	PADDING-LEFT: 30px;
	PADDING-BOTTOM: 40px;
}

TD.ordercol2 > INPUT {
	FONT-FAMILY:  Courier New, Lucida Console, Courier;
	FONT-SIZE: 90%;
}

TABLE.warenkorb {
	BACKGROUND-COLOR: #FEFEFE;
	PADDING: 10px;
	PADDING-LEFT: 20px;
	PADDING-RIGHT: 30px;
	PADDING-BOTTOM: 10px;
}

DIV.paypalbutton {
	WIDTH: 228;
	PADDING: 0px;
	PADDING-TOP: 0px;
}

DIV.paypaldata_l {
	MAX-HEIGHT: 0;
	OVERFLOW: hidden;
}
DIV.paypaldata_r {
	MAX-HEIGHT: 0;
	OVERFLOW: hidden;
}

TABLE.paypaldata {
    FONT-SIZE: 70%;
}

INPUT.paypaldata {
    FONT-SIZE: 70%;
    visibility: visible;
}

TABLE#orderedit {
	BORDER: 1px solid #DDDDDD;
	xBACKGROUND-COLOR: #FEFEFE;
	PADDING: 30px;
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: 20px;
	MARGIN-BOTTOM: 50px;
}

TABLE#orderverify1 {
	BACKGROUND-COLOR: #FEFEFE;
	PADDING: 20px;
	PADDING-LEFT: 30px;
	PADDING-BOTTOM: 40px;
}

TABLE#orderverify2 {
	BORDER: 1px solid #DDDDDD;
	xBACKGROUND-COLOR: #FEFEFE;
	PADDING: 30px;
	PADDING-BOTTOM: 0px;
	MARGIN-BOTTOM: 50px;
}

INPUT.orderverify2,
  SELECT.orderverify2 {
	FONT-FAMILY:  Courier New, Lucida Console, Courier;
	FONT-SIZE: 100%;
	MARGIN: 2px;
	PADDING-LEFT: 5px;
}


DIV.dankereceipt {
	MARGIN: 10px;
	MARGIN-RIGHT: 100px;
	PADDING: 10px;
	FONT-FAMILY: Courier, Courier-New;
	BACKGROUND-COLOR: #DDDDDD;
}


/* 
 *
 * testing 
 *
 */
.reveal-if-active {
  opacity: 0;
  max-height: 30;
  overflow: hidden;
}

input[type="checkbox"]:checked ~ .reveal-if-active {
  opacity: 1;
  max-height: 100px; /* little bit of a magic number :( */
  overflow: visible;
}