/* File: rpg_css_std.css */
/* vi: set tabstop=2 shiftwidth=2 : */
/*----------------------------------------------------------------------------*/
/* color: #ff8700; /* orange in Navigation und headlines */ 
/* color: #0c2577; /* Dunkles Blau (Headlines) */ 
/* color: #707070; /* Dunkles Grau (Background unter der Maus:hover) */
/*----------------------------------------------------------------------------*/
/* Main document settings                                                     */
/*----------------------------------------------------------------------------*/
	body {
    font: normal 10px sans-serif;
    color: black; background-color: #ffffff;
		border: 0px;
		margin: 0px; 
		padding: 0em;
	}

@media print {
	body {
		font-size: 10pt;
		width: 90%;
	}
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- 
 * page-content is 1066x, plus 180px nav. Fits intp 1024px wide screen
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

 .grouping { display: inline-block; padding: 5px 0px 12px 0px; vertical-align: top; border: 0px solid yellow; } 
 .group_2 {display: float: left; width:525px; display: inline-block; vertical-align: top; padding: 0px; border: 0px solid blue; } /* gesamtes feld in tabellenanordnung */
 .group_2 .group_content {max-width: 422px; padding: 0px; border: 0px solid green;} /* Text-Teil des Eintrages, mit Head */

 .group_3 {display: float: left; width:345px; display: inline-block; vertical-align: top; padding: 0px; border: 0px solid blue; } /* gesamtes feld in tabellenanordnung */
 .group_3 .group_content {max-width: 240px; padding: 0px; border: 0px solid green;} /* Text-Teil des Eintrages, mit Head */

 .group_content { vertical-align: top; display: float: left; display: inline-block; padding: 0px; width:inherit;} 
 .group_image {display: float: left; width:100px; display: inline-block; padding: 0px;} 
 img.group_icon {width: 100px; } 
 div.group_2 h3 {display:inline-block; min-width: 99%; } 
 div.group_3 h3 {display:inline-block; width: 98%; } 

 
div.group_content ul {
	padding-left: 14px;
	padding-top:   0px;
	text-decoration: none;
	color: blue;
}

a.normal {
	text-decoration: none;
	color: black;
}
.grouping a:hover h3 ,
.grouping a:hover 
{color: blue; !important }

.group_3 .group_content .group_content_div {max-width: 170px;}


/*----------------------------------------------------------------------------*/

div#content h1 , div#content h2 , div#content h3 ,
div#content h4 , div#content h5 , div#content h6 {
  font: normal 18px sans-serif;
	color: #000000; 
	background-color: white; 
	margin: 0.0em;
	letter-spacing: 0.00em;
}

div#content h6 { color: #ff8700; background-color: #000A80; margin: 1px; padding: 1px; }

div#content h1 {
  font-size: 24px; 
	letter-spacing: 0.05em;
	font-weight: bold; 
	background-color: #f0f0f0; 
	padding: 6px 0px 4px  8px;
	border-style: solid;
	border-color: #000000;
	border-width:  2px  0px  2px  0px;
}
@media print { div#content h1 { 
	padding: 6px 0px 4px  8px;
		left: 0px; color: black;
	background-color: #f0f0f0 !important ; 
} }

div#content h2 {
  font-size: 18px; 
	letter-spacing: 0.05em;
	border-style: solid; border-color: #ff9901;
	padding:  0px 0px  0px 0px; 
	border-width:  0px 0px  2px 0px; 
}
@media print { div#content h2 { 
		padding-top: 10px; padding-left: 0px; left: 0px; color: black;
} }

div#content div.catalog_text h2 {
  font-weight: bold;
  font-size: 12px;
	letter-spacing: 0.00em;
	border-style: solid; border-color: #ffffff;
	border-width:  0px 0px  0px 0px;
}

div#content h3 {
  font-size: 14px; 
  font-weight: bold;
	border-style: solid; border-color: #000000;
	padding:  3px 0px  2px 0px;
	border-width:  0px 0px  0px 0px;
}

div#content div.catalog_text h3, 
div#content div div div h3 {
	font: normal 12px Arial,Verdana, sans-serif;
	font-weight: bold;
	padding:  3px 0px  2px 5px;
	background-color: #e8e8e8;
	border-style: solid; 
	border-color: #000000;
	border-width: 1px 0px  1px 0px; 
}

div#content h4 {
  font: normal 12pt sans-serif;
	font-weight: bold;
	border-style: solid; border-color: #ff9901;
	padding:  0px 0px  0px 0px;
	border-width:  0px 0px  2px 0px;
}






/***
@media print {
div#content div.catalog_text h3, 
div#content div div h3,
div#content div div div h3 {
  color: #000000; 
	background-color: #b0b0b0;
	font: normal 12pt Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin: 0.0em;
	border-style: solid; 
	border-color: #000000;
	border-width: 0px 0px  2px 0px; 
	padding: 3px 10px 2px 0px;
} }
***/

