/*

  Typo3 CSS Hotdigital

*/



/* allgemeine Styles */

.datum_news { text-align:right; color:#CCC;}

H1{

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

	font-size: 10pt;

	color: #686868;

	text-transform: uppercase; 

}

H1.reftitle{

text-transform:lowercase;

}

H1.reftitle2{

text-transform:lowercase;

margin-bottom:5px;

}

.hauptpunkt 



{

background-color: #F0F0F0;

height: 25px;

width: 100%;



margin-top: 10px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;



}

.hauptpunkt  H3 {padding-top: 5px;

font-size: 12px;

padding-right: 0px;



padding-bottom: 0px;



padding-left: 5px;}



.csc-firstHeader{

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

	font-size: 8pt;

	text-align:left;

	color: #686868;

	text-transform: uppercase;

	background-color: #f2f2f2;

	height: 24px;

padding-top: 6px;

padding-right: 10px;

padding-bottom: 7px;

padding-left: 10px;

border-bottom:14px solid #FFFFFF;

border-top:8px solid #FFFFFF;

}



#BestellForm TD {

	padding-left:10px;

	height: 24px;

	font-size: 9pt;



color: #4a4a4a;

}

#BestellForm TH {

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

	font-size: 8pt;

	text-align:left;

	color: #686868;

	text-transform: uppercase;

	background-color: #f2f2f2;

	height: 24px;

padding-top: 6px;

padding-right: 10px;

padding-bottom: 7px;

padding-left: 10px;

border-bottom:14px solid #FFFFFF;

border-top:8px solid #FFFFFF;

}

#BestellFormError TD {

	padding-left:10px;







color: #C70000;

}

#BestellFormError TH {

	text-transform: uppercase;

}

H2 {

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

	font-size: 10pt;

	color: #686868;

	border-bottom:1px dotted #686868;

	width:100%;

}

H3 {

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

	font-size: 9pt;

	color: #686868;

	margin-bottom: 2px;

	width:100%;

}





H6 {

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

	font-size: 9pt;

	color: #686868;



}

H5 {

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

	font-size: 9pt;

	color: #686868;

	font-weight:bold;

}

H2.awheading{

color: #000000;

margin-bottom: 0px;

}

P {

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

	font-size: 9pt;

	color: #4A4A4A;

	margin: 10px 0px 5px 0px;

}

body A {

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

font-size: 8pt;

color:#000000;

text-decoration:none;

}

body A:hover {

color:#FA6700

}



/* forms */

TEXTAREA {

	width:392px;

}

FORM { display: inline; }

#loginselect{

background-color: #FF9D00;

border: 1px solid #F89700;

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

font-size: 9pt;

font-weight: bold;

color: #ffffff;

width:140px;

	}

#email_address_id{

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

	font-size: 9pt;

	color:#9A9A9A;

	border: 1px solid #D8A92B;

	width:150px;

}

#password_id{

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

	font-size: 9pt;

	color:#9A9A9A;

	border: 1px solid #D8A92B;

	width:150px;	

}

#controlcustomer{

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

	font-size: 9pt;

	color:#9A9A9A;

	border: 1px solid #D8A92B;

	width:140px;

}

#controlpassword{

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

	font-size: 9pt;

	color:#9A9A9A;

	border: 1px solid #D8A92B;

	width:140px;

}



.text{

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

	font-size: 9pt;

	width: 300px;

	

}

/* page */



TD{

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

	font-size: 8pt;

   color: #4A4A4A;

}

body {       

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

	font-size: 8pt;

   margin: 0px 0px 0px 0px;

	background-color: #ffffff;

}

#indextop{

   background-image: url(style_de_05_FILES/header_index_de.gif);

	background-repeat: no-repeat;

	}

#unternehmentop{

  background-image: url(style_de_05_FILES/header_unternehmen_de.gif);

	background-repeat: no-repeat;

	}

