body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap}
.bootstrap-tagsinput {
    width: 100%;
}

.bootstrap-tagsinput .label {
    display: inline;
    padding: .3em .4em .3em;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    float: left;
    margin-bottom: 3px;
}

.bootstrap-tagsinput .label-info {
}

.bootstrap-tagsinput  .label-info.sortable-ghost{
	background: #f4e2c9;
}

.bootstrap-tagsinput .label-info[href]:hover,
.bootstrap-tagsinput .label-info[href]:focus {
    background-color: #31b0d5;
}

.bootstrap-tagsinput .label-info.new{
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: '\00D7';
}

.twitter-typeahead{
    float: left;
}

.twitter-typeahead .tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.twitter-typeahead .tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
    cursor: pointer;
}

.twitter-typeahead .tt-suggestion:hover,
.twitter-typeahead .tt-suggestion:focus,
.twitter-typeahead .tt-suggestion.tt-cursor {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

/*Added to input that's initialized into a typeahead*/
.twitter-typeahead .tt-input {
    line-height: 20px;
    margin-bottom: 0;
}

/*Added to hint input.*/
.twitter-typeahead .tt-hint {
    line-height: 20px;
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
/* CSS Document */
@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
body{background-color:#FFF;font-size:1em;line-height:1.4em}
body a{color:#ce0400;text-decoration:none;-webkit-transition: all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
body a:hover{text-decoration:underline}
.inside{width:100%;padding:2% 0 2% 0;max-width:1200px;margin:0 auto}

body h1{font-size:2.5em;line-height:1.3em;padding:0 0 3% 0;margin:0;font-weight:normal}
body h2{font-size:1.6em;line-height:1.3em;padding:2% 0 1% 0;margin:0;font-weight:bold;color:#666}
body h3{font-size:1.4em}

.invisible{display:none}
.formfield{width:calc(90% - 160px);margin:5px 0 5px 0}
.formfield label{width:160px;display:inline-block;vertical-align:top}
.formfield input[type=text],.formfield input[type=email],.formfield input[type=tel],.formfield textarea{display:inline-block;vertical-align:top;padding:3px;border:1px solid #333}
.formfield button[type=submit]{padding:8px;background:#b71124;color:#FFF;box-shadow:none; border-radius:0;border:0}
.formfield fieldset span{width:100%;display:block}
.formfield fieldset input[type=checkbox]{width:60px}
.formfield fieldset span label{width:calc(100% - 220px);padding:0;margin:0}
.formfield fieldset legend{width:100%;white-space:nowrap}
.formfield fieldset legend span{width:auto}
@charset "UTF-8";
/* CSS Document */

#header .inside{width:100%;padding:20px 0 0 0;margin:0 auto}

#header{width:100%;min-height:127px;background-color:#FFF;border-bottom:1px solid #DDD;/*position:fixed;z-index:99999*/}
#header .logo{max-width:300px;display:inline-block}
#header .menu{width:100%;font-family:'Tauri',sans-serif}
#header .menu ul{width:100%;height:100%;padding:0;margin:0;list-style:none}
#header .menu li{height:100%;padding:0;margin:0 1px 0 0;display:inline-block;vertical-align:top;overflow:show}
#header .menu li a{padding:10px 6px 10px 6px;margin:10px 0 0 0;display:block;white-space:nowrap;overflow:show;color:#FFF;font-weight:normal}
#header .menu li a:hover{text-decoration:none;padding-top:20px;margin-top:0px}
#header .menu .veranstaltungen a{background-color:#878ac3}
#header .menu .messen a{background-color:#a2c4e3}
#header .menu .wochenmaerkte a{background-color:#a566a7}
#header .menu .city-events a{background-color:#93c5a9}
#header .menu .stadthalle a{background-color:#eaa459}
#header .menu .marketing-und-tourismus a{background-color:#e05c58}
#header .menu .galerie a{background-color:#999}
#header .menu .jobs a{background-color:#333}
#header .opener{width:60px;height:44px;display:none;background-image:url(../../files/shunna/layout/menuopener.png);cursor:pointer}#header .opener:hover{background-image:url(../../files/shunna/layout/menuopener_red.png);}

.banner_wrap{margin-left:2%;}
.mod_banner{width:calc(100% - 310px);display:inline-block;vertical-align:top}
@charset "UTF-8";
/* CSS Document */

#footer{color:#FFF;font-size:0.8em;background-color:#666}
#footer .inside{width:100%;padding:0;max-width:100%;margin:0px auto}

#footer .facebook{width:100%;padding:10px 0 0 0;background:#F3F3F3;text-align:center}#footer .facebook img{max-width:80%}

#footer a{color:#FFF;text-decoration:none}#footer a:hover{color:#DDD}
#footer ul{width:100%;padding:0;margin:0;list-style:none}#footer li{width:32%;margin:0 2% 2% 0;display:inline-block;vertical-align:top}#footer li:last-child{margin-right:0%}
#footer h3{padding:0;margin:0 0 4% 0}
#footer .info{width:100%;text-align:center;/*border-top:1px solid #999;padding:1% 0% 1% 0%*/}

#footer .widget-text{width:75%;vertical-align:middle;display:inline-block}
#footer .submit_container{width:20%;vertical-align:middle;display:inline-block}
#footer input[type=text]{width:92%;border-radius:2px;border:1px solid #DDD;padding:5px 2% 5px 2%}
#footer input[type=submit]{width:40px;border-radius:2px;border:1px solid #CCC;padding:5px;background-image:url(../../files/shunna/layout/lupe.png);background-position:center center;background-repeat:no-repeat;background-color:##CCC;color:transparent}

#footer .partner{width:100%;background-color:#FFF}#footer .partner .images{width:100%;padding:0;max-width:1200px;margin:0px auto;text-align:center}
#footer .partner .images img{max-width:46%;padding:2%;display:inline-block;vertical-align:middle}

#footer .menu, #footer .closure{width:100%;padding:2% 0 2% 0;max-width:1200px;margin:0px auto}
@charset "UTF-8";
/* CSS Document */

#container .ticker{width:100%;overflow:hidden;margin:10px 0 10px 0}
#container .ticker a{font-weight:bold}
@charset "UTF-8";
/* CSS Document */

#container .buttons{width:100%;font-size:0.9em;/*margin-top: 4%;*/margin-top:20px}
#container .buttons img{width:100%}
#container .buttons h2{font-size:1.4em;padding:0;margin:0 0 5% 0;color:#FFF}
#container .buttons ul{width:100%;padding:0;margin:0;list-style:none}#container .buttons li{width:31%;padding:0.5%;margin:1% 2% 1% 0%;display:inline-block;vertical-align:top;background-color:#FFF}#container .buttons li:nth-child(3n+3){margin-right:0%}
#container .buttons a{display:block;color:#FFF;text-decoration:none}
#container .buttons .text {width:96%;padding:2%;margin:1% 0 0 0;overflow:hidden}
#container .buttons #veranstaltungen .text{background-color:#878ac3}
#container .buttons #messen .text{background-color:#a2c4e3}
#container .buttons #wochenmaerkte .text{background-color:#a566a7}
#container .buttons #city-events .text{background-color:#93c5a9}
#container .buttons #stadthalle .text{background-color:#eaa459}
#container .buttons #marketing-und-tourismus .text{background-color:#e05c58}

.banner_wrap{float:right}
@charset "UTF-8";
/* CSS Document */
@media(max-width:1200px){
	.inside,#footer .menu,#footer .closure,#footer .partner .images{width:98%;padding-left:1%;padding-right:1%}
	#container #left .inside{width:94%;padding-left:3%;padding-right:3%}
	#container #main .inside{width:97%;padding-left:1.5%;padding-right:1.5%}
}

@media(max-width:1150px){
	#header .inside{width:100%}
	#header{height:auto}
	#header .logo{width:100%;text-align:center}
	#header .menu{width:100%;margin:10px 0 0 0}
	/*#header .opener{display:inline-block;vetical-align:top}
	#header .menu{display:none}
	#header .menu li{width:100%;text-align:center}
	#header .menu li a{padding:10px 0px 10px 0px;margin:0 0 0 0}
	#header .menu li a:hover{padding:10px 0px 10px 0px}*/
	#header .menu ul{text-align:center}
	#header .menu li{text-align:center;margin-top:1px}
	#header .menu li a{margin:0}
	#header .menu li a:hover{padding-top:10px}
	#animation{padding-top:105px!important}
}

@media(max-width:1000px){
	#container #main .members .member{width:30%;margin-left:3%}
	#container .mod_eventlist .event .image{width:17%}#container .mod_eventlist .event .text{width:80%}
}

@media(max-width:800px){
	body{font-size:0.9em}
	#animation{padding-top:145px!important}
	#container .ce_gallery li{width:45%}
	#container #main .members .member{width:46%;margin-left:2%;margin-right:2%}
}

@media(max-width:600px){
	body h1{font-size:2em}
	body h2{font-size:1.4em}
	body h3{font-size:1.2em}
	
	#header{position:relative}
	#animation{padding-top:0px!important}

	#container .buttons li{width:46%;padding:1%;margin:1% 4% 1% 0%}#container .buttons li:nth-child(3n+3){margin-right:4%}#container .buttons li:nth-child(2n+2){margin-right:0%}
	#container #left .members .member .image{display:none}#container #left .members .member .info{width:100%}
	#footer li{width:50%;margin-right:0%;margin-bottom:5%}#footer li:last-child{width:100%;text-align:center}
	#container .mod_eventlist .event .image{width:22%}#container .mod_eventlist .event .text{width:75%}
}

@media(max-width:400px){
	body h1{font-size:1.8em}
	
	#header .logo{width:100%;text-align:center}
	#header .mod_banner{width:100%;text-align:center}
	#header .menu{display:none}
	
	#animation{display:none}
	
	#breadcrumb{display:none}
	
	#container .ticker{margin-top:2%}
	
	#container #left{width:100%;margin:0}
	/*#container #left .members .member .image{width:23%;display:inline-block}#container #left .members .member .info{width:71%}*/
	#container #left .members{display:none}
	#container #main{width:100%;margin:0}
	#container #left .inside, #container #main .inside{width:98%;padding-left:1%;padding-right:1%}
	
	#container #left nav .submenuopener{display:block;background-color:#ce0400;color:#FFF;padding:2% 0 2% 0;cursor:pointer}
	#container #left nav .subbuttons{display:none}
	#container #left nav ul, #container #left nav ul ul{width:100%;padding-left:0;text-align:center}
	#container #left nav .first, #container #left nav .sibling, #container #left nav .last{text-align:center}
	#container #left nav ul li, #container #left nav ul ul li{width:100%;margin-bottom:1px}
	
	#container #left nav ul li a{background-color:#ce0400;color:#FFF}
	#container #left nav ul ul li a{background-color:#666;color:#FFF}
	#container #left nav ul ul ul li a{background-color:#999;color:#FFF}
	
	#container #left nav .active{color:#000;padding:1.5% 0 1.5% 0;font-weight:bold}
	
	#container .buttons li{width:96%;padding:2%;margin:1% 0% 1% 0%}#container .buttons li:nth-child(3n+3){margin-right:0%}
	#container .buttons li img{display:none}
	
	#container #main nav{width:100%}
	#container #main .mod_article{width:100%}
	
	#container .ce_gallery ul{text-align:center}
	
	#footer li{width:100%;text-align:center}
	#socialshareprivacy{margin:0px auto}
}

@charset "UTF-8";
/* CSS Document */

#container{width:100%;background-color:#F3F3F3}