/*

    Feuerwerk Finder Frontend

*/

html, body { height:100%; padding:0; margin:0;}
html { background: #0e070f url(../images/bg.jpg) center 0 repeat-x fixed;}
body {  font-family: 'Dosis', 'arial', sans-serif; color:#fff; font-size:14px;-webkit-overflow-scrolling: none;}

a, img { border:0; outline: 0;}
a {color:#fff;}

form { padding:0; margin:0; }

#Header { width:960px; height:190px;  margin: 0 auto; position: relative; z-index:0; }

h1#Logo { width:582px; height:122px; margin:0 0 0 -5px; padding:0px 0 0 0;   z-index:100;}
h1#Logo a { width:582px; height:122px; display:block; overflow:hidden; text-indent:-1000px; cursor:pointer; background: url(../images/logo.png) no-repeat 0 0}

#leadiframe { width: 365px; height: 375px; border: none;}

/*---------------------------------------------------------------------------------

---------------------------------------------------------------------------------*/
#MainNavX { width:960px; height:112px; margin: 0 auto;  color: #fff; text-transform: uppercase; font-weight:500; font-size:18px; position: relative; z-index:99; text-align:center; vertical-align: middle;}
#MainNavX a { color: #fff; text-decoration: none; display:inline-block;  vertical-align: middle; height: 30px; line-height: 30px; padding: 0 15px;}
#MainNavX span {  display:inline-block; border-left:1px solid #64C8E8; border-right:1px solid #2699CF; height: 30px;vertical-align: middle;}

#MainNav { text-transform: uppercase; font-weight:500; font-size:18px; position: relative; z-index:99; width:960px; height:45px; background: url(../images/menu_bg.png) repeat-x;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; overflow:hidden;}
#MainNav .left {float:left; height:45px; }
#MainNav .right {float:right; height:45px; }
#MainNav a { color: #fff; text-decoration: none; display:inline-block;  vertical-align: middle; height:45px; line-height:45px; padding: 0 20px;}
#MainNav span {  display:inline-block; border-left:1px solid #985792; border-right:1px solid #5c1b4a; height: 41px;vertical-align: middle;}

/*---------------------------------------------------------------------------------

---------------------------------------------------------------------------------*/
#FooterCenter {  width:960px; margin: 0 auto;padding: 0; }
#Footer {overflow:hidden; background: #000; background: rgba(0,0,0,0.9); padding:20px; -webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;width:920px; margin: 25px 0 30px 0; }
#Footer .colA { float:left; border-right: 1px dashed #fff; padding: 0 20px 0 0;height:154px;}
#Footer .colB { float:left; border-right: 1px dashed #fff; padding: 0 20px 0 20px; width: 130px; height:154px;}
#Footer .colC { float:left; border-right: 1px dashed #fff; padding: 0 20px 0 20px; width: 130px; height:154px;}
#Footer .colD { float:left; padding-left:15px; overflow:hidden;}
#Footer .colD .fbbox {position: relative; width:340px; height:140px; top:-10px;}
#Footer h3 {margin:0;padding:0; font-size:16px;}
#Footer a { text-decoration:none;}
#Footer strong { color: #fff; font-weight:normal;}

 
.copyright { width:960px; margin: -10px auto 20px auto; color: #fff; font-size: 10px; text-align: center; font-family: arial;}
.copyright a { color: #fff; text-decoration:none; }
.copyright a:hover { color: #fff; text-decoration:underline; }

/*---------------------------------------------------------------------------------

---------------------------------------------------------------------------------*/
#Content { width:960px; margin: 0 auto; color:#fff; padding: 0 ; }
#Content h2 {font-size:18px; font-weight:bold; border-bottom:1px dashed #fff; margin: 0 0 5px 0;padding: 0 0 5px 0;}
#Content p.red {color: #9e2459;font-size:16px; font-weight: bold;}
#Content p.big { font-size:14px; font-weight: bold; border-bottom:1px dashed #fff; padding-bottom:15px;}

.floatbox {overflow:hidden;}
.CremeBox { color: #fff;background: #000; background: rgba(0,0,0,0.9); padding:15px; -webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;}
.CremeBox h3 { color: #fff; padding:0; margin:15px 0 5px 0;}
.CremeBox h4 { padding:0; margin:15px 0 5px 0;}
.CremeBox p {margin: 10px 0 15px 0;}
.CremeBox.withads { margin-right:350px;}
.CremeBox.withmargin { margin-bottom:20px;}
.CremeBox.minheight { min-height: 445px;}
.CremeBoxContentAds { float:right; width:330px;}
.CremeBoxContentAd { width:300px;background: #000; background: rgba(0,0,0,0.9);padding:15px; -webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; margin-bottom:20px;}
.CremeBox .buttons { overflow:hidden; border-top:1px dashed #2e221b; margin-top:5px; padding-top:15px;}

/*---------------------------------------------------------------------------------

---------------------------------------------------------------------------------*/
.twoColumns { overflow:hidden;}
.twoColumns .colLeft {float:left; width:365px; }
.twoColumns .colLeft.bigcol {float:left; width:570px; }
.twoColumns .colRight { float:right;width:570px;}
.twoColumns .colRight.smallcol { float:right;width:365px;}

/*---------------------------------------------------------------------------------

---------------------------------------------------------------------------------*/
.VergleichStartenButtonWrapper {background: #000; background:rgba(0,0,0,0.9); padding:13px; -webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;}
.VergleichStartenButtonWrapper a {background: url(../images/but_vergleich_starten.png); display:block; text-indent: -1000px; width:338px; height:48px; overflow:hidden;}
.VergleichStartenButtonWrapperZipfel { margin-left: 175px;width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #000; border-top-color: rgba(0,0,0,0.9) }


.plzbuttons { overflow:hidden; padding-top:10px;}
.plzbuttons a { display:block; float:left; width:95px; height: 85px; background: url(../images/plzbutton.png) no-repeat 0 0; margin: 0 15px 15px 0; padding-top:10px; color: #fff; text-decoration: none; text-align:center;}
.plzbuttons a.nomargin {margin-right:0;}
.plzbuttons a span { display:block; font-size: 40px; font-weight:bold; line-height: 48px}
     
ul.ortsliste { list-style:none; padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px dashed #fff; }
ul.ortsliste li { list-style:none; padding:0; margin:0 0 5px 0; font-size:16px;}
ul.ortsliste li a {text-decoration:none;}
ul.ortsliste li a:hover {text-decoration:underline;}

.Anbieterliste {padding:0px 0 0 0; margin:10px 0 0 0; border-top:1px dashed #fff;}
.Anbieterliste .anbieter {border-bottom:1px dashed #fff; padding: 15px 0 15px; overflow:hidden; }
.Anbieterliste .anbieter h4 {margin:0; padding: 0; font-weight:bold;}
.Anbieterliste .anbieter h4 a { text-decoration:none;}
.Anbieterliste .anbieter .logo { float:left; border:1px solid #fff; margin: 5px 10px 0 0; line-height: 0.5em;}
.Anbieterliste .anbieter .data { overflow:hidden; position: relative;}
.Anbieterliste .anbieter .address { float:left; width:300px; }
.Anbieterliste .anbieter .contact { float:left; width:235px;}  
.Anbieterliste .anbieter a.readmore { background: url(../images/but_bg_black.png) -30px 50% repeat-x; display: block; height:20px; padding: 0 4px 0 5px; line-height:19px; position:absolute;right:0px; bottom:0; color:#fff; font-weight:bold;  font-size: 11px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.Anbieterliste .anbieter a.readmore span { width:8px; height:8px; float:right; background: url(../images/arrow_right_8x8.png) no-repeat; margin:6px 0px 0 4px;}
.Anbieterliste .anbieter.premium h4 { color: #9e2459; font-size: 16px;}
.Anbieterliste .anbieter.premium h4 a { color: #9e2459;}
.Anbieterliste .anbieter.premium a.readmore {background: url(../images/but_bg.png) -30px 50% repeat-x;}
         


.selectplzinfo { text-align:center; color: #9e2459;font-size:16px; font-weight: bold; margin: 0 auto; width:280px; background: url(../images/maushand.png) no-repeat  240px 0px; padding-top:5px;}

/*---------------------------------------------------------------------------
	 
-----------------------------------------------------------------------------*/
.FaqListe {} 
.FaqListe .faqitem {background: #fff; padding:15px; -webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; margin: 0 0 20px 0; color: #111111;} 
.FaqListe .faqitem .head {font-size:16px; font-weight: bold; background: url(../images/arrow_faq_right.png) no-repeat 0 6px;  padding-left:20px; cursor:pointer;}
.FaqListe .faqitem .content { display: none; border-top:1px dashed #2e221b; margin-top:10px; padding-top:10px; font-family: arial ; font-size:12px; line-height: 1.4em;}
.FaqListe .faqitem.active  { background: #9E2459; color: #fff; }
.FaqListe .faqitem.active .head { background: url(../images/arrow_faq_down.png) no-repeat 0 6px; }
.FaqListe .faqitem.active .content { border-top:1px dashed #fff;}
 
/*---------------------------------------------------------------------------------

---------------------------------------------------------------------------------*/
#SoGehtsSlider { width:944px; height:400px; background: #000; background:rgba(0,0,0,0.9); padding:8px; margin-bottom:25px; overflow:hidden; -webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; position: relative;}
#SoGehtsSlider .slides { font-size:18px;width:944px; height:337px; position:relative;overflow:hidden; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#SoGehtsSlider .slides > div {  width:944px; height:337px; float:left; overflow:hidden; background: url(../images/slideshow_bg.png);  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#SoGehtsSliderCaptions {   width: 944px;height: 58px;position: absolute;left: 8px;bottom: 8px; }
#SoGehtsSliderCaptions .carousel > div {color: #fff;font-size: 22px;font-weight: normal;line-height: 58px;text-transform: uppercase; text-align:center;width: 944px;height: 58px;float: left;}
#SoGehtsSlider h3 { font-size:28px; font-weight:500; margin: 0 0 0 ; padding: 0;}

#SoGehtsSlider .slide1 a.icon { margin: 50px 0 0 30px;float:left;display:block; background: url(../images/pad.png) no-repeat left bottom; width:342px; height:228px;}
#SoGehtsSlider .slide1 a {text-decoration:none;}
#SoGehtsSlider .slide1 .content { float:left; margin: 45px 0 0 20px; width:525px;}
#SoGehtsSlider .slide1 .content strong{ color: #9e2459; }
#SoGehtsSlider .slide1 ul { list-style:none; padding:0; margin:20px 0 15px 0; }
#SoGehtsSlider .slide1 ul li {list-style:none; padding:0; margin:0 0 7px 0;}
#SoGehtsSlider .slide1 .red { color: #9e2459;  width: 525px;font-size:16px;}
#SoGehtsSlider .slide1 .red a { color: #9e2459; }

#SoGehtsSlider .slide2 a.icon { margin: 50px 0 0 30px; float:left; display:block; background: url(../images/badge.png) no-repeat left 50%; width:337px; height:246px;}
#SoGehtsSlider .slide2 a { text-decoration:none;}
#SoGehtsSlider .slide2 .content { float:left; margin: 45px 0 0 20px; width:525px;}
#SoGehtsSlider .slide2 ul {list-style:none; padding:0; margin:20px 0 0 0 ; }
#SoGehtsSlider .slide2 ul li {list-style:none; padding:0 0 5px 30px; margin:0 ; background: url(../images/bullet_green.png) 0 2px no-repeat;}

#SoGehtsSliderPrev {   position:absolute; left:20px; bottom:20px; width:32px; height:32px; background: url(../images/slideshow_arrow_left.png); overflow:hidden; text-indent:-300px; cursor:pointer;}
#SoGehtsSliderNext {   position:absolute; right:20px; bottom:20px; width:32px; height:32px; background: url(../images/slideshow_arrow_right.png); overflow:hidden;  text-indent:-300px; cursor:pointer;}

/*---------------------------------------------------------------------------------

---------------------------------------------------------------------------------*/
#Slideshow { width:944px; height:394px; background: #000; background:rgba(0,0,0,0.9); padding:8px; margin-bottom:25px; overflow:hidden; -webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; position: relative;}
#Slideshow .images { width:944px; height:394px; position:relative;overflow:hidden; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#Slideshow .images a { float:left;overflow:hidden;}
#Slideshow .images img { -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#SlideshowCaptions { background: #000; background: rgba( 0,0,0, 0.9 );width: 944px;height: 58px;position: absolute;left: 8px;bottom: 8px; z-index:1000;}
#SlideshowCaptions .carousel > div {color: #fff;font-size: 22px;font-weight: normal;line-height: 58px;text-transform: uppercase; text-align:center;width: 944px;height: 58px;float: left;}

#SlideshowPrev { z-index:1001; position:absolute; left:20px; bottom:20px; width:32px; height:32px; background: url(../images/slideshow_arrow_left.png); overflow:hidden; text-indent:-300px; cursor:pointer;}
#SlideshowNext { z-index:1001; position:absolute; right:20px; bottom:20px; width:32px; height:32px; background: url(../images/slideshow_arrow_right.png); overflow:hidden;  text-indent:-300px; cursor:pointer;}


/*---------------------------------------------------------------------------
	 
-----------------------------------------------------------------------------*/
.MsgBoxInfo,
.MsgBoxNotify,
.MsgBoxOk,
.MsgBoxError,
.MsgBoxWarn, .errorMsg, .okMsg { position: relative; margin: 10px 0 10px 0; padding: 0; border: 1px solid;  display:block; background-repeat: no-repeat !important; font-size: 13px; font-style:normal; padding: 10px ;  line-height: 1.5em; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; }

.MsgBoxInfo {background: #EAF0F6 url('/public/images/icons/information.png') 10px 11px; padding-left:35px;border-color: #BCC6D0;color: #404040;}
.MsgBoxNotify {background: #fffbcc  url('/public/images/icons/bell.png') 10px 11px; padding-left:35px; border-color: #e6db55;color: #666452;}
.MsgBoxOk,.okMsg { background: #d5ffce url('/public/images/icons/accept.png') 10px 11px ; padding-left:35px; border-color: #9adf8f;color: #556652;}
.MsgBoxError,.errorMsg {background: #ffcece url('/public/images/icons/error_16x16.png') 10px 11px ; padding-left:35px; border-color: #df8f8f;color: #665252;}
.MsgBoxWarn { background: #fffbcc url('/public/images/icons/error.png') 10px 11px; padding-left:35px; border-color: #e6db55; color: #666452; }

.ui-datepicker {padding:10px;}
.ui-datepicker table { border-collapse: collapse;  font-size: 12px;}
.ui-timepicker-div {z-index:10000; position: relative;}
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 80%; }