/*CSS ID:SY GmbH*/
html, body {
	background: #FFFFFF;
	color: #294656;
	font: 90% Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

 
h1 {
	font-size: 110%;
	margin: 2px 0px 10px 0px;
}

 
h2 {
	font-size: 100%;
	margin: 2px 0px 2px 0px;
}

 
h3 {
	font-size: 90%;
	margin: 2px 0px 2px 0px;
}

 
p.p_h {
	margin-top: 0px;
}

h2 + p {
	margin-top: 0px;
}

.name {
	margin-top: -10px;
	text-align: right;
}

 
/* ENDE HTML Tags: */
/* ANFANG IDs und Klassen: */
.textweiss {
	color:#FFF;
}

.cibackground1{
	background: #009FA5;
	background-color: #009FA5;
}

.cibackground2{
	background: #EBEBEB;
	background-color: #EBEBEB;
}

	
.cibackground3{
	background: #EBEBEB;
	background-color: #EBEBEB;
}

	
.herv_deutlich {
	color: #FF0000;
	font-weight: bold;
}

/* ENDE IDs und Klassen: */
/* ANFANG Produktkatalog */
.unterkategorie {
	background: #009FA5;
	border: 1px solid #000000;
	color: #FFFFFF;
	display: block;
	font-size: 90%;
	font-weight: bold;
	padding: 2px 4px 2px 2px;
	width: 145px;
}

 
.unterkategorie:hover {
	background: #FFFFFF;
	color: #009FA5;
}

 
.unterkategorie a, unterkategorie a:link {
	color: #FFFFFF;
	text-decoration: none;
	display:block;
}

 
.unterkategorie a:hover {
	background: #FFFFFF;
	color: #009FA5;
	text-decoration: none;
}

 
.produkt {
	padding: 2px 4px 2px 2px;
}

 
.produktname {
	color: #009FA5;
}

 
.produkt a {
	text-decoration: none;
}

 
.produkt a:hover {
	text-decoration: underline;
}

 
.artikelnummer {
	font-size: 80%;
}

 
.dateigroesse {
	font-size: 80%;
	font-weight: bold;
}

 
.neu {
	background: #CC0000;
	color: #FFFFFF;
	font-size: 80%;
	font-weight: bold;
	padding: 0 2px;
}

/* ENDE Produktkatalog */
/* ANFANG Linkes Menü */
table.menulinks a {
	display: block;
	text-align: left;
	width: 136px;
}

 
/* ENDE Linkes Menü */
.hervorhebung, .produkttitel {
	font-weight: bold;
}

.produktbeschreibung, p, .fliesstext, .agb {
	font-size: 90%;
}

/* ANFANG Downloads / Anmeldung */
.form_ok {
	color: #009FA5;
}

.form_fehler {
	color: #FF0000;
}

/* Suche */
.highlight{
	background-color: #F9A4FF;
}


/* ANFANG Head-Bereich */
#head{
	margin: 0 auto; /* Damit der Head-Bereich auch in Firefox zentriert ist */
	padding-top: -10px;
	width: 955px;
}

#head1a, #head3a {
	float: left;
	height: 23px;
	width: 23px;
}

#head1b, #head3b {
	float: left;
	height: 23px;
	width: 909px;
}

#logo1 {
	float: left;
}

#utilities {
	float: right;
	padding: 3px 6px 0px 0px; /* Damit der Utility-Bereich vertikal zentriert erscheint */
}

#head1c, #head3c {
	float: left;
	height: 23px;
	width: 23px;
}

#head2a{
	float: left;
	height: 71px;
	width: 23px;
}

	 
#head2b {
	background-image: url(http://www.idsys.de/images/head/head01.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	float: left;
	height: 71px;
	text-align: center;
	width: 909px;
}

	
#logo2 {
	float: left;
	width: 118px;
}

