/* ==============================  IMPORTS ============================== */
@font-face {
    font-family: 'balloon_bd_btbold';
    src: url('fonts/bloonbd-webfont.eot');
    src: url('fonts/bloonbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bloonbd-webfont.woff2') format('woff2'),
         url('fonts/bloonbd-webfont.woff') format('woff'),
         url('fonts/bloonbd-webfont.ttf') format('truetype'),
         url('fonts/bloonbd-webfont.svg#balloon_bd_btbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ============================== /imports ============================== */


/* ============================== GRADIENTS ============================== */

/*Black 3D #1*/
#foo1{
	background: #45484d;    
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}
.ie9 #foo1 {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

/*White 3D #1*/
#foo2 {
    background: rgb(255,255,255);    
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

.ie9 #foo2 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

/* ============================== /gradients ============================== */


/* ============================== TYPOGRAPHY ============================== */
body, html {	   
    -webkit-font-smoothing: antialiased;
    /*Sticky-Footer*/
	height: 100%;
}

body {	
	font-family: 'Arial', sans-serif;
	font-size: 15px;
    *font-size:small;
    *font:x-small;
    line-height:1.22;	
	color: #5c5c5c;   
}

p {
	margin: 0px 0px 20px 0px;	
	text-align: justify;	
}
p:first-child {
	margin-top: 0px !important;
}
	
a, a:active, a:visited, a:focus {
	color: #008001;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #008001;
	text-decoration: underline;
}

/* -------------------- Hauptüberschrift aus Menu -------------------- */
h1 {							
	font-family: 'Arial', sans-serif;	
	line-height: 1.2em;	
	letter-spacing: 1px;	
	margin: 0px 0px 40px 10px;		
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    text-indent: -10px;
	border-bottom: 1px solid #008001;
    border-color: #008001;
	font-size: 1.6em;
}
.page-header h1 {
    text-indent: -27px;	
    margin-left: 27px;
}
.page-header h1:before {
	content: '\f0da';
	font-family: 'FontAwesome';
	margin-right: 7px;	
	vertical-align: 2px;    
    color: #008001;
    font-size: 75%;
}
h1 small {
    color: #008001;
    font-weight: normal;    
    text-shadow: none;
}

/* -------------------- Beitrags-Überschrift (aus Titel) -------------------- */
h2 {			
	font-family: 'Arial', sans-serif;
	line-height: 1.0em;		
	letter-spacing: 1px;							
	font-size: 1.4em;
	margin: 7px 0px 15px 0px;
	padding: 0px 10px 1px 0px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);	
}

/* -------------------- Box-Überschriften, Zwischen-Überschriften (Beitrag) -------------------- */
h3 {			   		
	font-size: 1.25em;
	letter-spacing: 1px;
	line-height: 1.4em;	
	margin: 30px 0px 5px 0px;	
}

h3:first-child {
    margin-top: 0px;
}

/* -------------------- Zwischen-Überschriften -------------------- */
h4 {	
	color: #4C4C4C;
	font-size: 1.25em;				
	letter-spacing: 0px;
	line-height: 1.3em;
	margin-top: 25px;
	margin-bottom: 10px;				
	text-align: left;	
}

/* -------------------- Beitrags-Trennerüberschrift -------------------- */
h5 {	
	font-weight: bold;
	font-size: 0.9em;
	letter-spacing: 1px;
	color: inherit;
	background: #F0F0F0;
	padding: 3px 4px 3px 4px;		
	margin: 20px 0px 10px 0px;				
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
}

/* kleine Beitrags-Überschrift (statt <strong>) -------------------- */
h6 {	
	font-weight: bold;
	font-size: 1.0em;								
	line-height: 1.2em;
	margin: 16px 0px 2px 0;
	text-align: left;								
}

li {
	margin-bottom: 10px;
}
li:last-child {
	margin-bottom: 0px;
	margin-right: 0px;
}

table {
	font-size: inherit;
    font: 100%;
}