#shopsystemetop{

  background-image: url(style_de_05_FILES/header_shopsystem_de.gif);

	background-repeat: no-repeat;

	}

#marketingtop{

background-image: url(style_de_05_FILES/header_marketing_de.gif);

	background-repeat: no-repeat;

	}

#partnertop{

background-image: url(style_de_05_FILES/header_partner_de.gif);

	background-repeat: no-repeat;

	}

#referenzentop{

background-image: url(style_de_05_FILES/header_referenzen_de.gif);

	background-repeat: no-repeat;

	}

#kooperationentop{

background-image: url(img/header_kooperationen_de.gif);

	background-repeat: no-repeat;

	}

#marktplatztop{

background-image: url(img/header_marktplatz_de.gif);

	background-repeat: no-repeat;

	}

.topnavi{

   padding-left:2px;

	padding-top:3px;

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

	font-size:11px;

	color: #989898;

}

.topnavi A{

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

	font-size:11px;

	color: #989898;

	text-decoration: none;

}

.topnavi A:hover{

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

	font-size:11px;

	color: #FF6000;

	text-decoration: none;

}

/*Karteikarten inaktiv*/

TD#kartei{

	padding-top:15px;

	text-align: center;

}

TD#kartei A{

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

	font-size:8pt;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#kartei A:hover{

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

	font-size:8pt;

	color: #FFD964;

	text-decoration: none;

	text-transform: uppercase;

}

/*Karteikartenaktiv*/

TD#karteiaktiv {

	text-align: center;

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

	font-size:8pt;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#karteiaktiv A{

	text-align: center;

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

	font-size:8pt;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#karteiaktiv A:hover{

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

	font-size:8pt;

	color: #FFD964;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

}

/*Hintergrund oben Navi*/

#navitopbg{

background-image: url(style_de_05_FILES/navi_topbg.gif);

background-repeat: no-repeat;

background-color: #A6BFC4;



border-bottom: 1px solid #BCBCBC;

}

/* Die Menuestile */

/* Die Menuestile */

TD#menu_1 {

width:198px;

}

/*Der erste Div im Hauptmenue*/

TD#menu_1 DIV{

width:198px;

}



/*  MENU 1, erste ebene, normaler Zustand (NO) */

TD#menu_1 DIV.menu1-level1-no {

  

  background-image: url(style_de_05_FILES/menue1_level_1_no.gif);

  background-repeat: no-repeat;

  background-position:left bottom;

  padding-top:9px;

  padding-bottom:6px;

  padding-left:46px;

   font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:9px;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

  }

* html TD#menu_1 DIV.menu1-level1-no {

  height: 32px;

  background-image: url(style_de_05_FILES/menue1_level_1_no.gif);

  background-repeat: no-repeat;

  background-position:left bottom;

  padding-top:9px;

  padding-bottom:3px;

  padding-left:46px;

   font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:9px;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

  }

TD#menu_1 DIV.menu1-level1-no A{



   color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level1-no A:hover{



   text-decoration: none;

	text-transform: uppercase;

   color: #FF6000;

}

/*  MENU 1, erste Ebene, aktiver Zustand (ACT) */

TD#menu_1 DIV.menu1-level1-act {

  height: 23px;

  background-image: url(style_de_05_FILES/menue1_level_1_act.gif);

  background-repeat: no-repeat;

  padding-top:9px;

  padding-left:46px;

  font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:9px;

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

}

