#main, #left {
	color: #222;
}
#main {
	font-size: 70%;
}

/*	Ueberschriften, Listen, Absaetze und so weiter */

h1 {
    font-size: 120%;
    margin-top: 2em;
	margin-bottom: 1.5em;
}

h2 {
	font-size: 100%;
    border-bottom: 1px solid silver;
    margin-top: 2.5em;
	margin-bottom: 2em;
}

h2, h3, h4 {
	font-size:100%;
	margin-top: 2em;
}
h1, h2, h3, h4, h5 {
	line-height: 1.2;
}
/*	::ARMIN:: eingebaut am 7.3..2010 - Asymtek*/
h3.h3top {
	margin-top: 0;
}

/*	fuer bestimmte die Listen mit Hyperlinks, z.B. JBC Loetspitzen */
ul.sublinks li {
	margin-bottom: .75em;
}

ul.sublinks ul {
	margin-top: 1em;
	margin-bottom: 1em;
}

ul.sublinks ul li {
	margin: 0 0;
}

p, address {
	line-height: 1.4;
	margin: 1em 0;
	font-style: normal;
}

/*	fuer die Adresse auf der Kontaktseite links */
#left address {
	font-size: 68%;
	display: block;
	margin-bottom: 2em;
	line-height: 1.4;
	margin: 2em 1em;
}

p.distance2 {
	margin-top: 2em;
}

p.moreinformation {
	font-weight: bold;
}
/*	fuer smartframe 9.9.2010*/
.paragraphup p {margin-top: 0;}


/* Bilder */

img {
	 border:none !important; 
}
/*	::ARMIN:: Klasse outlinepicts am 29.7.2009 fuer Bilder Loetspitzen JBC usw. eingefuehrt */
.outlinepicts img {
	border: 1px solid #ddd !important;
}
/*	::ARMIN:: am 31.7.2009 fuer hervorzuhebende Bezeichnungen Loetspitzen JBC eingefuehrt */
.outlinepicts span {
	color: red;
}

/*	::ARMIN:: 5.2.2009 fuer Nortec */
div.zweiBilder {
	margin: 2em 0;
}
.rand img {
	border: 1px solid #ddd !important;
}



strong.kw {
	font-weight:normal;
}
dfn.kw {
	font-style:normal;
}
acronym.kw {
	text-decoration:none;
	border:none; 
}
sup.up {
	font-size:70%;
}

.smarttec {
	color:black; 
	font-weight:bold; 
	font-style:italic;
}
.smarttec span {
	color:red;
}

img.fullwidth {
	width:100%;
	height:auto;
}

/*	floatende divs usw. */

.float320 {
	width: 320px;
}
.float320+h3 {
	margin-right: 360px;
	margin-top: 0;
}
.float50 {
	width:50%;
	float:left;
}
.float60 { 
	width:60%;
}
.float40 {
	width:40%;
}
.float30 {
	width:30%;
}

.right {
	float:right; 
}

.floatleft {
	float: left; 
	margin-right: 20px; 
	margin-bottom: 20px;
}
.floatright {
	float:right; 
	margin-left: 20px; 
	margin-bottom: 20px; }

img.floatright {
	display: block;
}


/*	die Boxen auf der Startseite 
	geschraubt werden muss manchmal an min-height */
	
div.innerbox {
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 2px solid silver;		
    -moz-border-radius:6px;
	-webkit-border-radius: 6px; 	/* ::CHRISTIAN:: 2011-Jan-28 Erweiterung der abgerundeten Kanten für weitere Browser */
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior:url(/css/border-radius.htc);
    background-color:#f5f5f5;
	min-height: 28em;
}

* html div.innerbox {
	overflow: visible;
	height: 28em;
}

div.quicklinks ul.reddot{
	margin-bottom: 2.4em;
}

div.innerbox h1 {
	margin-top: 0;
}

div#samplerbox {
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	border: none;
}

div#samplerbox img {
	position: relative;
	margin-top: -1em;
}

div#samplerbox p{
	position: relative;
	padding-top: 0;
	text-align: left;
}

div#samplerbox p#pdfsamplebox{
	position: relative; top: 1.5em;
}

div#uebersicht{
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border: none;
}

