/* - - - - - - - - - - - - - - - - - - - - - -
        BASICS
 - - - - - - - - - - - - - - - - - - - - - - */
header, nav, footer, section, article {
    display: block;
    }
.bec,
.bec_img{
    max-width: 100% !important;
    height: auto;
    }
/* - - - - - - - - - - - - - - - - - - - - - -
        LAYOUT
 - - - - - - - - - - - - - - - - - - - - - - */
body {
    font-family: Arial,Lucida,sans-serif;
    background-color: #fff;
    color: #444;
    font-size: 13px;
    line-height: 150%;
    }
.page {
    margin: 10px auto;
    background-color: #fff;
    width: 900px;
    }
.page-header {
    border-bottom: 1px solid #B0B0B0;
    padding: 0 10px;
    }
.page-content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    }
/* - - - - - - - - - - - - - - - - - - - - - -
        HEADER
 - - - - - - - - - - - - - - - - - - - - - - */
#logo {
    background: url(http://cdn.i12.de/website/www.aspect-online.de/img/logo.png) top left no-repeat;
    width: 200px;
    height: 60px;
    margin: 10px 0 0;
    }
#logo span {
    display: none;
    }
nav {
    overflow: hidden;
    background: -moz-linear-gradient(top, #c6c6c6 0%, #b2b2b2 100%);
    background: -webkit-linear-gradient(top, #c6c6c6 0%, #b2b2b2 100%);
    background: -ms-linear-gradient(top, #c6c6c6 0%, #b2b2b2 100%);
    background: -o-linear-gradient(top, #c6c6c6 0%, #b2b2b2 100%);
    background: linear-gradient(to bottom, #c6c6c6 0% , #b2b2b2 100%);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    margin: 10px;
    }
nav ul,
nav ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }
nav ul li {
    float: left;
    }
nav a,
nav span {
    display: block;
    color: #fff;
    line-height: 35px;
    padding: 3px 20px;
    display: block;
    font-weight: bold;
    font-size: 16px;
    }
    nav a:hover{
        background: transparent;
        color: #fff;
        }
nav ul li ul {
    display: none;
    }
/* - - - - - - - - - - - - - - - - - - - -
        TEXT
- - - - - - - - - - - - - - - - - - - -  */
h1, .head1,
h2, .head2, .cms_head,
h3, .head3 {
    font-weight: bold;
    margin: 8px 0px;
    color: #1082A8;
    line-height: 120%;
    }
h1, .head1, .cms_head {
    font-size: 18px;
    margin: 2px 0px 8px 0px;
    }
h2, .head2 {
    font-size: 15px;
    }
h3, .head3 {
    font-size: 12px;
    }
p  {
    margin: 5px 0px 10px;
    }
ul, ol {
    margin: 5px 0px 10px 20px;
    }
    li {
        padding: 3px 0px;
        }
.headline {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 10px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    }
small, .small {
    font-size: 11px;
    line-height: 12px;
    color: #666;
    }
/* - - - - - - - - -  LINKS  - - - - - - - - -  */
a, a:hover {
    color: #057BA4;
    text-decoration: none;
    }
    a:hover {
        text-decoration: underline;
        }
.cms_arrow {
    display: block;
    text-align: right;
    }
.cms_arrow:before {
    display: none;
    }
.cms_arrow:after {
    content:"\e61d";
    font-size: 120%;
    font-family: i12font;
    padding-left: 2px;
    color: #057BA4;
    }
/* - - - - - - - - -  LISTEN  - - - - - - - - -  */
ul, ol {
    margin: 3px 0px;
    list-style-type: square;
    }
/* - - - - - - - - - - DIVERSES  - - - - - - - - - - */
input.cms_button[type="submit"], .cms_button,
input.cms_strong-button[type="submit"], .cms_strong-button {
    background-color: #057aa3;
    color: #fff !important
    }
input.cms_button[type="submit"]:hover, .cms_button:hover,
input.cms_strong-button[type="submit"]:hover, .cms_strong-button:hover {
    background-color: #046789;
    }
input.cms_button[type="submit"]:after, .cms_button:after,
input.cms_strong-button[type="submit"]:after, .cms_strong-button:after {
    content:"\f0da";
    font-family: i12font;
    padding-left: 5px;
    }
input.cms_strong-button[type="submit"], .cms_strong-button {
    font-size: 15px;
    letter-spacing: 1px;
    }
ul.cms_tab-bar {
    border: none;
    }
ul.cms_tab-bar li {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 0;
    }
ul.cms_tab-bar li > a, ul.cms_tab-bar li > span {
    padding: 10px 20px;
    }
.color1,
ul.cms_tab-bar li.color1 {
    background: #0c7ba8;
    background: -moz-linear-gradient(top, #0c7ba8 0%, #3896b8 100%);
    background: -webkit-linear-gradient(top, #0c7ba8 0%, #3896b8 100%);
    background: -ms-linear-gradient(top, #0c7ba8 0%, #3896b8 100%);
    background: -o-linear-gradient(top, #0c7ba8 0%, #3896b8 100%);
    background: linear-gradient(to bottom, #0c7ba8 0% , #3896b8 100%);
    }
.color2,
ul.cms_tab-bar li.color2 {
    background: #7fbe55;
    background: -moz-linear-gradient(top, #7fbe55 0%, #86ca59 100%);
    background: -webkit-linear-gradient(top, #7fbe55 0%, #86ca59 100%);
    background: -ms-linear-gradient(top, #7fbe55 0%, #86ca59 100%);
    background: -o-linear-gradient(top, #7fbe55 0%, #86ca59 100%);
    background: linear-gradient(to bottom, #7fbe55 0% , #86ca59 100%);
    }
.color3,
ul.cms_tab-bar li.color3 {
    background: #ea4c31;
    background: -moz-linear-gradient(top, #ea4c31 0%, #f75f47 100%);
    background: -webkit-linear-gradient(top, #ea4c31 0%, #f75f47 100%);
    background: -ms-linear-gradient(top, #ea4c31 0%, #f75f47 100%);
    background: -o-linear-gradient(top, #ea4c31 0%, #f75f47 100%);
    background: linear-gradient(to bottom, #ea4c31 0% , #f75f47 100%);
    color: #fff;
    }
.color4,
ul.cms_tab-bar li.color4 {
    background: #e88a10;
    background: -moz-linear-gradient(top, #e88a10 0%, #f19824 100%);
    background: -webkit-linear-gradient(top, #e88a10 0%, #f19824 100%);
    background: -ms-linear-gradient(top, #e88a10 0%, #f19824 100%);
    background: -o-linear-gradient(top, #e88a10 0%, #f19824 100%);
    background: linear-gradient(to bottom, #e88a10 0% , #f19824 100%);
    color: #fff;
    }
.color1, .color1 a,
.color2, .color2 a,
.color3, .color3 a,
.color4, .color4 a {
    color: #fff !important;
    }
/* - - - - - - - - - - - - - - - - - - - - - -
        BOXEN
- - - - - - - - - - - - - - - - - - - - - - */
.box, .widget {
    border: 1px solid #d3d3d3;
    margin: 5px 10px 15px 0;
    padding: 8px 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    }
.box,
.widget {
    background: #fff;
    }
    .box .widget,
    .widget .box {
        margin: 0px;
        padding: 3px 0;
        box-shadow: none;
        border: 0;
        }
.box.box-style1 { /*** transparent ***/
    background: none transparent;
    box-shadow: none;
    border: 0px;
    }
/* - - - - - - - - - - - - - - - - - - - - - -
        FOOTER
- - - - - - - - - - - - - - - - - - - - - - */
footer, #footer {
    background: #333;
    color: #eee;
    }
footer a,
footer a:hover {
    color: #ebf0f1;
    }
/* - - - - - - - - - - - - - - - - - - - - - -
        WIDGETS
- - - - - - - - - - - - - - - - - - - - - - */
.widget.cms-widget_carinsurance_quickcalculator {
    background: #eee;
    text-align: center;
    }
.cms-widget_quickcalculator .cms-widget_quickcalculator_form {
    max-width: 100%;
    margin: 10px 30px;
    }
.cms-widget_carinsurance_quickcalculator .cms-widget_carinsurance_quickcalculator_postcode-label {
    float: left;
    padding: 6px 0;
    }