@import url("../../tmp_/tinymce/tinymce.css");

/**
 * SCREEN Styles für Thierry
 * erbt von global.css  
 * (c) 2009 Benjamin Zaiser, www.benjamin-zaiser.de
 */

*{
  margin: 0px;
  padding: 0px;
}

body{
  background: url(../images/nav_kachel_eng.jpg) repeat-x top left;
  font-family: verdana, sans-serif;
  font-size: 12px;
  width: 1000px;
}

a,
a:link,
a:hover,
a:active{
	color:#000;
}

a.button_blue:hover,
a.button_dark:hover{ color: #000000 !important; }

.clearer{ clear: both; }
.hidden{ display: none; }

img{ border: 0px; }

/**
 * Navigation
 */ 
#navi, #langswitch{
	width: 410px;
	height: 21px;
	list-style-type: none;
	position: absolute;
	top: 28px;
	left: 366px;
	padding-left: 18px;
	background: url(../images/navi_bg_de.gif) no-repeat top left;
}
#navi li,
#langswitch li{
  float: left;
  background: url(../images/navi_de/nav1_spacer.gif) no-repeat top left;
  padding-left: 24px;
}
#navi li.first,
#langswitch li.first{ background: none; padding-left: 0px;}
#navi li a{ 
  color: #ffffff; 
  text-decoration: none;
  display: block;
  height: 21px;
  background-repeat: no-repeat;
  background-position: top left;
}
#navi li a.active{ color: #80838a; }

#langswitch{
	left: 767px;
	width: 132px;
	background-image: url(../images/langswitch_bg.gif);
}
#langswitch li a.flag{
  display: block;
  height: 21px;
  float: left;
  background-repeat: no-repeat;
  padding: 0px;
}
#langswitch li a#englisch{ background-image: url(../images/navi_de/sprache1_n.gif); width: 42px;}
#langswitch li a#englisch:hover{ background-image: url(../images/navi_de/sprache1_r.gif); width: 42px;}
#langswitch li a#deutsch{ background-image: url(../images/navi_de/sprache3_n.gif); width: 46px;}
#langswitch li a#deutsch:hover{ background-image: url(../images/navi_de/sprache3_r.gif); width: 46px;}

#navi a span,
#langswitch a span{ display: none; }


/**
 * Subnavigation
 */ 
#webshop{
  display: block;
  background: url(../images/navi_de/webshop_n.gif) no-repeat top left;
  width: 101px;
  height: 22px;
  padding-top: 14px;
  padding-left: 28px;
  color: #ffffff;
  position: absolute;
  top: 79px;
  left: 14px;
  text-decoration: none;
}
#webshop:hover{ background-image: url(../images/navi_de/webshop_r.gif); }
#webshop.active{ background-image: url(../images/navi_de/webshop_d.gif); }
#webshop span{ display: none; }

#subnavi{
	position: absolute;
	top: 90px;
	left: 178px;
	list-style-type: none;
	width: 737px;
	height: 21px;
	background: url(../images/subnavi_bg.gif) no-repeat top left;
	padding-left: 16px;
}
#subnavi li{
  float: left;
  background: url(../images/navi_de/nav2_spacer.gif) no-repeat top left;
  padding-left: 24px;
}
#subnavi li.first{ background: none; padding-left: 0px;}
#subnavi li a{
  color: #ffffff; 
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: top left;  
  height: 21px;
  display: block;
}
#subnavi li a span{ display: none; }

/* Subnavi englisch */
body.lang_1 #navi{
	left: 430px;
	background-image: url(../images/navi_bg_en.gif);
}
body.lang_1 #langswitch{
	left: 830px;
}
body.lang_1 #subnavi{
  background: url(../images/subnavi_bg_eng.gif) no-repeat top left;
  width: 784px;
}



/**
 * Content
 */
#content{
  margin-left: 47px;
}
h1{
  font-size: 18px;
  font-weight: bold;
  margin-top: 36px;
  margin-bottom: 25px;
}
h2{
  font-weight: bold;
  color: #0f45a5;
  margin-bottom: 11px;
  font-size: 12px;
}