div#uebersicht p#pdfprodukte{
	position: relative;
}

/*	Loeschen ?? */
div.newsitem {
	margin-bottom:2em;
}

.aktion h1 { 
	color:red;
}

.aktion h1.h1schwarz {
	color: #222;
}
.schwarz {color: #222;} 
/*	neu fuer Stellenangebot am 21.6.2010 */
.aktion h1.extrafett {
	font-size: 2em;
	font-weight: bold;
}

/*	 auf Wunsch der Firma 22.7.2009 - grrrrrr */
.aktion h1#head-elektronik-symposium {
	text-decoration: blink;
}

.aktion .blinkelement {
	text-decoration: blink;
}

/*	Uebersichts Thumbnails */
ul.blocklist3 {
	list-style-type: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 	/* ::CHRISTIAN:: 2011-Jan-28 Erweiterung der abgerundeten Kanten für weitere Browser */
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior:url(/css/border-radius.htc);
	margin-left: 0;
	padding-left: 0;
	margin-top: 2em;
}
ul.pictlist3 {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

ul.blocklist3 li {
		/* ::CHRISTIAN:: 2011-Jan-28 Erweiterung der abgerundeten Kanten für weitere Browser */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior:url(/css/border-radius.htc);
	padding: 10px 1%;
	width: 29%;
	float: left;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 1em;
	border: 1px solid silver;
	/* ::ARMIN:: 22.7.2009 statt height 220px */
	min-height: 21em;
	background-color:#f0f0f0;

}
ul.pictlist3 li {
	padding: 10px 1%;
	width: 29%;
	float: left;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 1em;
	border: 1px solid silver;
    min-height: none;
	background-color: #f0f0f0;
}

ul#blocklist3vi li, ul#blocklist3asymtek li{
	min-height: 25em;
}

ul#blocklist3vi li ul li, ul#blocklist3asymtek li ul li {
	min-height: 1px;
}


ul.blocklist3 li ul {
	padding-left: 0;
	margin: 1em 0 1em 2em;
	list-style-type: disc;
	text-align: left;
}
ul.blocklist3 li ul li{
	padding: 0;
	margin: 0;
	width: 100%;
	float: none;
	text-align:left;
	line-height: 1.4;
    border: none;	
    min-height: 1px;
}

/*	sorgt in den Bildlisten für Abstand des img nach unten */
ul.blocklist3 li img {
	margin-bottom: 12px;
}
/*	für pdf-Logo zuruecknehmen */
ul.blocklist3 li img.pdflogo {
	margin-bottom: 0;
}
/*	::ARMIN:: quick and dirty 20.1.2009 
	sorgt dafür, dass z.B. bei http://www.smarttec.de/oki/index.html 
	die Liste im IE < 7 nicht nach unten rutscht */

* html ul.blocklist3 li {
	margin-right: 1.5%;
	padding: 10px .5%;
	height: 21em;
}

* html ul.blocklist3 li ul {
	list-style-type: disc;
}

* html ul.blocklist3 li ul li {
	margin-right: 0;
	padding: 0;
	height: 1px;
}


ul.reddot {
	list-style-image:url(/images/deko/listenpunkt_rot.gif);
	margin-bottom: 2em;
}

ul.reddot li {
	line-height: 1.4;
}

.float50 ul.schulungstermine {
	list-style-type: none;
	list-style-image: none;
	margin: 1ex 0;
	padding-left:0;
}

/*	::NEU::ARMIN::22.12.2009 fuer Tabelle Schulungen*/
ul.schulungstermine table {

}
ul.schulungstermine td {
	padding: 0 2em 0 0;
}


/* ::NEU:: ARMIN am 23.2.2010, 
	falls zwischen Listenelementen mehr Abstand gewuenscht, besonders bei langen Inhalten */
ul.langelistenelemente li {
	margin-bottom: 1em;
}

ul.schulungstermine li {
	margin-bottom: 1em;

}
 

img.bild-rechts {
	float:right;
	border:1px solid silver !important;
	margin: 0 0 1ex 1ex;
}

div.backtop {
	text-align:right;
}

div.backtop a { color:red; }


a.swapper {
	font-weight:bold;
}
a.swapper span
{
	color: #222;
	text-decoration:none;
}

