html, body {
	padding: 0;
	margin: 0;
	border: 0;
	height: 100%;
	background: #FFF url("img/bg.png") repeat 0 0;
	color: #000;

	font: 14px/150% 'Droid Sans', sans-serif;
	font-weight: 400; /* 400,700 font:Droid Sans */
	font-style: normal;
}

#wrap {
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	min-width: 1200px;
}



/* email scrambler */
span.hide { display: none; }

/* ----------------------------------- TEMPLATE Container */
#container {
	height: auto !important;
    margin: 0 auto;
    min-height: 100%;
    padding: 0 0 350px;
    position: relative;
    width: 1200px;
}

#content-container { clear: both; }
#content-main { float: right;  min-height: 20px; position: relative; }
#content-left { float: left; min-height: 20px; }


/* ----------------------------------- HEADER */
#header { position: relative; margin:0 auto; height: 225px; }

#logo { display: block; position: absolute; top: 35px; }
#logo a { text-decoration: none; }
#logo img#logo-left {}
#logo img#logo-right { margin-left: 20px; margin-top: 45px; }

#rexsearch{ position: absolute; bottom:50px; right:170px;}
#rexsearch fieldset { margin: 0; padding: 0; border: 0px; }

img#sticker { position: absolute; right: 0; bottom: 42px;}


/* ----------------------------------- Slideshow */
#slider-container { display: block; width: 100%; height: 400px; background-color: #FFF;}
#slider-container-inner { display: block; width: 100%; height: 390px; background: url("img/slider_shadow.png") no-repeat left bottom;}
#slider-bottom { position: relative; clear: both; width: 100%; height: 60px;}
img#slider-shadow { position: absolute; top: 0; z-index: 2; height: 16px; width: 100%; }


/* ----------------------------------- Spenden Button */
a#donation {
	position: absolute;
	top: 0; right: 10px; z-index: 1;
	background-color: #FFF;
	padding: 13px 25px 10px;
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;

	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
a#donation:hover,
a#donation:active,
a#donation:focus { color: #FFF; background-color: #E78C2E;}


/* ----------------------------------- FOOTER */
#footer {
	position: relative;
	background: #5E5E5E url("img/footer_bg.gif") repeat-x 0 0 ;
    clear: both;
    display: block;
    margin-top: -350px;
    z-index: 10;
    min-height: 350px;
    min-width: 1200px;
}

#footer-content{ width: 1200px; margin: 0 auto; padding: 30px 0; color: #FFF; }
#footer-content h3 {color: #FFF; font-weight: 700; }
#footer h3 { margin-bottom: 10px;}
#footer ul#sponsor-list{ list-style-type: none; margin:0; padding: 0; }
#footer ul#sponsor-list li { margin-bottom: 10px; }






/* ----------------------------------- NAVIGATION : MAIN */
#nav { position: absolute; bottom: 0; height: 45px; background-color: #FFF; width: 100%;}
ul#main-nav    { margin:0; padding:0; list-style:none; height: 45px; }
ul#main-nav li { float:left; display:block; margin:0; padding:0; }
ul#main-nav li a {
	display: block;
	float: left;
	color: #000;
	text-decoration: none;
	padding: 15px 25px 8px 25px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}

ul#main-nav li.highlight { margin: 0; background-color: #F7DDBC; float: right;}
ul#main-nav li.highlight a { color: #E78C2E; font-weight: 700; padding: 15px 11px; }

/* Special MENU-LI : MetaInfo >> LI-Class: highlight */
ul#main-nav li.highlight.current a { color: #FFF; background-color: #E78C2E; }

ul#main-nav li a{ }
ul#main-nav li a:hover { color: #E78C2E; text-decoration: underline; }
ul#main-nav li.current { background:#888888; text-decoration:none; }
ul#main-nav li.current a { color: #FFF; }


/* ----------------------------------- NAVIGATION : MAIN-SUB */
#subnav { margin-bottom: 20px;}
span#subnav-title { background-color: #FFF; border-bottom: 1px solid #E98D1C; font-size: 16px; font-weight: 700; padding: 5px 8px; display: block; }
ul#sub-nav      { margin:0; padding:0; list-style:none;}
ul#sub-nav li   {  display:block; margin:0 0 1px 0; padding:0; border-bottom: 1px dotted #AAA; }
ul#sub-nav li a {
	display: block;
	color: #999;
	background-color: none;
	text-decoration: none;
	padding: 4px 10px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
}

