@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,700&subset=latin-ext);

a:hover, a:active, a:focus, a {

  outline: none;

}





body {

  font-size: 18px;

  font-family: 'Roboto', sans-serif;

  font-weight: normal;

  margin: 0;

  padding: 0;

}



header {margin-top: 50px;}

#header-top #logo {margin-top: 20px;}

#header-top {background: #00447C none repeat scroll 0% 0%;

height: 110px; }

#header-top ul {text-align: right; margin: 0; padding: 0;}

#header-top ul li {display: inline-block; height: 110px; padding: 0 10px; padding-top: 40px;}

#header-top ul li.current-menu-item{background: #00213c;}

#header-top ul li a {font-weight: 100; font-size: 18px; color: #fff;  }

#header-top nav.col-md-9 {padding: 0;}

#slogan {margin-top: 20px;}

#slogan .container {position: relative;}

#slogan .cytat {position: absolute; bottom: 0; left: 0; right: 0;  background: rgba(34,116,183, .7); padding: 30px 0; text-align: center;

font-weight: 100;

color: #fff;

font-size: 30px;



}

.menupost a { font-size: 14px; padding: 0 10px;}

.blog-list article , .blog-item{padding: 15px 0;}

.blog-list article .entry-date, .blog-item .entry-date{font-weight: 300; font-size: 12px;}

.blog-list article h2{font-weight: 700; font-size: 18px; margin-top: 0;}

.blog-list article p, .blog-item p{font-weight: 300; font-size: 14px;}

.wrapper {margin: 20px 0;}

.btn {display: block; padding: 5px 10px; background: #00447c; border-radius: 5px; text-align: center; color: #fff;

font-weight: 300; font-size: 14px;

float: right;

}

.btn:hover {

	background: rgba(34, 116, 183, 1) none repeat scroll 0% 0%;

	color: #fff;

}

.prev-next-posts {display: block; width: 100%; clear: both; font-size: 15px; font-weight: 300; margin-top: 100px;}

.sidebar img{width: 100%; height: auto; }

.sidebar {font-weight: 300; font-size: 14px;}



.menu-toggle {display: none;}

.sidebar-footer {margin:20px 0;}



.widget_newsletterwidget {background: #00447C url(../img/mailbg.png) left bottom no-repeat; color: #fff; min-height: 165px; padding: 20px 0px; padding-left: 130px; padding-right: 15px; width: 58.3333%;}

.widget_newsletterwidget h2 {font-weight: 300; text-transform: uppercase; font-size: 30px; margin: 0; padding: 0;}

.widget_newsletterwidget p {font-weight: 300; font-size: 14px; margin: 0; padding: 0;}

.widget_newsletterwidget form {margin: 10px 0 0; display: flow-root;}

.widget_newsletterwidget div.tnp-subscription {margin: 0; max-width: none;}
.widget_newsletterwidget .tnp-subscription div.tnp-field {margin: 0;}
.widget_newsletterwidget .tnp-subscription input.tnp-email {color: #000; width: 60%; max-width: calc(100% - 135px); height: 36px; padding: 8px 10px; float: left; border: none;}

.widget_newsletterwidget .tnp-subscription input.tnp-submit {float: left; border: none; background: #00213c; font-weight: 300; font-size: 14px; height: 36px; width: 125px; margin-left: 10px; padding: 0;}



.PI_SimpleTwitterTweets{background: #00447C url(../img/twitter.png) left bottom no-repeat; color: #fff; height: 165px; padding: 20px 0px; padding-left: 130px; width:33.3333%; float: right;}

.PI_SimpleTwitterTweets h2 {font-weight: 300; text-transform: uppercase; font-size: 18px; margin: 0; padding: 0;}

.PI_SimpleTwitterTweets  .tweets {margin: 0; padding: 0; margin-top: 15px;}

.PI_SimpleTwitterTweets .tweets li  {font-size: 16px; font-weight: 300; color: #bfbfbf; list-style: none;}



footer{margin-bottom: 50px;}

footer .container {background: #00447C ; color: #fff; font-size: 14px ; font-weight: 300; }

.clear{clear: both;}

#footer-txt {padding: 20px 10px;}



.slicknav_menu {

	display:none;

}





.page-post p {font-weight: 300; font-size: 16px;}



@media (max-width: 980px) {

  .PI_SimpleTwitterTweets, .widget_newsletterwidget{width: 100%; margin: 10px 0;}

  .widget_newsletterwidget .tnp-subscription input.tnp-email{width: 100%; max-width: none;}

  .widget_newsletterwidget .tnp-subscription input.tnp-submit{margin: 10px 0 0;}

  #header-top ul{display: none;}

   #header-top #logo {margin: 0px auto;

text-align: center;

padding: 25px;}



.slicknav_menu {

	display:block;

	background: #00447C !important;

}

#slogan .cytat{font-size:18px; padding: 10px 0;}

}



img.left{float: left; padding: 15px;}