.dd_file_list {

	list-style-image:url(/backs/icon_file.gif);
}
li.dd_subdir {
	margin-top:1em;
	margin-bottom:1em;
	list-style-image:url(/backs/icon_folder.gif);
}
/* ::ARMIN:: gedacht wegen der Tabelle Partner (4.12.2008)*/

table#partnertabelle {
	border-collapse:separate;
}
table#partnertabelle td {
	border: 1px solid #f1f1f1;
	vertical-align: top;
	padding: 4px;
}
table.partnertabelle img {
	display: table;
	margin: 0;
}
/* ::ARMIN.. 3.2.2009 eingefuehrt bei den aim-Seiten */

table.produktfeinheiten {
	margin: 1.5em 0 2em;
}
table.produktfeinheitenoki {
	margin: 0 0 2em;
}


/*	neu ::ARMIN:: 30.9.2009 aus 2px 6px jeweils 6px gemacht bei padding */
table.produktfeinheiten td, table.produktfeinheitenoki td{
	vertical-align: top;
	background-color: #f8f8f8;
	padding: 6px;
	text-align: left;
}
/*	neu ::ARMIN:: 30.9.2009 aus 2px 6px jeweils 6px gemacht bei padding */
table.produktfeinheiten th, table.produktfeinheitenoki th{
	vertical-align: top;
	background-color: #f8f8f8;
	padding: 6px;
	font-weight: bold;
	text-align: left;
}
/* ::ARMIN:: Variante fuer Liste statt Tabelle (6.12.2008) */

ul#partnerliste {
	list-style-type: none;
	padding: 0;

}
/*	::TODO:: Hacks fuer IE Mac */
ul#partnerliste li {
	clear: left;
	border-top: 1px solid #f1f1f1;
	margin: 2px 0;
	padding: 2px 0;
}
/*	::TODO:: Hacks fuer IE Mac */
ul#partnerliste li img {
	float: left;
	width: auto;
	display: block;
	margin: 2px 18px 2px 0;
}
ul#partnerliste li a.partnertextlink:link, ul#partnerliste li a.partnertextlink:visited {
	display: block;
	margin-left: 200px;
	margin-top: 8px;
}

/* ::ARMIN:: Idee fuer Portraits */

/*	am 31.3.2009 neuen Wert fuer Mindest-Hoehe: 148 statt 146px */
.portraits {
	position: relative;
	float:left;
	width: 47%;	
	margin: 1em 12px 1em 0;
	background-color: #f1f1f1;
	min-height: 149px;
}
/*	height statt min-height fuer IE < 7 */
* html .portraits {
	height: 149px;
}
.portraits img {
	position: absolute;
	display: block;
	width: 100px;
	margin: 4px 10px 4px 4px;
}
* html .portraits img {
	margin: 4px 10px 2px 2px;

}
.portraits h2, .portraits h3, .portraits p {
	position: relative;
	padding: 6px 6px 0 0;
	margin: 0 10px 1em 114px;
	
}
.portraits h2 {
line-height: 1.3;
}
.portraits h3 {
line-height: 1.3;
padding-top: 2px;}

.portraits p {
padding-top: 3px;
line-height: 1.3;
}


/* ::ARMIN:: fuer das neue Kontaktformular ohne Tabelle */
form#k_register {
	background-color: #f1f1f1;
	line-height: 2em;
	padding: 14px;
	position: relative;
	zoom: 1;
}
/* ::ARMIN:: Nachtrag am 19.1.2009 fuer IE6, da dort das Formular nach unten rutschte 
erstmal quick and dirty */

* html form#k_register {
	width: 90%;
}

/*	soll float im Formular beenden, der IE 5 Mac schluckt es nicht in jedem Fall */
form#k_register br {
	clear: both;
}



/*	Allgemein für Labels*/
form#k_register label {
	width:114px;
	float:left;
	text-align: left;
	padding:0;
	border: 1px solid #f1f1f1;

}
/*	nur für rechte Labels, z.B. neben checkboxen 
	die Checkboxen sitzen unterschiedlich in der Höhe je nach Browser,
	im Firefox z.B. höher als im IE, deshalb habe ich hier  die 2em line-height von form
	wieder relativiert, ist noch nicht perfekt */
