@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(fontawesome/font-awesome.min.css);


/* ############################################################################# */
/* ### BASIC SETTINGS ########################################################## */
/* ############################################################################# */

html{height:100%;}
body {background:#fff;color:#333;font-family: 'Lato', sans-serif;}
body {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


header#page_head,
footer,
aside {display:none;}
/* ############################################################################# */
/* ### BASIC & ARTICLE TEXT #################################################### */
/* ############################################################################# */

p {line-height:1.5em;margin-bottom:1em;}
p.small,
p.info {font-size:0.7em;}
a {color:#288B9A;}
a:hover {color:#333;}
a:active,
a:hover {outline:0;}
strong,b {font-weight:bold;}
em,i {font-style:italic;}

blockquote {font-size:1.2em;margin:1em 0;line-height:1.7em;font-family:serif;}
blockquote:before {content:"»";}
blockquote:after {content:"«";}

/* Headlines */
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1 {font-weight:700;color:#3F4944;}
h2 {font-weight:300;color:#3F4944;}
h3 {margin-bottom:1em;}

span.sub {font-size:1.2em;font-weight:300;color:#333;}


/* ############################################################################# */
/* ### TEASER ################################################################## */
/* ############################################################################# */

ul.teaser {float:left;width:100%;list-style-type:none;margin:0 0 20px 0;padding:0;}
ul.teaser li {float:left;width:100%;border-bottom:1px solid #ddd;}
ul.teaser li:last-child {border-bottom:none;}
ul.teaser li h3 {margin:0 0 10px 0;}
ul.teaser li figure.teaser_img {display:none;}
ul.teaser li img {float:left;width:100%;border-radius:100%;}
ul.teaser li a {float:left;width:100%;height:100%;display:block;padding:10px 0;text-decoration:none;}
ul.teaser li a p {color:#333;}

@media print { 
 /* All print styles go here */
 #printbutton { display: none !important; } 
 .social { display: none !important; }
}