/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*@import url("css/fontello.css");*/
/**{
text-transform: none;
}*/

#mobile-advanced li > a::before, .html_header_mobile_behavior #mobile-advanced span > a::before, #mobile-advanced .mega_menu_title::before {
    top: 15px;
}

.logo{
	display:none
}
.wetter{
	float:right
}
.avia-size-x-large
{
	width:99%;
}
.avia-size-x-large .avia_iconbox_title
{
	font-size:x-large
}

#tiptip_content {
    background-color: rgba(250, 250, 250, 0.92) !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    color: #000 !important;
    font-size: 16px !important;
   	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#fff)) !important;
}

#menu-item-2022 a .avia-menu-text
{
background-color:#00b8fd;
color:#FFFFFF;
padding: 4px 7px;
border-radius: 6px;
}
.main_menu{
	right:auto
}

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
.av-animated-generic
{
	border-right:1px #E1E1E1 solid !important;
	position:relative; left:3%;
}

.av-animated-generic > section,
.av-animated-generic > div
{
	position:relative; left:-4.5%;
}
}

.av-main-nav > li > a{
	padding-left:8px;
	padding-right:8px;
}

p{
    margin: 0em 0 1.7em 0;
}
.av-equal-height-column-flextable p{
    margin: 0.85em 0;
}

.ls-l{
	color:#FFFFFF !important; 
}
.ls-l b{
display:block;
/*font-size:48px;*/
font-size:2.2em;
	color:#FFFFFF !important;
	padding-bottom:5px;
	font-style:italic
}
blockquote{
	border-left-color:#00b8fd !important;
}


.menu-item-top-level > a > .avia-menu-text
{
padding: 4px 7px;
}
.menu-item-top-level:hover > a > .avia-menu-text
{
background-color:#00b8fd;
color:#FFFFFF;
padding: 4px 7px;
border-radius: 4px;
}
.av-main-nav ul{
	width:300px;
}

.post-entry h1{
	font-size:26px;
	color:#005495 !important;
text-transform: none !important;
}

.post-entry h2{
	color:#005495 !important;
text-transform: none !important;
}

.post-entry h3{
	color:#005495 !important;
text-transform: none !important;
}

.post-entry h4{
	color:#005495 !important;
text-transform: none !important;
font-weight:normal
}
.avia_textblock  a{
	color:#00b8fd;
	font-weight:bold
}
.avia_textblock  b,
.avia_textblock  strong,
{
	color:#003f75;
	
}

.av-main-nav > li > a{font-size:18px; font-family:'Raleway'; font-weight:normal; /*text-transform:uppercase*/}
.av-main-nav ul a{font-size:16px !important; font-family:'Raleway'; font-weight:normal;}

#header_meta{
 background-color:#FFFFFF;
}
#header_meta, #header_meta *{
	font-size:14px !important;  font-family:'Raleway'; font-weight:normal; 
}
#header_meta .phone-info span{
	font-size:16px !important;
	}
/*.header-scrolled,
.header-scrolled #header_main{
	background:transparent rgba(255, 0, 0, 0.1) !important;
}*/

.avia_textblock th,
.avia_textblock td
{
    border:0 none !important;
    font-size:16px;
    vertical-align:top
}

.main_color tr:nth-child(2n+1), .main_color .pricing-table > li:nth-child(2n+1), .main_color .pricing-extra {
    background: #fff none repeat scroll 0 0;
}


#scroll-top-link{
	display:none !important;
	visibility:hidden
}

#footer {
    border-top: 4px solid #00b8fd;
}
#footer{
    padding-bottom:0;
}
#footer .widget{
    margin-bottom:0;
}
#footer .av_one_fourth{
	position:relative; top:-20px;
}
#footer .av_one_fourth {
    margin-left: 2%;
    width: 23.5%;
}
#footer .av_one_fourth.first{
    margin-left: 0%;
}
#footer .widgettitle{
	text-transform:none
}

.avia_mega_menu_columns_2 .sub-menu{
	border-right:1px #D8DDE3 dotted !important;
}