form#k_register label.rightlabel {
	float:left;
	text-align: left;
	width: auto;
	position:relative;
	margin-right: 18px;
	margin-left: 18px;
	line-height: 1.6em;
}


form#k_register input.text, form#k_register textarea {
	float:left;
	font-weight: bold;
	padding: 2px 0;
	background: #ffffff;
	margin: 2px 18px;
	width: auto;
	border: 1px solid white;
}

/*	::ARMIN:: 20.1.2009 quick and dirty wegen IE 6*/
* html form#k_register textarea {
	width: 60%;
}
form#k_register textarea {
	margin-bottom: 20px;
}


form#k_register input#submit, input.submit {
	width: 114px;
	float: right;
	font-weight: bold;
	background-color: white;
	text-align: center;
	padding: 2px 0;
	margin: 2em;
	display:block;	
}

/*	Der IE Mac zeigt die Checkboxen erst sauber an,
	seitdem ich ihnen ebenfalls ein "clear:both;" mitgebe, zusätzlich zum "clear:both;" für das <br /> */
form#k_register input.checkbox {
	position:relative;
	clear:both;
	float:left;
	margin-left: 132px;
}

/*  25.5.2011 - Dennis - Kontaktformular mit Captcha */
.contactError {
	margin-left:130px;
	margin-bottom:2em;
}
.contactError  p { 
	margin:0;
}
.contactError  img { 
	position:relative;
	top:16px;
}


/*	21.1.2009 fuer die dl der Hersteller (Produkte)*/
dl.dlprodukte {margin: 2em 1em;}
dl.dlprodukte dt {font-weight: bold; line-height: 1.5;}
dl.dlprodukte dd {line-height: 1.5; margin: 0 0 1em 0;}


/*	17.4.2009
	eingefuehrt, damit die PLZ bei vertrieb nicht nach dem Bindestrich unschoen umbrechen,
	bzw nicht eine einzelne Ziffe in die naechste zeile rutscht - funktioniert ueber span */
.keinUmbruch {
	white-space:nowrap;
}

/*	::ARMIN:: 31.7.2009 fuer Tabellen JBC, die nebeneinander plaziert werden sollen */
.floattable {
	float: left; 
	width: 30%;
}
/*	::ARMIN:: neu Listenelemente koennen Bilder enthalten, die wiederum rechts fliessen */
li.clearli {
	clear: right;
}

/* Links */
#main a:link, #main a:visited {
	text-decoration: underline; 
	color: #222;
}
#main a.importantlink:link, #main a.importantlink:visited {
	text-decoration: underline;

}
#main a:hover, #main a:focus {
	text-decoration: underline; 
	color: red;
}
#main a[href^="mailto:"]:link, #main a[href^="mailto:"]:visited {
	color: blue;
}
#main a[href^="mailto:"]:focus, #main a[href^="mailto:"]:hover, #main a[href^="mailto:"]:active {
	color: blue;
}
/*	::ARMIN:: neu am 11.3.2010 Links auf asymtek Jetdosierung -
	auffaelliger formatieren */
#main #asymtek-jetdosierung a:link, #main #asymtek-jetdosierung a:visited {
	text-decoration: underline;
	
}


/*	::ARMIN:: neu am 10.3.2010 Links im Inhaltsbereich -
	auffaellige Formatierunmg fuer blocklist auf jeden Fall zuruecknehmen */
#main ul.blocklist3 a:link, #main ul.blocklist3 a:visited {
	text-decoration: none;
	color: #222;
} 
#main ul.blocklist3 a:focus, #main ul.blocklist3 a:hover {
	text-decoration: underline;
	color: red;
} 


/*	::NEU::ARMIN::22.12.2009 fuer aktuellen Hinweis Schulungsseite */
span.neues {
	color: red; 
	font-weight: bold;
}


span.depricated {
	color: red; 
	text-decoration: line-through;
	font-weight: bold;
}

/* ::CHRISTIAN OBERHOLZ:: 2011-May-24 Hinweis auf Starteseite für sonderangebot im Shop */
span.sonderangebot{
	color: #222;
	font-weight: bold;

}