div#content p {
  font-size:11px;
  margin: 0.5em 0;  
}

div#content div.catalog_text em {
	font-family: Arial,sans-serif;
  font-weight: bold;
	font-style: normal;
}





/* --------------------------------------------------------- */
/* Products Catalog (within div#content)                     */
/* --------------------------------------------------------- */

  p.catalog_text, 
div.catalog_text {
  margin: 0.5em 0; 
	min-width: 50%;
}

/* --------------------------------------------------------- */

 div.catalog_text em { font-style: normal; font-weight: bold; font-size: 14px; } 
 div.thumbs {color: black; background-color: white; padding: 10px 10px 10px 0px; } 
 img.catalog { margin: 0px; border: solid 0px black; padding: 0px; color: white; } 

/* --------------------------------------------------------- */
table.lines_no_border {
	border-width: 1px;
	border-style: hidden;
	border-color: black;
}
table.lines_no_border td {
	border-width: 1px;
	border-style: double;
	border-color: black;
}

table.catalog TH {
	vertical-align: baseline;
  text-align: right;
	border: solid #000 1px;
  padding: 3px 3px 3px 3px;
}

table.catalog {
	empty-cells: show;
	border-collapse: collapse;
	font-size: 11px;
	clear: both;
	color: black;
	width: 100%;
	margin-top: 1.0em;
	background-color: #d0d0d0;
	border-spacing: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding: 0px;
}

table.catalog TH {
	vertical-align: baseline;
  text-align: right;
	border: solid #000 1px;
  padding: 3px 3px 3px 3px;
}

table.catalog td {
	vertical-align: middle;
  background-color:#FFFFFF;
  border: solid #000 1px;
  padding: 2px 3px 0px 3px;
  text-align: center;
}
table.catalog td img {
	height: 18px;
}
td.toprow {
    font-style: italic;
    text-align: center;
    background-color: #b0b0b0;
}
tr.toprow ,
tr.toprow td {
    background-color: #b0b0b0;
}


th.leftcol ,
td.leftcol {
    font-weight: bold !important ;
    text-align: left !important ;
}
tr.grey td {
	background-color: #e0e0ef;
}

.leftalign {text-align: left !important ; }

tr.grey td {background: left;}
.grey td {background: left;}

table.leftalign th {text-align: left;}
table.leftalign td {text-align: left;}
/*
table.catalog th.col1 {width:26%; }
table.catalog th.col2 {width:06%; }
table.catalog th.col3 {width:15%; }
table.catalog th.col4 {width:15%; }
table.catalog th.col5 {width:10%; }
*/

table.catalog td.leftcol a {text-decoration: none; color: blue;}
table.catalog td.leftcol a:hover {text-decoration: underline; color: #ff9901; }

/* --------------------------------------------------------- */
/* --- Tables (like for sales agents), two side by side  --- */
/* --------------------------------------------------------- */

div.two_tables {
	padding: 0px 0px 0px 0px;
}

h2.sales, div.two_tables h4 {
	clear: both;
}



table.table_1_of_2 {
	float: left; 
	vertical-align: top; 
	width: 54%;
	padding: 0px 0px 0px 0px;
}
table.table_1_of_2:after {
	content: " "
}

table.table_2_of_2 {
	vertical-align: bottom; 
	width: 47%;
	padding: 0px 0px 0px 0px;
}


/* --------------------------------------------------------- */

ul.feature {
	width: 95%;
	margin-left: 0%;
	padding-left: 5%;
}
div.feature_wrapper_a {
	clear: both;
}
div.feature_wrapper_b {
	width: 100%; 
	float: left; 
  margin-bottom: 25px; 
}
div.feature_1 {
	font-size: 11px;
	padding: 0px;
	float: left; 
  border-style: solid;
  border-color: black;
  border-width: 0px 0px 0px 0px;
	vertical-align: top; 
	float: left; 
	width: 48%; 
}
div.feature_3 {
	font-size: 11px;
	padding: 0px;
	vertical-align: top; 
	width: 48%;
	position: relative;  
	margin-left: 52%;
  border-style: solid;
  border-color: black;
  border-width: 0px 0px 0px 0px;
}
div.feature_1 p ,
div.feature_3 p {
	padding: 4px 0px 0px 0px;
}
div.feature_2 {
	font-size: 11px;
	padding: 2px 0px 3px 0px;
	float: left; 
	position: relative;  
	vertical-align: top; 
	width: 4%;
}


div.computer, span.computer  {
	font-family: Courier,fixed;
  font-weight: bold;
	font-style: normal;
	font-size: 12pt;
}

.side_note, .sidenote {text-align: right;}

/* --------------------------------------------------------- */

a img, :link img, :visited img, :visited, a:visited img {
	border : none;
}

/*----------------------------------------------------------------------------*/
/*                                                                            */
/*----------------------------------------------------------------------------*/
	

/*----------------------------------------------------------------------------*/
/* End of style                                                               */
/*----------------------------------------------------------------------------*/