/*****************************************************************************
 www.pro-seq-o.de
 (c)  Diplix Solutions Claude Schmidhuber, www.diplix.de
******************************************************************************/

/*****************************************************************************
 Generisch
******************************************************************************/
html body
{
	height:100%;
	width:auto;	
	padding:0px; 
	margin:0px; 
	border:0;
	background-color: #ffffff;
}

body,td,ul,li,h1,h2,h3,p,div
{
	font-family: Arial, Sans-Serif, Tahoma;
}

h1,h2,h3,h4,h5,h6
{
	margin-top:0;
}

div,p,td
{
	font-size:9pt;
}

div
{
	margin:0;
	padding:0;
}

td
{
	vertical-align:top;
}

img
{
	border:0 none;
	margin:0;
	padding:0;
}

/* mozilla fix for img-only tds */
td img 
{
	display: block;
} 

ul
{ 
  list-style-type: square;
}

a
{
	color:Blue;
}
a:visited
{
	color:Blue;
}

.float
{
	float:left;
}
.clear
{
	clear:both;
}
/*****************************************************************************
 Grundstruktur / Layout
******************************************************************************/
#main-container
{
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
	width:990px;
}

#main-page
{
	margin:0;
	padding:0;
	position:relative;
}

#main-topline
{
	height:10px;
	background-color:#7D8A8A;
	font-size:1pt;
}

#main-logoheader  /* container for main-logo and main-nav-steady */
{
	height:105px;
	position:relative;
}

#main-logo
{
	position:absolute;
	left:0px;
	top:25px;
}

#main-nav-steady
{
	position:absolute;
	right:5px;
	top:30px;
}

#main-nav-steady A:link,#main-nav-steady A:visited
{
	color:black;
	text-decoration:none;
}
#main-nav-steady A:hover
{
	text-decoration:underline;
}

#main-nav-steady form
{
	margin:0;
	padding:0;
}

#main-nav-steady .correcttd
{
	padding:3px 0 0 0;
}

#main-nav-steady form input.searchbox
{
	font-size:8pt;
	font-family: Arial;
	border:1px solid #7D8A8B;
	height:15px;
}

#main-nav-extra
{
	padding:0;
	margin:0;
}

#main-nav-cart
{
	padding:30px 0 0 0;
	margin:0;
}

#main-naviheader /* container for main-grey and main-nav-toplevel */
{
	position:relative;
	height:30px;
}

#main-grey
{
	position:absolute;
	background-color:#7D8A8A;
	font-size:1pt;
	height:30px;
	width:200px;	
	left:0px;
	top:0px;
}

#main-nav-toplevel
{
	position:absolute;
	left:200px;
	top:0px;	
	width:790px;
	height:30px;
	background-color:#002142;
	
	color:white;
	font-size:14pt;
}

#main-nav-toplevel ul
{
	float:left;	
	margin:0 0 0 0;
	padding:0;
}

#main-nav-toplevel ul li
{
	display:block;
	float:left;
	padding:2px 2px;
	margin:0 5px 0 5px;
	width:100px;
	text-align:center;
}

#main-nav-toplevel ul li a
{
	text-decoration:none;
	color:white;
}

#main-nav-toplevel ul li.active a
{
	color: #ACD6FF;
}

#main-nav-toplevel ul li a:hover
{
	color:#7D8A8A;
}

#main-dividerline
{
	height:10px;
	background-color:#ffffff;
	font-size:1pt;
}

#main-keyvisualheader
{
	position:relative;
	height:145px;
}

#main-specialarea
{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:145px;
	
	background-color:white;
	overflow: hidden;
}

#main-keyvisual
{
	position:absolute;
	left:200px;
	top:0px;
	width:645px;
	height:145px;
}

#main-address
{
	position:absolute;
	left:845px;
	top:0px;
	width:135px; /*145*/
	height:135px; /*145*/
	color:white;
	padding:5px;
	background-image:url(bilder/main_bg_address.gif);
	background-repeat: repeat-x;
}
#main-address a:link,
#main-address a:hover,
#main-address a:visited
{
	color:white;
}

.emphasis
{
	font-weight:bold;
}
.small
{
	font-size:7pt;
}


#main-content
{
	background-image: url(bilder/main_bg_content.gif);
	background-repeat:repeat-y;
	position:relative;
}

#main-nav-sublevel
{
	padding:0;
	margin:0;
	width:200px;
 	float:left;	
	color:white;
	font-size:11pt;
}

#main-nav-sublevel ul
{	
	margin:0 0 0 0;
	padding:0;
}

#main-nav-sublevel ul li
{
	display:block;
	float:left;
	padding:2px 2px;
	margin:0 5px 0 5px;
	width:100px;
	text-align:left;
}

#main-nav-sublevel ul li a
{
	text-decoration:none;
	color:white;
}

#main-nav-sublevel ul li a:hover
{
	text-decoration:underline;
}

