/*
Theme Name: Fasanerie Zweibrücken
Theme URI: http://www.typolar.de
Author: Thomas Beisiegel
Author URI: http://www.typolar.de
Description: Theme der Fasanerie Zweibrücken
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:
Tags:
*/

/* FURCHT & TADEL */
.bottombar {display:none;}
.footer_spacer {display:none;}
.wrapper_teaser {}
.wrapper_teaser div, .wrapper_teaser p, .wrapper_teaser a {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-align:center;font-weight:500;color:#493f22;font-size:16px;line-height:1.4em;}
.wrapper_teaser .column {width:32%;float:left;margin-bottom:20px;}
.wrapper_teaser .column:nth-of-type(1) {margin-right:2%;}
.wrapper_teaser .column:nth-of-type(2) {margin-right:2%;}
.wrapper_teaser .column:nth-of-type(3) {margin-right:0;}
.wrapper_teaser .column:nth-of-type(4) {margin-right:2%;}
.wrapper_teaser .column:nth-of-type(5) {margin-right:2%;}
.wrapper_teaser .column:nth-of-type(6) {margin-right:0;}
.wrapper_teaser .column .teaserbox {display:block;width:100%;}
.wrapper_teaser .column .teaserbox .image {max-width:100%;padding-bottom:56.25%;position:relative;overflow:hidden;}
.wrapper_teaser .column .teaserbox .image img {position:absolute;width:100%;top:0;left:0;height:100%;border:0px;}
.wrapper_teaser .column .teaserbox .image .more {z-index:3;position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);padding:10px;background:rgba(73, 63, 34, 0.8);-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}
.wrapper_teaser .column .teaserbox .image .more img {position:relative;display:block;width:29px;height:29px;color:#fff;}
.wrapper_teaser .column .teaserbox .image .overlay {opacity:0;position:absolute;width:100%;height:100%;background:rgba(73, 63, 34, 0.8);z-index:2;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}
.wrapper_teaser .column .teaserbox .image .overlay .text {font-size:18px;color:#fff;font-family: 'openlight', sans-serif;position:relative;top:50%;transform:translateY(-50%);}
.wrapper_teaser .column .teaserbox .image:hover .more {opacity:0;}
.wrapper_teaser .column .teaserbox .image:hover .overlay {opacity:1;}
.wrapper_teaser .column .teaserbox .image iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.clear {clear:both;margin-bottom:20px;}

.wpcf7-form input, .wpcf7-form textarea { font-family:'openlight';font-size:12px;padding:8px;border:1px solid #bababa;width:100%;margin-bottom:10px; } 
.wpcf7-form input[type="checkbox"], .wpcf7-form input[type="radio"] { width:auto;float:left;position:relative;top:3px;margin-right:10px; } 
.wpcf7-form span.wpcf7-list-item { margin:0; }
.wpcf7-form input[type="submit"] { width:auto;border:0;padding:10px 20px;background:#493f22;color:#fff;cursor:pointer; }

/*
/////////////////////////////////////////////
GLOBAL KEYCOLORS
/////////////////////////////////////////////
*/
.basic{
	color: #555;
	font-family:'openlight';
	font-size: 14px;
	line-height: 21px;
}
.basic a{
	font-family: 'openbold';
	color:#7c0032;
	text-decoration:none;
}
.basic a:hover{
	color:#ca0051;
}
.menu-link a{
	color: #333;
}
.menu-link a:hover{
	color:#7c0032;
}
.key-fore,.key-fore-interact,.key-fore-interact a{
	color:#7c0032;
}
.key-fore-interact:hover,.key-fore-interact a:hover{
	color:#ca0051;
}
.key-back,.key-back-interact{
	background-color:#7c0032;
}
.key-back-interact:hover{
	background-color:#ca0051;
}
.key-negative,.key-negative-interact,.key-negative-interact a{
	color:#FFF;
}
.key-negative-interact:hover,.key-negative-interact a:hover{
	color:#ffb0d0;
}

.key-fore-interact, .key-back-interact,.key-negative-interact{
	cursor:pointer;
}


.key-fore-interact:hover,
.key-back,.key-back-interact,
.key-back-interact:hover{
	-webkit-transition:color 500ms ease-out;
	-moz-transition:color 500ms ease-out;
	-o-transition:color 500ms ease-out;
	transition:color 500ms ease-out;
	-webkit-transition:background-color 500ms ease-out;
	-moz-transition:background-color 500ms ease-out;
	-o-transition:background-color 500ms ease-out;
	transition:background-color 500ms ease-out;
}
.basic,
.basic a,
.basic a:hover,
.menu-link a,
.menu-link a:hover,
.key-fore,.key-fore-interact,
.key-negative,.key-negative-interact,.key-negative-interact a,
.key-negative-interact,.key-negative-interact a:hover{
	-webkit-transition:color 500ms ease-out;
	-moz-transition:color 500ms ease-out;
	-o-transition:color 500ms ease-out;
	transition:color 500ms ease-out;
	-webkit-transition:background-color 500ms ease-out;
	-moz-transition:background-color 500ms ease-out;
	-o-transition:background-color 500ms ease-out;
	transition:background-color 500ms ease-out;
}
/*
/////////////////////////////////////////////
FONTS
/////////////////////////////////////////////
*/
@font-face {
    font-family: 'openlight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'julliscript';
    src: url('fonts/julliscriptum2-webfont.eot');
    src: url('fonts/julliscriptum2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/julliscriptum2-webfont.woff') format('woff'),
         url('fonts/julliscriptum2-webfont.ttf') format('truetype'),
         url('fonts/julliscriptum2-webfont.svg#julliscriptumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'openbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
/////////////////////////////////////////////
TYPOGRAPHY
/////////////////////////////////////////////
*/
h1{
	font-size: 45px;
	font-family: 'Roboto';
	font-weight:normal;
	margin:0;
	line-height:45px;
}
h2{
	font-size: 35px;
	font-family: 'Roboto';
	font-weight:normal;
	margin:0;
	line-height:35px;
}
h3{
	font-size: 24px;
	font-family: 'Roboto';
	font-weight:normal;
	margin:0;
	line-height:24px;
}
h4{
	font-size: 16px;
	font-family: 'Roboto';
	font-weight:normal;
	margin:0;
	line-height:16px;
}
a{
	text-decoration:none;
}
b,strong{
	font-family:'openbold';
	font-weight: normal;
}
/*
/////////////////////////////////////////////
PAGE LAYOUT
/////////////////////////////////////////////
*/
*{
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-y: scroll;
}
img {
    margin:0px;
    padding:0px;
    border : none;
    float: left;
}
.wrapper{
	position:relative;
	width:960px;
	margin: 0 auto;
	z-index:1000;
}
.content{
	position:relative;
	clear:both;
	top:17px;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
.logo{
	position:relative;
	float:left;
	width:310px; 
	height:180px;
	background-color:#FFF;
}
.logo img{
	width:100%;
	height:auto;
}

.secondLogo{
	position:absolute;
	width:300px;
	height:80px;
	right:10px;
	top:30px;
	background-color:transparent;
}
.secondLogo img{
	width:auto;
	height:100%;
	float:right
}


.callout-header{
	background-color:#FFF;
	width:650px;
	height:180px;
	float:left;
}
.footer{
	position:relative;
	height:30px;
	top:50px;
	width:100%;
}
.footerinfo{
	position:relative;
	font-family:'openlight';
	margin-left:10px;
	font-size:10px;
	line-height:30px;
	float:left;
}
.social-media-icons{
	position:relative;
	margin-left:10px;
	float:left;
	height:30px;
	line-height:30px;
}
.social-media-icons img{
	margin-top:5px;
	opacity:0.5;
}
.social-media-icons img:hover{
	opacity:1;
}
.clear{
	clear:both;
}

.onecolumn, .twocolumn, .fullcolumn,.halfcolumn,.smallcolumn{
	position:relative;
	margin-left:10px;
	margin-right:10px;
	float:left;
	background-color:#FFF;
}
.smallcolumn{
	width:220px;
}
.onecolumn{
	width:300px;
}
.halfcolumn{
	width:460px;
}
.twocolumn{
	width:620px;
}
.fullcolumn{
	width:940px;
}
.text-content{
	padding:20px;
}
.image-content{
	background-color:transparent;
}
.image-content img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.read-more{
	font-family: 'openlight';
	font-size: 17px;
	line-height: 35px;
	padding-left: 10px;
	position: absolute;
	width: 170px;
	height: 35px;
	right: 0;
	bottom:0;
	margin-bottom: -35px;
	background-image: url(images/arrow-right-small.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.spacer20{
	height:20px;
	position:relative;
	clear:both;
}
.spacer55{
	height:60px;
	position:relative;
	clear:both;
}

/*
/////////////////////////////////////////////
CPT PAGE LAYOUT
/////////////////////////////////////////////
*/
.cpt-page-content{
	margin-bottom:20px;
}
.additional-image-container{
	margin:10px;
	width:80px;
	height:80px;
	float:left;
}
.custom-overview-excerpt{
	width:430px;
	min-height:160px;
	margin:0;
	background-color:#FFF;
	margin-bottom:40px;
}
/*
/////////////////////////////////////////////
EVENTS
/////////////////////////////////////////////
*/
.eventcolumn{
	position:relative;
	width:300px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
.eventcolumn h2{
	font-size:30px;
	margin-bottom:10px;
}
.onecolumn.event-image-container{
	margin-right:0px;
	background-color:transparent;
}
.event-overview-image{
	position:relative;
	width:100%;
	height:250px;
	overflow:hidden;
}
.event-overview-date{
	width:300px;
	height:50px;
	margin:0;
	padding-left:20px;
}
.event-single-date{
	width:210px;
	height:100px;
	margin:0;
	padding-left:20px;
}
.eventdate-firstline{
	font-family:'openbold';
	font-size:48px;
}
.eventdate-overview-firstline{
	font-family:'openbold';
	font-size:35px;
	float:left;
}
.eventdate-secondline{
	font-size:24px;
	margin-top:-5px;
}
.eventdate-overview-secondline{
	font-size:24px;
	margin-top:17px;
	float:left;
	margin-left:10px;
}
.event-single-excerpt{
	width:430px;
	min-height:160px;
	margin:0;
	background-color:#FFF;
	margin-bottom:40px;
}
.event-overview-excerpt{
	width:300px;
	height:200px;
	margin:0;
	background-color:#FFF;
	margin-bottom:55px;
}
.eventoverview-read-more{
	font-family: 'openlight';
	font-size: 17px;
	line-height: 35px;
	padding-left: 10px;
	position: absolute;
	width: 170px;
	height: 35px;
	bottom:0;
	right: 0;
	margin-bottom:-35px;
	background-image: url(images/arrow-right-small.png);
	background-repeat: no-repeat;
	background-position: right center;
}
/*
/////////////////////////////////////////////
ZIMMER
/////////////////////////////////////////////
*/
.zimmer-overview-container{
	margin-bottom:55px;
}
.zimmer-overview-image{
	position:relative;
	width:100%;
	height:150px;
	overflow:hidden;
}
.zimmer-overview-excerpt{
	min-height:130px;
}
.container-book-now{
	margin: 0;
	width: 210px;
	height: 100px;
	font-size: 25px;
	cursor: pointer;
	background-image: url(images/arrow-right-big.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.book-now-text{
	font-family:'openlight';
	padding-left:20px;
	margin-top:13px;
}
/*
/////////////////////////////////////////////
BEWERTUNGEN PAGE
/////////////////////////////////////////////
*/
.GlobalRatingBox{
	position:absolute;
}
.box-fixed{
	position:fixed;
	top:60px;
}
.ratingContentBox{
	margin-left:340px;
}
.ratingBoxOverall{
	font-family: 'Roboto';
	width:140px;
	height:60px;
	margin-left:10px;
	margin-top:10px;
	font-size:50px;
	padding:0;
	text-align:center;
	line-height: 60px;
	float:left;
}
.ratingBoxBorder{
	float: left;
	margin-top: 10px;
	width: 140px;
	height: 60px;
	font-family: 'Roboto';
	text-align: center;
	border-width: 1px;
	border-style: solid;
	padding-top:6px;
}
.ratingColumn{
	width:135px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.ratingPortalText{
	margin-top:10px;
	font-size:10px;
	line-height:normal;
	width:auto;
	float:left;
	width: 80px;
}
.ratingPortalPercentage{
	margin-top:10px;
	font-family: 'Roboto';
	font-size:24px;
	width:auto;
	float:left;
	margin-left:10px;
}
.ratingText{
	margin-top:5px;
	margin-bottom:5px;
	font-size:10px;
	line-height:12px;
}
.ratingBar{
	position:relative;
	width:100%;
	height: 15px;
	margin-bottom:10px;
}
.ratingBarBG{
	position:absolute;
	width:100%;
	height:100%;
}
.ratingBarFill{
	position:absolute;
	width:100%;
	height:100%;
}
.ratingContentBox{
	padding:20px;
	margin-bottom:40px;
}
.CALogoContainer{
	position:absolute;
	width:120px;
	right:20px;
	top:20px;
	cursor:pointer;
}
.CALogoContainer img{
	width:100%;
	height:auto;
}
.commentBox{
	position:relative;
	width: 100%;
	height: auto;
	border: thin solid;
	margin-top:20px;
	margin-bottom:30px;
}
.author{
	width: 100%;
	height:20px;
	font-family:'openlight';
	font-size:12px;
	line-height:20px;
	padding-left:5px;
}
.commentPercentage{
	font-family: 'Roboto';
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:35px;
	font-size:24px;
	text-align:center;
	line-height:35px;
}
.comment{
	width:500px;
	padding:10px;
}
.commentRatings{
	display:none;
}
.commentRatingBox{
	margin:0px 10px 0px 10px;
	width:160px;
	float:left;
}
.commentRatingCategory{
	font-size:10px;
}
.showCommentRating{
	position:absolute;
	font-family:'openlight';
	color:#FFF;
	font-size:12px;
	width:auto;
	height:20px;
	width:40px;
	right:-1px;
	margin-top:1px;
	text-align:center;
	line-height:20px;
	cursor:pointer;
	-webkit-transition:background-color 500ms ease-out;
	-moz-transition:background-color 500ms ease-out;
	-o-transition:background-color 500ms ease-out;
	transition:background-color 500ms ease-out;
}
.showCommentRating:hover{
	-webkit-transition:background-color 500ms ease-out;
	-moz-transition:background-color 500ms ease-out;
	-o-transition:background-color 500ms ease-out;
	transition:background-color 500ms ease-out;
}
.commentRatingClose{
	display:none;
	position:absolute;
	right:0;
	bottom:0;
	cursor:pointer;
	-webkit-transition:color 500ms ease-out;
	-moz-transition:color 500ms ease-out;
	-o-transition:color 500ms ease-out;
	transition:color 500ms ease-out;
}
.commentRatingClose:hover{
	-webkit-transition:color 500ms ease-out;
	-moz-transition:color 500ms ease-out;
	-o-transition:color 500ms ease-out;
	transition:color 500ms ease-out;
}
.getMoreRatings{
	padding:5px;
	position:absolute;
	right:0;
	bottom:0;
	height:30px;
	margin-bottom:-30px;
	cursor:pointer;
}
.loadRatingsIcon{
	display:none;
	left: 50%;
	position: absolute;
	bottom:0;
	margin-left: -8px;
	margin-bottom: 8px;
	opacity: 0.5;
}
/*
/////////////////////////////////////////////
CUSTOM PAGES
/////////////////////////////////////////////
*/
.cpt-image-container{
	width:510px;
	height:160px;
	margin-right:0;
}
.cpt-overview-image{
	position:relative;
	width:100%;
	height:160px;
	overflow:hidden;
}
/*
/////////////////////////////////////////////
NAVIGATION
/////////////////////////////////////////////
*/
/*
/////////////////////////////////////////////
HEADER NAVIGATION
/////////////////////////////////////////////
*/
#nav-header{
	position:absolute;
	width:960px;
	margin-top:5px;
}
#nav-header ul{
	list-style:none;
	padding:0;
	margin:0;
}
#nav-header ul li{
	float:right;
	padding-right:10px;
}
#nav-header ul li a{
	font-family:'openlight';
	font-size:12px;
	text-decoration:none;
}
/*
/////////////////////////////////////////////
MAIN NAVIGATION
/////////////////////////////////////////////
*/
.mobileMenuButton{
	display:none;
}
#nav {
	font-family:'openlight';
	left:0px;
	width:100%;
	float:left;
	display: block;
	font-size: 20px;
	position:relative;
	z-index:10000;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	height: 40px;
    line-height: 40px;
}

#nav li {
	display: block;
	float: left;
	position: relative;
	padding-right:0px;
	background-image:none;
	padding-left:20px;
}
  
#nav li a {
	text-decoration: none;
	display: block;
	-webkit-transition:color 500ms ease-out;
	-moz-transition:color 500ms ease-out;
	-o-transition:color 500ms ease-out;
	transition:color 500ms ease-out;
}
#nav li a:hover {
	-webkit-transition:color 500ms ease-out;
	-moz-transition:color 500ms ease-out;
	-o-transition:color 500ms ease-out;
	transition:color 500ms ease-out;
}
#nav li:hover {
	cursor: pointer;
}

#nav ul li ul {
	visibility: hidden;
	float: left;
	position: absolute;
	width: 200px;
	left: 0px;
	z-index: 999;
	opacity: 0;
	-webkit-transition:opacity 500ms ease-out;
	-moz-transition:opacity 500ms ease-out;
	-o-transition:opacity 500ms ease-out;
	transition:opacity 500ms ease-out;
}
#nav ul li ul li ul{
	visibility: hidden;
	position:absolute;
	left: 200px;
	top:0px;
	-webkit-transition:opacity 500ms ease-out;
	-moz-transition:opacity 500ms ease-out;
	-o-transition:opacity 500ms ease-out;
	transition:opacity 500ms ease-out;
}
#nav ul li ul a{
	padding-left:0px;
}

#nav ul li:hover > ul,
#nav ul li ul:hover,
#nav ul li ul li:hover> ul{
   visibility: visible;
   opacity: 1;
	-webkit-transition:opacity 500ms ease-out;
	-moz-transition:opacity 500ms ease-out;
	-o-transition:opacity 500ms ease-out;
	transition:opacity 500ms ease-out;
}

