html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
 u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 11pt;
    line-height: 1.8em;
    font-weight: 300;
    position: relative;
    color: #666;
}
html {height:100%;}

h2 {font-weight: 500;}
h3 {
  font-size:14pt;
  font-weight: 300;
  color:#336699;
}


#wrapper {
  margin: auto;
  width:960px;
  top:-5px;
  -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.3);
  z-index: 5;
  position: relative;
  background-color: white;
}
.line-top {
  height:25px;
  width:100%;
  position:absolute;
  top:215px;
  z-index: 3;
  background-color:#336699;
}
.line-bottom {
  height:25px;
  width:100%;
  position:absolute;
  bottom: 90px;
  z-index: 3;
  background-color:  #cccccc;
}

#header {
  background-color:white;
  height:210px;
  width:100%;
  border-bottom: solid 25px #336699;

}
    #header h1 {float:left; font-weight: 400; font-size:34px; margin:155px 0 0 40px;}
    #header img {margin:20px 40px 0 0;}
    #logo {
        float:right;
        margin:10px;
    }

/*========= CONTENT ==========*/
#content {
  padding:40px 0 40px 40px;
  }
    #senioren {
      background-image:url("images/senioren.jpg");
      background-position: right;
      background-repeat: no-repeat;
      padding-right:40px;
    }
          #s1 > h2 {margin-top: 0px;}
          #s2,#s3,#k1,#k2 {
            display:inline-block;
            width: 220px;
          }
    #buero {
      background-image:url("images/buero.jpg");
      background-position: right;
      background-repeat: no-repeat;
      padding-right:40px;
    }
    #buero p { margin: 30px 0;}
          #b1 {
            width: 380px;
            padding-right:60px;
          }
          #k1 {margin-left:220px;}
    .blue {color:#336699; font-weight:400;}

    .split {
      margin:50px 40px 50px 0px;
      border-bottom:2px solid #d0d0d0;
    }
    ul {
      list-style: none;
    }
    li:before {
        content: "• ";
        padding-right:3px;
        color: #336699;
    }
/*============================*/
#footer {
  height: 95px;
  border-top: solid 25px #cccccc;
}