*{padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-decoration:none;} 
body {background-color:#FFFFFF; color: #000000;/*background:url(../media/tmpl/project_papper.png) repeat fixed;*/font-family:'open sans',arial;color:#3F4143;}
img{border:none;}
a img{border:none;}
.hidden, a.anchor {display: none;}/* Sprungmarke und nicht sichtbarer Menupunkt */
.floatend{clear:both;}
#gibcamLogo a{text-decoration:none;}




#head .headnav{float:right;}
#headnavi #headnav li{float:left;list-style:none;}
#headnavi #headnav li a{font-family:'oswald',helvetica;font-weight:300;border-right:1px solid #858687;color:#858687;font-size:0.8em;padding:0 10px;text-decoration:none;}
#headnavi #headnav li a:hover,#headnavi #headnav li.active a{text-decoration:underline;}
#headnavi #headnav #headnav_item_10 a{border:none;padding:0 0 0 10px;}



#footernav li{float:left;list-style:none;}
#footernav li a{border-right:1px solid;color:#FFFFFF;float:left;font-family:oswald,helvetica;font-size:0.7em;margin:5px 0;padding:0 10px;text-decoration:none;}
#footernav li a:hover,#footernav li.active a{text-decoration:underline;}
#footernav #footernav_item_10 a{border:none;padding:0 0 0 10px;}
#footernav{float:right;margin:0 30px 0 0;}

.sitemap{float:left;width:100%;margin:30px 0;}


#sitemap li{float:left;width:auto;list-style:none;cursor:default;min-height:125px;}
#sitemap li li{min-height:auto;}
#sitemap li a,#sitemap li div{font-family:'oswald',helvetica;color:#858687;text-decoration:none;float:left;width:100%;font-size:0.9em;}
#sitemap li a:hover,#sitemap li:hover,#sitemap li.active a,#sitemap li.open a,#sitemap li.active li a:hover,#sitemap li.open li a:hover,#sitemap li:hover,#sitemap li.active div,#sitemap li.open div{color:#0069AE;}
#sitemap li.active li a,#sitemap li.open li a{color:#858687;}
#sitemap li.open li.active a{color:#0069AE;}
#sitemap li ul{float:left;margin:10px 0 0;clear:both;}
#sitemap li li{clear:both;margin:0;padding:0;}
#sitemap li li a{border:none;line-height:1.3;font-weight:400;font-family:'open sans',arial;font-size:0.8em;}



#activemenu{float:left;width:85%;}
#activemenu li,
#activemenu li div{display:none;font-family:oswald,helvetica;}
#activemenu li.active,
#activemenu li.open,
#activemenu li a{display:block;}
#activemenu li li.active a,
#activemenu li li.open a,
#activemenu li li:hover a{color:#0069AE;}
#activemenu li ul li a{display:block;line-height:0.8;}
#activemenu li.active li,
#activemenu li.open li{display:block;}
#activemenu li a{padding:13px 0;border-bottom:1px solid #858687;display:none;color:#858687;}
#activemenu li li li a{padding:3px 0 3px 20px;border-bottom:1px solid #858687;}
#activemenu li a{text-decoration:none;font-weight:600;}
#activemenu li li a{text-decoration:none;font-weight:400; font-size: 0.9em;}
#activemenu li a:before{float:left;font-size:0.8em;margin:0 5px;}
#activemenu li li.active a:before,
#activemenu li li.open a:before,
#activemenu li li:hover a:before{color:#858687;}



#contact_search_area{float:right;margin:5px 0 0;}
#socialmedia a{float:left;height:30px;overflow:hidden;width:30px;text-decoration:none;}
#socialmedia li{float:left;}
#searchBar{float:left;margin:4px 3px 0 0;}
.socialmedia{float:left;}
#socialmedia li{list-style:none;}
#socialmedia #socialmedia_item_28 a:before,#socialmedia #socialmedia_item_29 a:before{color:#858687;font-size:2em;}

#mainarea .gibCamSitemap ul{list-style-type:none;margin:0 0 0 30px;}
#mainarea .gibCamSitemap li a:hover{color:#0069AE;}
#mainarea .gibCamSitemap li:before{content:none;}
#mainarea .gibCamSitemap a{color:#3F4143;text-decoration:none;}
#mainarea .gibCamSitemap {float:left;margin:20px 35px;}

.slides li{height:330px; background-size:cover; background-position:50%; background-repeat:no-repeat;}


@media screen and (max-width: 767px) {
    #topmenu_nav{display:none;}
    #topmenu_nav ul {list-style-type:none;}
    #topmenu_nav ul li{position:relative;}
    #topmenu_nav ul li a{display:block;background-color:#0069AE;color:#FFF;padding:10px 15px;}
    #topmenu_nav ul li ul{display:none;}
    #topmenu_nav ul li ul li a{padding-left:35px;background-color:#F3F4F4;color:#000;}
    #topmenu_nav ul li.active > a, #topmenu_nav ul li.open > a{background-color:#858687;color:#FFF;}
    #topmenu_nav ul li .toggle_button{displaY:block;position:absolute;top:3px;right:3px;height:35px;width:35px;color:#F3F4F4;}
    
     #sitemap li{width: 50%;}
     #sitemap li li{width: auto;}
}

@media screen and (min-width:320px){
	.absatz{margin:20px 0;width:100%;}
	h2 {color: #0069AE;font-family: oswald,helvetica ;font-size: 1.2em; font-weight: 400;padding: 0 0 5px;}
	#head{margin-bottom:25px;}
	div#innerPage {padding: 15px;width:100%;overflow:hidden;}
	#gibcamLogo img {width:100%;max-width:145px;}
	#headTop {margin-top: 75px;}
	#gibcamLogo{float:left;width:50%;}
	#headnavi{float:right;width:50%;overflow:hidden;margin-top: 52px;}
	#headnavi #language{max-width:150px;}
	#headnavi #language a{display:inline-block;width:50%;float:left;padding:0px 10px;}
	#headnavi #language a img{width:100%;max-width:55px;}
	#head .headnav {position: absolute;top: 10px;left: 5px;}
	#head .headnav ul li a{font-size:1.15em !important;}
	#contact_search_area {position: absolute; top: 40px;}
	#topmenu_toggleButton {display:block;position:absolute;right:15px; top:80px;}
	.flex-direction-nav a {top: 35% !important;}
	.flex-control-nav {bottom: 0px !important; margin-top:10px !important;}
	.sliderText{background-color: #F3F4F4;}

	.trennlinie{border-top: 1px dashed silver;margin:0px;padding:0px;width:100%;}

	.opacityBox{background-color:#F3F4F4;} 
	.slider .slider_text h1{color:#0068AE;;margin:0;float:left;font-family: oswald,helvetica ; font-size: 2em; font-weight: 900;text-decoration:none;}
	.slider .slider_text{float:left;line-height:1.3;border-left: 2px solid #FFFFFF;padding: 0 0 6px 12px;}
	.slider .slider_text .beschreibung{font-size:0.8em;clear:both;color:#3F4143;}

	#main{margin-top:20px;}
	.absatz.headline h2{background:#FFFFFF;color:#0069AE;font-family:oswald,helvetica ;font-size:1.2em;font-weight:400;padding:0 10px 0 0;width:auto;}
	.absatz.headline span{border-bottom:1px solid #CDCECF;height:auto;width:100%;display:block;}
	.headline{margin-top:40px;}

	.nbs-flexisel-outer{margin:0 auto;width:100%;}
	.nbs-flexisel-container{position:relative;max-width:100%;float:left;margin:20px 0 30px;}
	.nbs-flexisel-container .carouselSlideProduct{float:left;margin:0 5px;background:#F3F4F4;height:200px;padding:10px 13px;}
	.exception_1 .nbs-flexisel-container .carouselSlideProduct{margin:0 20px;}
	.nbs-flexisel-container .carouselSlideProduct .head{background:#0069AE;color:#FFFFFF;font-family:oswald,helvetica ;font-size:1.5em;font-weight:900;margin:8px auto 0;padding:1px 0;width:110px;}
	.nbs-flexisel-container .carouselSlideProduct .text{float:left;font-size:0.8em;height:85px;margin:12px 0 0;width:100%;color:#858687;}
	.nbs-flexisel-container .carouselSlideProduct .link{float:left;width:100%;}
	.nbs-flexisel-container .carouselSlideProduct .link a{background:#FFFFFF;border:1px solid #0069AE;color:#0069AE;display:inline-block;font-size:0.8em;padding:4px 0;text-decoration:none;width:145px;}
	#mainarea  .nbs-flexisel-container .carouselSlideProduct .link a:hover{background:#0069AE;color:#FFFFFF;text-decoration:none;}
	.nbs-flexisel-ul{position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:center;}
	.nbs-flexisel-inner{overflow:hidden;float:left;width:100%;background:#FFFFFF;}
	.nbs-flexisel-item{float:left;margin:0px;padding:0px;cursor:default;position:relative;}
	.nbs-flexisel-item img{width:100%;cursor:pointer;position:relative;margin-top:10px;margin-bottom:10px;max-width:100px;max-height:45px;}
	.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{height:100%;width:25px;background:#F3F4F4;position:absolute;cursor:pointer;z-index:100;}
	.nbs-flexisel-nav-left:hover,.nbs-flexisel-nav-right:hover{background:#CDCECF;}
	.nbs-flexisel-nav-left{left:-15px;}
	.nbs-flexisel-nav-right{right:-15px;}

	.nbs-flexisel-nav-right:before{float:left; margin: 92px 0 0 4px;}
	.nbs-flexisel-nav-left:before{float:left; margin: 92px 0 0 2px;}

	.flexisel-galery .nbs-flexisel-nav-right:before{float:left; margin: 45px 0 0 -2px;}
	.flexisel-galery .nbs-flexisel-nav-left:before{float:left; margin: 45px 0 0;}

	.nbs-flexisel-outer.flexisel-galery{margin:0 auto;width:94%;}
	.nbs-flexisel-outer.flexisel-galery .nbs-flexisel-container{margin:10px 0 20px;}
	.carouselSlidePicture{margin:0;height:100px;}
	.carouselSlidePicture a{height:100%; width:100px; display:block; background-position:50%; background-size:cover;}
	.nbs-flexisel-item .carouselSlidePicture img{height:auto;margin:0;width:auto;max-height:100px; }
	.flexisel-galery .nbs-flexisel-nav-left{left:-20px;width:15px}
	.flexisel-galery .nbs-flexisel-nav-right{right:-20px;width:15px;}

	/* Veranstaltungsliste - Ausgabe 3 aktuellsten Veranstaltungen */
	#page #mainarea .eventlist .leftcontent{width:284px;}
	#page #mainarea .eventlist{margin:7px 0 15px;float:left;width: 100%;}
	#page #mainarea .eventlist .leftevent{margin:0px 0px 10px 0px;cursor:pointer;}
	#page #mainarea .eventlist .lefteventlist{width:100%;float:left;}
	#page #mainarea .eventlist .righteventlist{width:100%;float:right;}
	#page #mainarea .eventlist .rightcontentleft{width:100%;}
	#page #mainarea .eventlist .rightcontentleft img{float:left;height:auto;width:100%;}
	#page #mainarea .eventlist .rightcontentright{width:100%;}
	#page #mainarea .eventlist .rightcontentright .textlink{display:block;background-color:#F3F4F4;width:100%;height:28px;float:left;text-align:right;}
	#page #mainarea .eventlist .rightcontentright .textlink a{color:#0069AE;line-height:200%;text-decoration:none;padding:0px 10px;}
	#page #mainarea .eventlist .rightcontentright .textlink a:hover{text-decoration:underline;}
	#page #mainarea .eventlist .rightcontentright .iconlink{display:block;height:28px;width:28px;overflow:hidden;float:right;background-color:#E80;}
	#page #mainarea .eventlist .rightcontentright .iconlink a{text-decoration:none;display:block;width:22px;height:22px;background:url(./img/sprite.png) -7px -47px #E80!important;margin:3px 0px 0px 3px;}
	.rightcontentright .teaser .newsDate{color:#0069AE;float:left;font-weight:600;margin:0 0 5px;width:100%;}
	#page #mainarea .eventlist .leftdatum{float:left;color:#FFFFFF;float:left;padding:1px 3px;margin:7px 10px 0px 0px;background-color:#0069AE;font-weight:400;font-size:1em;width:55px;height:55px;text-align:center;}
	#page #mainarea .eventlist .leftdatum .year{font-size:0.8em;font-weight:400;}
	#page #mainarea .eventlist .leftcontent{padding:0 15px 0 0;}
	#page #mainarea .eventlist .rightcontent{font-size:0.8em;}
	#page #mainarea .eventlist .leftevent h2{font-size:1em;padding:5px 0 0;font-family:oswald,helvetica ;font-weight: 400;}
	#page #mainarea .eventlist .leftevent:hover h2{color:#0069AE;}
	#page #mainarea .eventlist .leftevent h3{font-size:0.8em;font-weight:normal;}
	#page #mainarea .eventlist .teaser{overflow:hidden;background-color:#F3F4F4;color:#858687;padding:15px;line-height:17px;}
	.lefteventlist .leftevent .leftdatum .days{font-size:1em;position:relative;top:3px;}
	.lefteventlist .leftevent .leftdatum{font-family:oswald,helvetica ;}
	.leftevent .leftcontent a{text-decoration:none;background:none!important;padding:0!important;}

	.serviceOverview{float:left;margin:0 0 30px;width:100%;}
	#mainarea .serviceOverview a{text-decoration:none;color:#3F4143;}
	.serviceOverview .service a h2{color:#3F4143;text-align:center;font-family:oswald,helvetica ;font-size:1em;font-weight:400;float:left;width:100%;margin:0 0 15px;}
	.serviceOverview .service a:hover h2{color:#0069AE;}
	.serviceOverview .service{width:100%;}
	.serviceOverview .service .text{font-size:0.8em;}
	.serviceOverview .service.lastElement{margin:0 0 30px;}
	.serviceOverview .service h2.icon-workshop:before,
	.serviceOverview .service h2.icon-ausprobieren:before,
	.serviceOverview .service h2.icon-viewer:before,
	.serviceOverview .service h2.icon-update-service:before,
	.serviceOverview .service h2.icon-service-pack:before,
	.serviceOverview .service h2.icon-support:before{float:left;font-size:3em;margin:0 0 15px;width:100%;}

	.footerContactData{max-width:250px;} 

	#footerBottom{background:#858687;width:100%;padding:10px;}
	#footerBottom #copy{color:#FFFFFF;width:100%;font-size:0.8em;margin-bottom:20px;padding:10px;}

	#mainarea p{margin:0 0 10px;float:left;width:100%;}

	.fliesstext2SP ul,
	.fliesstext1SP ul,
	.infoBox ul,
	.serviceOverview ul,
	.service3Spaltig ul,
	.akkordeonElement ul{margin: 0 0 20px 20px;}
	.fliesstext2SP li,
	.fliesstext1SP li,
	.infoBox li,
	.serviceOverview li,
	.service3Spaltig li,
	.akkordeonElement li{text-indent: -20px;line-height:1.3em;list-style: none outside none;margin:0 0 10px;}
	.fliesstext2SP li:before,
	.fliesstext1SP li:before,
	.infoBox li:before,
	.serviceOverview li:before,
	.service3Spaltig li:before,
	.akkordeonElement li:before{ padding: 0 10px 0 0;color:#0069AE;font-size:0.8em;}

	#searchWord{border:1px solid #858687;float:left;height:24px;padding:0 5px;color:#858687; width: 180px;}
	#searchBar #searchSubmit{cursor:pointer;padding: 1px 0 0;background:#858689;border:0 none;color:#FFFFFF;float:right;font-size:1.1em;height:24px;width:24px;}
	#suchausgabebox  #searchSubmit{cursor:pointer;padding: 1px 0 0;background:#858689;border:0 none;color:#FFFFFF;float:left;font-size:1.1em;height:24px;width:24px;}

	#mainarea a, .footerContactData .email a{color:#0069AE;text-decoration:none;}
	#mainarea a:hover, .footerContactData .email a:hover{text-decoration:underline;}

	.infoBox{float:right;width:100%;background:#F3F4F4;padding:20px 15px 10px 15px;margin:20px 0;}
	.infoBox .innerInfoBox{float:right;width:98%;}
	.infoBox .innerInfoBox h2{line-height:2.3;float:left;font-family:oswald,helvetica ;font-size:1.2em;font-weight:400;margin:-10px 0 15px;width:100%;}
	.infoBox .innerInfoBox h2:before{font-size:2.3em;margin:0 10px 0 0;float:left}

	#footerarea {margin-top: 40px;}

	#page #main .video{float:left;height:140px;position:relative;width:225px;margin:20px 10px;}
	.playbutton{left:85px;top:25px;position:absolute;}
	.playbutton:before{font-size:3em;color:#FFFFFF;}


	.service3Spaltig{float:left;width:100%;margin:0 0 20px;}
	.service3Spaltig .service{float:left;text-align:center;width:100%;min-height:260px;}
	.service3Spaltig .service h2{color:#3F4143;float:left;font-family:oswald,helvetica ;font-size:1.1em;font-weight:400;width:100%;}
	.service3Spaltig .service .text{font-size:0.8em;float:left;margin:15px 0;color:#858687;height:75px;}
	.service3Spaltig .service.serviceLinks,.service3Spaltig .service.serviceMitte{margin:0 25px 0 0;}
	.service3Spaltig .service .link{float:left;font-size:0.8em;width:100%;}
	#mainarea .service3Spaltig  .service a .link span{border:1px solid #0069AE;color:#0069AE;padding:5px 15px;text-decoration:none;}
	#mainarea .service3Spaltig  .service a:hover .link span{background:#0069AE;color:#FFFFFF;}
	.service3Spaltig .service h2.icon-workshop:before,
	.service3Spaltig .service h2.icon-ausprobieren:before,
	.service3Spaltig .service h2.icon-viewer:before,
	.service3Spaltig .service h2.icon-update-service:before,
	.service3Spaltig .service h2.icon-service-pack:before,
	.service3Spaltig .service h2.icon-support:before{float:left;font-size:2.5em;margin:0 0 15px;width:100%;}
	.service3Spaltig a:hover .service h2{color:#0069AE;}

	#footerTop {background: #F3F4F4;border-top: 3px solid #0069AE;padding:0px 10px;}

	.akkordeonListe{float:left;margin:10px 0 20px;width:100%;}
	.trigger{padding:5px 15px;border-top:1px solid #CDCECF;border-left:1px solid #CDCECF;border-right:1px solid #CDCECF;float:left;width:100%;}
	.toggle_container{background:#F3F4F4;float:left;width:100%;font-size:0.8em;padding:15px;}
	.toggle_container a{text-decoration:none;color:#0069AE;float:left;}
	.toggle_container a[href$=".pdf"]{line-height:2;}
	.toggle_container a[href$=".pdf"]:before{font-size:2em;margin:0 5px 0 0;float:left;}
	.toggle_container a:hover{text-decoration:underline;}
	.innerAkkordeonListe{border-bottom:1px solid #CDCECF;float:left;width:100%;}
	.trigger h2{color:#0069AE;font-family:oswald,helvetica ;font-size:1.1em;font-weight:400;float:left;}
	.trigger span{float:right;height:20px;width:20px;margin:4px 0 0;color:#0069AE;}
	.trigger span:before {font-size:1.1em;}
	.trigger:hover{cursor:pointer;}


	.news .neuigkeit{margin:20px 0;font-size:0.8em;}
	.neuigkeit h3{font-size:1.1em;}
	.news .neuigkeit .columnRight img{width:100%;}

	/* Kontaktformular */
	#contactform{margin:20px 0;color:#393F44;float:left;width:100%;}
	#contactform p{margin: 10px 0;font-size: 0.8em;}
	#contact_kontakt{float:left; margin:10px 0;padding:10px 0;border: none;}
	#contact_kontakt legend,#contact_nachricht legend{color:#0069AE;font-size: 0.8em;}
	#contact_nachricht{border: none;padding:10px 0;margin:10px 0;float:left;}
	#contact_nachricht textarea{height:275px; width:100%;border:1px solid #B9BBBC;}
	#contact_firma_label{width:37%; display:block; float:left;}
	#contact_name_label{width:37%; display:block; float:left;}
	#contact_strasse_label{width:37%; display:block; float:left;clear:both;}
	#contact_nummer_label{width:37%; display:block; float:left;}
	#contact_plz_label{width:37%; display:block; float:left;}
	#contact_ort_label{width:37%; display:block; float:left;}
	#contact_telefon_label{width:37%; display:block; float:left;}
	#contact_email_label{width:37%; display:block; float:left;}
	#contact_kontakt input{width:58%;height:25px;margin:5px 0;border:1px solid #B9BBBC;}
	#contact_kontakt label{margin:5px 0;font-size: 0.8em;}
	#contact_send{float:right;border: 1px solid #0069AE;color: #0069AE;padding: 5px 15px;text-decoration: none;background-color:#FFFFFF;}
	#contact_send:hover{background:#0069AE;color:#FFFFFF;}
	.error{margin:0;}
	.error li{color:#FF0000;}
	#mainarea .error li:before{content:"";}
	.error#contact_name, .error#contact_email, .error#contact_text{margin:0;}

	#map_canvas{width: 100%; height: 300px;display:block;}

}

@media screen and (min-width: 480px){
	.serviceOverview .service{float:left;margin:0 3% 30px 0;width:46%;min-height:220px;}
	#footerBottoam #copy{font-size: 0.8em;}
	#headTop {margin-top: 35px;}
	#topmenu_toggleButton {display:block;position:absolute;right:35px; top:98px;}
	#page #mainarea .eventlist .rightcontentleft img {max-width: 480px;}
	#gibcamLogo{float:left;width:45%;}
	#headnavi{float:right;width:55%;}
	#contact_search_area {position: absolute;top: 50px;right: 30px;}


	#page #mainarea .eventlist .lefteventlist{width:100%;float:left;max-width: 350px;}
	#page #mainarea .eventlist .righteventlist{width:100%;float:left;max-width: 285px;}
	#page #mainarea .eventlist .leftcontent{float:right;}

	#page #mainarea .eventlist .rightcontentleft{width:100%;}
	#page #mainarea .eventlist .rightcontentright{width:100%;}

	.service3Spaltig .service{float:left;text-align:center;width:44%;min-height:260px;}


	.news .neuigkeit .columnRight img{height:auto;width:180px;}
}

@media screen and (min-width: 768px){
	#topmenu_toggleButton{display:none;}
	.topmenu{float:left;margin:1px 0 0;}
	#topmenu li{float:left;list-style:none;margin:5px 10px 0;}
	#topmenu li a{color:#858687;font-family:oswald,helvetica;font-size:1em;font-weight:400;padding:5px 13px 0;text-decoration:none;}

	#topmenu li a:hover,
	#topmenu li.active a,
	#topmenu li.open a{border-top:3px solid #0069AE;color:#0069AE;}

	#topmenu li li a:hover,
	#topmenu li.active li a,
	#topmenu li.open li a{border-top:none;}

	#topmenu li ul{display:none;}
	#topmenu li:hover ul{margin:0 0 0 -7px;padding:10px 0;display:block;position:absolute;z-index:1;background-color:#fff;border-bottom:5px solid #0069AE;}
	#topmenu li ul li{clear:both;font-size:1em;width:100%;padding:0 20px;margin:0;}
	#topmenu li li a{padding:0;font-size:0.9em;font-family:'open sans',arial;font-weight:normal;}
	#topmenu li:hover ul li a{color:#858687;}

	#topmenu li:hover ul li:hover,
	#topmenu li ul li.active{background:#F3F4F4;}

	#topmenu li:hover ul li:hover a,
	#topmenu li ul li.active a{color:#3F4143;}

	.slider .slogan{position:auto;}
	.opacityBox{background-color:transparent;}
	#footerBottom #copy{font-size: 1em;}
	#footerBottom{background:#858687;float:left;width:100%;padding:0;}
	#footerBottom #copy{color:#FFFFFF;float:left;margin:5px 0 0 30px;width:50%;font-size:0.8em;padding:0px;}
	
	 .footernav{float:right;width:45%}
    #sitemap li{min-height:125px; margin: 0 0 0 40px;}

	.footerContactLeft{border-right:1px solid #858687;float:left;margin:30px 0;width:40%;padding:0 0 0 0px;}
	.footerContactRight{float:right;width:60%;}

	#page #mainarea .eventlist .lefteventlist{width:48%;float:left;max-width:360px;}
	#page #mainarea .eventlist .righteventlist{width:52%;float:right;max-width:none;}
	#page #mainarea .eventlist .leftcontent{float:right;}

	#page #mainarea .eventlist .rightcontentleft{width:43%;float:left;}
	#page #mainarea .eventlist .rightcontentright{width:57%;float:right;}

	#page #mainarea .eventlist .teaser{height:216px;overflow:hidden;background-color:#F3F4F4;color:#858687;padding:15px;line-height:17px;}
	#head .headnav {position: absolute;top: 10px;right: 15px;left:auto;}
	#headnavi #language{position: absolute;top: 10px;right: 325px;}
	#headTop{margin-top: 0px;border-bottom:1px solid #0069AE;float:left;margin:0;padding:0 0 15px;width:100%;}

	/* Slider */
	.slider{position:relative;width:100%;margin:10px 0 20px;}
	.slider .opacityBox{padding:10px;background:rgba(255, 255, 255, 0.5);}
	.sliderText{position:absolute;background-color:transparent;}

	.flex-control-nav {bottom: 13px!important;margin-top:0px!important;}
	.flex-direction-nav a {top: 50% !important;}

	.infoBox{padding:20px 0 10px 0px;}
	.infoBox .innerInfoBox .textLeft,
	.infoBox .innerInfoBox .textRight{float:left;width:48%;font-size:0.8em;}
	.infoBox .innerInfoBox .textRight{float:right;padding:0 5px 0 0;}

	#footerarea {margin-top: 0px;}

	.fliesstext1SP{float:left;width:100%;font-size:0.8em;margin:10px 0 20px;}

	.fliesstext2SP{float:left;width:100%;font-size:0.8em;margin:10px 0 20px;}
	.fliesstext2SP .textLeft,
	.fliesstext2SP .textRight{float:left;width:48%;}
	.fliesstext2SP .textRight{float:right;}

	.service3Spaltig .service{width:30%;}
	.serviceOverview .service { width: 30%;}

	.news .columnLeft{float:left;width:70%;}
	.news .columnRight{float:right;width:25%;}
	.news .neuigkeit .columnRight img{height:auto;width:180px;}
}

@media screen and (min-width: 1024px){
	
	#page{width:980px;margin:0 auto;} 
	#innerPage{width:100%;float:left;background:#FFFFFF;-moz-box-shadow:-1px 0px 15px 2px #888888;-webkit-box-shadow:-1px 0px 15px 2px #888888;box-shadow:-1px 0px 15px 2px #888888;}



	#content #mainarea{width:80%;float:right;margin:0 0 20px;}
	#content.exception_1 #mainarea,#content.exception9 #mainarea{width:100%;}
	#content.exception_1 #sitemenuarea,#content.exception9 #sitemenuarea{display:none;}

	#content #mainarea img{margin: 0 4px;}
	#sitemenuarea{width:20%;float:left;margin:0 0 20px;}


	#main{float:left;width:100%; padding: 0 30px;}


	.headnav{position:relative;top:auto!important;right:auto!important;}
	#contact_search_area {position:static;top:auto;left:auto;}
	#headnavi #headnav li a {
		font-family: 'oswald',helvetica;
		font-weight: 300;
		border-right: 1px solid #858687;
		color: #858687;
		font-size: 0.8em !important;
		padding: 0 10px;
		text-decoration: none;
	}
	#headnavi #language {
		position:static;
		float: left;
		margin: 1px 0 0;
		max-width:none;
	}
	#language a {
		float: left;
		margin: 0;
		width:auto !important;
		padding:0px !important;
	}

	#language a img{
		width:70% !important;
	}

	a[href$=".pdf"],
	a[href$=".exe"],
	a[href$=".zip"]{line-height:2;}
	a[href$=".pdf"]:before,
	a[href$=".exe"]:before,
	a[href$=".zip"]:before{font-size:2em;margin:0 5px 0 0;float:left;}
	a[href$=".exe"]:before,
	a[href$=".zip"]:before{padding:0 5px 0 0;}


	.absatz.headline h2{background:#FFFFFF;color:#0069AE;font-family:oswald,helvetica ;float:lefT;font-size:1.2em;font-weight:400;height:28px;padding:0 10px 0 0;position:relative;top:-17px;width:auto;}
	.absatz.headline span{border:none;border-top:1px solid #CDCECF;float:left;height:0;width:100%;}
	.headline{margin-top:0px;}


	#head{float:left;width:100%;padding:0 30px;}

	#headTop #gibcamLogo{float:left;width:13%;}
	#gibcamLogo img{height:auto;width:100%;}
	#headTop #headnavi{float:right;width:38%;margin:-10px 0 0;}


	#footerTop{background:#F3F4F4;border-top:3px solid #0069AE;float:left;width:100%;padding:0px;}
	.footerContactLeft .logo img{height:auto;width:100%;}
	.logo{width:30%;}
	.footerContactLeft{border-right:1px solid #858687;float:left;margin:30px 0;width:30%;padding:0 0 0 30px;}
	.footerContactData{color:#858687;font-size:0.8em;float:left;margin:10px 0 0;}
	.footerContactRight{float:right;width:70%;}
	.anschrift{float:left;margin:0 0 20px;}
	.email,.telefax,.telefon{float:left;width:100%;}
	.footerContactData .title{float:left;width:75px;}
	.footerContactData .email a{color:#0069AE;text-decoration:none;}
	.footerContactData .email a:hover{text-decoration:underline;}

	/* Slider */
	#slider,#slider .absatz{width:920px; margin:0 auto;}

	#page #mainarea .eventlist .lefteventlist{width:40%;float:left;}
	#page #mainarea .eventlist .righteventlist{width:60%;float:right;}


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

	.nbs-flexisel-nav-left{left:-30px;}
	.nbs-flexisel-nav-right{right:-30px;}

	.flex-next,.flex-prev{text-decoration:none;}


	#page #mainarea .eventlist .rightcontentright .textlink a:after{font-size:0.8em;}

	.serviceOverview .service{float:left;margin:0 3% 30px 0;width:31%;}


	.infoBox{width:102%;}

	/* Suchausgabe */
	.headin{color:#3F4143;}
	.color_green{color:#0069AE;}
	#suche_seitenanzahl{display:inline-block;width:96%;margin:10px 0px 10px 2px;padding:0px;text-align:center;}
	#suche_seitenanzahl a,#suche_seitenanzahl {color:#D43039;text-decoration:none;}
	#prev_page,#next_page{display:inline-block;margin-top:10px;margin-bottom:10px;font-size:18px;}
	#prev_page a,#next_page a{color:;font-size:18px;}
	#next-page{float:right;}
	#suchergebnisse{margin-top:20px;font-size:13px;float:left;width:100%;}
	#suchergebnisse h3{display:inline-block;margin:0px;margin-bottom:3px;padding:0px;font-size:16px;font-weight:bold;font-family: oswald,helvetica ;}
	#suchergebnisse a{color:#0069AE;text-decoration:none;float:left;}
	#suchergebnisse p{margin:0px;padding:0px;font-size:12px;margin-bottom:25px;letter-spacing:0.001em;line-height: 1.5;}
	#suchergebnisse p span{color:#0069AE;font-weight:600;}
	#Xmid0001{font-size:12px;margin-top:15px;margin-bottom:15px;float:left;width:100%;}

	.inputSearch{color:#777978;padding:0 0 0 10px;border:1px solid #B9BBBC;float:left;height:25px;width:170px;}
	.searchButton{background:#134292;border:none;color:#FFFFFF;float:left;height:25px;margin:0 0 0 5px;width:25px;}
	#suchausgabebox{padding:0 20px;}

	#zzNachoben {position: fixed;z-index: 100;bottom: 25%;right: 50%;margin-right:-600px;}
	#zzNachoben a {width: 50px;height:50px;display: block;
	background: url(../media/arrowup.jpg) center center no-repeat;
	text-decoration: none;background-color: #0069AE;
		box-shadow: 2px 2px 4px #999999;
	   -webkit-transition-duration: 1s;
	   -moz-transition-duration: 1s;
	   transition-duration: 1s; }
	#zzNachoben a:hover {background-color: #0069AE; width: 60px;height:60px;}

	/* Partnerbereich */
	.partner{margin:25px 0px;font-size:0.9em;}
	.partner img {width:auto;margin-right:55px;margin-bottom: 20px;}

	#mainarea #map_canvas{margin:20px 0 40px 0;}
	#footernav a[href$=".pdf"],#headnav a[href$=".pdf"]{line-height:1.58;}
	#head .headnav {position: relative;}
}

@media screen and (min-width: 1200px){
	
}