* {margin: 0; padding: 0;}

/* global */
body {background-color: #ddd;overflow:scroll;font-size: 15px; font-family: 'Calibri', sans-serif;color: #888;}
h1,h2,h3,h4,h5,p {margin: 10px 0;}
h1 {color:#0B4C5F;font-weight:normal;font-size:18px;margin:5px 0px 15px 0px;padding:0px;width:auto;border:#DDDDDD dotted;border-width:0px 0px 1px 0px;padding-bottom:2px;}
h2 {color:#0B4C5F;font-weight:normal;font-size:16px;margin:5px 0px 15px 0px;padding:0px;width:auto;border:#DDDDDD dotted;border-width:0px 0px 1px 0px;padding-bottom:2px;}
h3 {color:#0B4C5F;font-weight:normal;font-size:16px;margin:1px;padding:0px;text-decoration:underline;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
a {color: #333;}
a:hover { color:#333; transition: background 0.3s ease 0s, color 0.3s ease 0s;}
fieldset{max-width:500px;padding:5px;	border:none;}

#main_container {background-color:#fff;border:#0B4C5F solid;border-width:0px 3px 0px 3px;margin:0 auto;width:1028px}

/* header */
#header{background-color:#FFFF00;height:160px;padding:7px 14px;margin-top:0;color:#222;}
#header #logo{margin:0;padding-top:36px;padding-left:6px;color:#fff;font-size:43px;text-transform:uppercase}
#header #logo a{color:#333;text-decoration:none;font-size:43px;font-family:Calibri,sans-serif;text-transform:uppercase}
#header #slogan{margin:0;padding-bottom:5px;padding-left:6px;font-size:18px;color:#666;text-transform:uppercase}

/* search */
.search_cont {float: right; margin-top: 48px; position: relative;}
.search_cont input[type=text] {width: 320px;font-size:16px; height: 40px; border: 1px solid #E5E5E5;}
.search_icon {position: absolute; top: 8px; right: 4px;}

/* menu */
#menu_container {background-color: #0B4C5F; border-top: 1px dotted #DDDDDD; border-bottom: 1px solid #888; padding: 0px 5px;position: -webkit-sticky;position:sticky;top:0;}
#menu_container ul {list-style-type: none; float: left; padding: 1px 0px 1px 0px;}
#menu_container ul li {float: left;}
#menu_container ul li a {display: block; font-weight:bold; color: #FFF; text-decoration: none; padding: 5px 5px; margin: 5px 10px;}
#menu_container ul li a:hover {background-color: #FFF; font-weight:bold; color: #0B4C5F; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a  {background-color: #B3EE3A; font-weight:bold; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
#menu_container .cat_menu {border-left: 1px dotted #DDDDDD;}

/* content */
#content_container {float:left; width: 97%; margin-left: 20px; margin-top: 20px;padding: 0;}
#content-wrapper {width:100%;margin:0 auto;padding:0;text-align:left;background-color:#ffffff;}
#content-wrapper ul {padding: 0 0px;}
#content-wrapper ul li {margin-left: 10px;}
#content-wrapper a {color: #0B4C5F; text-decoration: none;}
#content-wrapper a:hover {color:#0B4C5F;text-decoration: underline;}
#main-wrapper {margin-left:20px;margin-right:20px;padding:0px;width:52%;float:left;background-color:transparent;}
#main-wrapper a {color: #0B4C5F; text-decoration: none;}
#main-wrapper a:hover {color:#0B4C5F;text-decoration: underline;}
#main-wrapper2 {margin-left:20px;padding:0px;width:75.6%;float:left;background-color:transparent;}
#main-wrapper2 a {color: #0B4C5F; text-decoration: none;}
#main-wrapper2 a:hover {color:#0B4C5F;text-decoration: underline;}

/* tabellen */
#norm{display:inline}
#grid{width:100%;padding-left:0;background-color:#fff}
.gitter{width:100%;margin:0px auto;padding:0}
.gitter h3{background-color:#f8f8f8;font-weight:normal;font-size:16px;margin:0;padding:0px;text-decoration:none}
.gitter:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.gitter .row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.gitter .row:after{clear:both}
.gitter .row{zoom:2}
.gitter .wrap-col{margin:0px;width:100%}
.gitter .col-full,.col-1-2,.gitter .col-1-3,.gitter .col-2-3,.gitter .col-1-4,.gitter .col-2-4,.gitter .col-3-4{padding-right:0;float:left;display:inline-block;margin-right:5px;margin-top:5px}
.gitter .col-full{width:97%}
.gitter .col-1-2{width:49%;}
.gitter .col-1-3{width:32.4%}
.gitter .col-1-4{width:23.9%}
.gitter .col-2-3{width:66.66%}

/* sidebar */
#sidebar {margin-left:0;padding:0;float: left; width: 210px;}
#sidebar2 {margin-left:0;padding:0;float: right; width: 210px;}
.side_box {border: 1px dotted #999; margin-bottom: 25px; padding-bottom: 15px;}
.side_box p {background:url(images/bg_buttom2.png); padding: 5px 10px; font-weight:normal; text-decoration:none; font-size: 14px; font-family: 'Calibri', sans-serif; color: #666; margin: 0 0 10px 0;}
.side_box h4 {background-color: #E4E4E2; padding: 5px 10px; font-weight:normal; text-decoration:none; font-size: 14px; font-family: 'Calibri', sans-serif; color: #666; margin: 0 0 10px 0;}
.side_box ul {list-style-type: none; padding: 0 10px;}
.side_box ul li {margin-bottom: 3px;}
.side_box .textwidget {padding: 0 10px;}
.side_box a {color: #0B4C5F; text-decoration: none;}
.side_box a:hover {color:#0B4C5F;text-decoration: underline;}

/* midlebar */
#midlebar {margin-left:0;padding:0;float: left; width: 100%;}
.midle_box {border: 1px dotted #999; margin-bottom: 5px; padding-bottom: 5px;}
.midle_box p {background:url(images/bg_buttom2.png); padding: 5px 10px; font-weight:normal; text-decoration:none; font-size: 14px; font-family: 'Calibri', sans-serif; color: #666; margin: 0 0 10px 0;}
.midle_box h4 {background-color: #E4E4E2; padding: 5px 10px; font-weight:normal; text-decoration:none; font-size: 14px; font-family: 'Calibri', sans-serif; color: #666; margin: 0 0 10px 0;}
.midle_box ul {list-style-type: none; padding: 0 10px;}
.midle_box ul li {margin-bottom: 3px;}
.midle_box .textwidget {padding: 0 10px;}
.midle_box a {color: #0B4C5F; text-decoration: none;}
.midle_box a:hover {color:#8E1D1A;text-decoration: underline;}

/* footer */
#footer {background-color:#f5f5f5;margin-top: 25px; padding: 0px 0; border-top: 0px solid #DDDDDD;}
.footer_copyright {padding: 10px 25px; text-align: right; border-top: 1px dotted #888;}
.footer_copyright a {color: #000; text-decoration: none;}
.footer_copyright a:hover {text-decoration: underline;}

/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
body {font-size: 13px; font-family: 'Calibri', sans-serif;color: #666;}
#header {height:60px;margin-top:0px;padding:7px 21px;background:none;background-color:#444444;color:#fff;}
#header #logo {float:left margin:0;padding-top:10px;padding-left:10px;font:bold 2.6em 'Times Roman', Sans-serif;letter-spacing:1.0px;color:#fff;}
#header #logo a {color: #fff; text-decoration: none;}
#header #slogan {display:none}
.search_cont {padding-right:10px; float: left; margin-top: 14px; position: relative;}
.search_cont input[type=text] {font-size: 20px; width: 240px; height: 32px; border: 1px solid #cccccc;}
.search_icon {position: absolute; top: 3px; right: 10px;}
#main_container {width: 720px; }
#main-wrapper {margin-left:0px; width: 720px; }
#main-wrapper ul {margin-left: 5px;}
#main-wrapper2 {margin-left:0px;padding:0px;width:100%;float:left;background-color:transparent;}
#main-wrapper2 a {color: #0B4C5F; text-decoration: none;}
#main-wrapper2 a:hover {color:#0B4C5F;text-decoration: underline;}
#main-wrapper3 {margin-left:0px; width: 720px; }
.gitter .col-1-2,.gitter .col-1-3{width:100%}
#header { padding: 0px 0px; }
#menu_container { padding: 0px 0px; }
#content_container {margin-left:0px; width: 720px; }
#sidebar { float: left; width: 720px; }
/* 
#sidebar { width: 200px; float: left; margin-top: 20px; }
.cat_menu_cont { width: 190px; }*/
}

/* for mobile */
@media screen and (max-width: 766px) {
body {font-size: 16px; font-family: 'Calibri', sans-serif;color: #666;}
#main_container {width: 97%;padding:2px; }
#content_container {float:left; margin-left:0px; width: 100%; margin-top: 33px;}
#main-wrapper {margin-left:0px;width: 100%; }
#main-wrapper ul {margin-left: 6px;}
#main-wrapper2 {margin-left:0px;padding:0px;width:100%;float:left;background-color:transparent;}
#main-wrapper2 a {color: #0B4C5F; text-decoration: none;}
#main-wrapper2 a:hover {color:#0B4C5F;text-decoration: underline;}
#main-wrapper3 {margin-left:0px;width: 100%; }
#header {height:120px;margin-top:0px;padding:5px 10px;background:none;background-color:#444444;color:#fff;}
#header #logo {float:left margin:0;padding-top:5px;padding-left:0px;font:bold 1.3em 'Times Roman', Sans-serif; letter-spacing:1.0px;color:#fff;}
#header #logo a{color:#fff;text-decoration:none;font-size:20px;font-family:Calibri,sans-serif;text-transform:uppercase}
#header #slogan {display:none}
.search_cont {padding-left:10px; float: left; margin-top: 5px;margin-bottom: 0px; position: relative;}
.search_cont input[type=text] {float: left;font-size: 20px; width: 325px; height: 46px; border: 2px solid #cccccc;}
.search_icon {position: absolute; top: 11px; right: 6px;}
#menu_container {display:none}
.gitter .col-1-2,.gitter .col-1-3,.gitter .col-1-4,.gitter .col-1-5{width:99%}
@media all and (min-width:640px){
#menu_container { float: right; padding: 10px 0 0 0; }
#menu_container ul li a { padding: 5px 10px; }
}
#sidebar {float: left; width: 100%; }
.footer_copyright{ height:90px;width: 86%; }
}