div.section{
  margin-bottom: 19px;
}

div.section p{
  margin-bottom: 14px;
}

div.section ul{
  color: #0f45a5;
  list-style-type: none;
}
div.section ul li{
  padding-left: 8px;
  background: url(../images/bullet.gif) no-repeat 0px 7px;
}

/**
 * Image
 */ 
.image .imagetitle{
  margin-bottom: 10px;
  font-size: 11px;
}




/**
 * Text + Image
 */
.textimage{
  margin-bottom: 5px;
}
.textimage.imageleft .bodytext{
  float: left;
  margin-left: 10px;
} 



/**
 * Default - Breit
 */
body.default h1,
body.default_3030 h1{
  color: #0d44a8;
  margin-bottom: 11px;
  padding-bottom: 11px;
  border-bottom: 1px solid #000000;
}


/**
 * Default - Breit aber doch Schmal (Urmuster-Management)
 */
body.default_3030 #content{
  width: 625px;
}  
body.default_3030 div.textimage.imageright p.caption{
  font-size: 11px;
}
body.default_3030 div.textimage.imageright .bodytext{
  width: 320px;
  margin-left: 0px;
}


/**
 * 2 Spaltig
 */ 
div.left{
  float: left;
  margin-right: 30px;
  width: 360px;
}

div.right{
  border-left: 1px solid #919191;
  float: left;
  margin-left: 0px;
  padding-left: 50px;
  margin-top: 86px;
  min-height: 400px;
  width: 400px;
}
div.right h2{ margin-top: -2px; }
div.right .image{
  float: left;
  margin-right: 30px;
}
div.right .section{
  margin-top: -20px; /* Kontakt -> Ansprechpartner */
}

.col2_4060 div.left{ width: 319px; }
.col2_4060 div.right{ width: 421px; padding-left: 38px; }


/**
 * Webshop
 */
body.cat_5 h1{
  color: #0d44a8;
} 
.product{
  float: left;
  margin-left: 2px;
  margin-right: 29px;
  height: 256px;
}
.product p{
  font-size: 10px;
  width: 240px;
}
.product p strong{
  display: block;
  font-size: 11px;
}
.product .magentolink{
  background: url(../images/B_bestellen_n.gif) no-repeat top left;
  display: block;
  width: 78px;
  height: 19px;
  text-decoration: none;
  color: #ffffff;
  padding-top: 2px;
  padding-left: 10px;
  margin-top: 10px;
  font-size: 12px;
}
.product .magentolink:hover{ background-image: url(../images/B_bestellen_r.gif); }
.lang_1 .product .magentolink{ background-image: url(../images/B_bestellen_n_eng.gif); }
.lang_1 .product .magentolink:hover{ background-image: url(../images/B_bestellen_r_eng.gif); }



/**
 * Adresse
 */
address{ display: none; }




/**
 * Startseite
 */
body.home{
  width: 100%;
}
body.home #content{
  margin-left: auto;
  margin-right: auto;
  width: 835px;
}
.home #header{
  height: 129px;
}
.home h1{
  color: #000000;
  float: left;
  font-size: 20px;
  margin-top: 24px;
}
.home #subtitle{
  float: left;
  margin-top: 29px;
  margin-left: 14px;
  width: 550px;
  margin-bottom: 30px;
}

.home #content a span{ display: none; }
.home #content a{
  width: 800px;
  height: 42px;
  display: block;
  background-repeat: no-repeat;
  background-position: top left;
  margin-bottom: 3px;
}
.home a#B_01{ background-image: url(../../buttons/B_01_n.jpg); }
.home a#B_01:hover{ background-image: url(../../buttons/B_01_r.jpg); }
.home a#B_02{ background-image: url(../../buttons/B_02_n.jpg); }
.home a#B_02:hover{ background-image: url(../../buttons/B_02_r.jpg); }
.home a#B_03{ background-image: url(../../buttons/B_03_n.jpg); }
.home a#B_03:hover{ background-image: url(../../buttons/B_03_r.jpg); }
.home a#B_04{ background-image: url(../../buttons/B_04_n.jpg); }
.home a#B_04:hover{ background-image: url(../../buttons/B_04_r.jpg); }
.home a#B_05{ background-image: url(../../buttons/B_05_n.jpg); }
.home a#B_05:hover{ background-image: url(../../buttons/B_05_r.jpg); }
.home a#B_06{ background-image: url(../../buttons/B_06_n.jpg); }
.home a#B_06:hover{ background-image: url(../../buttons/B_06_r.jpg); }
.home a#B_07{ background-image: url(../../buttons/B_07_n.jpg); }
.home a#B_07:hover{ background-image: url(../../buttons/B_07_r.jpg); }
.home a#B_08{ background-image: url(../../buttons/B_08_n.jpg); }
.home a#B_08:hover{ background-image: url(../../buttons/B_08_r.jpg); }