ul {
	margin-bottom: 20px;
}

address li {
    margin-bottom: 0px;
}

select, input, textarea {
    font-size: 99%;
}

pre {
    padding: 15px;
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* ============================== /typograhy ============================== */


/* ==================================  AUSIGNIS-EXTENSIONS ================================== */

/* Menusuffix separator fuer Trennstriche */
#footer-menu-cont ul.menu li, ul.menu.separator li {
    float: left;
    list-style: none outside none;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
	border-left: 1px dotted #cccccc;
}
#footer-menu-cont ul.menu li:first-child, ul.menu.separator li:first-child {		
	border-left-width: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

/* Download-Menu mit Download-Icon */
ul.menu.download > li > a:before {
	content: '\f019';
    font-family: 'FontAwesome';
    font-size: 100%;		
    margin-left: -20px;
    margin-right: 0.5em;
	vertical-align: 0px;	
}
.nav.menu.download > li > a {
	padding-top: 0px;
	padding-bottom: 0px;
}


.pull-left, .left {
	float: left;
	clear: both;
	margin: 5px 20px 10px 0px;				
}
.pull-right, .right {	
	clear: both;
    float: right;
    margin: 5px 0px 20px 30px;
}
.center {
	display: block;				
	margin: 5px auto 20px auto;
}
.first {
	margin-top: 0px;
}
.last {
	margin-bottom: 0px;
}

.table.text-center td , .table.text-center th{
   text-align: center;   
}
.table.text-left td, .table.text-left th {
   text-align: left;   
}
.table.text-right td, .table.text-right th {
   text-align: right;   
}

/*mehrspaltige Listendarstellung*/
ul.col-view li {
	display: inline-block;
}
/*Buttons in Liste*/
ul.btn-list {
    list-style: none;
    padding: 0px;
    text-align: center;
}
ul.btn-list li {
    display: inline-block;
    margin-bottom:  0px;
    padding:  15px;
}
ul.btn-list a {
    width: 100%;
    font-size: 18px;
}
/*breite der col-views oder btn-list*/
ul.col-view-5cols li {
	width: 20%;
}
ul.col-view-4cols li {
	width: 25%;
}
ul.col-view-3cols li {
	width: 250px;
}
ul.col-view-2cols li {
	width: 50%;
}
ul.col-view.icons-ul li {
	padding-right: 40px;
}

a.extern:before {
	content: '\f08e';
    font-family: 'FontAwesome';
    font-size: 85%;		
    margin-left: 0px;
    margin-right: 4px;
	vertical-align: 0px;	
	color: #E8B82C;	
}