*html TD#menu_1 DIV.menu1-level1-act {

  height: 32px;

  background-image: url(style_de_05_FILES/menue1_level_1_act.gif);

  background-repeat: no-repeat;

  padding-top:9px;

  padding-left:46px;

  font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:9px;

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level1-act A{

	

   color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level1-act A:hover{

	

   text-decoration: none;

	text-transform: uppercase;

   color: #FF6000;

}

/*  MENU 1, zweite Ebene, normaler Zustand (NO) */

TD#menu_1 DIV.menu1-level2-no {

  height: 21px;

  background-image: url(style_de_05_FILES/menue1_level_2_no.gif);

  background-repeat: no-repeat;

    background-position:left bottom;

  padding-top:7px;

  

  padding-left:55px;

  font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:8px;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

*html TD#menu_1 DIV.menu1-level2-no {

  height: 28px;

  background-image: url(style_de_05_FILES/menue1_level_2_no.gif);

  background-repeat: no-repeat;

  padding-top:7px;

  padding-bottom:3px;

  padding-left:55px;

  font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:8px;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level2-no A{

color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level2-no A:hover{

   color: #FF6000;

	text-decoration: none;

	text-transform: uppercase;

}

/*  MENU 1, zweite Ebene, aktiver Zustand (ACT) */

TD#menu_1 DIV.menu1-level2-act {

  height: 21px;

  background-image: url(style_de_05_FILES/menue1_level_2_act.gif);

  background-repeat: no-repeat;

    background-position:left bottom;

  padding-top:7px;

  padding-left:55px;

  font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:8px;

  font-weight:bold;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

*html TD#menu_1 DIV.menu1-level2-act {

  height: 28px;

  background-image: url(style_de_05_FILES/menue1_level_2_act.gif);

  background-repeat: no-repeat;

  background-position:left bottom;

  padding-top:7px;

   padding-bottom:3px;

  padding-left:55px;

  font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:8px;

  font-weight:bold;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level2-act A{

color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level2-act A:hover{

   color: #FF6000;

	text-decoration: none;

	text-transform: uppercase;

}



/*  MENU 1, drite Ebene, normaler Zustand (NO) */

TD#menu_1 DIV.menu1-level3-no {

 	 height: 21px;

 	 background-image: url(style_de_05_FILES/menue1_level_3_no.gif);

 	 background-repeat: no-repeat;

 	 padding-top:7px;

 	 padding-left:55px;

  	font-family: Arial, Helvetica,Verdana sans-serif;

  	font-size:8px;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

*html TD#menu_1 DIV.menu1-level3-no {

 	 height: 28px;

 	 background-image: url(style_de_05_FILES/menue1_level_3_no.gif);

 	 background-repeat: no-repeat;

 	 padding-top:7px;

 	 padding-left:55px;

  	font-family: Arial, Helvetica,Verdana sans-serif;

  	font-size:8px;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level3-no A{

color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level3-no A:hover{

   color: #FFCE69;

	text-decoration: none;

	text-transform: uppercase;

}

/*  MENU 1, drite Ebene, aktiver Zustand (ACT) */

TD#menu_1 DIV.menu1-level3-act {

  height: 21px;

  background-image: url(style_de_05_FILES/menue1_level_3_act.gif);

  background-repeat: no-repeat;

  padding-top:7px;

  padding-left:55px;

  font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:8px;

  font-weight:bold;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

*html TD#menu_1 DIV.menu1-level3-act {

  height: 28px;

  background-image: url(style_de_05_FILES/menue1_level_3_act.gif);

  background-repeat: no-repeat;

  padding-top:7px;

  padding-left:55px;

  font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:8px;

  font-weight:bold;

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level3-act A{

color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

TD#menu_1 DIV.menu1-level3-act A:hover{

   color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;

}

/*ENDE 3ten naviebene*/





/*  MENU 1, virte Ebene, normaler Zustand (NO) */

TD#menu_1 DIV.menu1-level4-no {

 	 height: 21px;

 	 background-image: url(style_de_05_FILES/menue1_level_4_no.gif);

 	 background-repeat: no-repeat;

 	 padding-top:7px;

 	 padding-left:55px;

  	font-family: Arial, Helvetica,Verdana sans-serif;

  	font-size:8px;

	color: #FFFFFF;

	text-decoration: none;

	

}

*html TD#menu_1 DIV.menu1-level4-no {

 	 height: 28px;

 	 background-image: url(style_de_05_FILES/menue1_level_4_no.gif);

 	 background-repeat: no-repeat;

 	 padding-top:7px;

 	 padding-left:55px;

  	font-family: Arial, Helvetica,Verdana sans-serif;

  	font-size:8px;

	color: #FFFFFF;

	text-decoration: none;

	

}

TD#menu_1 DIV.menu1-level4-no A{

color: #FFFFFF;

	text-decoration: none;

	

}

TD#menu_1 DIV.menu1-level4-no A:hover{

   color: #FFCE69;

	text-decoration: none;

	

}