.avia_mega_menu_columns_3 .sub-menu{
	border-right:1px #D8DDE3 dotted !important;
}
.avia_mega_menu_columns_last .sub-menu{
	border-right:0px none !important;
}

#header_main, #header_main *{
/*	font-family:Karla;*/
}
.current-menu-item .avia-menu-text{
	color:#005495;
}
/*
.menu-item:hover *,
.menu-item:hover .sub-menu,
.menu-item:hover .sub-menu *
{
 background-color:#00B8FD !important;
 color:#FFFFFF !important;	
}
*/

#footer a:hover {
    color:#DFE5EC;
}

#footer center h2 {
    font-size:14px;
    color:#B6BCC4;
    padding-bottom:15px;
    border-bottom:1px #555a5f solid;
    font-family:'Raleway';
    font-weight:normal;
}


#footer center h3 {
    font-size:28px;
    color:#B6BCC4;
    padding-bottom:10px;
    font-family:'Raleway';
}
.icon-x:before { content: ' '; } 

#socket, #socket *{
	font-size:13px;
}

/*
#header_beratung{
position:absolute;
width:197px;
height:66px;
right:0px;
top:87px;
background: url('../infophone.png') transparent no-repeat scroll center center;
}

#header_line{
position:absolute;
height: 1px;
right:0px;
left:251px;
top:86px;
background-color:#D8DDE3;
}
#header_segelschule{
position:absolute;
width:550px;
height: 30px;
line-height: 30px;
left:251px;
top:50px;
z-index:1000000;
text-transform:uppercase;
color:#00B7F1;
font-size:30px;
font-weight:bold;
letter-spacing:2px;
font-style:italic;
font-family:'Raleway';
}
#header_segelschule span{
color:#005495;
}
*/
#menu-item-1623,
#menu-item-1623 a
{
	background:#00b8fd;
	color:#FFFFFF;
	padding-right:5px;
	padding-left:5px;
	text-transform:uppercase;
	letter-spacing:2px;
}
#menu-item-1623:hover,
#menu-item-1623:hover a,
#menu-item-1623 a:hover
{
	background:#00b8fd;
	color:#FFFFFF !important;
}
/*
#header_meta
{
position:absolute;
right:0px;
top:24px;
	height:52px;
	line-height:52px;
	padding:0;
margin:0;
}
#header_meta, #header_meta *
{
	height:52px !important;
	line-height:52px !important;
	padding:0 !important;
}
*/
.mega_menu_title{
	font-size:18px !important;
}
.mega_menu_title a{
	color:#005495 !important;
	font-weight:bold !important;
}
.current-page-ancestor > a > .avia-menu-text,
.current-menu-ancestor > a > .avia-menu-text,
.current-menu-parent > a > .avia-menu-text,
.current-page-parent > a > .avia-menu-text,
.current-menu-item > a > .avia-menu-text
{
	color:#4AB7F4
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

@media only screen and (max-width: 1430px) {
  /* Add your Mobile Styles here */
.avia-menu-text{
 font-size:16px !important;
}
.av-main-nav > li > a{
	padding-left:5px;
	padding-right:5px;
}
}

@media only screen and (max-width: 1260px) {
  /* Add your Mobile Styles here */
   [class^="icon-"]:before, [class*=" icon-"]:before {
   content:none!important;
}
.avia-menu-text{
 font-size:14px !important;
}
.av-main-nav > li > a{
	padding-left:2px;
	padding-right:2px;
}
}

@media only screen and (max-width: 1090px) {
  /* Add your Mobile Styles here */
.avia-menu-text{
 font-size:13px !important;
}
.av-main-nav > li > a{
	padding-left:1px !important;
	padding-right:1px !important;
}

@media only screen and (max-width: 1017px) {
  /* Add your Mobile Styles here */
.avia-menu-text{
 font-size:12px !important;
}
.av-main-nav > li > a{
	padding-left:0px !important;
	padding-right:1px !important;
}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
.logo{
	visibility:hidden !important
}

#header_meta{
display:none
}

}