#nav ul li ul li {
	background-color:rgba(255, 255, 255, 1);
	clear: both;
	width: 100%;
	font-size:14px;
}

#nav.sticky-menu{
	position:fixed;
	width:100%;
	top:0;
	margin:0 auto;
	z-index:1000;
	font-size: 14px;
}
#nav.sticky-menu ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	height: 30px;
    line-height: 30px;
	margin: 0 auto;
	width:960px;
}
#nav.sticky-menu ul ul{
	width:200px;
}

/*
/////////////////////////////////////////////
FOOTER NAVIGATION
/////////////////////////////////////////////
*/
.footermenu{
	position:relative;
	float:right;
	font-family:'openlight';
	color:#FFF;
	font-size:12px;
	line-height:30px;
}
.footermenu ul{ 
	list-style: none;
	padding:0;
	margin:0;
}	
.footermenu li{ 
	display:inline;
	padding-right:10px;
	background-image:none;
	padding-left:0px;
}
.footermenu li a{ 
	text-decoration:none;
	//color:#FFF;
	-webkit-transition:color 500ms ease-out;
	-moz-transition:color 500ms ease-out;
	-o-transition:color 500ms ease-out;
	transition:color 500ms ease-out;
}
.footermenu li a:hover{
	text-decoration: none;
	//color: #FFB0D0;
	-webkit-transition:color 500ms ease-out;
	-moz-transition:color 500ms ease-out;
	-o-transition:color 500ms ease-out;
	transition:color 500ms ease-out;
}


