#header
{
    background: url("../img/header.png") no-repeat scroll;
    width: 110%;
    height: 170px;
    z-index: 9999;
    position: fixed;
    margin-right:0;
}

h1,
h2,
h3,
h4
{
    width: 500px;
    color: #EA8722!important;
    font-size: 18px!important;
    font-weight: bold!important;
}

.full
{
    margin-top: 75px;
}

#login4 p a
{
    color: #ea8722!important;
    font-weight: bold!important;
}

.content
{
    height: auto;
}

#logo
{
    margin-left: 40px;
    margin-top: 10px;
    width: 300px;
    float: left;
}

#map
{
    width: 100%;
    height: 1200px;
}

#maincontent
{
    z-index: 99999999;
}

#photoalbums .imgcontainer
{
    width: 20%;
    overflow: hidden;
}

.scrollpanel
{
    float:left;
    width: 100%;
}

#scrollist
{
    width: 320px!important;
    height: 275px!important;
    margin-top: 75px;
}

#mapscrollist
{
    width: 320px!important;
    height: 275px!important;
    margin-top: 75px;
}



.search
{
    position: fixed;
    top: 350px;
    left: 75px;
}

#quiz,
#citygame,
#ownquiz
{
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

#register4, #login4
{
    height: auto!important;
}

.background
{
    background: url("../img/bg.jpg") no-repeat fixed top;
    width: auto;
    height: auto;
    overflow: hidden;
}

.eventbutton
{
    width:  181px;
    height: 181px;
    display: block;
    overflow:hidden;
}

.eventdetails .small
{
    font-size: 10px;
    background: none!important;
    margin-top: -5px;
    margin-bottom: 3px;
}

.homeimg
{
    height: 200px;
    width: 200px;
    float: left;
}

.homeimg h2
{
    margin:0!important;
    font-size: 14px!important;
    font-weight: bold;
    width: 180px;
}

.homeimg .male
{
    margin-top: 0;
    font-size: 12px;
    font-weight: bold;
}

#quiz a:hover
{
    background: url("../img/goh_quiz_hover.png")no-repeat center;
}

#citygame a
{
    width:  181px;
    height: 181px;
    display: block;
    background: url("../img/goh_city.png") no-repeat center;
    background-size: 100% auto!important;
}

#citygame a:hover
{
    background: url("../img/goh_city_hover.png")no-repeat center;
}

#ownquiz a
{
    width:  181px;
    height: 181px;
    display: block;
    background: url("../img/goh_quiz_eigen.png")no-repeat center;
    background-size: 100% auto!important;
}

#ownquiz a:hover
{
    background: url("../img/goh_quiz_eigen_hover.png")no-repeat center;
}

iframe {
    width: 90%;
} 

#homescroll
{
    display: none;
    margin-left: 100px;
    margin-top: 200px;
}


.cityinfo
{
    width: 500px;
    background-color: White;
}

#formfield .cityinfo
{
    width: 100%;
}

#collapsemenu
{
    display: none;
}

.if-pf-img
{   
    width: 150px;    
}

.items.isotope
{
    height: 800px!important;

}

.eventitem
{
    float: left;
    width: 200px;
}

.eventtitle
{
    color: #ea8722!important;
    font-size: 12px;
    font-weight: bold;


}

.dotted
{
    margin-top: 190px;
    border-top: dotted 1px #ea8722;
    width: 160px;
    height: 1px;
    position: inherit;
}

.dottedlarge
{
    margin-top: 10px;
    border-top: dotted 1px #ea8722;
    margin-bottom: 10px;
    width: 180px;
    height: 1px;
    position: inherit;
}

.clear
{
    clear: both;
}

.male
{
    margin-bottom: 20px;
}

.citylist,
.regionslist,
.regionlist,
.photolist
{
    height: 300px;
    max-width: 300px;
}

.photolist li
{
    padding: 5px;
    border-bottom: 1px solid #ea8722;
}

.photolist li:hover,
.photolist li a:hover
{
    background: #ea8722;
    color: White!important;
}




.itemlist li a
{
    display: block;
    padding: 4px 5px 4px 16px;
    color: #666666;
}


.itemlist li a:hover
{
    background-color: #ea8722;
    color: White!important;
}

.googlemaps .ssp-viewport
{
    height: 350px;
}

#slideContent2 .control-label
{
    float: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

#slideContent2 .form-horizontal .controls
{
    margin: 0;
    padding: 0;
}

#slideContent2 #Message
{
    width: 300px!important;
}

#slideContent2 .form-actions
{
    padding: 0;
    margin: 0;
    width: 300px;
    background-color: transparent;
    border: none;
}

#slideContent2 #step2submitbutton
{
    width: 150px;
}

#citytext
{
    height: 240px;
    width: 480px;
    float: left;
    margin-bottom: 20px;
}

#citytext strong
{
    color: black;
    font-size: 12px;
    font-weight: normal;
}

/* photowall                                                                                                    photowall
--------------------------------------------------------------------------------------------------------------------------*/

.mask h2
{
    color: white!important;
}



/* Offerform                                                                                                    Offerform
--------------------------------------------------------------------------------------------------------------------------*/

#upperblock h3,
.form-horizontal
{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

#lowerblock h3,
#lowerblock h1,
#lowerblock #info p,
#lowerblock .about_inner_half p
{
    margin-top: 10px;
    margin-left: 10px;
}

#lowerblock p
{
    margin-top: 10px;
}

{
    float: right;
}

#tab-offer-event .about_inner_half_right,
#tab-offer-event .about_inner_half,
.form-horizontal
{
    margin: 0!important;
    padding: 0!important;
}

.nav.nav-tabs
{
    margin-left: 50px!important;
    margin-top: 5px;
    border-bottom: 2px solid #ea8722;
}

.eventwizard
{
    margin-top: 175px;
    margin-left: -104px;
    width: 900px;
    float: left;
}

.eventwizard .form
{
    background-color: White;
    float: left;
}


.form.offerteform
{
    height: 404px;
}

#step1submitbutton,
#step2submitbutton,
.btn
{
    background-color: #ea8722!important;
    background: #ea8722!important;
    border: none!important;
    border-radius: 0!important;
    color: White!important;
    box-shadow: none!important;
}

#step1submitbutton:hover,
#step2submitbutton:hover,
.btn:hover
{
    background-color: black!important;
    background: #df372b!important;

}

.dummy_image,
.dummy_text
{
    height: 65px!important;
    width: 70px!important; 
}

.dummy2
{
    width: 170px!important;
}

.dummy1 
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 85px;
}

.dummy
{
    margin-top: -40px!important;
}

.form-actions
{
    background-color: transparent!important;
    border: none!important;
}

.field-validation-error {
    color: #FF0000;
    height: 30px;
    width: 200px !important;
    float: left;
}

.adddate
{
    height: 30px;
    width: 200px !important;
    float: left;
}

#ownlocationcheckbox
{
    float: left;
}

#ui-datepicker-div
{
    background-color: white;
    height: auto;
    border: 2px solid #f7cfa7;
}

.ui-datepicker-header,
.ui-state-active
{
    background-color: #EA8722 !important;
    background: #EA8722 !important;
}

.ui-slider
{
    width: 200px!important;
    margin-left: 10px;
    display: inline-block;
    margin-top: 18px;
}

.ui-slider-handle
{
    padding-top: 10px;
    padding-bottom: 5px;
}

.ui-slider-handle:hover
{
    background-color: #EA8722 !important;
    background: #EA8722 !important;
}

.ui-slider-range
{
    background-color: #f7cfa7 !important;
    background: #f7cfa7 !important;
}

.ui-timepicker-div dd
{
    margin-left: 10px;
}

/* google maps FIX                                                                                          google maps FIX
--------------------------------------------------------------------------------------------------------------------------*/

#map label 
{
     width: auto; display:inline; 
}
#map img 
{ 
    max-width: none; 
}

/*  BLOCKS                                                                                                          BLOCKS
--------------------------------------------------------------------------------------------------------------------------*/

.open
{
    background: url("../img/close.png") no-repeat top;
    height: 405px;
    width: 247px;
    position: relative;

}

#upperblock .open
{
    margin-left: -350px;
    margin-top: 175px;
    float: left!important;
}

#offerbutton
{
    margin-left: 720px;
    margin-top: 240px;
    float: left!important;
    position: absolute;
    display: none;
    z-index: 10;
}

#reviewbutton
{
    margin-left: 662px;
    margin-top: 340px;
    float: left!important;
    position: absolute;
    display: none;
    z-index: 10;
}

.btndiv
{
    height: 80px;
    width: 340px;
    padding: 30px 35px 35px 90px;
    background: url("../img/button.png") no-repeat top;
    height: 80px;
    width: 340px;
    color: White;
    font-weight: bold;
    font-size: 18px;
}



.btndiv:hover
{
    background: url("../img/button-hover.png") no-repeat top;
    text-decoration: none;
    color: White;
}



#lowerblock .open
{
    margin-left: -600px;
    float: left;
}

#lowerblock
{
    margin-top: 20px;
    float: left;

}

#lowerblockfield
{
    height: 404px;
    background-color: white;
    width: 1150px;
    float: left;
    margin-left: -354px;
}

#lowerblockfield .item
{
    width: 100%;
    height: 400px;
    position: relative;
    margin-top: 10px;
    padding: 0;
    cursor: inherit;
    padding-left: 20px;
}

#reviewcarousel
{
    margin-left: 10px;
}


.strength li
{
    margin-left: 50px;
    margin-top: 10px;
    list-style-image: url("../img/bullet.png");
}

.strength
{
    margin-top: 20px;
    font-size: 16px;

}

#picture
{
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    margin-top: 10px;

}

.cityimg
{
    border: 5px solid rgba(234, 135, 34, 0.4);
    height: 170px;
    overflow: hidden;
}

.cityimg:hover 
{
	border:5px solid rgba(234, 135, 34, 1);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: inherit;
}

.goh
{

    background: #de5b01 url("../img/goh.png") no-repeat center;
    width: 100%;
    height: 100%;
}

.carousel-inner .item.active
{
    margin-top: 30px!important;
}

.orange {
    background-color: #f7cfa7;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff!important;
}



.white {
    background-color: White;
    font-weight: normal;
    text-transform: none;
    color: #666666;
}






.starfull 
{
    background-position: left -120px!important;
}

.starempty 
{
    background-position: left -80px!important;
}

.starhalf
{
    background-position: left -100px!important;
}

.starfull,
.starempty,
.starhalf
{
    background: url("../img/icons-sprite.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 20px;
    width: 20px;
}


.cityreview h4,
.stars
{
    display: inline-block;
}

.cityreview.large
{
    border-bottom: dotted 1px #ea8722;
    padding-bottom: 100px;
    margin-bottom: 0px;
    margin-top: 20px;
}
    
.icon.location {
    background-position: left -180px!important;
}


.icon.cup {
    background-position: left -140px!important;
}

.icon.calendar {
    background-position: left -160px!important;
}

.iconbar .icon {
    background: url("../img/icons-sprite.png") no-repeat scroll left top transparent;
    color: #323232;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 2px;
    padding-left: 20px;
    padding-top: 3px;
}

.iconbar a,
.eventproperties a
{
    color: #EA8722!important;
}

.iconbar 
{
    margin-top: 15px;
    margin-bottom: 15px;
}


.iconbar a:hover,
.eventproperties a:hover
{
    color: black!important;
}

.viewmore
{
    margin-top: 40px;
    float: left;
}

.cityreview.large .action
{
    margin-left: 20px;
    margin-top: 40px;
    float: left;
}

.score {
    background: url("../img/score.png") no-repeat scroll center transparent;
    color: white;
    font-size: 18px;
    text-align: center;
    height: 35px;
    width: 50px;
    padding-top: 15px;
    float: left;
}

.currentTextHolder
{
    color:#ea8722!important;
}

#reviewfield
{
    height: 300px;
    padding-left: 10px!important;
    width: 90%!important;
    float: left;
}

#overflow
{
    background-image: url("../img/overflow.png");
    width: 415px;
    height: 203px;
    bottom: 0px;
    left: 0px;
    position: fixed;
    z-index: 9999999!important;
}

#Message
{
    float: left;
}

.images,
.locationimages
{
    overflow: hidden;
    max-height: 250px;
    margin-top: 30px;
    margin-left: 5px;
}
    
.nav.nav-tabs
{
    float: right;
}

.form .about_inner_half 
{

    width: 50%;
}

.form.cityinfo
{
    width: 900px;
    height: 404px;
}



.form.cityinfo p
{
    margin-left: 10px;

}

#upperblock,
#lowerblock,
.open,
#lowerblockfield,
.eventwizard,
form.cityinfo.offerteform,
#formfield,
#formfield .header,
#formfield .if-heading,
#formfield .header,
#formfield .nav,
#formfield h3,
.form-horizontal

{
    z-index: 8;
    position: relative!important;
}

#picwall
{
    margin-left: -1000px;
    float:left;
}


#homefull
{
    max-height: 1100px!important;
}

#login4 .field-validation-error
{
    float: none;
    display:block;
}

.nav-tabs .active a
{
    background-color: #ea8722!important;
    font-weight: bold;
    color: White!important;
    cursor: pointer!important;
}

.nav-tabs .disabled a
{
    cursor: pointer!important; 
    background-color: transparent!important;
    color: #f7cfa7!important;
}

.nav-tabs .disabled a
{
    cursor: pointer!important; 
}

.nav-tabs li a
{
    border: 1px solid transparent;
    background-color: #f7cfa7!important;
    border-radius: 10px 10px 0 0!important;
    color: White!important;
}

#menu-acc
{
    display: none;
}

#login4 p a:hover,
#nav a:hover
{
    color: #df372b!important;
}

/* SOCIAL SHARING */
#social_sharing {
position: fixed;
right:0px;
top:300px;
background: #ea8722!important;
width:85px;
padding:20px 20px 20px 15px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
z-index: 99999999;
}

.social-connect {padding:0; margin:0;}
.social-connect li {float:left; margin:0; padding:7px; margin: 0 10px 0 0; width:80px; background-color: #EFEFEF; height:20px; overflow:hidden; position:relative; cursor:pointer;
-webkit-box-shadow:inset 0 0 1px #000,inset 0 0 5px #666666, inset 0 0 10px #999; -moz-box-shadow:inset 0 0 1px #000,inset 0 0 5px #666666, inset 0 0 10px #999;box-shadow:inset 0 0 1px #000,inset 0 0 5px #666666, inset 0 0 10px #999;}
.social-connect li .inner {position:relative; z-index:1;}
.social-connect li .bg_over {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; -webkit-transition: top 0.15s ease-in; -moz-transition: top 0.15s ease-in; -ms-transition: top 0.15s ease-in; transition: top 0.15s ease-in;}
.social-connect li:hover .bg_over,
.social-connect li.hover .bg_over {top:34px;}
.social-connect li.fb_like_button .bg_over {background:url(../images/ss_like.jpg) no-repeat center center; }
.social-connect li.tweetme .bg_over {background:url(../images/ss_tweet.jpg) no-repeat center center; }
.social-connect li.gplus .bg_over  {background:url(../images/ss_gplus.jpg) no-repeat center center; }

#homescroll #offer
{
    margin-top: 25px;
}

/*  BLOCKS RESPONSIVE                                                                                       BLOCKS RESPONSIVE
--------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1690px) and (max-width: 1720px) 
{
    


#upperblock .open
{
    margin-left: -380px;
    margin-top: 225px;
    float: left!important;
}


#lowerblock .open
{
    margin-left: -630px;

}

#lowerblockfield
{

    margin-left: -384px;
}

.eventwizard
{
    margin-top: 225px;
    margin-left: -134px;
}

}

@media (min-width: 1660px) and (max-width: 1689px) 
{

#upperblock .open
{
    margin-left: -410px;
    margin-top: 275px;
}

.eventwizard
{
    margin-top: 275px;
    margin-left: -164px;
}

#lowerblock .open
{
    margin-left: -660px;

}

#lowerblockfield
{
    margin-left: -414px;
}

}

@media (min-width: 1630px) and (max-width: 1659px) 
{

#upperblock .open
{
    margin-left: -440px;
    margin-top: 325px;
}

.eventwizard
{
    margin-top: 325px;
    margin-left: -194px;
}

#lowerblock .open
{
    margin-left: -690px;

}

#lowerblockfield
{

    margin-left: -444px;
}

}

@media (min-width: 1600px) and (max-width: 1629px) 
{

#upperblock .open
{
    margin-left: -470px;
    margin-top: 375px;
}

.eventwizard
{
    margin-top: 375px;
    margin-left: -224px;
}

#lowerblock .open
{
    margin-left: -720px;

}

#lowerblockfield
{

    margin-left: -474px;
}

}

@media (min-width: 1570px) and (max-width: 1599px) 
{

#upperblock .open
{
    margin-left: -500px;
    margin-top: 425px;
}

.eventwizard
{
    margin-top: 425px;
    margin-left: -254px;
}

#lowerblock .open
{
    margin-left: -750px;

}

#lowerblockfield
{

    margin-left: -504px;
}

}

@media (min-width: 1540px) and (max-width: 1569px) 
{

#upperblock .open
{
    margin-left: -530px;
    margin-top: 475px;
}

.eventwizard
{
    margin-top: 475px;
    margin-left: -284px;
}

#lowerblock .open
{
    margin-left: -780px;

}

#lowerblockfield
{

    margin-left: -534px;
}

}

@media (min-width: 1510px) and (max-width: 1539px) 
{

#upperblock .open
{
    margin-left: -560px;
    margin-top: 525px;
}

.eventwizard
{
    margin-top: 525px;
    margin-left: -314px;
}

#lowerblock .open
{
    margin-left: -810px;

}

#lowerblockfield
{

    margin-left: -564px;
}

}

@media (min-width: 1480px) and (max-width: 1509px) 
{

#upperblock .open
{
    margin-left: -590px;
    margin-top: 575px;
}

.eventwizard
{
    margin-top: 575px;
    margin-left: -344px;
}

#lowerblock .open
{
    margin-left: -840px;

}

#lowerblockfield
{

    margin-left: -594px;
}

}

@media (min-width: 1450px) and (max-width: 1479px) 
{

#upperblock .open
{
    margin-left: -620px;
    margin-top: 625px;
}

.eventwizard
{
    margin-top: 625px;
    margin-left: -374px;
}

#lowerblock .open
{
    margin-left: -870px;

}

#lowerblockfield
{

    margin-left: -624px;
}

}

@media (min-width: 1420px) and (max-width: 1449px) 
{

#upperblock .open
{
    margin-left: -650px;
    margin-top: 675px;
}

.eventwizard
{
    margin-top: 675px;
    margin-left: -404px;
}

#lowerblock .open
{
    margin-left: -900px;

}

#lowerblockfield
{

    margin-left: -654px;
}

}


@media (min-width: 1390px) and (max-width: 1419px) 
{

#upperblock .open
{
    margin-left: -680px;
    margin-top: 725px;
}

.eventwizard
{
    margin-top: 725px;
    margin-left: -434px;
}

#lowerblock .open
{
    margin-left: -930px;

}

#lowerblockfield
{

    margin-left: -684px;
}

}

@media (min-width: 1360px) and (max-width: 1389px) 
{

#upperblock .open
{
    margin-left: -710px;
    margin-top: 775px;
}

.eventwizard
{
    margin-top: 775px;
    margin-left: -464px;
}

#lowerblock .open
{
    margin-left: -960px;

}

#lowerblockfield
{

    margin-left: -714px;
}

}

@media (min-width: 1330px) and (max-width: 1359px) 
{

#upperblock .open
{
    margin-left: -740px;
    margin-top: 825px;
}

.eventwizard
{
    margin-top: 825px;
    margin-left: -494px;
}

#lowerblock .open
{
    margin-left: -990px;

}

#lowerblockfield
{

    margin-left: -744px;
}

}

@media (min-width: 1300px) and (max-width: 1329px) 
{

#upperblock .open
{
    margin-left: -770px;
    margin-top: 875px;
}

.eventwizard
{
    margin-top: 875px;
    margin-left: -524px;
}

#lowerblock .open
{
    margin-left: -1020px;

}

#lowerblockfield
{

    margin-left: -774px;
}

}

@media (min-width: 1270px) and (max-width: 1299px) 
{

#upperblock .open
{
    margin-left: -800px;
    margin-top: 875px;
}

.eventwizard
{
    margin-top: 875px;
    margin-left: -554px;
}

#lowerblock .open
{
    margin-left: -1050px;

}

#lowerblockfield
{

    margin-left: -804px;
}

}

@media (min-width: 1240px) and (max-width: 1269px) 
{

#upperblock .open
{
    margin-left: -830px;
    margin-top: 875px;
}

.eventwizard
{
    margin-top: 875px;
    margin-left: -584px;
}

#lowerblock .open
{
    margin-left: -1080px;

}

#lowerblockfield
{

    margin-left: -834px;
}

}

@media (min-width: 1210px) and (max-width: 1239px) 
{

#upperblock .open
{
    margin-left: -860px;
    margin-top: 875px;
}

.eventwizard
{
    margin-top: 875px;
    margin-left: -614px;
}

#lowerblock .open,
#lowerblock .open
{
    margin-left: -1110px;

}

#lowerblockfield
{

    margin-left: -864px;
}

}

@media (max-width: 1239px) 
{

#reviewfield
{
    padding-left: 30px!important;
}

#lowerblockfield h3
{
    margin-left: 30px;
}

}

@media (min-width: 1180px) and (max-width: 1209px) 
{

#upperblock .open
{
    margin-left: -890px;
    margin-top: 875px;
}

.eventwizard
{
    margin-top: 875px;
    margin-left: -644px;
}

#lowerblock .open
{
    display:none;

}

#lowerblockfield
{

    margin-left: -894px;
}

}

@media (min-width: 1150px) and (max-width: 1179px) 
{

#upperblock .open
{
    margin-left: -920px;
    margin-top: 875px;
}

.eventwizard
{
    margin-top: 875px;
    margin-left: -900px;
    width: 1120px;
}

#lowerblockfield
{
    width: 1120px;
    margin-left: -894px;
}

}

@media (max-width: 1179px) 
{


.eventwizard
{
    margin-top: 875px;
    margin-left: -895px;
}

.eventwizard h3
{
    margin-left: 30px!important;
}

#lowerblock .open,
#upperblock .open
{
    display:none;

}

#lowerblockfield
{
    margin-left: -894px;
}

}

@media (max-width: 650px) 
{


.eventitem,
.picture
{
    width: 120px;
    margin-right: 50px;
    height: 280px;
    
}

.if-pf-img,
.male
{
    width: 100px!important;
    height: 100px!important;
}

.homeimg
{
    width: 150px!important;
    height: 150px!important;
}

.dotted {
    margin-top: 150px;
    width: 120px;
}
}

@media (min-width: 1120px) and (max-width: 1149px) 
{



.eventwizard
{

    width: 1090px;
}


#lowerblockfield
{
    width: 1090px;
}



}

@media (min-width: 1090px) and (max-width: 1119px) 
{

.eventwizard
{
    width: 1060px;
}

#lowerblockfield
{
    width: 1060px;
}

}

@media (min-width: 1060px) and (max-width: 1089px) 
{

.eventwizard
{
    width: 1030px;
}

#lowerblockfield
{
    width: 1030px;
}

}

@media (min-width: 1030px) and (max-width: 1059px) 
{

.eventwizard
{
    width: 1000px;
}

#lowerblockfield
{
    width: 1000px;
}

}

@media (min-width: 1000px) and (max-width: 1029px) 
{

.eventwizard
{
    width: 970px;
}

#lowerblockfield
{
    width: 970px;
}

}

@media (min-width: 970px) and (max-width: 999px) 
{

.eventwizard
{
    width: 940px;
}

#lowerblockfield
{
    width: 940px;
}

}

@media (min-width: 940px) and (max-width: 969px) 
{

.eventwizard
{
    width: 910px;
}

#lowerblockfield
{
    width: 910px!important;
}

}

@media (max-width: 969px) 
{

#lowerblockfield,
#lowerblock
{
    margin-left: 0!important;
    margin-top: -420px!important;
    float: left;
    
}


#lowerblock
{
    margin-top: -420px;
}

}

@media (min-width: 910px) and (max-width: 939px) 
{

.eventwizard
{
    width: 880px;
}

#lowerblockfield
{
    width: 880px;
}

}

@media (min-width: 880px) and (max-width: 909px) 
{

.eventwizard
{
    width: 850px;
}

#lowerblockfield
{
    width: 850px;
}

}

@media (min-width: 850px) and (max-width: 879px) 
{

.eventwizard
{
    width: 820px;
}

#lowerblockfield
{
    width: 820px;
}

}

@media (min-width: 820px) and (max-width: 849px) 
{

.eventwizard
{
    width: 790px;
}

#lowerblockfield
{
    width: 790px;
}

}

@media (min-width: 790px) and (max-width: 819px) 
{

.eventwizard
{
    width: 760px;
}

#lowerblockfield
{
    width: 760px;
}

}



@media (max-width: 819px) 
{

.eventwizard,
#upperblock,
.eventwizard .form,
#lowerblockfield
{
    width: 100%;
    height: auto!important;
}

#lowerblock
{
    width: 100%;
    height: auto!important;
    margin-left: 0px!important;
    margin-top: 20px!important;
}

.about_inner_half,
.about_inner_half_right
{
    float:none!important;
    width: 100%!important;
}

}

@media (max-width: 490px) 
{


/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #000; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }
    
.eventbutton
{
    margin-bottom: 20px;
}
    
.full,
.background
{
    height: auto!important;
    width:100%;
    overflow: hidden;
}

#homescroll
{
    display: block;
}

#social_sharing {
position: relative;
margin: 0 auto ;
right: auto;
top: auto;
bottom:10px;
background: white!important;
width: 312px;
padding: 0px;
}


#homediv,
#homefull
{
    display: none;
}
    
.eventwizard .form
{
    padding-left: 20px;
}

#slideContent2 #Message
{
    width: 206px!important;
}
        

    
#lowerblock
{

    margin-top: 450px!important;
}

.nav.nav-tabs 
{
    margin-top: 10px;
    float: left;
}

h3
{ 
    width: auto;
}


#lowerblockfield h3,
#upperblock h3 
{
    margin-left: 10px!important;
}

#map
{
    height: 1px!important;
    width: 1px!important;
}

#mapscrollist
{
    margin-left: -75px!important;
    margin-top: 75px!important;
}

.cityinfo .images,
.locationimages
{
    display: none;
}

.cityinfo
{
    width: 90%!important;
}

.about_inner_half p
{
    margin-left: 10px;
    width: 90%!important;
}


}

@media (max-width: 650px) 
{
#login4
{
   width: 350px!important;
}



#logininner,
.background
{
    background: white!important;
}

#scrollist
{
    width: 230px!important;
    margin-top: 10px;
}

#mapscrollist
{
    width: 230px!important;
    margin-top: 10px;
}

.itemlist li a {
    padding-left: 6px;
}

}

@media (max-width: 390px) 
{
.eventwizard
{
    margin-top: 1125px;
}
}


@media (max-width: 700px) 
{
#photoalbums .imgcontainer
{
    width: 50%!important;
}
}

@media (min-width: 701px) and (max-width: 1200px) 
{
#photoalbums .imgcontainer
{
    width: 25%!important;
}
}

/*  HEADER MENU RESPONSIVE                                                                            HEADER MENU RESPONSIVE
--------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1250px) 
{
#nav ul li a
{
    padding: 5px 10px 5px!important;
}

#pos1
{
    width: 580px!important;
    margin-top: 105px!important;
}

#phone
{
    left: 800px!important;
}

}

@media  (min-width: 906px) and (max-width: 1119px) 
{
#logo
{
    width: 214px;
}

#header
{
    height: 130px;
    width: 1800px;
    background: url("../img/header_medium.png") no-repeat scroll 0 0 transparent;
}

#pos1
{
    margin-top: 80px!important;
    margin-left: 90px!important;
}

#phone
{
    left: 700px!important;
    top: 25px!important;
}

#phone p
{
    left: 700px!important;
    color: White!important;
}

}

@media (min-width: 630px) and (max-width: 905px) 
{
#logo
{
    width: 214px;
}

#header
{
    height: 150px;
    width: 1800px;
    background: url("../img/header_small.png") no-repeat scroll 0 0 transparent;
}

#pos1
{
    float: left;
    margin-top: 115px!important;
    margin-left: -210px!important;
}

#phone
{
    left: 400px!important;
    top: 60px!important;
}

#phone p
{
    left: 700px!important;
    color: White!important;
}

}

@media (max-width: 650px) 
{
#logo
{
    width: 214px;
}

#header
{
    height: 150px;
    width: 1800px;
    background: url("../img/header_small.png") no-repeat scroll 0 0 transparent;
}

#header #nav ul li
{
    float: none;

}

#header #nav ul li a
{
    width: 650px;
    text-align: left;
    font-weight: bold;
    padding: 10px 0px 10px 40px!important;
    background-image: linear-gradient(bottom, rgb(212,114,23) 0%, rgb(234,134,34) 66%);
    background-image: -o-linear-gradient(bottom, rgb(212,114,23) 0%, rgb(234,134,34) 66%);
    background-image: -moz-linear-gradient(bottom, rgb(212,114,23) 0%, rgb(234,134,34) 66%);
    background-image: -webkit-linear-gradient(bottom, rgb(212,114,23) 0%, rgb(234,134,34) 66%);
    background-image: -ms-linear-gradient(bottom, rgb(212,114,23) 0%, rgb(234,134,34) 66%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(212,114,23)),
	    color-stop(0.66, rgb(234,134,34))
    );
    z-index: 99999999999;
}

#header #nav ul li a:hover
{
    background: orange;
    color: black;
}

#header
{
    overflow: show;
}
    
#pos1
{   
    margin-top: 0!important;
    margin-left: -20px!important;
    height: 400px!important;
}

.sub-menu
{ 
    display: none!important;
}

.sub-menu li a:hover
{ 
    background-color: #c51b40!important;
}

#menu-acc
{
    display: block;
    background: transparent url("../img/collapsebtn.png") no-repeat center;
    border: none;
    width: 50px;
    height: 50px;
    margin-top: 90px;
    margin-left: 500px;

}

#menu-acc:hover,
#menu-acc:active
{
    background: transparent url("../img/collapsebtn_press.png") no-repeat center;
    border: none;
    width: 50px;
    height: 50px;

}

#normalmenu
{
    display: none;
}
    
#collapsemenu
{
    z-index: 999999999999999999999999999999999999999999999;
    position: relative;
    width: 600px;
    display: block;
}

#phone
{
    left: 50px!important;
    top: 120px!important;
}

#phone p
{
    left: 700px!important;
    color: white!important;
}


}


@media (min-width: 535px)  and (max-width: 585px) 
{
#menu-acc
{
    margin-left: 450px;
}

}

@media (min-width: 485px)  and (max-width: 534px) 
{
#menu-acc
{
    margin-left: 400px;
}

}

@media (min-width: 435px)  and (max-width: 484px) 
{
#menu-acc
{
    margin-left: 350px;
}

}

@media (min-width: 381px)  and (max-width: 434px) 
{
#menu-acc
{
    margin-left: 300px;
}

}

@media (max-width: 450px) 
{

#phone
{
    position: absolute;
    left: 50px!important;
    top: 160px!important;
}

#phone p
{
    color: #EA8722!important;
}

h2
{
    padding-top: 30px!important;
}

.search
{
    left: 20px;
    top: 400px;
}

#wrapper input:not([type="checkbox"])
{
    width: 200px!important;
}

}

@media (max-width: 380px) 
{

#phone
{
    left: 20px!important;
    top: 105px!important;
}

#phone p
{
    color: #EA8722!important;
}

}

@media (max-width: 380px) 
{
    
#login4
{
    margin-top: -60px;
    margin-left: -40px;
    width: 280px!important;
}

#citytext
{
    width: 260px!important;
}

h3
{
    float: none;
}

#logo
{
    width: 170px;
    margin-left: 0px;
    margin-top: 0px;
}

#header
{
    height: 112px;
    width: 400px;
    background: url("../img/header_xsmall.png") no-repeat scroll 0 0 transparent;
}

#slideClick2
{
    display:none;
}

#menu-acc
{
    display: block;
    background: transparent url("../img/collapsebtn.png") no-repeat center;
    border: none;
    width: 50px;
    height: 50px;
    margin-top: 45px;
    margin-left: 235px;

}


}


/*  SCROLLBUTTONS RESPONSIVE                                                                        SCROLLBUTTONS RESPONSIVE
--------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 700px) and (max-width: 1430px) 
{


#offerbutton,
#reviewbutton
{
    display: block;
}

}

@media (min-width: 1036px) and (max-width: 1095px) 
{


#offerbutton
{
    margin-left: 662px;
    margin-top: 340px;
}

#reviewbutton
{
    margin-left: 604px;
    margin-top: 440px;
}

}

@media (min-width: 976px) and (max-width: 1035px) 
{


#offerbutton
{
    margin-left: 604px;
    margin-top: 440px;
}

#reviewbutton
{
    margin-left: 546px;
    margin-top: 540px;
}

}

@media (max-width: 975px) 
{


#offerbutton,
#reviewbutton
{
    display: none;
}

}


/* MISC RESPONSIVE                                                                                           MISC RESPONSIVE
--------------------------------------------------------------------------------------------------------------------------*/
@media (max-height: 950px) 
{


#quiz a,
#citygame a,
#ownquiz a
{
    width: 160px;
    height: 160px;
    margin-right: 30px;

}

}

@media (max-height: 900px) 
{


#quiz a,
#citygame a,
#ownquiz a
{
    width: 150px;
    height: 150px;
    margin-right: 50px;

}

}

@media (max-height: 850px) 
{


#quiz a,
#citygame a,
#ownquiz a
{
    width: 140px;
    height: 140px;
    margin-right: 10px;

}

}

@media (min-width: 491px) and (max-width: 675px) 
{

#quiz a,
#citygame a,
#ownquiz a
{
    width: 140px!important;
    height: 140px!important;
    margin-right: 10px;
}

}

.pager.reviews
{
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

body {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

@media (max-height: 900px) 
{
    #overflow
    {
        display: none;
    }
}


#phone
{
    width:auto;
    max-width:1100px
    margin: 0 auto;
    color: Orange!important;
    text-align: right;
    position: absolute;
    top: 20px;
    left: 900px;
}

#phone .big
{
    font-size: 24px;
    font-weight: bold;
}

#phone p
{
    font-size: 18px;
    margin-right: 15px;
}


/* AANPASSINGEN 24-02-2014 RAMON */

.form-horizontal .tab-content .about_inner_half
{
    width: 45%;   
    overflow: visible;
}

.form-horizontal .tab-content .about_inner_half .field-validation-error,
.form-horizontal .tab-content .about_inner_half_right .field-validation-error
{
    height: auto;   
}


.form-horizontal .tab-content .about_inner_half_right
{
    width: 55%; 
}

.form-horizontal .tab-content .about_inner_half_right .control-label
{
    width: 230px; 
}

.form-horizontal .tab-content .about_inner_half_right .controls {
    margin-left: 250px;
}

.form-horizontal .control-group {
    margin-bottom: 10px!important;
}

.form-actions {
    padding: 0px 20px 0 180px!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}

#upperblock
{
    z-index:9;
}

#busWarning
{
    float: none;
    display: block;
}

.eventitem .male
{
    margin-top: 10px;
}

.eventitem .dotted
{
    margin-top: 175px;
}

@media (max-width: 818px) 
{
    .form-horizontal .tab-content .about_inner_half .control-label
    {
        width: 230px; 
    }

    .form-horizontal .tab-content .about_inner_half .controls {
        margin-left: 250px;
    }
    
    #social_sharing
    {
        display: none;
    }
}