/*
Theme Name: schlossgrabenfest.de 
Theme URI: https://www.schlossgrabenfest.de
Description: Template fuer schlossgrabenfest.de
Author: Daniel Sitzmann
Author URI: https://daniel.sitzmann.org
*/



html { height:100%; }

body { margin:0; padding:0; width:100%; height:100%; font-family: "Lucida Sans", verdana, sans-serif; background:url("images/bg.jpg"); }

body > #wrapper { height: auto; min-height: 100%; }
.clearfix:after { content: "."; display: block;	height: 0; clear: both;	visibility: hidden; }
.clearfix {display: inline-block;}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */

#background { background: url("images/bg-tile.jpg") repeat-x; }
*+html #background { height:100%; }
#background-light { background: url("images/bg-light.png") center top no-repeat; }

#all { margin:auto; width:100%; }
#wrapper { margin: auto; height:100%; width:960px; padding: 0 10px; /*background:green;*/ }
#outer { padding-bottom:678px;  }

#header { width:100%; height:450px; }
#header-bg { background: url("images/header-bg.gif") repeat-x; width:100%;}
#header-image { width:100%; background-position: center top; background-repeat: no-repeat;}
#logo { padding: 130px 0 0 0px}

#misc-logos { position:absolute; margin: -300px 0 0 847px; }

#header-message a:link, #header-message a:visited, #header-message a:hover, #header-message a:active { color:#fff; text-decoration:none; }

#header-message { padding: 10px 0 0 1px; }
#header-message h1 { font-family: "Droid Sans", sans-serif; text-transform: uppercase; color:#fff; font-size: 45px; margin:0; padding:0; line-height: 50px;    text-shadow: 2px 2px #333333;     text-shadow: 0 -1px 5px #000, 0 5px 3px #000;}
#header-message-nav { float:left; }
#header-message-nav .bullet { float:left; width:20px; background:url("images/topnav-dot.png") no-repeat; }
#header-message-nav .bullet:hover { cursor:pointer; }
#header-message-nav .active { height:23px; width:20px; background:url("images/topnav-dot.png") 0 -22px no-repeat; }

#header-message-spacer { height:124px; }

/* - banner ---------------------------------- */

#banner-superbanner { position:absolute; z-index:100; height:90px; width:960px; text-align:center; }

#banner-hockeystick { position: absolute; z-index:10; }
div#banner-hockeystick { width:960px; height:450px; margin: 0 0 0 272px; }


#banner-skyskraper {  position:absolute; z-index:100; width:160px; margin: 48px 0 0 995px;}
#banner-skyskraper img { width:100%; height:auto; }

#banner-skyskraper-2 {  position:absolute; z-index:100; width:160px; margin: 710px 0 0 995px;}
#banner-skyskraper-2 img { width:100%; height:auto; }

*+html #banner-skyskraper { position:absolute; z-index:200; }
*+html div#banner-skyskraper { margin:0 0 0 40px;}

*+html #banner-skyskraper-2 { position:absolute; z-index:200; }
*+html div#banner-skyskraper-2 { margin:700px 0 0 40px;}


#banner-rectangle { position:absolute; }
div#banner-rectangle {  width:270px; height:200px; margin: 35px 0 0 995px; }
#banner-rectangle { padding:20px 0 0 0; margin: 0px 0 0 1000px; }
*+html #banner-rectangle { position:absolute; padding:0; margin: 35px 0 0 40px;}
#banner-rectangle  img { width:100%; height:auto; }

/* - sponsoren ------------------------------- */
#main-sponsors { height:100px; font-size:9px; font-weight:bold;}
#main-sponsors-left { float:left; width:410px; }
#main-sponsors-middle { float:left; width:370px;}
#main-sponsors-right { float:left; width:180px; text-align:right;}
.main-sponsors-spacer { padding-left:20px; }

/* - navigation ------------------------------ */
#navigation { height: 175px; }

#nav { width: 960px; height: 73px; }
#nav ul { margin: 6px 0 0 0; padding:0; list-style:none; }
#nav ul li { float:left; }
#nav ul li a:link, #nav ul li a:visited { color:#fff; line-height:73px; font-family: "Droid Sans", sans-serif; font-size:18px; text-transform: uppercase; text-decoration:none; padding: 8px 0px 19px 0px;  margin:0 13px;}
#nav ul li a:hover { color:#eee; text-decoration:none; }
#nav ul li a:active { background:none;} 