i.spacer-right {
	margin-right: 0.7em;
}
i.spacer-left {
	margin-left: 0.7em;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* -------------------- for Bootstrap -------------------- */
/*Accordion-Panel*/
.panel-accordion > .panel > .panel-heading > a {
	color: #777777;
	font-weight: normal;
	text-decoration: none;
	display: block;
	width: 100%;
    font-weight: bold;
}
.panel-accordion > .panel > .panel-heading > a:hover {
	
}
.panel-accordion > .panel >.panel-heading > a:before {
	content: '\f0da';
    font-family: 'FontAwesome';
    font-size: 85%;		
    margin-left: 0px;
    margin-right: 2px;
	vertical-align: 0px;
	color: #008001;
}

.panel-accordion .panel-body p {
}
.panel-accordion .panel-body i.fa-li {	
	color: #4B6388;    
}
/* -------------------- /for bootstrap -------------------- */

/* ============================== /ausignis-extensions ============================== */


/* ============================== OVERWRITES ============================== */

/* -------------------- BOOTSTRAP-OVERWRITE -------------------- */
/*ggf. fixe min-width max-width anpassen*/
.container{}

.navbar {
	position: static; /*sonst werden im IE Elemente mit neg. margin abgeschnitten*/
    min-height: 0px;
}
.navbar-nav {
	margin: 0px;
}

.page-header {
	border: none;
	margin: 0px;
    padding-top: 12px;
}

.icons-ul {
	padding-left: 0px;
}
blockquote {
    clear: both;
	border: 1px solid #eeeeee;
	border-left-width: 5px;
	background: #fafafa;
}
blockquote p {
    font-size: 0.95em;
    font-weight: normal;
    line-height: 1.0em;
}
.dropdown-menu {	
	border-radius: 5px;
	padding: 10px 0px;        
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #777777;
	border-color: #777777;
}

.nav > li > a:hover, .nav > li > a:focus {  
  background-color: transparent;
}

.panel {
  background: none;
}

/* -------------------- /bootstrap-overwrite -------------------- */

/* -------------------- JCE-EDITOR -------------------- */
body.mceContentBody {
    background: #fafafa;
}
/* -------------------- /jce-editor -------------------- */

/* -------------------- SIGPLUS -------------------- */
div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img {
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    border-radius: 3px;
    margin: 4px !important;
}
/* -------------------- /sigplus -------------------- */


/* -------------------- JOOMLA -------------------- */

/* -------------------- /joomla -------------------- */


/* ============================== /overwrites ============================== */


/* ============================== CUSTOM-ELEMENTS ============================== */
.shadow {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}
.passepartout {
	background: #ffffff;
	padding: 8px;
	border: 1px solid #dddddd;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}
.padding {
	padding: 10px;				
}
.rotate {
	-moz-transform:rotate(3deg);
    -webkit-transform:rotate(3deg);
	-webkit-backface-visibility: hidden; 
    -o-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    transform:rotate(3deg);
}

.item-image img, .content-image {
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    border-radius: 3px;
    width: 100%;
    max-width: 380px;
}

.notizzettel {
	background-color: rgba(228, 228, 228, 0.8);
    border-radius: 10px;
	box-shadow: 3px 3px 6px 0px #3e3e3e, 3px 3px 6px 0px #3e3e3e;
}


/* ============================== /custom-elements ============================== */


/* ============================== MODULETABLES ============================== */
/*Innen-Div eines moduletables*/
.moduletable .module-inner {	
	padding: 10px 15px;
}
.moduletable h3 {
	border-bottom: 1px solid #008001;
    margin-left: 18px;
    margin-top: 0;
    padding-left: 0;
    padding-top: 10px;
    text-indent: -8px;
    width: 80%;
}
.moduletable.picbox p {
    margin: 0;
}
/* ============================== /moduletables ============================== */


/* ================================== SITE-LAYOUT ================================== */
#site-wrapper { 			
    background: #ffffff;
    /*Sticky-Footer*/
	position: relative;
	min-height: 100%;	
}

#no-footer-wrapper {}

/* -------------------- HEADER ROW -------------------- */
#header {
    background: #c3c3c3 none repeat scroll 0 0;
    min-height: 135px;
    position: relative
}
#logo-row {    
    position: relative;
    height: 110px;
}
#logo {    
    border-radius: 2px;
    left: 15px;
    position: absolute;
    top: 15px;
    z-index: 100;
}
}
#logo-img {
	border: 4px solid #c4c5c8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
    height: 119px;
    padding: 10px;    
}

#slogan {
    position: absolute;
    top: 15px;
    right: 15px;
}
#slogan .moduletable {}
#slogan img {    
    height: 120px;    
    padding: 3px;
	margin-left: 8px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

#fullsizeBanner {}
/* -------------------- /header row -------------------- */


/* -------------------- RESPONSIVE NAVBAR -------------------- */
#navbar {
	/*Navbar liegt über Folgezeile*/
	background: #c3c3c3 none repeat scroll 0 0;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;	
    box-shadow: 2px 2px 3px #333333;
    border-radius: 0px;
    padding: 0px 0px;
    min-height: 50px;
}

#navbar .container {
	/*volle Breite mit container-padding*/
	max-width: 100%;		
}

