/***********************************************/
/* Projektreporter – promo.css                 */
/***********************************************/ 

#wrappromo {width: 970px; height: 340px; margin: 0 auto 10px auto; background: url(../images/bgpromo.png) no-repeat; text-align: left; overflow: hidden;}
#wrappromo h1 {font-size: 3.6em;line-height: 1.2em; color: #FFF; margin-left: 40px; padding-top: 14px;}
#wrappromo h2 {font-size: 2.5em;line-height: 1.2em; color: #f0d1d1; margin: 0 0 30px 40px;}
#wrappromo .coleft, #wrappromo .coright { display: block; width: 310px; height: 160px; float: left; overflow: hidden;}
#wrappromo .coleft p, #wrappromo .coleft li, #wrappromo .coright p, #wrappromo .coright li {font-size: 1.6em; line-height: 1.8em; color: #FFF; margin-left: 40px;}
#wrappromo .coright p, #wrappromo .coright li {margin-left: 20px;}
#wrappromo .coleft li, #wrappromo .coright li {width: 270px; height: 1.6em; padding-left: 30px; background: url(promo-ja.png) no-repeat left center; }
#wrappromo .wrapper {height: 50px; display: block; margin:0 0 0 140px; clear: both; overflow: hidden; padding: 0;}
#wrappromo .wrapper a.buttest {display: block; float: left;width: 345px;height: 38px; background: url(but_test_n.png) no-repeat; text-align: center; }
#wrappromo .wrapper a.buttest:hover {width: 345px;height: 38px; background: url(but_test_h.png) no-repeat;}
#wrappromo .wrapper a.butabo {display: block; float: left; width: 158px; height: 38px; background: url(but_abo_n.png) no-repeat; margin: 0; padding: 0;}
#wrappromo .wrapper a.butabo:hover {width: 158px; height: 38px; background: url(but_abo_h.png) no-repeat;}
#wrappromo .wrapper a.buttest em {text-transform: uppercase; letter-spacing: 1px; color: #385408; font: bold 1.5em Cambria,Georgia,"Times New Roman",Times,serif; line-height: 2.3em;}
#wrappromo .wrapper a.buttest:hover em {color: #FFF;
	text-shadow: #a54316 0 0 2px;
}


/* IE 6 Hack*/
* html #wrappromo .coleft li, * html #wrappromo .coright li { background: url(promo-ja.gif) no-repeat left center;}
* html #wrappromo .wrapper a.buttest {background: url(but_test_n.gif) no-repeat; }
* html #wrappromo .wrapper a.buttest:hover {background: url(but_test_h.gif) no-repeat;}
* html #wrappromo .wrapper a.butabo {background: url(but_abo_n.gif) no-repeat;}
* html #wrappromo .wrapper a.butabo:hover {background: url(but_abo_h.gif) no-repeat;}
/* End IE 6 Hack*/