#main-nav-sublevel ul li.active a
{
	color: #ACD6FF;
}

#main-nav-sublevel ul.subsub
{
	padding:0px 0px 0px 15px;
}

	

#main-innercontent /* ecg-ie */
{
	margin:0 145px 0 200px;
	width:635px; /* 645 */
	padding:0 5px 0 5px;
	color:black;
	/* background-color:fuchsia*/
}

#main-ic-typo
{
	/* für Inhalt aus Typo3 */
}

#main-ic-ext
{
	/* für Inhalt aus eigener Extension/UserFunc */	
}

#main-rightcontent
{
	float:right;
	width:145px;	
	color:white;
	overflow:hidden;
	/* background-color:navy*/
}

/* ### fix für floating area ### */
.clearfix:after 
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ### fertig fix für floating area ### */

#main-footer
{
	color:black;
	text-align:right;
	font-size:7pt;
}
#main-footer a
{
	color:black;
}	


/*****************************************************************************
 Productkatalog
******************************************************************************/
.prodcat
{
	border:none;
}
.prodcat .pic
{
	padding:2px 0px; 
	width:100px;
}
.prodcat .desc
{
	padding:2px 0px; 
	width:450px;
}
.prodcat .desc
{
	font-size:8pt;
	font-weight:bold;
}
.prodcat .link
{	
}

.proddetail-pic
{
	width:300px;
}
.proddetail-frame
{
	width:290px;
	height:230px;
	border:1px solid black;
	margin:0px 0px 10px 0px;
}

.proddetail-frame img
{
	margin:auto;	
}

.pdd-title
{
	font-weight:bold;
}
.pdd-left
{
	width:120px;
}
.pdd-right:
{
	text-align:right;
}


#cart
{
	border-collapse:collapse;	
}
#cart th
{
	font-size:9pt;
	font-weight:bold;
	border-style:none none solid none;
	border-width:1px;
	border-color:#000000;
}
.cart-count
{
	width:30px;
	vertical-align:middle;
}
.cart-pic
{
	width:100px;
}
.cart-text
{
	width:450px;
}
.cart-links
{
	text-align:right;
}
.cart-footer
{
	border-style:solid none none none;
	border-width:1px;
	border-color:#000000;
	text-align:right;
}

form
{
	padding:0;
	margin:0;
}
.df-button
{
 font-family:Verdana,Arial,sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 font-weight:normal;
 border-color:000000;
 background-color:#F5F5F5;
 border-width:1;
}

input.df-line
{ 
  border-color: #000000;
  border: 1px solid #000000;
  margin: 0 0 0 0;
  width:180px;
}

input.df-count
{ 
  border-color: #000000;
  border: 1px solid #000000;
  margin: 0 0 0 0;
  width:30px;
  text-align:right;
}

input.df-date
{ 
  border-color: #000000;
  border: 1px solid #000000;
  margin: 0 0 0 0;
  width:80px;
  text-align:right;
}

.df-box
{
  border: 1px solid #000000;
  border-color:#000000;
  background-color:#ffffff;
  width:400px;
  height:60px;
}

.df-select
{
  border: 1px solid #000000;
  width:180px;
  text-align:right;
}
.df-search
{
	border: 1px solid #000000;
	font-size:8pt;
}

/*****************************************************************************
 Typo3 Styles
******************************************************************************/
.csc-mailform
{
	border:none;
}

.csc-mailform-field label
{
	width:100px;	
	display:block;
	float:left;
}

.csc-mailform-field input, .csc-mailform-field textarea
{
	border:1px solid black;
	font-family:Arial;
}

/******************************************************************
 Meldungen
*******************************************************************/
.sysmsg-err
{
	background-color: #FFDBDB;
	font-weight:bold;
	color:red;
	padding:10px 10px 10px 40px;
	background-image: url(/fileadmin/templates/bilder/dxc_err.gif);
	background-repeat: no-repeat;
	margin:0px 0px 2px 0px;
}

.sysmsg-warn
{
	background-color:#FFDBDB;
	font-weight:bold;
	padding:10px 10px 10px 40px;
	background-image: url(/fileadmin/templates/bilder/dxc_warn.gif);
	background-repeat: no-repeat;
	margin:0px 0px 2px 0px;
}

.sysmsg-info
{
	background-color:#DFDFFF;
	font-weight:bold;
	padding:10px 10px 10px 40px;
	background-image: url(/fileadmin/templates/bilder/dxc_info.gif);
	background-repeat: no-repeat;
	margin:0px 0px 2px 0px;
}

.sysmsg-ok
{
	background-color:#CCFFCC;
	font-weight:bold;
	padding:10px 10px 10px 40px;
	background-image: url(/fileadmin/templates/bilder/dxc_ok.gif);
	background-repeat: no-repeat;
	margin:0px 0px 2px 0px;
}