/*Logo-Bereich -> Layout*/
#navbar-brand-cont {	
	position: relative;		
	z-index: 10;
	margin: -118px 0px -80px 20px;
}
/*Logo-Bereich -> Design*/
#navbar-brand-cont > .moduletable {			
	padding: 10px;
	border: 1px solid #777777;	
	box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	border-radius: 10px;
	background-color: #ffffff;	
}

/**** Hinweis zur Responsive-Navbar ***************************************
	.navbar-collapse:			Menu im Normal- und Small-Display-Modus
	.navbar-collapse.collapse:	Menu im Normalmodus
	-navbar-collapse.in:		Menu im Small-Display-Modus
***************************************************************************/

/* -------------------- Definition des Dropdown-Icons -------------------- */
#navbar-menu .navarrow:before {
	content: '\f0d7';
	font-family: 'FontAwesome';
	margin-left: 4px;	
	vertical-align: 0px;    
    color: #008001;
    font-size: 90%;    
    font-style: normal;
    font-variant: normal;
    text-shadow: none;
}

/* -------------------- komplettes Menu-Element -------------------- */
#navbar-menu.navbar-collapse {
	border-top: none;
    font-size: 17px;
    box-shadow: none;
}

/* -------------------- Moduletablecontainer des Menus -------------------- */
#navbar-menu.navbar-collapse > .moduletable {		
	font-size: 17px;
    padding: 5px 0px;
}
#navbar-menu.navbar-collapse.in > .moduletable {
	margin-top: 0px;    
	/*margin-bottom: 10px;*/    
	font-size: 17px;
}

/* -------------------- Menu-Listenelement (alle Ebenen) -------------------- */
#navbar-menu.navbar-collapse.collapse > .moduletable li {
	margin-bottom: 0px;    
}

/* -------------------- Menulinks (alle Ebenen)--- */
#navbar-menu.navbar-collapse > .moduletable li > a {	
    font-size: 1.15em;
    color: #606060;	        
}
#navbar-menu.navbar-collapse > .moduletable li > a:hover {
    color: #008001;
}
#navbar-menu.navbar-collapse.collapse > .moduletable li > a {
    padding: 10px 15px;
}

#navbar-menu.navbar-collapse.in > .moduletable li > a {
    padding: 10px 15px;
}

/*Hover-Effekt auf Menulink*/
#navbar-menu.navbar-collapse > .moduletable li > a:hover {
	filter: none;
	background: none;
}
/*aktiver Menulink*/
#navbar-menu.navbar-collapse > .moduletable li.active > a {
	filter: none;
	background: none;
}
/*als Dropdown geoeffneter Menulink*/
#navbar-menu.navbar-collapse > .moduletable li.open a {
	filter: none;
	background: none;
}

/* -------------------- Menulinks (oberste Ebenen) -------------------- */
#navbar-menu.navbar-collapse ul.navbar-nav > li > a {}

/* -------------------- Dropdown-Box -------------------- */
#navbar-menu.navbar-collapse.collapse > .moduletable .dropdown-menu {
	filter: none;	    
    border: none;    
}
#navbar-menu.navbar-collapse.in > .moduletable .dropdown-menu {
	margin-left: 20px;
    padding-top: 0px;
}

/* -------------------- Dropdown-Menulink -------------------- */
#navbar-menu.navbar-collapse.collapse > .moduletable .dropdown-menu li > a {
	font-family: 'Maven Pro', sans-serif;
    font-variant: normal;
    padding: 5px 10px;
    color: #C4C5C8;
}
#navbar-menu.navbar-collapse.in > .moduletable .dropdown-menu li > a {
	color: #C4C5C8;
}
/*Hovereffekt auf Menulink*/
#navbar-menu.navbar-collapse.collapse > .moduletable .dropdown-menu li > a:hover {
	filter: none;
	background: #C4C5C8;
    color: #333333;
}
/*aktiver Menulink im Dropdwnmenu*/
#navbar-menu.navbar-collapse.collapse > .moduletable .dropdown-menu li.active a {	
}
/* -------------------- Menu-Button -------------------- */
.navbar-toggle span{
	filter: none;
	background: #888888;
}
/* -------------------- /responsive navbar -------------------- */