.home.lang_1 a#B_01{ background-image: url(../../buttons/B_01_n_eng.jpg); }
.home.lang_1 a#B_01:hover{ background-image: url(../../buttons/B_01_r_eng.jpg); }
.home.lang_1 a#B_02{ background-image: url(../../buttons/B_02_n_eng.jpg); }
.home.lang_1 a#B_02:hover{ background-image: url(../../buttons/B_02_r_eng.jpg); }
.home.lang_1 a#B_03{ background-image: url(../../buttons/B_03_n_eng.jpg); }
.home.lang_1 a#B_03:hover{ background-image: url(../../buttons/B_03_r_eng.jpg); }
.home.lang_1 a#B_04{ background-image: url(../../buttons/B_04_n_eng.jpg); }
.home.lang_1 a#B_04:hover{ background-image: url(../../buttons/B_04_r_eng.jpg); }
.home.lang_1 a#B_05{ background-image: url(../../buttons/B_05_n_eng.jpg); }
.home.lang_1 a#B_05:hover{ background-image: url(../../buttons/B_05_r_eng.jpg); }
.home.lang_1 a#B_06{ background-image: url(../../buttons/B_06_n_eng.jpg); }
.home.lang_1 a#B_06:hover{ background-image: url(../../buttons/B_06_r_eng.jpg); }
.home.lang_1 a#B_07{ background-image: url(../../buttons/B_07_n_eng.jpg); }
.home.lang_1 a#B_07:hover{ background-image: url(../../buttons/B_07_r_eng.jpg); }
.home.lang_1 a#B_08{ background-image: url(../../buttons/B_08_n_eng.jpg); }
.home.lang_1 a#B_08:hover{ background-image: url(../../buttons/B_08_r_eng.jpg); }


/**
 * News
 */
.home .news{
  clear: both;
  background: url(../images/news_bg.gif) no-repeat top left;
  padding: 15px 15px;
  border-left: 2px solid #cdd2e5;  
  margin-bottom: 20px;
  width: 800px;
  margin-top: 40px;
}
.home .news .footer{ 
  background: url(../images/news_bg.gif) no-repeat top left;
  height: 2px;
  position: relative;
  bottom: -15px;
  left: -15px;
}
.news h2{
  font-size: 14px;
  margin-bottom: 8px;
  color: #000000;
  font-weight: normal;
  letter-spacing: 1px;
}
.news h3{
  display: inline;
  font-size: 11px;
  color: #0e45aa;
  margin-right: 5px;
}
.news p{
  display: inline;
}
.news .item{
  font-size: 11px;
}
#content .news a{
  display: inline;
}
body.newsDetail{
  width: 850px;
}
body.newsDetail h1{
  color: #0d44a8;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #000000;
}




/**
 * Kontaktformular
 */
#rexform .formheadline{
  font-weight: bold;
  margin-bottom: 9px;
} 
#rexform .fieldset{
  margin-top: 10px;
  border: 0px;
}
#rexform label{
  display: block;
  margin-bottom: 5px;
}
#rexform .fieldset input,
#rexform .fieldset textarea{
  width: 100%;
  background: #e2e7ea;
  border: 0px;
  margin-bottom: 10px;
  height: 23px;
}
#rexform .fieldset textarea{ height: 212px; margin-bottom: 16px; }
#rexform .formsubmit{
  background: url(../images/form_button.gif) no-repeat top left;
  color: #ffffff;
  border: 0px;
  float: right;
  width: 71px;
  font-size: 12px;
  font-family: "Arial";
  height: 18px;
  padding-bottom: 1px;
  cursor: pointer;
}