/*  MENU 1, vierte Ebene, aktiver Zustand (ACT) */

TD#menu_1 DIV.menu1-level4-act {

  height: 21px;

  background-image: url(style_de_05_FILES/menue1_level_4_act.gif);

  background-repeat: no-repeat;

  padding-top:7px;

  padding-left:55px;

  font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:8px;

  font-weight:bold;

	color: #FFFFFF;

	text-decoration: none;

	

}

*html TD#menu_1 DIV.menu1-level4-act {

  height: 28px;

  background-image: url(style_de_05_FILES/menue1_level_4_act.gif);

  background-repeat: no-repeat;

  padding-top:7px;

  padding-left:55px;

  font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:8px;

  font-weight:bold;

	color: #FFFFFF;

	text-decoration: none;

	

}

TD#menu_1 DIV.menu1-level4-act A{

color: #FFFFFF;

	text-decoration: none;

	

}

TD#menu_1 DIV.menu1-level4-act A:hover{

   color: #FF6000;

	text-decoration: none;

	

}

/*ENDE 4ten naviebene*/

/*linker Contentbereich*/

TD#content_left_header{

border-top:1px solid #E0E0E0;



	border-left:1px solid #E0E0E0;

	border-right:1px solid #E0E0E0;

	background-color: #F2F2F2;

}

TD#content_left{

padding-left:5px;

padding-right: 5px;

border-bottom:1px solid #E0E0E0;

	border-left:1px solid #E0E0E0;

	border-right:1px solid #E0E0E0;

}

/*zentraler Contentbereich bildlinks*/

TD#content_center_img{



}

/*zentraler Contentbereich Subtitel textbereich*/

TD#content_center_text{

font-family: Arial, Helvetica,Verdana sans-serif;

  font-size:9pt;

  font-weight:bold;

  color: #000000;

	text-decoration: none;

	text-transform: uppercase;

	background-color:#F2F4F3;

	padding-left:14px;

	padding-top:2px;

	padding-bottom:3px;

	border-left: 1px solid #D0D0D0;

	border-top: 1px solid #D0D0D0;

	border-bottom: 1px solid #D0D0D0;

	border-right: 1px solid #D0D0D0;

}

/*zentraler Contentbereich textbereich*/

TD#master_content{

   padding-left:14px;

	padding-right:14px;

	padding-bottom:14px;

	border-left: 1px solid #D0D0D0;

	border-right: 1px solid #D0D0D0;

	border-left: 1px solid #D0D0D0;

	border-bottom: 1px solid #D0D0D0;

	padding-top:5px;

	font-size:9pt;

}

TD#master_content a:link, TD#master_content a:active, TD#master_content a:visited{

   font-size:9pt;

   text-decoration:none;

   color:#fa6700;

}

TD#master_content a:hover{

   font-size:9pt;

   text-decoration:none;

   color:#000000;

}

/*rechter Contentbereich*/

TD#content_r{

  }



/*Die Shopstartboxen*/

.shopbox{

  border: 1px solid #E9E9E9;

  width:510px;

  height:77px;

}

.shopboxfunktionen{

background-image: url(style_de_05_FILES/shopfunktionen.gif);

background-repeat: no-repeat;

}

H1.shopteasertitle{

margin-bottom: 10px;

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

	font-size:11px;

}

H1.shopteasertitle A{

	text-decoration:none;

}

H1.shopteasertitle A:hover{

	text-decoration:none;

	color:#FFC000;

}

/*Rechter Content die Bestellbox*/

