Display xwiki Site to export pdf different

Hello @all,
the display of a site with some css code for tables or other things are compl. differnent as i export that site to pdf with pdf-template with the same css code in it.
Site Example:


PDF Export:

CSS Code:

/* Red overline /
.dblinered {
width: 100%;
height: 1px;
margin-top: 2em;
margin-bottom: 2em;
background-color: red;
}
/
Tables */
.mytable td {
border-width: 1px;
border-color: #008fd4;
border-collapse: collapse;
border: 1px solid #000000;
background-color: #E7F4FB;
padding: 3px 4px;
padding-top: 10px;
padding-bottom: 10px;
font-family: DB Office;
color: #000000;
font-size: 11px;
width: auto;
}
.mytable th {
border-width: 1px;
border-color: #008fd4;
border-collapse: collapse;
border: 1px solid #000000;
background-color: #008fd4;
padding: 3px 4px;
padding-bottom: 10px;
padding-top: 10px;
font-family: DB Office;
color: #ffffff;
font-size: 11px;
width: auto;
}

How can i solve the problem?
Many thank’s to all!