/******************************************  

 CUSTOM STYLESHEET

*******************************************/



/*

* You can place your custom CSS statements in this file, after this message.

* It is better to write everything custom here because this file won't be replaced during updates.

* 

* Simply copy an existing style from style.css to this file, and modify it to your liking.

*/



div.single { font-size: 15px; line-height: 25px; }



body { background: #090909 url(images/bg2.jpg) no-repeat center center fixed; -webkit-background-size: cover; /*for webKit*/ -moz-background-size: cover; /*Mozilla*/ -o-background-size: cover; /*opera*/ background-size: cover; /*generic*/ }



.full-width .asa_product_box { width: 100%; display: block; margin: 0 10px 10px 0; }

.full-width .asa_product_box_inner { min-height: 135px; }



#header .wrapper { background: url(images/header-bg.png) no-repeat right center; }

#header h1 { text-shadow: 0 3px 3px #333; }

#header #tagline { color: #FFF; background: #90C773 url(images/icon-jungle.png) no-repeat right center; margin-top: 3px; padding: 2px 20px 2px 5px; text-align: center; border: 1px solid #6AA14D; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }



#main table { margin-bottom:15px; border-collapse:separate; }

#main table td { padding:5px; border:1px solid #A8A8A8; }

#main table td:first-child, #main table th:first-child { border-right: none; }

#main table td:last-child, #main table th:last-child { border-left: none; }

#main table th { font-weight:bold; padding:6px; background:#F0F0F0; text-shadow: 0px 1px 1px #FFFFFF; border:1px solid #A8A8A8; }



/* .widget-werbung-artikel { float: right; }

.widget-werbung-artikel p { margin: 0 0 10px 10px; } */



#header .wrapper { position: relative; }

#discover-outdoor { width: 145px; height: 83px; position: absolute; top: -25px; left: 425px; }



li.head-urlaub { background: #90C773; text-transform: uppercase; font-size: 16px; border-left: 5px solid #5E9641; border-right: 5px solid #9BDD78 !important; /* -webkit-box-shadow: 0px -8px 10px #ffffff; -moz-box-shadow: 0px -8px 10px #ffffff; box-shadow: 0px -8px 10px #ffffff; */ }

li.head-urlaub:hover { background: #785E53; border-left: 5px solid #543C32; border-right: 5px solid #9E7B6D !important; }



.last { margin-right: 0 !important; margin-bottom: 50px; clear: right; }



.outdoor-box-outside { width: 910px; height: 170px; margin-bottom: 20px; position: relative; }

.outdoor-box { width: 910px; height: 140px; padding: 1px; position: relative; background: #FFF; border: 1px solid #CCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 2px 3px 4px #cfcfcf; /* webkit browser*/ -moz-box-shadow: 2px 3px 4px #cfcfcf; /* firefox */ box-shadow: 2px 3px 4px #cfcfcf; }

.outdoor-box:hover { -webkit-box-shadow: 2px 3px 4px #a1a1a1; /* webkit browser*/ -moz-box-shadow: 2px 3px 4px #a1a1a1; /* firefox */ box-shadow: 2px 3px 4px #a1a1a1; }

.outdoor-box h3 { z-index: 2; position: absolute; left: 20px; top: 16px; padding: 3px 10px 3px 10px; font-size: 18px; font-weight: bold; color: #FFF; text-shadow: 0 1px 2px #000; background: #90C773; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.outdoor-box img { z-index: 1; positon: absolute; left: 0; top: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -moz-opacity: 0.80; opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); }

.full-width div.single .outdoor-box img { max-width: 910px; }

.outdoor-box .outdoor-box-wrapper { z-index: 2; width: 870px; height: 60px; position: absolute; left: 20px; top: 60px; background: #000; -moz-opacity: 0.70; opacity: 0.70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #FFF; }

.outdoor-box-text { z-index: 2; width: 850px; height: 40px; position: absolute; left: 30px; top: 70px; color: #FFF; text-shadow: 0 1px 2px #000; }

.outdoor-box-mehr { position: absolute; right: 30px; top: 143px; width: 230px; height: 20px; background: #000; text-align: center; padding: 2px 0 2px 0; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; }

.outdoor-box-mehr a { font-weight: bold; }



ins { background: #FFF; }