.shoporderbox{

	border: 1px solid #E9E9E9;

} 

#jetztbestellen{

	padding-left:48px;

	padding-top:20px;

	padding-bottom:20px;

}

#jetztbestellen H1{

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

	font-size:10pt;

	color: #000000;

	text-transform: uppercase;

	margin-bottom:10px;

}

#jetztbestellen A{

	color: #000000;

	text-decoration: none;

}

#jetztbestellen A:hover{

	color: #FDA500;

	text-decoration: none;

}

.shoporder1{

	padding-left:20px;

	padding-top:3px;

}

#shopordermore{

	padding-left:20px;

	padding-top:17px;

	padding-bottom:17px;

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

	font-size:10pt;

	color: #D42B5C;

	text-transform: uppercase;

} 

#shopordermore A{

   color: #D42B5C;

	text-decoration: none;

}

#shopordermore A:hover{

   color: #FDA500;

	text-decoration: none;

}    

/*footer*/

TD#footer{

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

	font-size:11px;

	color: #545454;

vertical-align: middle;

border-top:1px solid #BEBEBE;

padding:3px 0px 5px 0px;

}

TD#footer A{

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

	font-size:11px;

	color: #545454;

	text-decoration: none;

}

TD#footer A:hover{

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

	font-size:11px;

	color: #FF6000;

	text-decoration: none;

}

.refstrich { border-top:1px solid #F2F2F2; padding-top:10px;}

.refabstand {  padding-left:13px; padding-bottom:10px; padding-top:7px; }

#footer table { margin-top:10px;}





.liste{



background-color: #F2F2F2;

height: 24px;

padding: 6px 10px 7px 10px;

}

.liste_auf {



padding-top: 7px;

padding-right: 10px;

padding-bottom: 4px;

padding-left: 10px;

border-bottom: 1px solid #F2F2F2;



}

.newsueberschrift A{ color:#4B4B4B; margin:5px 0px 0px 0px; font-weight:bold;}

.newsueberschrift A:hover{ color:#000000; margin:5px 0px 0px 0px; font-weight:bold;}

.newsdate{ color:#B7B7B7; margin:5px 0px 8px 0px;}

.newsmehr { margin:3px 0px 0px 0px; padding-bottom: 5px; border-bottom:1px dotted #B7B7B7;}

.newsmehr A:link, .newsmehr A:active, .newsmehr A:visited {color:#B7B7B7 !important; font-weight:100; font-size:9pt;}

.newsmehr A:hover{ color:#4B4B4B !important; font-weight:normal; }

.newshaupt { margin-bottom:10px; }

#galeryx img { border:4px solid #DBDDDC;}



#mailform fieldset.csc-mailform {

 border: 0px;

 padding: 10px;

 width: 540px;

}



#mailform fieldset.csc-mailform .csc-mailform-field {

padding: 5px 0px;

}



#mailform fieldset.csc-mailform .csc-mailform-field label {

font-size: 9pt;

color: #4a4a4a;

width: 120px;

display:block; 

float:left;

vertical-align:top;

}

.aufmachen {display:none;}

#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-submit {

float:right

}



#kontaktbox{

	padding: 8px;

	font-weight: bold;

	color:#FFFFFF;

	line-height:18px;

	background-color:#A6BFC4;

}

#kontaktbox a{ color:#ffffff; }

#kontaktbox a:hover{ color:#4A6267; text-decoration:none; }

.leistungsliste { padding:20px;}
.leistungsliste h2 { font-size:16px; border-bottom:2px solid #CCC; margin:20px 0px 20px 0px; text-transform:uppercase; padding:0px 0px 5px 0px;; }
.leistungsliste ul { margin:0px; padding:0px;}
.leistungsliste li { background-image:url(images/listen_icon.jpg); background-position:2px 4px; background-repeat:no-repeat; padding:8px 0px 8px 35px; list-style:none; margin:0px; border-bottom:1px solid #E8E8E8}