@font-face {
  font-family: "GoodTimesRg-Regular";
  src: url("http://www.obramo-security.de/templates/obramo/themes/custom/fonts/26E889_0_0.eot?#iefix") format("embedded-opentype"), url("http://www.obramo-security.de/templates/obramo/themes/custom/fonts/26E889_0_0.woff") format("woff"), url("http://www.obramo-security.de/templates/obramo/themes/custom/fonts/26E889_0_0.ttf") format("truetype");
}
@import url(http://fonts.googleapis.com/css?family=Economica);
.FONTgt {font-family: "GoodTimesRg-Regular",Arial,Helvetica,sans-serif; font-weight: normal;}
.FONTe {font-family: 'Economica', sans-serif,Arial,Helvetica,sans-serif; font-size: 15px; text-transform: uppercase;}

#ils_html h1 {line-height: 1.3;} 

#ils_html {background: #f6f6f6;  margin: 0 auto; font-family: Arial, sans-serif; font-size:13px; line-height: 1.675;  background: url("http://www.obramo-security.de/templates/obramo/themes/custom/images/bg1096.jpg") no-repeat scroll 0 0 / 100% auto #f6f6f6}
#ils_html * {margin:0; padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#ils_html a {}
#ils_header {text-align: left; background-color: rgba(255, 255, 255, 0.9); width: 80%; margin: 0 auto}

#ils_logo {display: inline-block; vertical-align: top}
#ils_logo a {background: url("http://www.obramo-security.de/templates/obramo/themes/custom/images/logo.png") no-repeat scroll 0 10px / 100% auto rgba(0, 0, 0, 0); display: inline-block; height: 78px; margin: 10px; top: 10px; width: 198px; z-index: 200;}
#ils_logo.smallImg {margin: 10px 0 0; width: 130px; height: 95px;}
#ils_logo.smallImg a{width: 100%}
#ils_html .ils-dpolg {display: inline-block; float: right; margin-right: 15px; margin-top: 10px; vertical-align: top;}

/*#ils_menu {background: rgba(255,255,255,0.9);}*/
#ils_menu li {display: inline-block;}
#ils_menu li a:link, #ils_menu li a:focus, #ils_menu li a:active, #ils_menu li a:visited{text-decoration: none; padding:10px; display: block; color: #040404; outline: none; font-size: 13px}
#ils_menu li a:hover{color: #ef9606}
#ils_menu.smallImg li:nth-child(n+6) {display: none;}
.ils-flex-container {padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around;}
.ils-flex-item {text-align: center;}

#ils_search {display: inline-block !important; margin: 35px 10px 10px 25px;}
#ils_search input.ils_search_input[type="text"] {background: #fff; border: 1px solid #000; font-size: 1em; font-style: italic; height: 34px; line-height: 26px; padding: 2px 45px 2px 4px; vertical-align: top; width: 300px;}
#ils_search input.ils_search_btn {background: url("http://www.obramo-security.de/templates/obramo/themes/custom/images/search_button.png") no-repeat scroll left top rgba(0, 0, 0, 0); border: medium none !important; height: 34px;   left: -45px; margin-top: 0; padding: 0; position: relative; text-indent: -999em; vertical-align: top; width: 45px; cursor: pointer;}
#ils_header .ils_header_wrapper {display: inline-block; vertical-align: top;}
#ils_header .ils-delivery {margin-left: -25px; margin-top: 30px; vertical-align: top;}
#ils_header .ils_header_wrapper > img {float: right;}
#ils_header .ils-days {margin-left: 25px; margin-top: 22px;}
#ils_header .ils_header_wrapper.ils-days.smallImg {overflow: hidden; width: 100px; margin-right: 0;}
#ils_header .ils_header_wrapper.ils-delivery.smallImg {float: right; margin: 30px 1% 0 !important; overflow: hidden; width: 165px;}

/** Body **/
#ils_body {background: rgba(255, 255, 255, 0.9); margin: 20px auto 0px; padding: 15px; width: 80%;}
#ils_body h1.FONTe {font-size: 2.5em; font-weight: 400;}
#ils_body #ils_images {margin-top: 25px; width: 50%; display:inline-block; vertical-align: top}
#ils_desc {display: inline-block; padding: 25px; vertical-align: top; width: 49%; font-size: 13px; line-height: 1.675;}
#ils_images > img {width: 100%; margin-bottom:10px}

.clearfix:after {content: "."; clear: both; display: block; visibility: hidden; height: 0px;}

#ils_descInfo table {width: 100%; font-size: 13px}
#ils_descInfo {border: 1px solid #ddd; border-left: 0; border-right: 0; padding: 10px 0; margin-bottom: 20px}
#ils_descInfo label {display: inline-block; font-weight: bold; width: 70px;}
#ils_descInfo span.ils-price_label { margin-right: 20px; vertical-align: middle; }
#ils_descInfo span.ils-price {color: #ffa500; font-size: 2.5em; font-weight: normal; letter-spacing: -1px; vertical-align: middle; white-space: nowrap;}

.ils-article_list {float: right;}

#ils_desc > p, #ils_desc .ils-contentBox > p {margin: 10px 0 5px;}
#ils_desc > ul, #ils_desc .ils-contentBox > ul, #ils_desc > ol, #ils_desc .ils-contentBox > ol {list-style: disc inside none; display: inline-block; width: 100%}
#ils_desc > h1, #ils_desc .ils-contentBox > h1 {font-size: 1.1em; font-weight: bold; color: #ef9606}

#ils_kaufabwicklung > p {margin: 10px 0 2px;}
#ils_kaufabwicklung > ul {display: inline-block; list-style: disc inside none; margin: 5px 0 10px; width: 100%;}
h2.ils-headliner {background: rgba(0, 0, 0, 0); border-bottom: 2px solid; border-top: 2px solid; color: #ef9606; display: inline-block; font-size: 2em; font-weight: 400; letter-spacing: 0.1em; margin: 40px 0 15px !important; padding: 5px !important; text-align: center; text-transform: uppercase; width: 100%;}

#ils_overnav {background: #000;}
#ils_overnav .ils-headerWrapper {margin: 0 auto; width: 80%;}
#ils_overnav .ils-headerWrapper > a {color: #fff; display: inline-block; padding: 6px 15px; text-decoration: none; font-size:13px}
#ils_overnav .ils-headerWrapper > a:hover {background: #eee; color: #000;}

#ils_seals {border-top: 1px solid #ddd; padding: 10px 0;}
#ils_seals > img {float: right; margin-left: 30px;}

#ils_footer {background: #000; color: #aaa; font-size: 11px; margin: 0 auto 60px; padding: 10px; text-align: center; width: 80%;}