/*---------------------------------------------------------------
# Package - Joomla Template based on Stools Framework   
# ---------------------------------------------------------------
# Author - joomlatd http://www.joomlatd.com
# Copyright (C) 2008 - 2013 joomlatd.com. All Rights Reserved.
# Websites: http://www.joomlatd.com
-----------------------------------------------------------------*/

/*Common*/

@font-face {
    font-family: 'MuseoSans_300';
    src: url('../fonts/museo/MuseoSans_300.eot');
    src: url('../fonts/museo/MuseoSans_300.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo/MuseoSans_300.woff') format('woff'),
         url('../fonts/museo/MuseoSans_300.ttf') format('truetype'),
         url('../fonts/museo/MuseoSans_300.svg#museo/MuseoSans_300') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*Common Überschriften Grösse ändern und fetter machen (hb) */

h2
 {
   font-size: 20px;
   line-height: 1.4;
   font-weight:300;
   color: #999999;
}

h1
 {
   font-size: 18px;
    line-height: 1.4; 
    font-weight:900;
/*   color: #a1a5a7;*/
/*    background-color: #cccccc;*/
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 20px; /* hb/ Abstand vor Überschrift Event */

}

h3
 {
	font-size: 22px;
    font-weight:900;
}

h4
 {
	font-size: 14px;
    font-weight:300;
}
h5
 {
	font-size: 14px;
    font-weight:300;
    color: #004289; 
}

h6
 {
	font-size: 14px;
    font-weight:300;
    color: #a1a5a7; 
}

h1,h2,h3,h4
{
	 font-family: "MuseoSans_300";
	 font-style: normal;

}
/* 2.x geändert (hb)
 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	
}
*/
/* geändert (hb)
{
	font-family: ProximaNovaThin,Arial,Helvetica,sans-serif;
	font-weight:300;
}*/

#ju-bookmarks .ju-inner,
#ju-banner .ju-inner {
	padding:0;
}
#ju-header .ju-inner{
	padding:0;margin: 0px;
}
#ju-login { position: absolute; right: 0px; top: 20px; width: 150px;}	
#jul .jul-panel > span{
	display:inline-block;
	font-size: 0px;
	height:40px !important;
	width: 40px !important;
	line-height:0px !important;
	padding:0px !important;
	cursor:pointer;
	text-indent: -3300px !important;	
	width: auto;	
}
#jul-panel-login{text-indent: -999em !important;
	 background: url(../images/user.png) no-repeat right center; 
	/*border-right: 5px solid #666; */ margin-right: 5px;
	width: 40px; height: 40px; padding: 0;
	-moz-transition: background-position 0.5s ease 0s;
	-webkit-transition: background-position 0.5s ease 0s;
	-o-transition: background-position 0.5s ease 0s;
	transition: background-position 0.5s ease 0s;
}

#jul-panel-login:hover, #jul-panel-login.active { background-position: left center; /*border-right: 5px solid #74B600;*/}

#jul-panel-registration{text-indent: -999em !important;
	 background: url(../images/reg.png) no-repeat right center; 
	/*border-right: 5px solid #666; */ margin-right: 5px;
	width: 40px; height: 40px; padding: 0; 
	-moz-transition: background-position 0.5s ease 0s;
	-webkit-transition: background-position 0.5s ease 0s;
	-o-transition: background-position 0.5s ease 0s;
	transition: background-position 0.5s ease 0s;
}
#jul-panel-registration:hover, #jul-panel-registration.active { background-position: left center; /*border-right: 5px solid #74B600;*/}
#jul-panel-login, #jul-panel-registration {
-webkit-border-radius: 35px!important;
-moz-border-radius: 35px!important;
-moz-border-radiust: 35px!important;
border-radius: 35px!important;}
/*date*/
.ju_date{float:right;margin-top:8px}
.fss-next {display: block;width: 30px!important;height: 30px!important;float: left; background-image: url(../images/next.png)!important;}
.fss-prev {display: block;width: 30px!important;height: 30px!important;float: left; background-image: url(../images/prev.png)!important;}
.fss-next,.fss-prev {margin-top: 170px;}

.form-actions{padding:2px 4px 2px;margin-top:5px;margin-bottom:5px;background: transparent;border-top:1px solid #fff;*zoom:1;}
#menuout{ background: #fff;
	box-shadow:0 0 30px rgba(0,0,0,0.7);
	-moz-box-shadow:0 0 30px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 0 30px rgba(0,0,0,0.7);}
#ju-basetop .recentnews_stl li .details h4 + span, #ju-basetop a{color:#f1f1f1!important}
#navmenu ul li .submenu-inner,#sublevel ul li .submenu-inner { padding: 3px; margin: 0px 3px 3px 3px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);}
	
.btn-primary{color:#333;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #fafafa, #bbb);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#bbb));background-image:-webkit-linear-gradient(top, #fafafa, #bbb);background-image:-o-linear-gradient(top, #fafafa, #bbb);background-image:linear-gradient(to bottom, #fafafa, #bbb);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#eee', GradientType=0);border-color:#bbb #bbb #ccc;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bbb;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#bbb;*background-color:#ddd;}

.readmore {color:#444;background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #fafafa, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #fafafa, #f5f5f5);background-image:-o-linear-gradient(top, #fafafa, #f5f5f5);background-image:linear-gradient(to bottom, #fafafa, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#eee', GradientType=0);border-color:#f5f5f5 #f5f5f5 #ccc;*background-color:#f5f5f5;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#f5f5f5;*background-color:#ddd;}

input{width:90%;}
textarea{width:98%;}
.quick_contact input{width:80%;}
#contact-form input{width:40%;}
#user-registration input, #member-registration input, .login input{width:230px;}
.pagenav a,.pager a{display:inline-block;padding:4px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fafafa; border-bottom:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #fff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);}
.pager a:hover{text-decoration:none;background:#f5f5f5; border-bottom:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #e6e6e6, #fff);
	background-image: -moz-linear-gradient(top, #e6e6e6, #fff);
	background-image: -ms-linear-gradient(top, #e6e6e6, #fff);
	background-image: -o-linear-gradient(top, #e6e6e6, #fff);}

	
.bt-cs h3, .bt-cs .bt-inner a
 {
	color: #555 !important;
	font-family: 'MuseoSans_300'; /* Schriftart geändert (hb) */
	font-size: 1.1em !important;
	font-weight:100;
}
    
ul.social_icons li a:hover {   
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;}
@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(1.6);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(1.6);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(1.6);
    }
    to {
        -ms-transform: scale(1);
    }
}
  @media (max-width: 767px) {
body {
    padding-right: 0px;
    padding-left: 0px;
  }
  } 
.random-image
{
   margin: 0px 0px 0px 0px;
   /* padding: 0px 0px 0px 100px;  Qualitätssicherung (hb)*/
}

.random-image-partner
{
   margin: 20px 0px 0px 0px;
}
/*  Links, wenn nicht anders definiert */
a:link {
    color: #003399;
}
a:visited {
    color: #003399;  
}

a:hover {
    color: #cccccc;  
}

a:active {
    color: #cccccc;
}


.event_top {	
	padding-top: 20px;	
}