#nav ul li.menu-item-248 a {margin-left:0; }
/*#nav ul li.current_page_item a, #nav ul li.current-menu-parent a {border-bottom: 4px solid #ffe100; color:#ffe100; }*/
#nav ul li.current-menu-item a {border-bottom: 4px solid #ffe100; color:#ffe100; }
#nav ul li.current_page_ancestor a { border-bottom: 4px solid #ffe100; color:#ffe100; } 
#nav ul li.current_page_ancestor ul.sub-menu li a { border-bottom: 0; } 
#nav ul li.current-menu-item ul.sub-menu li a { border-bottom:0; color:#fff; }
/* dropdown*/
ul.dropdown { list-style:none; float:left; width:100%; padding: 0 5px; }
ul.dropdown li{ float:left; position:relative; }
ul.dropdown a { padding:12px; color:#fff;text-decoration:none; }
ul.dropdown li:hover a { }
ul.dropdown li ul a { display:block; }
ul.dropdown ul { list-style: none; margin:0; padding:0; width:200px; position:absolute; z-index:2000; }
ul.dropdown li ul { top:67px; left:12px; }
ul.dropdown ul li { float:none; }
ul.dropdown ul, ul.dropdown li:hover ul ul, ul.dropdown ul li:hover ul ul { display: none; }
ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul li ul li:hover ul { display: block;}
ul.dropdown li * a:hover { /*background:#333; */ }
#nav ul ul.sub-menu li { display:inline; background:url("images/dropdown-bg.png"); width:200px;}
#nav ul ul.sub-menu li a:link, #subnav ul li a:visited { color:#fff; line-height:35px; font-weight: normal; font-family: "Droid Sans", sans-serif; font-size:14px; text-transform: uppercase; text-decoration:none; padding: 0;  }
#nav ul ul.sub-menu li a { color:#fff; }
#nav ul ul.sub-menu li.current-menu-item a { color:#ffe100; border-bottom:0; }

#subnav-spacer { height:65px; }

/* - main ------------------------------------ */
#main { float:left;color: #ddd; font-size:12px; line-height:18px; min-height: 700px;}
#main-spacer { float:left; width:100%; margin:25px 0; }
#main h2 { /*font-family: "Droid Sans", sans-serif; */ font-weight: normal; line-height:22px; color: #fff; font-size: 18px; text-transform:uppercase; }
#main h2.headline { padding-bottom:5px; }
/*#main h4 { padding:0; margin:0; line-height:22px; color: #fff; font-size: 11px;  }*/

*+html #main h2 { margin-top: 10px; }
#main h3 { font-family: "Droid Sans", sans-serif; color: #fff; font-size: 15px; text-transform:uppercase; }
#main p a:link, #main p a:visited { font-weight: normal; color: #009fde; text-decoration:none;}
#main p a:hover { text-decoration:underline;} 
#main p { margin-bottom:5px; padding-bottom:5px;}

/*
.main-column-left { float:left; width:300px; margin-right:30px; border-top:1px solid #ffe100; }
.main-column-right { float:left; width:630px; border-top:1px solid #ffe100;}
.main-spacer-line { float:left; width:960px; height:30px; margin-top:30px; border-top:1px solid #ffe100; }
.main-column-tripple { float:left; width:300px; margin-right:30px; }
.main-column-wide { float:left;  width:960px; }
.last-column { margin-right:0;}
*/

.main-left { float:left; width:300px; margin-right:30px; border-top:1px solid #ffe100; padding-top:5px; }
.main-right { float:left; width:630px; border-top:1px solid #ffe100; padding-top: 5px;}
.main-wide { float:left;  width:960px; }
.main-tripple { float:left; width:300px; margin-right:30px; }
.no-top-line { border-top:0; }

.main-spacer-line-right { float:left; width:630px; height:30px; margin-top:30px; border-top:1px solid #ffe100; }
.main-spacer-line { float:left; width:960px; height:30px; margin-top:30px; border-top:1px solid #ffe100; }
.last-column { margin-right:0;}


.start-teaser a:link, .start-teaser a:visited,.main-left a:link, .main-left a:visited, .form-right a:link, .form-right a:visited, #sitemap a:link, #sitemap a:visited   { font-weight: normal; color: #009fde; text-decoration:none;}
.start-teaser a:hover, .main-left a:hover, #sitemap a:hover, .form-right a:hover { text-decoration:underline;} 


.news-teaser-spacer { height:40px; }

#main table.termine {
	width: 600px;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 3px;
	border-color: #44484d:
	border-collapse: collapse;
	font-size: 12px;
}
#main table.termine td {
	font-family: arial, sans-serif;
	font-family: "Lucida Sans", sans-serif;
	border-width: 1px 1px 1px 1px;
	padding: 10px 3px 7px 5px;
	border-style: inset inset inset inset;
	border-color: #44484d;
	background: #191b1e;
	-moz-border-radius: 0px 0px 0px 0px;
}

#main table.termine tr:hover { background-color: #2b2f32; }



#main table.band-anfahrt {
	width: 500px;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 3px;
	border-color: #44484d:
	border-collapse: collapse;
	font-size: 12px;
}
#main table.band-anfahrt td {
	font-family: arial, sans-serif;
	font-family: "Lucida Sans", sans-serif;
	border-width: 1px 1px 1px 1px;
	padding: 10px 3px 7px 5px;
	border-style: inset inset inset inset;
	border-color: #44484d;
	background: #191b1e;
	-moz-border-radius: 0px 0px 0px 0px;
}

#main table.band-anfahrt td.tab { padding-left:20px; }



#main table.band-anfahrt td.tab a { font-weight: normal; color: #009fde; text-decoration:none; }
#main table.band-anfahrt td.tab a:hover { text-decoration:none; color:#fff;} 

#main table.band-anfahrt tr:hover { background-color: #2b2f32; }



#main table.team td { padding-bottom:30px; }


/* band-programm ------------------------------------------------------------------------ */


#filter { margin:-25px 0 0 0; height:85px; width: 960px;}
.filter-item { float:left; height:24px; width:140px}
#filter-item-1 { float:left; background:url("images/bands-filter.png") 0 0 no-repeat; margin-right:10px;}
#filter-item-2 { float:left; background:url("images/bands-filter.png") -141px 0 no-repeat; margin-right:10px; }
#filter-item-3 { float:left; background:url("images/bands-filter.png") -282px 0 no-repeat; margin-right:10px; }
#filter-item-4 { float:left; background:url("images/bands-filter.png") -423px 0 no-repeat; margin-right:76px; }
#filter-item-5 { float:left; background:url("images/bands-filter.png") -564px 0 no-repeat; margin-right:10px; }
#filter-item-6 { float:left; background:url("images/bands-filter.png") -705px 0 no-repeat; }


#bands-action-icons { float:right; height:50px; line-height:55px; color: #ffe100; }
#bands-action-icons a:link, #bands-action-icons a:visited { color: #ffe100; text-decoration:none; /*border-right:1px solid #ffe100;*/ padding: 0 5px 0 3px; }
#bands-action-icons a:hover { color: #ffe100; text-decoration: underline; }

.genre-overview { float:left; /*width: 128px;*/ width:108px; height:30px; margin: 0 10px 20px 0; background:white; text-align:center; line-height:30px; font-weight:16px; font-family: "Droid Sans", sans-serif; text-transform:uppercase;}
.genre-overview-last { margin-right:0; width: 130px; }
.genre-overview:hover { cursor:pointer; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

TO CHANGE - Groesse, Position und Farben!!!


1 -- #f6a800 --- Rock & Pop | CMYK: 0/40/100/0
2 -- #e2001a --- Alternative | CMYK: 0/100/100/0 
3 -- #009036 --- Worldmusic | CMYK: 100/0/100/0 
4 -- #ffed00 --- Cover (SGF-Gelb) | CMYK: 0/0/95/0 
5 -- #80197f --- Disco | CMYK: 60/100/0/0 
6 -- #e2007a --- Singer/Songwriter | CMYK: 0/100/0/0 
7 -- #9c9e9f --- Slam Poetry | CMYK: 0/0/0/50 
8 -- #009dd1 --- Hip-Hop | CMYK: 100/0/10/0
9 -- #0064ad --- Sonstiges (SGF-Blau) | CMYK: 100/55/0/0

Graphiken für Pfeil anpassen!

Check: Auch auf Mobilseite einfügen!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.genre-color-1 { color: #f6a800; }
.genre-color-2 { color: #e2001a; }
.genre-color-3 { color: #009036; }
.genre-color-4 { color: #ffed00; }
.genre-color-5 { color: #80197f; }
.genre-color-6 { color: #e2007a; }
.genre-color-7 { color: #9c9e9f; }
.genre-color-8 { color: #009dd1; }
.genre-color-9 { color: #0064ad; }

.genre-color-1-bg { background: #f6a800; }
.genre-color-2-bg { background: #e2001a; }
.genre-color-3-bg { background: #009036; }
.genre-color-4-bg { background: #ffed00; color:#000; }
.genre-color-5-bg { background: #80197f; }
.genre-color-6-bg { background: #e2007a; }
.genre-color-7-bg { background: #9c9e9f; }
.genre-color-8-bg { background: #009dd1; }
.genre-color-9-bg { background: #0064ad; }

.grenre-hint-none { display:none; }
.genre-hint { position:absolute; width:270px; padding:20px; margin:40px 0 0 0;}
#genre-hint-1 { margin-left:0; color:#000; }
*+html #genre-hint-1 { position:absolute; margin-left:-960px; height: 165px;}

#genre-hint-2 { margin-left:118px; }
*+html #genre-hint-2 { position:absolute; margin-left:-822px; height: 155px;}

#genre-hint-3 { margin-left:236px; } /* -60px */
*+html #genre-hint-3 { position:absolute; margin-left:-684px; height: 200px; }

#genre-hint-4 { margin-left:354px; color:#000; } /* -60px */
*+html #genre-hint-4 { position:absolute; margin-left:-546px; height: 220px;}

#genre-hint-5 { margin-left:472px; } /* -80px */
*+html #genre-hint-5 { position:absolute; margin-left:-408px; height: 150px;}
 
#genre-hint-6 { margin-left:590px; } 
*+html #genre-hint-6 { position:absolute; margin-left:-312px; height: 175px;}

#genre-hint-7 { margin-left:646px; color:#000; } 
*+html #genre-hint-7 { position:absolute; margin-left:-312px; height: 150px;}

#genre-hint-8 { margin-left:646px; color:#000; } 
*+html #genre-hint-8 { position:absolute; margin-left:-312px; height: 150px;}

#genre-hint-9 { margin-left:646px; color:#000; } 
*+html #genre-hint-9 { position:absolute; margin-left:-312px; height: 150px;}


#genre-hint-head-1 { position:absolute; background: url("images/genre-hint-arrow.png") 45px -24px no-repeat; height:12px; width:270px; margin-top:30px;}
#genre-hint-head-2 { position:absolute; background: url("images/genre-hint-arrow.png") 45px -48px no-repeat; height:12px; width:270px; margin-top:30px;}
#genre-hint-head-3 { position:absolute; background: url("images/genre-hint-arrow.png") 45px -36px no-repeat; height:12px; width:270px; margin-top:30px;}
#genre-hint-head-4 { position:absolute; background: url("images/genre-hint-arrow.png") 45px -72px no-repeat; height:12px; width:270px; margin-top:30px;}
#genre-hint-head-5 { position:absolute; background: url("images/genre-hint-arrow.png") 45px -60px no-repeat; height:12px; width:270px; margin-top:30px;}
#genre-hint-head-6 { position:absolute; background: url("images/genre-hint-arrow.png") 45px -84px no-repeat; height:12px; width:270px; margin-top:30px;}
#genre-hint-head-7 { position:absolute; background: url("images/genre-hint-arrow.png") 105px 0px no-repeat; height:12px; width:270px; margin-top:30px;}
#genre-hint-head-8 { position:absolute; background: url("images/genre-hint-arrow.png") 230px -96px no-repeat; height:12px; width:270px; margin-top:30px;}
/*#genre-hint-head-9 { position:absolute; background: url("images/genre-hint-arrow.png") 230px 0px no-repeat; height:12px; width:270px; margin-top:30px;}*/


/*
<div id="genre-hint-head-1"></div>
*/
.genre-box { width:200px; height:30px; font-size:16px; line-height:30px; text-align:center; }

/* font-family: "Lucida Sans", sans-serif; */

.bands-tabhead { background: url("images/social-bg.jpg"); height:45px; line-height:45px; text-transform: uppercase; padding-left: 10px; font-size:12px; font-family: "Droid Sans", sans-serif;}
.bands-tabhead-1 { float:left; width:160px; margin-right:1px; border:1px solid #333; }
.bands-tabhead-2 { float:left; width:340px; margin-right:1px; border:1px solid #333;}
.bands-tabhead-3 { float:left; width:160px; margin-right:1px; border:1px solid #333;}
.bands-tabhead-4 { float:left; width:248px; margin-right:0; border:1px solid #333;}
.bands-tabhead-vspace { height:2px;}

.bands-tabhead a:link, .bands-tabhead a:visited { color:#009fde; text-decoration:none; }
.bands-tabhead a:hover { color: #fff; }

.bands-widehead { float:left; width:948px; background: url("images/social-bg.jpg"); height:45px; line-height:45px; text-transform: uppercase; padding-left: 10px; font-size:14px; margin:30px 0 1px 0; border:1px solid #333; font-family: "Droid Sans", sans-serif; font-weight:normal}
.bands-tipps { float:right; height:20px; margin:6px 10px 0 0; text-align:right;}

.band-img { float:left; width:300px; height:280px; margin-bottom: 40px; overflow:hidden; }
.band-title { position:absolute; background: url("images/bands-bg.png"); width:280px; height: 80px; padding:0 10px; line-height:80px; margin:-84px 0 0 0; color:#fff; text-transform:uppercase; }
.band-title a:link, .band-title a:visited, .band-title a:hover  { color:#fff; text-decoration:none; }

h2.bandname { font-size: 20px;}

.stage-finder { float:left; margin:19px 0 0 20px; text-transform:uppercase; }
.stage-finder a:link, .stage-finder a:visited { color: #fff; text-decoration:underline; }
.stage-finder a:hover { color: #fff; text-decoration:none; }

.main-bands-left { width:280px;  }
.main-bands-right { width:650px; min-height:600px; }
.bands-left { float:left; width:300px; margin-right:20px; }
.bands-right { float:left; width:330px; }
.bands-right a:link, .bands-right a:visited { color: #009fde; text-decoration:none; }
.bands-right a:hover { color:#fff;} 


.bands-spacer-line { float:left; width:650px; height:30px; margin-top:30px; border-top:1px solid #ffe100; }

#bands-backlink { position:absolute; text-align:right; margin:-25px 0 5px 700px; width:260px; }
#bands-backlink a:link, #bands-backlink a:visited { color: #009fde; text-decoration:none }
#bands-backlink a:hover { color:#fff;}

/* Kontaktformular */
.wpcf7 input, .wpcf7 textarea  { border:1px solid #fff; border-radius:5px; background:#f9f9f9;}
.wpcf7-submit { border:1px solid #fff; padding:3px; border-radius:5px; background:#ccc; } 
.wpcf7-submit:hover { border:1px solid #fff; border-radius:5px; background:#fff; cursor:pointer;} 

#footer-container { position: relative; background:url("images/footer-bg.jpg") bottom repeat-x; margin: -678px auto 0 auto; height: 678px; width:100%; clear:both; }

#footer {  font-size:12px; }

#footer-width { width:960px; margin:auto; padding:0 10px; /*background:green;*/ }
.div-center { margin:auto; width:960px; padding: 0 10px; /*background:green;*/ }

#footer-social { height: 268px; background:url("images/social-bg.jpg") repeat-x;}
#footer-social h2 { font-family: "Droid Sans", sans-serif; text-transform: uppercase; font-size:18px; color: #fff; margin:0; padding:0; }

#footer-social-facebook { float:left; margin:30px 0 0 0; }
#footer-social-facebook-include { margin:30px 0 0 0; }
#footer-social-weather { float:left; margin:30px 0 0 40px; /*width:200px; height:200px; background:#333;*/}
#footer-social-app-ad { float:left; margin:30px 0 0 40px;}

#app-ios-link { position:absolute; margin:-132px 0 0 10px; width: 85px; height:22px; }
#app-android-link { position:absolute; margin:-103px 0 0 10px; width: 85px; height:27px; }


#weather-bg { float:left; height:210px; width:211px; }
#weather-filter { position:absolute; z-index:1000; margin-top:150px; height:75px; width:211px; background: url("images/weather-filter.png"); }
*+html #weather-filter { margin-left:-210px; }
#weather-text { padding:10px 0 0 5px; color: #009fde; font-size:11px; text-shadow: 1px 1px #000;  width:200px; text-align:center;}
#weather-temp { padding:5px 0 30px 0px; width:210px; text-align:center; font-size:12px; color: #fff; text-shadow: 1px 1px #000;  }

#footer-sponsors { height: 250px; }
#footer-sponsors h2 { font-family: "Droid Sans", sans-serif; text-transform: uppercase; font-size:18px; color: #000; margin:0; padding:0; }
#footer-sponsors-title { padding:30px 0 20px 0; }
#footer-sponsors-logos { width:960px; }
.subsponsor-icon { padding:0 22px 7px 0; }

#footer-share { width:960px; }
#footer-share-left { float:left; width:800px; height:82px; }
#footer-share-right { float:left; width:160px; height:82px; line-height:100px; text-align:right; }

#footer-links { width:960px; height:78px; color: #ffe100; line-height:78px; }
#footer-links ul { list-style:none; margin:0; padding:0;}
#footer-links ul li { display:inline;}
#footer-links ul li a:link, #footer-links ul li a:visited { color: #ffe100; text-decoration:none; border-right:1px solid #ffe100; padding: 0 5px 0 3px; }
#footer-links ul li a:hover { color: #ffe100; text-decoration: underline;}
#footer-links ul li.menu-item-572 a { border-right:0; }

#mobile-version { height:100%; width:100%; background:#fff; text-align:center; line-height:80px; }
#mobile-version a:link, #mobile-version a:visited, #mobile-version a:hover { color: #009fde; text-decoration:none; font-size:40px; font-weight:bold; }

/* pagination */

#pagination { width:150px; height:40px; line-height:40px; margin:-50px 0 0 405px; text-align:right; }
#pagination a, #pagination a:link, #pagination a:visited, #pagination span{ padding:5px 5px; color:#ddd; text-decoration:none;}
#pagination a:hover{ text-decoration:underline; color:#fff;}
#pagination .current{color:#ffe100; font-weight:bold;}

/* form */

.form-left { float:left; width: 220px; margin-top:5px; text-align:right; padding-right:10px; }
.form-right { float:left; width:400px; margin-top:5px; text-align: left; }

.error-msg { padding-left: 230px; color:red; font-weight:bold; font-size:11px; }
.red { font-weight:bold; color:red; font-size:12px; }

.form-right input.form, textarea.form { width: 230px; background: #fff; border:1px solid #fff; border-radius:5px; background:#f9f9f9;}
	*+html input.form, textarea.form { border: 1px solid #ccc; width: 200px; }
.form-right input.form-short { border: 1px solid #ccc; width: 50px; background: #fff; }

/*input.form:focus, textarea.form:focus { border: 1px solid #5a2700; width: 250px; background: #fff; }*/
textarea.form { height:250px; width:300px; }
.form-right select { border: 1px solid #fff; background:#f9f9f9; }
.form-right input.button { padding: 3px; background: #f5f5f5; border:1px solid #fff; border-radius:5px; background:#ccc;}
.form-right input.button:hover { border:1px solid #fff; cursor:pointer;  color: #000; background: #fff; }

.info-box { width: 80%; padding:10px; text-align:center; margin: 0 auto 60px auto; border:1px solid green; background: #f4fff0; color: green; } 
.close-box { float: right; text-align:right; font-weight:bold; }
.close-box a:link, .close-box a:visited, .close-box a:hover { color: #009fde; text-decoration:none; }


.fb-follow { color:#fff; }
.float-left { float:left; }
.float-right { float:right; }
.pt10 {padding-top:10px; }
.pt15 {padding-top:15px; }
.pt20 {padding-top:20px; }
.clear { clear: both; }
.clear-space { clear:both; height:40px; }
img { border:0; }


#scroll_to_top { font-size: 18px; text-transform:uppercase; padding:10px; }

/*.faq-box { float:left; background-color: rgba(255, 255, 255, 0.1); width: 100%; }*/
.faq-box ul { padding:0; margin:0; }
.faq-box ul li { list-style:none; margin-bottom:10px; padding:0; margin-left:0;}
.faq-box ul li a:link, .faq-box ul li a:visited { font-size:18px; color: #ffe100; text-decoration:none; text-transform: uppercase;}
.faq-box ul li a:hover { text-decoration:underline;}
.faq-spacer { width:100%; text-align:right; border-bottom: 1px solid #555; padding:5px 0; margin-bottom:20px;}
.faq-spacer a:link, .faq-spacer a:visited { color: #009fde;text-decoration:none; }
.faq-spacer a:hover { text-decoration:underline; }
span.faq-link { display:block; font-weight:bold; margin-top:10px; font-size:18px; text-transform: uppercase; color:#ffe100}
span.faq-arrow {font-weight:bold; font-size:22px }

.dont-show-me { display:none !important; }