/* 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 */

#login_anwaelte a {
	width:100%;
	background-color: rgb(78, 112, 147);
	border-bottom-style:none;
	border-bottom-width:0;
	color:rgb(255, 255, 255);
	margin-top:50px;
	border-radius: 0;
}

#login_anwaelte a:hover {
	background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}


.newsletter.newsletter-5 {
	width:100%;
}

.avia_image {
	border-radius:0;	
}

body div .avia-button.avia-size-small {
    border-radius:0;
	width: 168px;
    height: 33px;
	background-color: rgb(37, 55, 73);
}

body div .avia-button.avia-size-small:hover {
	background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

/*inaffect*/
/*--------*/

/*Leaderboard*/
#leaderboard .avia_codeblock {
    width: 400px;
    margin: 40px 0px 0px 43%;
	position: relative;
}

#leaderboard .container {
	height: 430px;
}

@media screen and (max-width: 767px) {
	#leaderboard .avia_codeblock {
		width:100% ;
		padding:0 7% 0 7%;
		margin: 40px 0px 0px 0px;
	}

}

/*Landingpage Newsboxes*/
#newsboxes {
	padding: 50px 0px 50px 0px;	
}

#newsboxes a.avia-button.avia-icon_select-no.avia-color-theme-color.avia-size-small.avia-position-center {
    margin: -18px -80px auto;
    /*position: absolute;*/
}

#newsboxes section.av_textblock_section {
    padding-bottom: 15px;
}

/*Picture scaling*/
#contentbox .avia-image-container.avia-align-center .avia-image-container-inner {
    margin: 0px auto;
}

/*Intro Lyrics*/
#lyricline h3{
	font-size: 30px;
	padding: 0px 0px 50px 0px;	
}

/*Introvideos*/
#introvideos {
	padding: 50px 0px 20px 0px;	
}

/*Offerboxes*/
#offerboxes {
	padding: 80px 0px 100px 0px;
}

#offerboxes #offerbox {
	 display: block;
	 width: 100%;
	 background-color: #ffffff;
 }

#offerboxes #offerbox #offertitle {
 height: 77px;
 text-align: center;
 text-transform: uppercase;
 padding-top: 30px;
 background-color: #253749;
 color: #ffffff;
}

#offerboxes #offerbox #offertitle h4 {
 color: #ffffff;
}

#offerboxes #offerbox #offeritem{
 width: 90%;
 margin: auto;
 text-align: center;
 padding-top: 20px;
 border-bottom: thin;
 border-style: solid;
 border-color: #C8C8C8;
}

#offerboxes #offerbox #offerprice {
 width: 90%;
 margin: auto;
 text-align: center;
 padding: 50px 0px 20px 0px;
}

#offerboxes #offerbox #button {
 background-color: #253749;
 width: 170px;
 height: 35px;
 margin: auto;
 text-align: center;
 padding-top: 8px;
 color: #ffffff;
}

#offerboxes #offerbox #button a {
 color: #ffffff;
 text-decoration: none;
}

#offerboxes #offerbox #buttonoff {
 background-color: #ffffff;
 width: 170px;
 height: 35px;
 margin: auto;
 text-align: center;
 padding-top: 8px;
 border: thin;
 border-style: solid;
 border-color: #C8C8C8;
}

#offerboxes #offerbox #buttonoff a{
 color: #000000;
}

/*Lightbox Style*/

.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    background: url(/wp-content/plugins/responsive-lightbox-lite/assets/nivo-lightbox/themes/default/close.png) no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    padding: 5px;
    opacity: 0.5;
}

#lightbox_content .row {
	clear:both;
	width:100%;
}
#lightbox_content .spalte {
	width:29%;
	margin-right:6%;
	float:left;
}
#lightbox_content .spalte.last {
	margin-right:0%;
}

#fachgebieteselect {
	width: 85% !important;
    display: inherit !important;
    float: left !important;
    margin-right: 5% !important;
}
#suchinfo {
	width: 10%;
    float: left;
	margin-top:7px;
}


.html_stretched #wrap_all {
	background-color:#f5f5f5;
}

/*
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 */
  	.socialline {
		width: 168px;
		margin-top:60%;
  	}
  
  	/*#menu-footer_menu {
		margin-left:30% !important;
		margin-top:40% !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) {
  /* Add your Mobile Styles here */
	/*Leaderboard*/
	#leaderboard {
		background-image: none;
	}
	#fachgebieteselect {
		width: 100% !important;
		display: block !important;
	}
	#suchinfo {
		display:none;
	}
	
	#lyricline h3{
		font-size: 20px;	
	}
}