/*
/////////////////////////////////////////////
FORMS
/////////////////////////////////////////////
*/
.search-form{
	font-family:'openlight';
	position:absolute;
	right:0px;
	margin-top:180px;
	z-index:100;
}
.search-field{
	border:none;
	padding-left:10px;
	height:40px;
	width:40px;
	float:left;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
.search-field.search-active{
	border:none;
	width:250px;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
	
}
.search-submit{
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: transparent;
	margin-left: -40px;
	cursor: pointer;
	background-image: url(images/search2.png);
	background-repeat: no-repeat;
	border: none;
	opacity: 0.3;
	background-position: center center;
}
.search-submit:hover{
	opacity:0.5;
}
#contact_form label{
    width:85px;
    display:inline-block;
}
#contact_form input[type=text], #contact_form select{
    width:180px;
	border-style:solid;
	border-width:thin;	
}
#contact_form textarea{
	font-family:'openlight';
    width:270px;
	border-style:solid;
	border-width:thin;
}
#contact_form .contact_help{
	font-size:10px;
}
.contact_send{
	padding:5px;
}
#contact_form .valid{
	border-color:#0F0;
}
#contact_form .invalid{
	border-color:#F00;
}
.contact_error{
	background-color:#F00;
	color:#FFF;
	font-weight:bold;
	margin-top: 15px;
	padding:5px;
}
.contact_success{
	background-color: #090;
	color: #FFF;
	font-weight: bold;
	margin-top: 15px;
	padding: 5px;
}
.contactpopup_link{
	font-family:'openbold';
	cursor:pointer;
}
.contact_overlay{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	z-index:10000;
	display:none;
}
.contact_overlay_closer{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0);
}
.popup_container{
	position:absolute;
	background-color:#FFF;
	width:310px;
	padding:20px;
	left:50%;
	top:10%;
	margin-left:-155px;
}
.popup-close{
	background-color: #CCC;
	color:#666;
	border-radius: 10px;
	position: absolute;
	right: -9px;
	top: -10px;
	cursor: pointer;
}
.popup-close:hover{
	background-color: #FFF;
}