#rexform .formerror{
  color: #ff0000;
}





/**
 * Navigation mit Hintergrundbildern
 */
/* Navigation deutsch */
#navi #Home{ background-image: url(../images/navi_de/home_n.gif); width: 34px; }
#navi #Home:hover{ background-image: url(../images/navi_de/home_r.gif); }
#navi #Home.active{ background-image: url(../images/navi_de/home_d.gif); } 

#navi #Unternehmen{ background-image: url(../images/navi_de/unternehmen_n.gif); width: 79px; }
#navi #Unternehmen:hover{ background-image: url(../images/navi_de/unternehmen_r.gif); }
#navi #Unternehmen.active{ background-image: url(../images/navi_de/unternehmen_d.gif); } 

#navi #Referenzen{ background-image: url(../images/navi_de/referenzen_n.gif); width: 65px; }
#navi #Referenzen:hover{ background-image: url(../images/navi_de/referenzen_r.gif); }
#navi #Referenzen.active{ background-image: url(../images/navi_de/referenzen_d.gif); } 

#navi #Kontakt{ background-image: url(../images/navi_de/kontakt_n.gif); width: 44px; }
#navi #Kontakt:hover{ background-image: url(../images/navi_de/kontakt_r.gif); }
#navi #Kontakt.active{ background-image: url(../images/navi_de/kontakt_d.gif); }

/* Englisch */
#navi #Home{ background-image: url(../images/navi_en/home_n_eng.gif); width: 34px; }
#navi #Home:hover{ background-image: url(../images/navi_en/home_r_eng.gif); }
#navi #Home.active{ background-image: url(../images/navi_en/home_d_eng.gif); } 

#navi #Company{ background-image: url(../images/navi_en/unternehmen_n_eng.gif); width: 79px; }
#navi #Company:hover{ background-image: url(../images/navi_en/unternehmen_r_eng.gif); }
#navi #Company.active{ background-image: url(../images/navi_en/unternehmen_d_eng.gif); } 

#navi #Partner{ background-image: url(../images/navi_en/partner_n_eng.gif); width: 45px; }
#navi #Partner:hover{ background-image: url(../images/navi_en/partner_r_eng.gif); }
#navi #Partner.active{ background-image: url(../images/navi_en/partner_d_eng.gif); } 

#navi #References{ background-image: url(../images/navi_en/referenzen_n_eng.gif); width: 65px; }
#navi #References:hover{ background-image: url(../images/navi_en/referenzen_r_eng.gif); }
#navi #References.active{ background-image: url(../images/navi_en/referenzen_d_eng.gif); } 

#navi #Contacts{ background-image: url(../images/navi_en/kontakt_n_eng.gif); width: 42px; }
#navi #Contacts:hover{ background-image: url(../images/navi_en/kontakt_r_eng.gif); }
#navi #Contacts.active{ background-image: url(../images/navi_en/kontakt_d_eng.gif); }


/** Subnavigation deutsch */
#subnavi #Urmuster-Management{ background-image: url(../images/navi_de/urmuster_n.gif); width: 137px; }
#subnavi #Urmuster-Management:hover{ background-image: url(../images/navi_de/urmuster_r.gif); }
#subnavi #Urmuster-Management.active{ background-image: url(../images/navi_de/urmuster_d.gif); }

#subnavi #Farbvorlagen{ background-image: url(../images/navi_de/farbvorlagen_n.gif); width: 76px; }
#subnavi #Farbvorlagen:hover{ background-image: url(../images/navi_de/farbvorlagen_r.gif); }
#subnavi #Farbvorlagen.active{ background-image: url(../images/navi_de/farbvorlagen_d.gif); }

#subnavi #Farbkarten{ background-image: url(../images/navi_de/farbkarte_n.gif); width:64px; }
#subnavi #Farbkarten:hover{ background-image: url(../images/navi_de/farbkarten_r.gif); }
#subnavi #Farbkarten.active{ background-image: url(../images/navi_de/farbkarten_d.gif); }