ul#sub-nav  li a{ }
ul#sub-nav  li a:hover { color: #E78C2E; background-color: #FFF; text-decoration: underline; }
ul#sub-nav  li.current { }
ul#sub-nav  li.current a { color: #FFF; font-weight: 400; background-color: #E78C2E;}


/* ----------------------------------- NAVIGATION : TOP */
ul#top-nav   { margin: 10px 10px 0 0; padding: 0; float: right;  }
ul#top-nav li { list-style: none; margin-left: 20px; float: left; }
ul#top-nav li a { color: #999; font-size: 14px; line-height: normal; font-weight: 400; text-decoration: none; }
ul#top-nav li a:hover { color: #000; text-decoration: underline; }
ul#top-nav li.current a { color: #E78C2E; }


/* ----------------------------------- NAVIGATION : BOTTOM */
ul#bottom-nav   { margin: 0; padding: 0;  }
ul#bottom-nav li { list-style: none; margin-bottom: 8px; }
ul#bottom-nav li a { color: #FFF; font-size: 15px; line-height: normal; font-weight: 400; text-decoration: none; }
ul#bottom-nav li a:hover { color: #F9DDBA; text-decoration: underline; }
ul#bottom-nav li.current a { color: #E78C2E; }





/* ----------------------------------- MODULE */



/* Abstand unten / margin-bottom :: alle Module */
.modul-box,
.modul-box-column,
.modul-box-grid,
table.tabelle,
#content-top,
#content-bottom { margin-bottom: 20px; }


.modul-box,
.modul-box-column { float:left; width: 100%; }
.modul-inner { float: left; width: 100%;}
.modul-box-grid { float: left; }


.modul-box-grid h1 { font-size: 19px; }
.modul-box-grid h2 { font-size: 17px; }
.modul-box-grid h3 { font-size: 15px; }
.modul-box-grid h4 { font-size: 12px; }

p.modul-image-text,
p.image-title  { margin: 0px 0 8px 0px; font-style: italic; }

.modul-content ul { padding: 0; margin: 10px 0; overflow: hidden;}
.modul-content li { list-style-type: disc; list-style-position: outside; margin-left: 25px;  }


/* --- Titel --- */
.modul-title { margin-bottom: 20px;}
.modul-title-box { float: left; width: 100%; margin-bottom: 5px; }

.modul-box-column .modul-title,
.modul-title-box .modul-title {
	background-color: #FFFFFF;
    border-bottom: 1px solid #E78C2E;
   /*  font-size: 16px; */
    margin-bottom: 10px;
    padding: 3px 10px;
 }
/* --- Bild --- */
.modul-image {position: relative; margin-bottom: 5px;}

.modul-image .column-title {
	position: absolute;
	bottom: 0;
	padding: 5px 8px;
	margin: 0;
	color: #FFF;
	font-weight: 400;
	background-color: #E78C2E;
}

.modul-image.block { text-align: center;}


.column-box-2.first {}
.column-box-2 { float: left; }
.column-box-2 .column-title {}


.column-box-3.first { margin: 0;}
.column-box-3 { float: left; }
.column-box-3 .column-title {}

.column-box-4.first {}
.column-box-4 { float: left; }
.column-box-4 .column-title {}

.column-box-2, .column-box-3, .column-box-4{ overflow: hidden; }
.column-box-2 img, .column-box-3 img, .column-box-4 img { width: 100%; }
.column-box-2.last, .column-box-3.last, .column-box-4.last { float: right; }


.column-box-2 .modul-image.trim-image { height: 280px; overflow: hidden; }
.column-box-3 .modul-image.trim-image { height: 190px; overflow: hidden; }
.column-box-4 .modul-image.trim-image { height: 130px; overflow: hidden; }


/*
.column-box-4 {
	background-image: url(img/column_line.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.column-box-4.last { background-image: none; }
*/


/* modul table*/
table.tabelle {clear: both; width: 100%;}
table.tabelle th,
table.tabelle td { padding: 5px 10px; vertical-align: top; }
table.tabelle th {}
table.tabelle td {}
table.tabelle tr.odd { }


/* nivo-slider */

.nivoSlider {
	position:relative;
	overflow:hidden;
}
.slider-wrapper {
	position: relative;
	display: block;
	width: 1200px;
	height: 390px;
	overflow: hidden;
	margin-bottom: 20px;
}



.nivoSlider .nivo-caption {
	opacity: 1;
	padding: 0;
	margin: 0;
	position: absolute;
	float:left;
	width: auto;
	bottom: 10px;
	left: 10px;
	background-color: #E78C2E;
}


