/* ############################################## */

/* ########### Allgmeine Einstellungen ########## */

/* ############################################## */





.body	{

	margin:0px;

	padding:0px;

	background: #ffffff url(../images/back_1024.gif) repeat-y scroll left;

	}



.white {

	margin:0px;

	padding:0px;

	background-color:#ffffff;

}





/* ############################################## */

/* ################## Homepage ################## */

/* ############################################## */





.homepage {

	font-family: arial, helvetica, sans-serif;

	font-size: 14px;

	line-height: 17px;

	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;



	padding-top: 30px;

	padding-left: 180px;

}



.homepage2 {

	font-family: arial, helvetica, sans-serif;

	font-size: 25px;

	font-weight: bold;

	line-height: 34px;

	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;

}





.newsticker

{

	font-family: arial, helvetica, sans-serif;

	font-size: 18px;

	color: #ffffff;



	width:170px;

	height:25px;



	margin:0px;

	padding-left:10px;



	vertical-align:middle;



	background-color:#999999;

}



.newsticker2

{

	font-family: arial, helvetica, sans-serif;

	font-size: 14px;

	color: #ffffff;



	height:25px;

	padding-left:10px;

	margin:0px;

	border-left: 1px #ffffff solid;

}





/* ############################################## */

/* ########### Typographie und Layout ########### */

/* ############################################## */





.sprung {

	text-align:right; 

	margin-top:10px; 

	margin-bottom:10px;

}





/* ++++ Typografie und Tabellenformatierungen ++++ */



.text {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;

	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;



	background-color:#ffffff;

	padding-left:4px;

	padding-right:2px;

	padding-top: 10px;

	width:650px;      /* <---------------------*/

}



.normal {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;

	color: #333333;

	text-decoration: none;

}





.kursiv {

	font-style:italic;

}



.pname

{

	font-family: arial, helvetica, sans-serif;

	font-size: 18px;

	color: #000000;

	padding-bottom: 6px;

}



.zwischenheadline {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;

	text-decoration: none;

	font-weight:bold;

	color: #333333;

}





.rubrik {

	font-family: arial, helvetica, sans-serif;

	font-size: 18px;

	color: #ffffff;



	width:170px;

	height:25px;



	padding-left:2px;

	margin:0px;

	vertical-align:middle;



	background-color:#999999;

}



.rubrik2

{

	font-family: arial, helvetica, sans-serif;

	font-size: 18px;

	color: #ffffff;



	width:818px;	/* <---------------------*/

	height:25px;



	padding-left:2px;

	margin:0px;

	vertical-align:middle;



	border-left: 1px #ffffff solid;

}





ul {

	list-style-type:square;

}



ol {

	list-style-type:decimal;

}





/* ++++++++++ Tabellenformatierungen ++++++++++++ */





.headback	{

	margin:0px;

	padding:0px;

	background-color:#b3b3b3;

	border-bottom:1px solid #ffffff;

}



.content	{

	margin:0px;

	padding:0px;

	background-color:#f3f3f3;

}





.contentfull

	{

	width:100%;

	padding:0px;

	margin:0px;



	text-align:left;

	vertical-align:top;

	}



.contenttab

	{

	width:990px; /* <---------------------*/

	padding:0px;

	margin:0px;

	}



.spalte

	{

	background-color: #ffffff;

	margin:0px;

	padding:0px;

	width: 160px;

	vertical-align:top;

	}



.tabspalte

{

	border:0px;

	padding:0px;

	margin:0px;

	width:160px;

}



.tabcon

	{

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;



	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;



	background-color:#ffffff;

	padding:0px;

	width:215px;

	}







/* ++++++++++++++ Layout Samples ++++++++++++++++ */





.sscreen {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;



	color: #333333;

	text-decoration: none;

	text-align: center;



	background-color:#ffffff;

	padding:0px;

	width:438px

}





/* +++++++++++++ Bannerbereich +++++++++++++++ */





.logo {

	width:182px;

	padding:0px;

	margin:0px;

	background-color:#ffffff;

}



.search {

	width:808px; /* <---------------------*/

	padding:0px;

	margin:0px;



	text-align:right;

	vertical-align:top;



	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	text-decoration: none;

	color: #333333;



	background-color:#ffffff;

}



.subline {

	text-align:left;

	vertical-align:bottom;

	background-color:#ffffff;

}







/* ++++++++ Suchausgabe ++++++++++ */



.datei {

	font-family: arial, helvetica, sans-serif;

	font-size: 9px;

	text-decoration: none;

	color: #000000;

}



. kurz {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;

	color: #333333;

	text-decoration: none;

}





/* ############################################## */

/* ############ LINKS UND NAVIGATION ############ */

/* ############################################## */





a {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	text-decoration: none;

	color: #333333;

}





a:link {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	text-decoration: none;

	color: #333333;

}



a:visited {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	text-decoration: none;

	color: #333333;

}





