body           { font:400 16px/20px 'Roboto', sans-serif; }
#headerbar     { background:rgb(186,210,196); height:40px; }
#headerbar p   { font-size:14px; font-style:italic; line-height:40px; }
#navbar        { background:rgb(4,73,29); }
span.menuetitel{  }
#abschluss-top { background:url(../images/hg-abschluss-top.jpg) top repeat; height:20px; }
#abschluss     { color:rgb(173,199,183); background:rgb(23,37,38) url(../images/hg-abschluss.jpg) top repeat; }
#abschluss a   { color:rgb(173,199,183); }
#elf42         { color:rgb(4,73,29); background:rgba(0,0,0,0.8) url(../images/hg-footer.jpg) repeat; font-size:14px; font-family:'Roboto', sans-serif; }
#elf42 a       { color:rgb(4,73,29); text-decoration:none; }
#elf42 a:hover { color:rgb(4,73,29); text-decoration:underline; }
#elf42 p       { margin:20px 0;}

.txt { color:#04491d;}

a.invisible,
a.linkohne  { color:rgb(68,68,68); text-decoration:none; cursor:text; }

#navbar, .uk-navbar               {  }
.uk-navbar-nav > li > a           { font-family:'Roboto', sans-serif; font-size:15px; }
.uk-navbar-nav > li > a:hover, 
.uk-navbar-nav > li > a:active    {  }
.uk-navbar-nav > li.uk-active > a {  }
.uk-navbar-nav-subtitle div       {  }
.uk-navbar-nav > li > a[href='#'] { cursor:auto; height:90px; }


ul.uk-subnav                { margin-bottom:0; }
ul.uk-subnav li             { padding:0 12px; line-height:40px; }
ul.uk-subnav li a           { color:rgb(4,73,29); font-size:14px; }
ul.uk-subnav li a:hover     { text-decoration:underline; }
ul.uk-subnav li.uk-active a { font-weight:bold; }

#hero { background:url(../images/bi-willkommen-winkler-sliwka-rechtsanwalt-osnabrueck.jpg) top center repeat; }

h1, .uk-h1       { font-size:24px; line-height:28px; }
h2, .uk-h2       { font-size:24px; line-height:28px; }
h4               { font-size:11px; line-height:12px; }
h4 a, h4 a:hover { text-decoration:none; cursor:text; }
h5               { color:rgb(0,95,171); font-weight:bold; }
h6               { font-size:16px; font-weight:normal; }
h1,h2,h3,h5,h6   { font-family:'Roboto', sans-serif;}

#content p       { text-align:justify; }
.white, .white a, .white a:hover { color:rgb(255,255,255); }

figcaption { margin-top:4px; }
.uk-overlay-icon:before { content:"\f0fe"; position:absolute; top:50%; left:50%; width:50px; height:50px; margin-top:-25px; margin-left:-25px; font-size:50px; line-height:1; font-family:FontAwesome; text-align:center; color:rgb(217,38,27); }

.responsiveContainer        { position:relative; padding-bottom:56%; height:0; overflow:hidden; }
.responsiveContainer iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.uk-thumbnail-caption h4 { padding:0; margin:0; font-size:11px; font-weight:normal; line-height:14px; text-align:center; }


.uk-button-primary { background-color:rgb(186,210,196); color:rgb(4,73,29); }
/*.uk-button-primary:focus, .uk-button-primary:hover { background-color:rgb(0,95,171); color:rgb(255,255,255); }*/

.uk-form p { margin-bottom:2px; }

.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
	background:rgb(4,73,29); color:#fff; border:1px solid rgb(4,73,29);}
textarea, input { width:100%; }
#contact-weiter { width:40%; color:rgb(4,73,29); }
#contact-weiter:hover { width:40%; color:rgb(255,255,255); }

.to-top-scroller { position:fixed; right:10px; bottom: 10px; }
.to-top-scroller a, .to-top-scroller a:link { color:rgb(4,73,29); background:rgb(186,210,196); padding:6px 10px 10px 10px; }
.to-top-scroller a:hover { color:rgb(255,255,255); background:#08411d; }
.to-top-scroller a:active { color:rgb(255,255,255); background:#08411d; }


.webdesign a { text-decoration:none; color: rgb(24,23,18);}

@media screen and (max-width: 400px) {

}

/* Mini = up to 479px = Phones portrait */
@media screen and (max-width: 479px) {
#slogan { width:50%; text-align:right;}
}

/* Small = 480px to 767px = Phones landscape */
@media (min-width: 480px) {

}

/* Medium = 768px to 959px = Tablets portrait */
@media (min-width: 768px) {

}

/* Large = 960px to 1199px = Desktops & tablets landscape */
@media (min-width: 960px) {

}

/* XLarge = 1200px and larger = Large Desktops */
@media (min-width: 1220px) {

}