h1 {color: #000000; font-size: 2.6em; margin-bottom: 12px; text-shadow: 1px 5px 8px rgba(145, 150, 150, 0.7);}
h1.text-center {text-align: center; color: #858585; font-size: 1.9em; font-weight: bold; margin-bottom: 15px; margin-top: 25px;}
h1.title {font-size: 2.6em;}
h2 {color: #858585; font-size: 1.9em; font-weight: bold; margin-bottom: 14px; margin-top: 15px;}
h3 {font-size: 1.5em; color: #000000; margin-top: -8px; margin-bottom: 14px; text-shadow: 1px 5px 8px rgba(145, 150, 150, 0.7);}
.h3-onas {margin-top: 20px; margin-bottom: 5px;}
h4 {text-shadow: 1px 5px 8px rgba(145, 150, 150, 0.7); color: red; font-size: 1.5em; font-weight: bold; margin-bottom: 14px; margin-top: 15px;}
#motto #motto-title {color: #ffffff; font-size: 2.4em; padding: 10px; margin-top: 15px; margin-bottom: 25px; font-weight: bold; text-shadow: 3px 3px 2px #000000;}
#motto #motto-text {display: inline; font-size: 2.9em; font-weight: bold; color: #ffffff; padding: 10px; text-shadow: 3px 3px 2px #000000; /*opacity: 0.8; filter:alpha (opacity=80) background-color: #006197; border-radius: 8px;*/}
p, ul, ol, table {font-size: 14px; text-align: justify;}
ul, ol {margin-left: -15px;}
ul {list-style: square;}
a {text-decoration: underline; color: #555;}
a:hover {color: #939393;}
a.thumbnail:hover {border-color: #000000;}
.btn-link {color: #555;} 
.btn-link:hover {color: #939393;}
.p-kalk {font-size: 23px; text-align: center; background-color: #676767; /*background-color: #444444;*/ color: #ffffff; padding: 10px; margin-bottom: 30px; margin-top: 30px; box-shadow: 0 8px 20px #000; text-shadow: 1px 2px 3px #000000;}
hr {margin-top: 25px;}
.form-control {font-size: 13px; padding: 6px 10px; margin-top: 5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.075) inset;}
#topbar .btn-default {margin-top: 5px;}
.p-puma {margin-top: 44px; margin-bottom: 40px; text-align: center; background-color: #ededed; box-shadow: 0 10px 30px #000;}
.navbar {background-color: #e8e8e8; box-shadow: 0 2px 12px #000; font-weight: bold;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: #ffffff; color: #000000;}
.navbar-default .navbar-nav > li > a {color: #555; text-decoration: none; padding-bottom: 20px; padding-top: 20px; font-size: 1.1em;}
.navbar-default .navbar-nav > li > a:hover {color: #939393;}
#motive {margin-top: 16px;} 
.panel-title {font-size: 1.5em; color: #000000;} 

/*responsive*/
@media (max-width: 700px) {#motto #motto-title {display: none;}}
@media (max-width: 700px) {#motto #motto-text {display: none;}}