html { 
height: 100%; 
margin: 0;
padding: 0;
margin-left: calc(100vw - 100%);
}

body { 
min-height: 100%; 
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
background-color: rgba(0,0,0,0.2);
}

body .ccm-root .ccm-modal.ccm--is-blocking {
background-color: rgba(10, 112, 80, 0.3);
}

body > #main > table {
width: 766px;
border: 1px solid rgba(13,152,104,1);
background-color: #ffffff;
}

#main {
xborder: 1px solid #ff0000;
max-width: 760px;
margin: 20px auto 20px auto;
box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

#footer {
display: block;
background: rgba(13,152,104,1);
height: 20px;
line-height: 20px;
  padding: 0 10px;
  color: #ffffff;
}

#footer > * {
padding: 0;
margin: 0;
}

.navi {
width: 243px;
background-image: url(/images/global/bg_green.gif);
}

.content {
background-color: #CCCCCC;
width: 517px;
}

.content h3 {
font-size: 12px;
font-weight: bold;
}

.content p {
line-height: 150%;
}

.foto {
margin-right: 22px;
margin-left: 22px;
}

ul {
}


.callback td { 
white-space: nowrap;
}

.dropshadow {
box-shadow: 10px 10px 10px rgba(0,0,0,0.05);
}

/*
* Impressum, etc.
*/

.plaintext {
padding: 0 10px;
}

.caption {
display: block;
text-align: right;
color: #555555;
padding: 3px 20px 0 0;
font-size: 80%;
}

.content > p > img + img {
width: 100%;
height: auto;
}

.navi[valign="top"]::after {
content: "";
margin: 20px 0;
display: block;
height: 200px;
width: 150px;
background: url('../images/efb_dekra.png') 15px 0px no-repeat;
background-size: contain;
}