.rex-htmlcode { clear: both; margin: 0 auto; display: block; text-align: center; padding-left: 25px;}


.nivoSlider .nivo-content { padding: 10px 20px 15px 20px;}
.nivoSlider .nivo-content p.nivo-title { color: #FFF; font-weight: 400; font-size: 24px; }
.nivoSlider .nivo-caption p { padding: 0; font-size: 14px;}
.nivoSlider a.nivo-btn { position: absolute; bottom: 20px; right: 20px; }
.nivoSlider a.btn:active, .nivoSlider .btn.active { top: inherit;}

.theme-default .nivo-controlNav
{
	position: absolute;
	bottom: 10px; right: 10px;
	padding: 0;
	margin: 0;
	z-index: 20;
}

.theme-default .nivo-controlNav a {
	width: 18px;
	height: 18px;
	margin: 0 0 0 5px;
	padding: 0;
}

.theme-default .nivo-controlNav a.active {
	background-position: 0 -19px;
}


.theme-default .nivo-directionNav a {
	opacity: .6;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}






/* Linie / Trenner */
hr.divider { clear:both; border: 0; border-top: 1px dotted #AAA; display: block; margin-bottom: 20px;}
.divider-anchor { clear: both; display: block; width: 100%; height: 25px; border-bottom: 1px dotted #AAA; text-align: right; margin-bottom: 20px;}
.divider-anchor a { float: right; display: block; padding-right: 15px; background: url("img/arrow_up.gif") no-repeat right 7px; }



/* gallery */
/*
.gallery {clear: both; float:left; width: 100%; margin-bottom: 20px;}
.gallery ul { margin: 0; padding: 0; list-style: none;}
.gallery .item { position: relative; float: left; margin-left: 5px; margin-bottom: 5px; text-align: center; }
.gallery .item.first { clear: both; margin-left: 0; }
*/

.gallery li { padding: 0; }
.gallery li a { float: left; width: 100%; height: auto; }
.gallery li.item { border: 3px solid #FFF; background-color: #FFF;}


/* googleMap */
.googleMap { clear: both; float: left; width: 100%; margin-bottom: 20px; }
.googleMap .map_adress { background-color: #FFF; padding: 10px; }
.googleMap .map { overflow: hidden; border: 5px solid #FFF; }
.googleMap iframe { margin: 0; padding: 0; display: block; }



/* infoBox */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:360px; width:600px; color:#000; background-color:#FFF; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px; color: #000; }
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#E78C2E;}
#simplemodal-container a:hover { text-decoration: none;}
#simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}




/* TEASER STARTSEITE */
.teaser-start .unit-100 { margin-bottom: 10px;}
.teaser-start h1#teaser-main-title { font-size: 16px; padding: 5px; color:#FFF; background-color: #E78C2E; margin: 0; }
.teaser-start .teaser-start-item { overflow: hidden; padding: 5px; background-color: #FFF; position: relative; min-height: 370px; }

.teaser-start .teaser-title { font-size: 16px; font-weight: 400; margin-bottom: 10px; padding: 0 8px; }
.teaser-start .teaser-title a { font-weight: 400; text-decoration: none;}
.teaser-start .teaser-title a:hover { text-decoration: underline; color: #000; }
.teaser-start .teaser-date { color: #888888; font-size: 12px; font-weight: 700; padding: 0 8px; }
.teaser-start .teaser-content-box { padding: 0 8px; }

.teaser-start .teaser-link-btn { display: block; width: 100%; text-align: right;}


.teaser-image-link { display: block; }



/* Teaser */
.teaser{ float: left; width: 100%; position: relative; margin-bottom: 10px; }
.teaser-item {clear:both; float: left;  width: 100%; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #CCC; }

/*
.teaser-item.first,
.teaser-item.first.even { background-color: cornsilk; }
*/

.teaser-item.first {}
.teaser-item.last  { border: none; }
.teaser-image-box { margin-top: 3px; margin-bottom: 8px; overflow: hidden; }

.teaser-item.odd { background-color: #E7E8EA; padding: 10px; border: none; }
.teaser-item.odd .teaser-image-box { border: 3px solid #FFF; }
.teaser-item.odd .teaser-content { }
.teaser-item.even{ background-color: #FFF; padding: 10px; border: none; }
.teaser-item.even .teaser-image-box { border: 3px solid #E7E8EA; }
.teaser-item.even .teaser-content {  }

.teaser-start p.teaser-read-more { text-align: right; margin-top: 10px; position: absolute; bottom: 10px; right: 10px; }

/* Teaser Navigation */
.holder { clear: both; margin-bottom: 15px; padding: 5px; text-align: center;}
.holder a {  cursor: pointer; margin: 0 5px; font-weight: normal; color: #888;}
.holder a:hover {}

.holder a.jp-previous { margin: 0;  margin-right: 15px; background-color: #FFF; padding: 2px 10px;}
.holder a.jp-next { margin: 0; margin-left: 15px; background-color: #FFF; padding: 2px 10px; }

.holder a.jp-current,
a.jp-current:hover { color: #FFF; font-weight: bold; padding: 2px 5px; background-color: #E78C2E; }

.holder a.jp-disabled,
a.jp-disabled:hover { color: #999; text-decoration: none; }

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover { cursor: default;}
.holder span { margin: 0 5px; }


/* Hunde - zuhause gesucht */
#dog-search{}
#dog-select { margin-bottom: 20px; text-align: right;}

#dog-output ul { list-style: none;}
#dog-output ul li{ background-color: #FFF; padding: 10px; position: relative; }

.dog-search ul li.equal { height: 265px;}

#dog-output .dog-image-box { position: relative; float: left; width: 130px; margin-bottom: 10px; height: 155px; overflow: hidden; }
#dog-output .dog-image-box a { position: absolute; text-decoration: none; display: block; float: left; width: 100%; height: 100%; z-index: 3; }
#dog-output .dog-image-box img.dog-image { position: absolute; z-index: 1; }
#dog-output .dog-image-box img.dog-flag { position: absolute; top: 0; right: 0; z-index: 2; }
#dog-output .dog-image-box span.dog-reservated { position: absolute; bottom: 0; z-index: 2; text-align: center; width: 100%; background: #E78C2E; color: #FFF;  }

#dog-output .dog-name-box { position: relative; float: right; width: 115px; margin-top: 25px;  margin-bottom: 10px;}
#dog-output .dog-name-box span { font-size: 12px; line-height: 17px; display: block; width: 100%;}
#dog-output .dog-name-box span.dog-name { font-size: 19px; font-weight: 400; display: block; width: 100%; line-height: 24px; }
#dog-output .dog-name-box span.dog-reservated { color: #E78C2E;}


#dog-output ul.dog-details { clear: both; display: block; list-style: none; padding: 0; margin: 0 0 25px 0;}
#dog-output ul.dog-details li { padding: 0; margin: 0; line-height: 20px; float: none; font-size: 12px; }
#dog-output .dog-read-more { position: absolute; right: 10px; bottom: 10px;}
#dog-output .dog-read-more a { text-transform: uppercase; }


/* Hunde - zuhause gesucht - STECKBRIEF */

.sb-data img.dog-preview { padding: 5px; background-color: #FFF; overflow: hidden; }

.sb-data .sb-data-contact{ padding: 10px 15px; background-color: #FFF; margin-bottom: 25px; }

.sb-data .dog-name { font-size: 26px; font-weight: 400; margin-bottom: 15px; }
.sb-data ul.dog-details { clear: both; display: block; list-style: none; padding: 0; margin: 15px 0 10px 0; }

.sb-data .contact-title { font-weight: 700; margin-bottom: 10px;}
.sb-data .contact-name  { font-weight: 400; font-size: 21px; margin-bottom: 10px;}
.sb-data .contact-phone { font-weight: 400; font-size: 16px; margin-bottom: 0;}
.sb-data .contact-mail { margin-bottom: 20px; margin-top: 5px; }
.sb-data .contact-direct-btn { text-align: center; margin-bottom: 5px; }

.sb-facebook p{ background-color: #E78C2E; padding: 5px 15px; color: #FFF; }
.sb-facebook .fb-like { background-color: #FFF; padding: 10px 15px; display: block; }

.sb-gallery li { border: 5px solid #FFF;}


/* Hunde - zuhause gefunden - Liste */
#dog-found-output {}
#dog-found-output p.first-letter { clear: both; background-color: #888888; padding: 0px 10px; margin-bottom: 10px; color: #FFF; font-weight: 400; font-size: 21px; }

#year-select select,
#dog-select select {
   background: transparent;
   width: 270px;
   height: auto;
   clear: both;
   font-size: inherit;
   font-weight: 400;
   font-style: normal;
   padding: 4px 10px 3px 5px;

   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   text-indent: 1px;
   text-overflow: '';
   overflow:hidden;
   cursor: pointer;
}



#dog-select { width: 240px; }
#year-select { width: 155px; }

#dog-select,
#year-select {
	overflow: hidden;
   background: #F7DDBC url('img/select_arrow.gif') no-repeat;
   background-position: right center;
   border-bottom: 1px solid #FF8D16;

}


#year-select select {
   background: transparent;
   width: 185px;
   height: auto;
   clear: both;
   font-size: inherit;
   font-weight: 400;
   font-style: normal;
   padding: 4px 10px 3px 5px;

   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   text-indent: 1px;
   text-overflow: '';
   overflow:hidden;
   cursor: pointer;
}


/* random dogsearch box / starsteite */
#dogsearch-random-box { clear: both; display: inline-block; padding: 10px; background-color: #FFF; position: relative; min-height: 310px; margin-bottom: 20px;   }
#dogsearch-random-box p.dogsearch-toptitle { padding: 2px 5px; margin-bottom: 5px; color: #FFF; background-color: #E78C2E; text-align: center; }
#dogsearch-random-box .dogsearch-random-title { margin-bottom: 5px; text-align: center; }
#dogsearch-random-box span.dogsearch-big { margin: 0; font-size: 16px; font-weight: 700; }
#dogsearch-random-box a.btn { float: right; }
#dogsearch-random-box p.dogsearch-image-box { position: relative; display: block; margin-bottom: 14px; }
#dogsearch-random-box p.dogsearch-image-box .dog-flag { position: absolute; right: 5px; top: 5px; }
#dogsearch-random-box p.dogsearch-image-box img {}




/* Video / Audio Player */
.video-player,
.audio-player { clear: both; margin-bottom: 20px; float: left; }








/* rex_search */
form#rexsearch_form {
	display: block;
	overflow: hidden;
	width: 100%;
}


.rex_search label { float: left; margin-top: 5px; margin-right: 10px; color: #999;}
.rex_search input { float: left; border: 0; font-size: 14px; padding: 0 5px; width: 200px; height: 32px;  }

.rex_search button {
	float: left;
	background-image: url("img/icon_search.png");
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 0;
	border:0;
	height: 32px;
	width: 32px;
	padding: 0;
}

.rex_search button:hover {
	background-image: url("img/icon_search.png");
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 0;
	background-color: #888888;

}

.rex_search input.defaultText
{
	color: #000;
	font: 14px/150% 'Droid Sans', sans-serif;
	font-weight: 400; /* 400,700 font:Droid Sans */
	font-style: normal;
}
.rex_search input.defaultTextActive { color: #000; }
.rex_search input.defaultText.btn:hover { color: #FFF; background-color: #000; }


.rex_search input:focus{
  outline: none;
  border-color: none;
  box-shadow:none;
}


ul.searchresults { margin: 0; padding: 0; list-style-type: none;}
li.searchresults_li {
    margin-bottom: 15px;
    padding-bottom: 10px;
}
ul.searchresults h4 {
    background-color: #FFF;
    border-bottom: 1px solid #E78C2E;
    padding: 5px 10px;
}
ul.searchresults a { }
ul.searchresults a:hover { color: #1D4166; }
ul.searchresults p.highlightedtext { margin: 15px 0; }
ul.searchresults p.article_teaser { margin: 0 0 15px 0; }
ul.searchresults p.url a {}
ul.searchresults p.url a:hover {}

span.search-hit { font-weight: bold; font-size: 15px; }



/* Event Calendar */
/* short */
.event-short {}
.event-main-title{ font-size: 16px; background-color: #FFF; padding: 3px 10px; border-bottom: 1px solid #E78C2E; margin-bottom: 10px;}
.event-short-box { padding: 0 10px; border-bottom: 1px dotted #888; margin-bottom: 10px;  }
.event-short-box.highlight { background-color: #F7DDBC; }
.event-short .event-date  { font-weight: 700; color: #E78C2E; }

.event-short .event-time  {}
.event-short .event-title { font-weight: 700; }
.event-short .event-place { }
.event-details { margin: 10px 0;}

.event-short .event-date,
.event-short .event-time,
.event-short .event-title,
.event-short .event-place { }


.event-time-box {}
.event-text-box { margin-bottom: 10px; }

/* gesamt */

.eventcalendar {}
.eventcalendar-box {}
.eventcalendar-box.even{  }
.eventcalendar-box.odd{ }

.eventcalendar .event-time-box { background-color: #FFF; border: 1px solid #888888; padding: 5px 0 0 0; text-align: center; }
.eventcalendar .event-image-box { padding: 0; float: left; }
.eventcalendar .event-text-box {  background-color: #FFF; padding: 10px; }

.eventcalendar .event-image-box img { border: 3px solid #FFF; }

.eventcalendar .event-title { font-size: 21px; font-weight: 700; border-bottom: 1px solid #E78C2E;}
.eventcalendar span.start   { font-size: 18px; color: #E78C2E; }
.eventcalendar .event-date  { margin: 4px 0; padding: 0; font-weight: bold;}
.eventcalendar .event-time  { margin: 0; padding: 0; margin-bottom: 5px;}
.eventcalendar .event-place { font-weight: bold; background-color: #888888; padding: 5px 0; color: #FFF; }


.eventcalendar-box.highlight .event-text-box,
.eventcalendar-box.highlight .event-time-box
{ background-color: #F7DDBC; }





.eventcalendar #month_container { margin-bottom: 20px; border-bottom: 1px dotted #888888; padding-bottom: 10px; }

#month_container { overflow:hidden; width:100%; }
ul.month { overflow:hidden; margin:0; padding:0; height:25px; }

ul.month li {
	display:block;
	float:left;
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:2px 10px;
	margin-right:1px;
	background: #FFF;
}
ul.month li a       { font-weight:normal; text-decoration:none; }
ul.month li a:hover { text-decoration:underline; }
ul.month li.on      { background: #E78C2E; }
ul.month li.on a    { font-weight:700; color: #FFF; }




/* Guestbook */
#gb-header { display: block; padding: 10px; margin-bottom: 15px; height: 25px; border-top: 1px solid #E7E8EA; border-bottom: 1px solid #E7E8EA; }
#gb-header .gb-total { float: right; }
#gb-header .gbook-link-btn { float: left; margin: 0; padding: 0; }

.gb-block   { clear: both; margin-bottom: 20px; }
.gb-title   { background-color: #E7E8EA; padding: 5px 15px; }
.gb-date    { font-weight: bold; }
.gb-message { padding: 10px 15px; }
.gb-comment { margin-top: 10px; padding: 10px 15px; font-style: italic; }
.gb-thanx   { padding: 10px 15px; }

.gb-block.even {}
.gb-block.odd {}



/* colors */
table.tabelle th { background-color: #666; color: #FFF;}
table.tabelle tr { background-color: #FFF; color: #000;  }
table.tabelle tr.odd { background-color: #F7DDBC; color: #000;  }

.grey { border: 1px solid #E7E8EA; background-color: #E7E8EA; color: #000; }
.darkgrey .modul-image-text { color: #000; }
.grey .column-title, .grey .modul-title { color: #000;}
.grey .modul-image { border: 3px solid #FFF; background-color: #FFF; }
.grey .modul-content { padding: 0 5px; }
.gallery .item.grey { padding: 5px; }
.gallery .item.grey img { border: 1px solid #FFF; }

.darkgrey { background-color: #888888; color: #FFF; }
.darkgrey .modul-image-text { color: #000; }
.darkgrey .column-title, .darkgrey .modul-title { color: #FFF;}
.darkgrey .modul-image { }
.darkgrey .modul-content { padding: 5px 8px; }
.gallery .item.darkgrey { padding: 5px; }
.gallery .item.darkgrey img { border: 1px solid #FFF; }

.bordered { background-color: #FFF; padding: 5px; }
.bordered .modul-image-text { color: #000; padding:0 5px; }
.bordered .column-title, .bordered .modul-title { }
.bordered .modul-image { }
.bordered .modul-content { padding: 5px 8px; }
.gallery .item.bordered { padding: 5px; }
.gallery .item.bordered img { border: 1px solid #CCC; }

.column-box-4.bordered,
.column-box-4.darkgrey,
.column-box-4.grey
 { background-image: none; }


.red { border: 1px solid red; background-color: red; color: #FFF; }
.red .modul-image-text { color: #000; }
.red .column-title, .red .modul-title { color: #FFF;}
.red .modul-image { border: 3px solid #FFF; background-color: #FFF;}
.red .modul-content { padding: 0 5px; }
.gallery .item.red { padding: 5px; }
.gallery .item.red img { border: 1px solid #FFF; }




/* css helpers */
.clear {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.fl-left  { float:left; }
.fl-right { float:right; }
.warning  { color:#f00; background: inherit; }

.noscreen { display:none; }

.box { min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }
.block { clear: both; display: block; margin-bottom: 10px;  }
.shadow{ border-top: 1px solid #DDD; padding: 10px 0; background: url("img/shadow.jpg") no-repeat bottom center;}




/* jQuery CSS */


/* Lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0;}
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}

#lightbox-container-image-data-box
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data{ padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details{
	width: 70%;
	float: left;
	text-align: left;
}

#lightbox-image-details-caption { padding-bottom: 10px; }
#lightbox-image-details-currentNumber{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	width: 75px;
	float: right;
	padding-bottom: 0.7em;
}



/* KUBE BUTTON - Orange */
.btn-orange { color: #FFF; background: #E78C2E; font-size: 12px; border: 1px solid #E78C2E; padding: 5px 20px 6px 20px; height: auto;}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus { background: #FFF; color:#E78C2E; text-decoration: none; border: 1px solid #E78C2E; }

.btn-grey { color: #FFF; background: #888888; font-size: 12px; border: 1px solid #888888; padding: 5px 20px 6px 20px; height: auto;}
.btn-grey:hover,
.btn-grey:active,
.btn-grey:focus { background: #FFF; color:#000; text-decoration: none; border: 1px solid #E78C2E; }





/* ICONS */
.icon_pdf  { padding: 5px 0 0 25px; background:url(icons/pdf_icon_19.gif) no-repeat 0 0; }
.icon_xls  { padding: 5px 0 0 25px; background:url(icons/excel_icon_19.gif) no-repeat 0 0; }
.icon_doc  { padding: 5px 0 0 25px; background:url(icons/word_icon_19.gif) no-repeat 0 0; }
.icon_ppt  { padding: 5px 0 0 25px; background:url(icons/ppt_icon_19.gif) no-repeat 0 0; }


.btn-green { background-color: #159776; }
.btn { height: auto; line-height: normal; }



#direct-form { padding: 25px; background-color: #CCC;}
#direct-form legend{ background-color: #FFF; }
#direct-form fieldset { border-color: #FFF;}
#direct-form h1 { margin-bottom: 25px; }
#direct-form p { display: inline-block; width: 100%; margin-bottom: .5em;  }
#direct-form label { float: left; width: 30%; margin: 0; }
#direct-form input { float: left; width: 60%; }
#direct-form textarea { float: left; width: 60%; height: 130px; }

#direct-form input.submit { clear: both; width: 30%;}

.sb-form { padding: 20px; background-color: #FFF; }

p.contact-direct-btn .btn { width: 100%; }


#side-content {
	position: relative;
}

#header {
	height: 180px;
}

#nav {
	position: relative;
	margin: -1px 0;
}

img#sticker {
	bottom: 0;
}

#rexsearch {
	bottom: 55px;
}

ul#main-nav li {
	height: 45px;
}

#content-left {
	margin-left: 0;
}


@media (max-width: 1199px) {
	#wrap {
		min-width: 0;
	}

	#container {
		width: 100%;
	}

	#footer {
		min-width: 0;
	}

	#footer-content {
		width: 100%;
	}

	.slider-wrapper {
		width: 100%;
	}

	#slider-container, #slider-container-inner, .slider-wrapper {
		height: auto;
	}

	#header {
	}
}

@media (max-width: 979px) {

	html {
		font-size: 1.9vw !important;
	}

	#side-content {
		position: fixed;
		top: 0;
		bottom: 0;
		left: -100%;
		width: 80%;
		overflow: auto;
		background: #fff;
		box-shadow: 0 0 30px rgba(0,0,0,0.4);
		z-index: 999;
		-webkit-transition: left 500ms ease-out;
		-moz-transition: left 500ms ease-out;
		-ms-transition: left 500ms ease-out;
		-o-transition: left 500ms ease-out;
		transition: left 500ms ease-out;
	}

	#nav {
		height: auto;
		margin: 0;
	}

	ul#main-nav {
		height: auto;
	}

	ul#main-nav li {
		float: none;
		width: 100%;
		text-align: center;
		height: auto;
	}

	ul#main-nav li a {
		float: none;
		display: block;
		font-size: 1.5rem;
		padding: 1.5rem 2rem !important;
	}

	#rexsearch {
		position: relative;
		bottom: 0;
		right: 0;
		width: 37rem;
		margin: 1rem auto 2rem;
	}

	.rex_search label {
		font-size: 1.4rem;
		line-height: 3.6rem;
		margin: 0 1rem;
		width: 5rem;
	}

	.rex_search button {
		width: 3.6rem;
		height: 3.6rem;
		background-size: 2rem 2rem;
	}


	.rex_search input {
		border: 1px solid #bbbcc0;
		height: 3.6rem;
		width: 25rem;
	}

	ul#top-nav {
		float: left;
	}

	#header {
		height: 11rem;
	}

	#logo {
		left: 1.5rem;
		top: 3.5rem;
	}

	#logo img#logo-left {
		width: 32rem;
		height: auto;
	}

	img#sticker {
		width: 8rem;
	}

	#logo img#logo-right {
		width: 25rem;
		height: auto;
		margin-left: 1.5rem;
		margin-top: 1.4rem;
	}

	#mobile-menu-toggle {
		position: absolute;
		top: 0rem;
		right: 1.5rem;
		background: url('./img/mobile-menu-button.png') no-repeat center center;
		background-size: contain;
		width: 5rem;
		height: 5rem;
	}

	body.mobile-menu-visible #side-content {
		left: 0;
	}

	#mobile-overlay {
		opacity: 0;
		-webkit-transition: opacity 500ms ease-out;
		-moz-transition: opacity 500ms ease-out;
		-ms-transition: opacity 500ms ease-out;
		-o-transition: opacity 500ms ease-out;
		transition: opacity 500ms ease-out;
		background: rgba(0,0,0,0.7);
	}

	body.mobile-menu-visible #mobile-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		z-index: 995;
	}

	.nivoSlider .nivo-caption {
		left: 4rem;
		background: rgba(231,140,46, 0.7);
	}

	.slider-wrapper {
		margin-bottom: 0;
	}

	#content-main, #content-left, #content-right {
		float: none;
		width: 100%;
		padding: 0 3% 2rem;
		clear: both;
	}

	#dogsearch-random-box {
		width: 100%;
		max-width: 420px;
		margin: 0 auto 2rem;
		display: block;
	}

	#dogsearch-random-box::after {
		content: "";
		display: block;
		clear: both;
	}

	.column-box-3.unit-33 {
		float: none;
		width: 100%;
		margin: 0 0 2rem;
	}

	/*
	.column-box-2.unit-50 {
		float: none;
		width: 100%;
		margin: 0 0 2rem;
	}
	*/

	.column-box-2 .modul-image.trim-image {
		height: 148px;
	}

	#footer-content .unit-25 {
		width: 46%;
		margin: 0 2% 2rem;
	}

	.modul-content {
		max-width: 100%;
	}

	.dog-page-header .unit-30, .dog-page-header .unit-40 {
		float: left;
		width: 48%;
		margin-left: 4%
	}

	.dog-page-header .unit-30:nth-child(odd), .dog-page-header .unit-40:nth-child(odd) {
		clear: both;
		margin-left: 0;
	}

	#jpagesList.blocks-3 {
		padding-top: 2rem;
		clear: both;
	}

	#jpagesList.blocks-3 li {
		float: left;
		width: 48%;
		margin-left: 4%
	}

	#jpagesList.blocks-3 li:nth-child(odd) {
		clear: both;
		margin-left: 0;
	}

	#dog-output .dog-image-box {
		width: 100% !important;
		height: 33rem !important;
	}

	#dog-output .dog-image-box img.dog-image {
		width: 100%;
		height: auto !important;
	}

	.nivoSlider .nivo-content p.nivo-title {
		font-size: 15px;
		line-height: 18px;
	}

	.nivoSlider .nivo-caption p {
		font-size: 12px;
		line-height: 14px;
	}

	.nivoSlider .nivo-content {
		padding: 5px;
	}
}

@media (orientation: portrait) {
	.nivoSlider .nivo-content p.nivo-title {
		font-size: 12px;
		line-height: 14px;
	}

	.nivoSlider .nivo-caption p {
		font-size: 9px;
		line-height: 11px;
	}

	.nivoSlider .nivo-content {
		padding: 3px;
	}
}


#cookie-consent {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 4px;
	font-size: 12px;
	line-height: 16px;
	background: #fff;
	border-top: 1px solid #aaa;
	color: #555;
	text-align: center;
	display: none;
}

#cookie-consent a {
	color: #19293a;
	text-decoration: underline;
}

#cookie-consent a.btn-close {
	display: inline-block;
	padding: 2px;
	border-radius: 2px;
	background: #19293a;
	color: #fff;
	margin: 0 5px;
	text-decoration: none;
}

#cookie-consent a.btn-close:hover {
	background: #666;
}

.text-center {
	text-align: center;
}

.video-container {
	overflow: hidden;
	position: relative;
	width:100%;
	margin-bottom: 10px;
}

.video-container::after {
	padding-top: 56.25%;
	display: block;
	content: '';
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}