a:hover {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	text-decoration: none;

	color: #cc3300;

}









/* ++++++++ Hauptnavigation ++++++++++ */





a.main {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	font-weight: bold;

	text-decoration: none;

	color: #ffffff;

}





a.main:link {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	font-weight: bold;

	text-decoration: none;

	color: #ffffff;

}



a.main:visited {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	font-weight: bold;

	text-decoration: none;

	color: #ffffff;

}



a.main:hover {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	font-weight: bold;

	text-decoration: underline;

	color: #ffffff;

}





.mainnav {

	vertical-align: middle;



	padding-left:4px;

	padding-right:20px;



	height:21px;

	background-color:#cc3300;

}





.mainnava {

	font-family: arial, helvetica, sans-serif;

	font-size: 1px;

	color: #cc3300;



	padding:0px;

	width:4px;

	height:17px;

	background-color:#cc3300;

}





.mainnavb {

	font-family: arial, helvetica, sans-serif;

	font-size: 1px;

	color: #ffffff;



	padding:0px;

	width:4px;

	height:4px;

	background-color:#ffffff;

}



.maing {

	height:21px;

	margin:0px;

	padding:0px;

	background-color:#cc3300;

}







/* ++++++++ Subnavigation 2. Ebene ++++++++++ */



a.sub2 { display: block; margin:0px; padding: 4px; background: #e0e0e0; width: 164px; border: 0px; border-bottom: 1px solid #ffffff; text-align: left; vertical-align: middle;}

a.sub2:hover { background-color: #ffffff;}





.subactive2 {

	text-align: left;

	vertical-align: middle;



	margin:0px;

	padding:4px;



	width:164px;



	background-color:#f0f0f0;



	border-bottom: 1px solid #ffffff;



	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	font-weight: bold;



	color: #cc3300;

	text-decoration: none;

}





.sub2active {



	text-align: left;

	vertical-align: middle;



	margin:0px;

	padding:4px;



	width:164px;



	background-color:#ffffff;



	border-bottom: 1px solid #ffffff;



	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	font-weight: bold;



	color: #cc3300;

	text-decoration: none;

}









/* ++++++++ Subnavigation 3. Ebene ++++++++++ */







a.sub3 { display: block; margin:0px; padding: 4px; background: #f0f0f0; width: 164px; border: 0px; border-bottom: 1px solid #ffffff; text-align: left; vertical-align: middle;}

a.sub3:hover { background-color: #ffffff;}





.subactive3 {

	text-align: left;

	vertical-align: middle;



	margin:0px;

	padding:4px;



	width:164px;



	background-color:#f0f0f0;



	border-bottom: 1px solid #ffffff;



	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	font-weight: normal;



	color: #cc3300;

	text-decoration: none;

}







/* ++++++++ Produktlinks (Navigationsblock über Quicklinks) ++++++++++ */





a.prodlink { display: block; border-width:0px; margin:0px; padding: 3px 3px 3px 5px; background: #e0e0e0; width: 143px; border-bottom: 1px solid #ffffff;}

a.prodlink:hover { background-color: #ffffff; }



.pactive { display: block; border-width:0px; margin:0px; padding: 3px 3px 3px 5px; background: #e0e0e0; width: 143px; border-bottom: 1px solid #ffffff;}









/* ++++++++ Quicklinks ++++++++++ */





a.quicklink { display: block; border-width:0px; margin:0px; padding: 3px 3px 3px 5px; background: #e0e0e0; width: 143px; border-bottom: 1px solid #ffffff;}

a.quicklink:hover { background-color: #ffffff; }



a.quicklink2 { display: block; border-width:0px; margin:0px; padding: 3px 3px 3px 5px; background: #e0e0e0; width: 143px; border-bottom: 1px solid #e0e0e0;}

a.quicklink2:hover { background-color: #ffffff; }



.qactive { display: block; border-width:0px; margin:0px; padding: 3px 3px 3px 5px; background: #e0e0e0; width: 143px; border-bottom: 1px solid #ffffff;}

.qactive2 { display: block; border-width:0px; margin:0px; padding: 3px 3px 3px 5px; background: #e0e0e0; width: 143px; border-bottom: 1px solid #ffffff;}







/* ++++++++ Textlinks ++++++++++ */



a.textl { font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 15px; text-decoration: none; color: #cc3300; }

a.textl:link { font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 15px; text-decoration: none; color: #cc3300; }

a.textl:visited { font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 15px; text-decoration: none; color: #cc3300; }

a.textl:hover {	font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 15px; text-decoration: underline; color: #cc3300;

}



/* ++++++++ Links Ticker Startseite ++++++++++ */



a.ticker {

	font-family: arial, helvetica, sans-serif;

	font-weight:bold;

	font-size: 13px;

	text-decoration: none;

	color: #ffffff;

}



a.ticker:link {

	font-family: arial, helvetica, sans-serif;

	font-weight:bold;

	font-size: 13px;

	text-decoration: none;

	color: #ffffff;

}



a.ticker:visited {

	font-family: arial, helvetica, sans-serif;

	font-weight:bold;

	font-size: 13px;

	text-decoration: none;

	color: #ffffff;

}



a.ticker:hover {

	font-family: arial, helvetica, sans-serif;

	font-weight:bold;

	line-height: 15px;

	text-decoration: underline;

	color: #ffffff;

}





/* ++++++++ Gestaltung ++++++++++ */





.subnavi {

	width:170px;

	margin:0px;

	padding:0px;

	vertical-align:top;

}



.navitab {

	width:170px;

}





.head {



	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	line-height: 13px;

	font-weight: bold;

	color: #ffffff;



	padding:4px;



	background-color:#b3b3b3;



	border-bottom-width:1px;

  	border-bottom-style:solid;

	border-color:#ffffff;



	vertical-align:middle;

}



.arrow {



	width:11px;

	height:15px;

	

	background-color:#b3b3b3;



	border-bottom:1px solid #ffffff;



	vertical-align:top;

	text-align:center;

}



.arrow2 {



	width:11px;

	height:15px;

	

	background-color:#b3b3b3;



	border-bottom:1px solid #b3b3b3;



	vertical-align:top;

	text-align:center;

}





/* ############################################## */

/* ################ Bannerbilder ################ */

/* ############################################## */







.homepic {



	background: #999999 url(../images/pics/start_pro.jpg) top left no-repeat;

	height:108px;



	margin:0px;

	padding:0px;



	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}



.toppic1 {



	background: #999999 url(../images/pics/about.jpg) top left no-repeat;

	height:108px;



	margin:0px;

	padding:0px;



	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}





.toppic2 {



	background: #999999 url(../images/pics/techworld.jpg) top left no-repeat;

	height:108px;



	margin:0px;

	padding:0px;



	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}



.toppic3 {



	background: #999999 url(../images/pics/products.jpg) top left no-repeat;

	height:108px;



	margin:0px;

	padding:0px;



	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}



.toppic4 {



	background: #999999 url(../images/pics/news.jpg) top left no-repeat;

	height:108px;



	margin:0px;

	padding:0px;



	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}



.toppic5 {



	background: #999999 url(../images/pics/sal_comm.jpg) top left no-repeat;

	height:108px;



	margin:0px;

	padding:0px;



	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}



.toppic6 {



	background: #999999 url(../images/pics/contact.jpg) top left no-repeat;

	height:108px;



	margin:0px;

	padding:0px;



	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}



.toppic7 {



	background: #999999 url(../images/pics/search.jpg) top left no-repeat;

	height:108px;



	margin:0px;

	padding:0px;



	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}



.toppic8 {



	background: #999999 url(../images/pics/download.jpg) top left no-repeat;

	height:108px;



	margin:0px;

	padding:0px;



	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}



.toppic9 {



	background: #999999 url(../images/pics/recomm.jpg) top left no-repeat;

	height:108px;



	margin:0px;

	padding:0px;



	border-bottom:1px solid #ffffff;

	border-top:1px solid #ffffff;

}





/* ############################################## */

/* ################# Formulare ################## */

/* ############################################## */





input.tf {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	text-decoration: none;

	color: #333333;

	margin:0px;

	padding:0px;

	border: 1px solid #999999;

	width: 180px;

}



input.tf2 {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	text-decoration: none;

	color: #333333;

	margin:0px;

	padding:0px;

	border: 1px solid #999999;

	width: 100px;

}



textarea{

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	text-decoration: none;

	color: #333333;

	margin:0px;

	padding:0px;

	border: 1px solid #999999;

	width: 180px;

	height: 120px;

}







.form1 {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;



	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;



	background-color:#ffffff;

	padding:0px;

	width:256px

}





.form2 {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;



	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;



	background-color:#ffffff;

	padding:0px;

	width:180px

}



.form3 {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;



	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;



	background-color:#ffffff;

	padding:0px;

}



.form4 {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;



	color: #333333;

	text-decoration: none;



	text-align: center;

	vertical-align: top;



	background-color:#ffffff;

	padding:0px;

}





.form5 {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;



	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;



	background-color:#ffffff;

	padding:0px;

	width:158px

}





.form6 {

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;



	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;



	background-color:#ffffff;

	padding:0px;

	width:256px

}



.formtab

	{

	width:438px;

	}









/* ############################################## */

/* ####### Ergänzungen Recommand-Funktion ####### */

/* ############################################## */





.fields

	{

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;



	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;



	background-color:#ffffff;

	padding:0px;

	width:300px;

	}





.descs

	{

	font-family: arial, helvetica, sans-serif;

	font-size: 13px;

	line-height: 15px;



	color: #333333;

	text-decoration: none;



	text-align: left;

	vertical-align: top;



	background-color:#ffffff;

	padding:0px;

	width:120px;

	}