body { margin: 0; font-family: verdana; background: #ebedf3 url(images/background-image.jpg) repeat-y top center; }

img { border: none; }
img.tracking { border: none; width: 1px; height: 1px; }

.center { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.blue, a.blue { color: #5cacf1; }
.rot, a.rot { color: #ef0000 }
.gruen, a.gruen { color: #38c600; font-weight: bold; }
.orange, a.orange { color: #ee7207; }
.red, a.red { color: red; }
.grey { background-color: #2d2d2d; color: white; }
.lightgrey { background-color: #ebebeb; color: black; }
.green { background-color: green; color: white; }
.colored { color: #e36b00; }
.strong, .bold { font-weight: bold; }
small { font-size: 10px; }
.underline { text-decoration: underline; }
.separator { height: 1px; width: 100%; background-color: #c0c0c0; margin-top: 10px; }
.nostyles { border: none; text-decoration: none; color: #000; cursor: default; }

ul { list-style: square; }

h1.title { font: normal normal normal 170%/ 100% Arial, Sans-Serif; color: #118df8; margin: 0; padding: 20px 0 0 20px; }
h1.title small { font-size: 60%; padding-left: 10px; color: #ee7207; }
h2 { font-weight: normal; margin: 0 0 10px; }

#wrap { width: 960px; background-color: #000; margin: auto; }
#content { margin: 20px 0; }
#sidebar { width: 250px; float: left; background-color: #fff; margin: 15px 0 0 10px; padding: 0 15px; font-size: 11px; line-height: 22px; }
#sidebar ul { padding-left: 15px; margin: 10px 0; }
#sidebar h3 { font-size: 12px; }

.post { padding: 20px 15px 0; }

#offer-wrap { text-align: center; }
.offer-box { width: 167px; height: 340px; float: left; text-align: center; border: 1px solid #c0c0c0; margin: 10px 10px 10px 0; padding: 10px 5px; }
.offer-box p img { margin: 0 0 0 -5px; padding: 0; }
a.button1 { display: block; background: #ffea07 url(images/button1.jpg) no-repeat center center; width: 173px; height: 28px; text-align: center; padding: 6px 0 0; margin: auto; margin-left: -3px; }

.text-box { width: 890px; margin: auto; margin-top: 15px; padding: 10px; background-color: white; font-size: 76%; line-height: 180%; text-align: justify; }
.text-box h3 { font-size: 100%; margin: 10px 0 0; border-bottom: 2px solid #d9d9d9; }
.text-box .left-block { float: left; width: 395px; padding: 10px; }
.text-box .right-block { float: right; width: 395px; padding: 10px; }
.text-box .cta-button { background-color: #000; text-align: center; font-weight: bold; }
.text-box a.cta-button:hover { color: #fff; }
.text-box table { font-size: 90%; line-height: 130%; margin: 15px 0; background-color: #fff; border: 2px solid #f0f0f0; }
.text-box table tr td { background-color: #ebebeb; padding: 5px 15px; }
.text-box table tr.darker td { background-color: #ddd; }
.text-box table tr:hover { background-color: #ddd; }
.withsidebar { width: 600px; float: left; margin-left: 25px; }

#footer { font-size: 10px; padding: 10px 0; }
#footer, #footer a { color: #d0d0d0; }

/* Homepage */
.whitebox { background-color: #fff; padding: 10px; }
.redbox { width: 910px; margin: auto; padding: 10px; background-color: #c41109; }

#variante1, #variante2 { width: 410px; background-color: #000; color: #fff; margin-top: 15px; font-size: 76%; }
#variante1 { float: left; }
#variante2 { float: right; }
#variante1 a, #variante2 a { display: block; padding: 8px 30px; color: #fff; text-decoration: none; }

#pfeile { width: 890px; margin: auto; }
.pfeil-blau { float: left; width: 410px; height: 82px; background: transparent url(images/pfeil-blau.jpg) no-repeat center center; }
.pfeil-orange { float: right; width: 410px; height: 82px; background: transparent url(images/pfeil-orange.jpg) no-repeat center center; }

#box-wrap { width: 910px; margin: auto; font-size: 10pt; line-height: 170%; }
.box-blau { float: left; width: 390px; padding: 10px; border: 10px solid #118df8; background-color: white; }
.box-orange { float: right; width: 390px; padding: 10px; background-color: white; border: 10px solid #ee7207; }
#box-wrap ul { margin: 20px 0 0; padding: 0 0 0 20px; list-style-type: square; }
#box-wrap ul li { margin-bottom: 25px; }

.box-blau .cta-button, .box-orange .cta-button { padding: 5px; margin: auto; margin-top: 20px; text-align: center; font-weight: bold; color: white; background-color: #118df8; }
.box-orange .cta-button { background-color: #ee7207; }
a.cta-button { display: block; padding: 5px 30px; }
a.cta-button:hover { color: #000; }