html {
	height: 100%;
	padding-bottom: 1px;
}

#main, #left {
	color: #666666;
	/* ::ARMIN:: 23.7.2009 */
	color: #222;
}
#main {
	font-size: 70%;
}





address {
	font-style: normal;
	margin-left: 1em;
/*  ::ARMIN:: Eingebaut am 12.12.2008 fuer die Adressen allgemein */
	line-height: 1.5;
	margin: 1em 0;

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


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

h2 {
	font-size:100%;
    border-bottom:1px solid silver;
	/*	testweise eingefuehrt am 12.10.2009*/
    margin-top:2.5em;
	margin-bottom: 2em;
}

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





/*	fuer die Listen mit Subnavigation, z.B. JBC Loetspitzen */
/*	fuer die Listen mit Subnavigation, 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;

}
/*	::NEU:: ARMIN am 26.10.2009, da heute zum ersten Male inkonsistente Darstellung in IE 6 aufgefallen */
p {
	margin: 1em 0;
}
h1, h2, h3, h4, h5 {
	line-height: 1.2;
}

/* ::ARMIN:: 44.2.2009 */
p.distance2 {
	margin-top: 2em;
}
/*	::ARMIN:: 15.7.2010 */
p.moreinformation {
	font-weight: bold;
}



img {
	 border:none !important; 
}
/*	::ARMIN:: 29.7.2009 fuer Bilder Loetspitzen JBC eingefuehrt */
.outlinepicts img {
	border: 1px solid #ddd !important;
}
/*	::ARMIN:: 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 #dddddd !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;
}

.float50 {
        width:50%;
        float:left;
}
.float60 { width:60%;}
.float40 { width:40%;}
.float30 { width:30%;}
.right { float:right; }
/*	::ARMIN:: eingefuegt am 3.2.2009 margin-bottom und display block fuer img */
/*	::ARMIN:: eingefuegt am 7.3..2010 margin zur Seite auf 20px statt 10 */
.floatleft { float:left; margin-right:20px; margin-bottom: 20px;}
.floatright { float:right; margin-left:20px; margin-bottom: 20px; }
img.floatright {display: block;}


div.innerbox {
        margin:0 10px 10px 0;
        padding:10px;
        border:1px solid silver;
	/* ::ARMIN:: 23.7.2009 */
	border: 2px solid silver;		
        -moz-border-radius:6px;
        background-color:#f5f5f5;
		/* 6.2.2009: Idee fuer Boxen auf der Startseite */
		min-height: 29em;
		/*	neu am 16.6.2010 */
		min-height: 27em;
}

/*	::ARMIN NEU:: 
	21.7.2009 Quicklinks nach oben und kuerzer 
	erweitert und Mindesthoehe vergroessert am 13.8.2009 */
	/* am 1-9-2009 qucklinks untereinander gesetzt - nun muessen die Boxen wieder laenger sein 
	also 29 statt urspruenglich 24 em*/
div#quicklinks_baugruppen {
		min-height: 29em;

}
div#quicklinks_verfahren {
		min-height: 29em;
		/*	::ARMIN:: neu 2.9.2009, 
		da beide boxen zusammengefasst */
		min-height: 61em;
		min-height: 62.3em;
}

* html div.innerbox {
	height: 29em;
	overflow: visible;
	/*	neu am 16.6.2010 */
	height: 27em;
}

/*	::ARMIN NEU:: 
	21.7.2009 Quicklinks nach oben und kuerzer */
* html div#quicklinks_baugruppen {
	height: 29em;
	overflow: visible;
}
* html div#quicklinks_verfahren {
	height: 29em;
		/*	::ARMIN:: neu 2.9.2009, 
		da beide boxen zusammengefasst */
	height: 61em;
	height: 62.3em;
	overflow: visible;
}

/*	::NEU::	ARMIN 8.7.2009 */
div#quicklinks ul.reddot{
	margin-bottom: 2.4em;
}
div.quicklinks ul.reddot{
	margin-bottom: 2.4em;
}

div.innerbox h1 {
        margin-top:0;
}
div#samplerbox {
        margin:0 0 0 0px;
        padding:0 10px 0 0;
		border:none;
}
div#uebersicht{
        margin:0 10px 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 p#pdfprodukte{
        position: relative;

}


div.newsitem {
        margin-bottom:2em;
}


.aktion h1 { 
	color:red;
}
/*	::ARMIN:: eingefuehrt am 3.2.2009 fuer schwarze headlines auf der Startseite
	(Wunsch vion Karl-Heinz )
*/
.aktion h1.h1schwarz {
	color:#666666;
	/* ::ARMIN:: 23.7.2009 */
	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;
}



ul.blocklist3 {
        list-style-type:none;
        margin-left:0;
        padding-left:0;
		/*	neu am 15.2.2010 */
		margin-top: 2em;
}
ul.pictlist3 {
        list-style-type:none;
        margin-left:0;
        padding-left:0;
}



ul.blocklist3 li {
        padding:10px 1%;
        width:29%;
        float:left;
        margin-right:2%;
        text-align:center;
        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;
        margin-right:2%;
        text-align:center;
        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;
}

/*	::NEU:: Armin 21.8.2009 
	sorgt in den Bildlisten für Abstand des img nach unten */
ul.blocklist3 li img {
	margin-bottom: 12px;
}
/*	::NEU:: Armin 25.2.2010 
	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%;
		/* ::ARMIN:: 22.7.2009 statt height 220px */
		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;
}

/* ::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:#666666;
	/* ::ARMIN:: 23.7.2009 */
	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 {
	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;
}


/*	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;
}



#main a:link, #main a:visited {
	text-decoration: none; 
	color: #222;
}
#main a.importantlink:link, #main a.importantlink:visited {
	text-decoration: underline;
	color: red;
}
#main a:hover, #main a:focus {
	text-decoration: underline; 
	color: red;
}
/*	::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 Tabelle Schulungen*/
ul.schulungstermine table {

}
ul.schulungstermine td {
	padding: 0 2em 0 0;
}
/*	::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;
}