/* ANFANG Topp Menü */
  div#menutopp {
	display: block; /* Wichtig ist, dass das Elternelement ebenfalls gefloatet ist. Die Breite des Elements muss mit 100% explizit angegeben werden, da gefloatete Container nur mehr so breit sind wie ihr Inhalt! */
}

  div#menutopp ul, div#menutopp li {
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px; /* entfernt alle unliebsamen Standard-Abstände der Elemente */
}

  ul#menutopp_list li {
	display: block;
	float: left;
	margin: 28px 0 0 15px;
	padding: 0px 0px 0 10px;
}

  ul#menutopp_list a {
	background: url(http://www.pickbyvoice.com/images/head/button-topp.gif) no-repeat right top;
	display: block;
	font: 12px/16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	width: 98px;
}

  ul#menutopp_list a:link, ul#menutopp_list a:visited {
	color: #3B3C3C;
}

  ul#menutopp_list a:hover, ul#menutopp_list a:active {
	color: #009FA5;
}

#head2c {
	float: left;
	height: 71px;
	width: 23px;
}

 
/* ENDE Topp Menü */
	 
/* ENDE Head-Bereich */
/* ANFANG Kern-Bereich */
#kerncontainer{
	clear: both;
	margin: 0 auto; /* Damit der Kern-Bereich auch in Firefox zentriert ist */
	padding: 0;
	width: 955px;
}

#navilinks {
	text-align:left;
	width: auto;

}



/* Produktnavigation */
#produktnavigation {
	list-style-type: none;
	margin: 10px 0px 10px 0px; /* äußeren Abstand  */
	padding: 0; /* inneren Abstand entfernen, wichtig für Firefox */
	width: 125px; /* Breite des Menüs */
}

#produktnavigation li {
	background: #EBEBEB; /* Hintergrundfarbe */
	padding: 4px 0px 4px 0px;
}

#produktnavigation li a {
	background: #EBEBEB; /*  Hintergrundfarbe */
	color: #009FA5; /*  Schriftfarbe */
	display: block; /*  Link wird auf Block gesetzt damit die nachfolgende Höhe auch übernommen werden kann. */
	padding: 0px 0px 0px 0px; /*  hiermit werden die Links ausgerichtet. */
	text-decoration: none; /*  entfernt den Unterstrich */
}

/* Ende Produktnavigation */

#kernbereich {
padding:10px;
}

#seitentitel {
	color: #009FA5;
	float: left;
	font: bold 118% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	width: 591px;
}


.abstandkernv {
	background-color:#FFFFFF;
	clear: both;
	height: 10px;
	margin: 0 auto; /* Damit der Fußzeilen-Bereich auch in Firefox zentriert ist */
}

/* ENDE Kern-Bereich */
/* ANFANG Utilities / Fußzeile */
#fusscontainer{
	margin: 0 auto; /* Damit der Fußzeilen-Bereich auch in Firefox zentriert ist */
	width: 955px;
	height:23px;
	color:FFF;
	text-align:center;
	padding: 4px 0px 2px 0px;
	background:#009FA5;
	background-color:#009FA5;
	clear:both;
	}

#fusscontainer a, #utilities a {
	color: #FFF;
	font-size: 90%;
	text-decoration: underline;
}

#fusscontainer a:hover, #utilities a:hover{
	color: #FFF;
	text-decoration: none;
}

/* ENDE Utilities / Fußzeile */

/* ANFANG Download FE*/
#download_table {
	width:100%;
	text-align:left;
}

#download_table table{
	width:100%;
	text-align:left;
}

#download_table .titel{
	background: #EBEBEB; /*  Hintergrundfarbe */
	background-color: #EBEBEB; /*  Hintergrundfarbe */
}

/* ENDE Download FE*/

.navigation{
	background-color:#ebebeb;
	border-left:solid #009FA5 1px;
	border-right:solid #009FA5 1px;
}

.wichtigerHinweis {
	padding: 8px;
	background-color:#D2FEFF;
	border: dotted #666666 2px ;
	margin:10px;
}
/*Anfang Startseite - PageContent unterhalb der Fußzeile */
#PageContent {
	background: #FFFFFF;
	font: 100% Arial, Helvetica, sans-serif;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: white;
}
#PageContent h1{
	color: #009FA5;
	float: left;
	font: bold 120% Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: left;
	width: 591px;
}

#PageContent a{
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: 0000EE;
	text-decoration: none;
}