/*******************************************/
/*            General styles               */
/*******************************************/
h1, h2, h3, h4, p, td, ul, li, ol, blockquote, input, textarea, select, div, label, pre, a, body { font-family:'robotoregular', serif; color:#333333; font-size:16px; }
p, td, ul, ol { line-height:150%; }
hr { height:1px; background-color:#2b2c2e; }
ul, ol { padding-left:25px; }


/* headers */
h1, h2, h3, h4 { margin:0px 0px 10px 0px; font-weight:normal; }
h1, h1 a { font-size:30px; font-weight: 400; }
h2, h2 a { font-size:30px; font-weight: 400; }
h3, h3 a { font-size:22px; font-weight: 500; }
h4, h4 a { font-size:16px; }
h5, h5 a { font-size:14px; }


/*******************************************/
/*              Components                 */
/*******************************************/
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after { clear: both; }
.clearBoth { clear:both; }



/*******************************************/
/*    Fonts  (family, size, media querys)  */
/*******************************************/
@font-face {
    font-family: 'robotoregular';
    src: url('typo3conf/ext/ragonsoft/Resources/Public/Fonts/roboto_regular/Roboto-Regular-webfont.eot');
    src: url('typo3conf/ext/ragonsoft/Resources/Public/Fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo3conf/ext/ragonsoft/Resources/Public/Fonts/roboto_regular/Roboto-Regular-webfont.woff2') format('woff2'),
         url('typo3conf/ext/ragonsoft/Resources/Public/Fonts/roboto_regular/Roboto-Regular-webfont.woff') format('woff'),
         url('typo3conf/ext/ragonsoft/Resources/Public/Fonts/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'),
         url('typo3conf/ext/ragonsoft/Resources/Public/Fonts/roboto_regular/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}