/* -------------------- TOP ROW -------------------- */
#top {}

#top .row {}

/* -------------------- /top row -------------------- */


/* -------------------- MAIN ROW -------------------- */
#main {}

/*hier ggf. den Hauptbereich designen*/
#main .row {}

#main-center {
	background-color: rgba(228,228,228,.8);
	border-radius: 10px;
	box-shadow: 3px 3px 6px 0px #3e3e3e, 3px 3px 6px 0px #3e3e3e;
}

#main-center-top {}
#main-center-inner {}
#main-center-bottom {}


.main-sidebar {}
.main-sidebar .moduletable {
    margin-bottom: 15px;
}
.main-sidebar .moduletable:last-child {
    margin-bottom: 0px;
}
#main-left {}
#main-right {}

/* -------------------- /main row -------------------- */


/* -------------------- BOTTOM ROW -------------------- */
#bottom {}

#bottom .row {	
	padding-top: 20px;
	padding-bottom:	20px;
}

#bottom p, #bottom li, #bottom a, #bottom address {}


/* -------------------- /bottom row -------------------- */


/* -------------------- FOOTER ROW -------------------- */
/*Platzhalter zwischen footer und content-Bereich mit jQuery berechnet (Sticky-Footer) */
#footer-spacer {}

#footer {
	background: #c3c3c3 none repeat scroll 0 0;
	padding: 10px 0px;	
	box-shadow: 2px 2px 6px rgba(0,0,0,0.8);
	/*Sticky-Footer*/
	clear: both;
	position: absolute;
	bottom: 0px;	
	left: 0px;
	width: 100%;    
}


#footer .row {
	filter: none;	
}
#footer p, #footer a {	
	margin: 0px;	
}
#footer a:hover {
    color: #008001;
    text-decoration: none;
}
	
#footer-menu{
	position: relative;	
}
#footer-menu > .moduletable {
	float: right;
}
#footer-menu .nav > li > a {
	padding: 0px;
}
/*sofern das leere Dummy-Module "footer-copyright" vorhanden wird im div automatisch das Copyright eingefügt*/
#footer-copyright{}


/* -------------------- /footer row -------------------- */


/* ============================== JQUERY-INITS ============================== */
a.jq-scrollup {
	display: none;
	text-decoration: none;
}
a.jq-scrollup:hover {	
	text-decoration: none;
}
/* ============================== /jquery-inits ============================== */


/* ================================== MEDIA QUERIES ================================== */
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
}

/* desktop */
@media (min-width: 768px) {
	#site-wrapper {
		background-image: url('../images/background/tennis-453505_1920.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

/* Large desktop */
@media (min-width: 992px) {    	
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {   
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {		
	   
	
	/* -------- NavBar-Menu -------- */
	.navbar-toggle { 
        display: block; 
        margin-right: 15px; 
    }   
    #navbar-menu  .navbar-nav > li {
        margin: 0px 0px;        
        border-bottom: 1px dotted #E0E0E0;
    }
    #navbar-menu .navbar-nav > li:last-child {        
        border-bottom: none;
    }
    #navbar-menu .navarrow:before {
	    position: absolute;
        right: 15px;
        content: '\f078';	    
	    margin-left: 0px;        
    }


    div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img {
        height: 120px;
        width: 120px;
    }
    .boxplus-enlarge, .boxplus-shrink {
        display: none;
    }
}

/* portrait phone and down */
@media (max-width: 480px) {
    .content-image.pull-left, .content-image.pull-right {
        display:  block;
        float: none !important;
        margin: 0px auto;
    }
}

/* print styles */
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* ============================== /media queries ============================== */