#subnavi #Prüfmittel{ background-image: url(../images/navi_de/pruefmittel_n.gif); width: 58px; }
#subnavi #Prüfmittel:hover{ background-image: url(../images/navi_de/pruefmittel_r.gif); }
#subnavi #Prüfmittel.active{ background-image: url(../images/navi_de/pruefmittel_d.gif); }

#subnavi #Substrate{ background-image: url(../images/navi_de/substrate_n.gif); width: 56px; }
#subnavi #Substrate:hover{ background-image: url(../images/navi_de/substrate_r.gif); }
#subnavi #Substrate.active{ background-image: url(../images/navi_de/substrate_d.gif); }

#subnavi #Zubehör{ background-image: url(../images/navi_de/zubehoer_n.gif); width: 49px; }
#subnavi #Zubehör:hover{ background-image: url(../images/navi_de/zubehoer_r.gif); }
#subnavi #Zubehör.active{ background-image: url(../images/navi_de/zubehoer_d.gif); }

#subnavi #Speziallackierungen{ background-image: url(../images/navi_de/speziallack_n.gif); width: 117px; }
#subnavi #Speziallackierungen:hover{ background-image: url(../images/navi_de/speziallack_r.gif); }
#subnavi #Speziallackierungen.active{ background-image: url(../images/navi_de/speziallack_d.gif); }

/* englisch */
#subnavi #MasterSampleManagement{ background-image: url(../images/navi_en/urmuster_n_eng.gif); width: 167px; }
#subnavi #MasterSampleManagement:hover{ background-image: url(../images/navi_en/urmuster_r_eng.gif); }
#subnavi #MasterSampleManagement.active{ background-image: url(../images/navi_en/urmuster_d_eng.gif); }

#subnavi #ColorStandards{ background-image: url(../images/navi_en/farbvorlagen_n_eng.gif); width: 93px; }
#subnavi #ColorStandards:hover{ background-image: url(../images/navi_en/farbvorlagen_r_eng.gif); }
#subnavi #ColorStandards.active{ background-image: url(../images/navi_en/farbvorlagen_d_eng.gif); }

#subnavi #ColorStandardsAccordingtoRAL{ background-image: url(../images/navi_en/farbkarten_n_eng.gif); width: 67px; }
#subnavi #ColorStandardsAccordingtoRAL:hover{ background-image: url(../images/navi_en/farbkarten_r_eng.gif); }
#subnavi #ColorStandardsAccordingtoRAL.active{ background-image: url(../images/navi_en/farbkarten_d_eng.gif); }

#subnavi #TestAgents{ background-image: url(../images/navi_en/pruefmittel_n_eng.gif); width: 68px; }
#subnavi #TestAgents:hover{ background-image: url(../images/navi_en/pruefmittel_r_eng.gif); }
#subnavi #TestAgents.active{ background-image: url(../images/navi_en/pruefmittel_d_eng.gif); }

#subnavi #Substrates{ background-image: url(../images/navi_en/substrate_n_eng.gif); width: 63px; }
#subnavi #Substrates:hover{ background-image: url(../images/navi_en/substrate_r_eng.gif); }
#subnavi #Substrates.active{ background-image: url(../images/navi_en/substrate_d_eng.gif); }

#subnavi #Accessories{ background-image: url(../images/navi_en/zubehoer_n_eng.gif); width: 70px; }
#subnavi #Accessories:hover{ background-image: url(../images/navi_en/zubehoer_r_eng.gif); }
#subnavi #Accessories.active{ background-image: url(../images/navi_en/zubehoer_d_eng.gif); }

#subnavi #SpecialtyPainting{ background-image: url(../images/navi_en/speziallack_n_eng.gif); width: 103px; }
#subnavi #SpecialtyPainting:hover{ background-image: url(../images/navi_en/speziallack_r_eng.gif); }
#subnavi #SpecialtyPainting.active{ background-image: url(../images/navi_en/speziallack_d_eng.gif); }