body {
    font-family: Arial, Verdana, 'sans-serif';
    background: #eaf0f4 url('../images/browser_bg.jpg') repeat-x; 
    color: #707172;
}
.ym-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    height: 768px;
    position: relative;
    background: url('../images/bg.jpg') no-repeat;
}

.ym-wbox {
    padding: 10px 15px;
}
header {
    height: 110px;
}

.main_content {
    padding: 10px 30px;
    height: 510px;
    
}
img {
    border: 0;
}

header .logolink img {
    position: absolute;
    top: 30px;
    left: 15px;
    width:  160px;
    height: 60px;
}

.main_content .infopaket img {
    position: absolute;
    bottom: 110px;
    left: 0;
    width:  100%;
    height: 120px;
}

footer {
    margin-top: 10px;
    height: 80px;
    font-size: 90%;
    width: 100%;
    /*border-top: 1px solid #ccc;*/
    
}

footer .webinar-anmeldung {
    padding-top: 30px;
}

footer .webinar-anmeldung div {
    margin-left: 35px;
    width: 250px;
    float: left;
    
}

footer .webinar-anmeldung img {
    float: left;
    width: 94px;
}

span.icon {
    background: url('../images/icons.png') no-repeat ;
    padding-left: 21px;
}

span.www {
    background-position: 0 -21px;
}

span.email {
    background-position: 0 0;
}

span.phone {
    background-position: 0 -42px;
}

footer .service {
    padding-top: 15px;
    /*padding-left: 100px;*/
    
}

footer .service div {
    width: 170px;
    float:left;
}

footer .service h6 {
    font-size: 90%;
    margin-bottom: 3px;
    margin-top: 0;
    color: #444;
}
footer .service p {
    margin-top: 0;
}

H1 {
   font-size: 150%;
   color: #00355f;
   border-bottom: 1px solid #00355f;
}

a {
    color: inherit;
    
}

a:hover, a:focus {
    background-color: transparent;
    color: inherit;
    text-decoration: underline;
}

div.imprint {
    font-size: 90%;
    margin-top:10px;
    text-align: right;
     
}
div.imprint div {
    padding-right: 40px;
}

/* INDIVIDUAL PAGE STYLES */
body#bav .ym-wrapper {
    background: url('../images/bav_bg.jpg') no-repeat;
}

body#garantie .ym-wrapper {
    background: url('../images/garantie_bg.jpg') no-repeat;
}

body#vorsorge .ym-wrapper {
    background: url('../images/vorsorge_bg.jpg') no-repeat;
}
/* FORMS */
.fpb-form {
    width: 500px;
    padding:0;
    margin: 0;
    background: #fff;
    font-size: 90%;
    
}

.fpb-form div.ym-fbox-text, 
.fpb-form div.ym-fbox-select, 
.fpb-form div.ym-fbox-check, 
.fpb-form div.ym-fbox-button {
    margin-bottom: 0.1em;
    padding:0.3em 0.3em;
}

.fpb-form fieldset {
    background: #f4f4f4;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.fpb-form label {
    line-height: 1.1em;
}

.ym-form .ym-fbox-text input {
  
}

.fpb-form div.error {
    padding: 5px;
    margin-top:10px;
    
}

.fpb-form .ym-fbox-check input {
    margin-top: 2px;
}

.ym-columnar .ym-fbox-text label, .ym-columnar .ym-fbox-select label {
    
    width: 35%;
}

.ym-columnar .ym-fbox-select select, .ym-columnar .ym-fbox-text input, .ym-columnar .ym-fbox-text textarea {
    width: 63%;
}

.ym-columnar .ym-fbox-check input, .ym-columnar .ym-error .ym-message {
    margin-left: 35%;
}



.ym-form .check-float .ym-fbox-check input {
    display: block;
    float: left;
    width: auto;
    
}

.ym-form .check-float .ym-fbox-check label {
    display: block;
    float: left;
    width: 90%;
    margin-left: 3%;
}

.ym-form .ym-gbox img {
	display: none;
}


/*TABLES*/
.webinars p {
    font-size: 80%;
    margin-top: 0.3em;
}
.fpb-table {
    font-size: 80%;
}

.fpb-table th, .fpb-table thead tr, .fpb-table thead {
    background: url('../images/navi-bg.gif') repeat-x center top #C8D2DB;
    border-bottom: 0;
}

.fpb-table th, .fpb-table td, .fpb-table caption {
    padding: 4px 10px 4px 5px;
}

table.fpb-table tr.even td, table.fpb-table tr.odd td {
    border-bottom: 1px solid #D9E1E6;
    border-top: 1px solid #FFFFFF;
}

.fpb-table tr.even td {
    background: none repeat scroll 0 0 #F3F6F9;
}