body
{
margin-bottom: 0px;
}

/*
#menu
{
background-color: #fff;
text-align: right;
height: 67px;
line-height: 67px;
}



#menu li
{

float: none;
	  background-color: #009ec7;
//	  width: 100%;
//visibility: hidden;
display: block;
height: 67px;
line-height: 67px;
}
*/


/*******************/

#menu
{
height: 67px;
}

#innermenu
{
	width: 100%;
}

#menu ul
{
width: 100%;
}


#menu li
{
float: left;
height: 67px;
line-height: 67px;
}

#menubtn
{
background-color: #009ec7;
visibility: visible;

}

#menu #menubtn
{
	  visibility: visible;
float: right;
text-align: center;
padding-left:18px;
padding-right:18px;
color: #fff;
font-weight: 700;
}


#menu #badge
{
background-image: url("../images/table-webcentris-logo.png");
margin-left: 20px;
}

#menu #submenu
{
width: 100%;
background-color: #009ec7;
//padding-left: 20px;
}

#menu #submenu li
{
background-color: #009ec7;
float: left;
width: 100%;
}

#menu #submenu li a
{
color: #fff;
}





/*******************/

/*
#menu #badge
{

background-image: url("../images/table-webcentris-logo.png");
	  background-color: #fff;
	  visibility: visible;
float: left;
display:block; 
margin-left:auto; 
margin-right: auto;
width: 190px;
margin-left: 20px;
}




#menu #menubtn
{
	  visibility: visible;
float: left;
text-align: center;
padding-left: 18px;
padding-right: 18px;
color: #fff;
font-weight: 700;
}

#menubtn
{
background-color: #009ec7;
visibility: visible;

}


#submenu li
{
width: 100%;
}

#menu #submenu li a
{
color: #fff;
}

*/

#badge
{
	width: 180px;
}

li#badge2
{
	padding-right: 0px;
}

#intro
{
margin-top: 67px;
background-color: #ff6138;
background-image: url("../images/phone-devices.png");
background-repeat: no-repeat;
background-position: top center;
text-align: center;
vertical-align: middle;
color: #fff;
font-size: 18px;
height: 320px;
font-weight: 100;
line-height: 230px;
}

#intrologo
{
background-image: url("../images/phone-webcentrics-arrows.png");
top: 30px;
width: 60px;
height: 62px;
}

#intro span { 
  display: inline-block;
  vertical-align: middle;
  line-height: 40px; 
  }
  
  #agentur
  {
  position: relative;
//	  top: -40px;
  }
  
  h2
  {
  margin-top: 0px;
	  margin-bottom: 0px;
	  padding-bottom: 0px;
  }
  
  #inneragentur
  {
  width: 100%;
  display: block;
  }
  
  
  #inneragentur #left, #inneragentur #right
  {
  
  line-height: 26px;
  }


  
  #introarrow
  {
  top: -49px;
  }
  
  #agentur #right, #agentur #left, #leistungen #left, #leistungen #right, #suite #left, #suite #right, #kontaktmap #left, #kontaktmap #right, #leftpic
  {
	  float: none;
	  width: auto;// 100%;
  font-size: 14px;
  }


#leftpic {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/geschichten-bild-smart.jpg);
}
  
#referenzensubtitle #kontakt
{
width: 100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box; 
}
  

  #agentur #left, #suite #left, #suite #right
  {
  padding: 20px;
  }
  
  #leistungen
  {
	  margin-top: 70px;
  }
  
  #leistungen #left

  {
  padding: 20px;
  }
  #leistungen #right

  {
  padding: 20px;
	  padding-top: 0px;
  padding-bottom: 0px;
  }
  
  h2, #suite h2
  {
	  font-size: 24px;
  }
 
  #left, #right
  {
  font-size: 14px;
  }
  
  #adresse_left, #adresse_right
  {
	  display: block;
  }
  
  #suiteteasersubtitle
  {
	  padding-bottom: 30px;
  }
  
  #suite #right
  {
	  padding-bottom: 50px;
  }
  
#adresse
{
	height: 175px;
	padding-top: 15px;
	padding-left: 20px;
	width: 100%;
	}
   
   #adresse_right
   {
	   padding-top: 10px;
	   padding-left: 0px;
   }

#team, #suite, #referenzen, #leistungen, #agentur, #suiteteaser, #kontaktmap, #jobs
{
height: auto;
}



#referenzen
{
	height: 440px;
}

#slider
{
height: 440px;
}



#referenzen #slider img
{
	width: 356px;
	height: 169px;
}

#referenzen #slider #image
{
	height: 169px;
	background-color: #009ec7;
}

#slider #subtitle
{
font-size: 13px;
line-height: 22px;
height: auto;
//height:190px;
text-align: left;
margin-top: 45px;
}


#referenzensubtitle
{
height: 150px;
	margin-bottom: 0px;
	padding-top: 0px;
}

#referenzensubtitle 
{
	margin-top: 0px;
}

#kontakt
{
	margin-top: -50px;
}

.rhino-prev {
	left:15px;
	top:285px;
	width: 41px;
	height:41px;
	background-image: url(../images/phone-app-gallery-arrow-left.png);
}

.rhino-next {
	right:15px;
	top:285px;
	width: 41px;
	height: 41px;
	background-image: url(../images/phone-app-gallery-arrow-right.png);
}


#suiteteaser
{
//height: 345px;
background-image: none;
}

#suiteteaser #refcontainer
{
text-align: center;
padding: 0px 20px;
	
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box; 
}

#suitelayer
{
height: auto;
}


.jcarousel-control-prev {
	background-image: url("../images/phone-app-gallery-arrow-left.png");
	width: 41px;
	height: 41px;
}

.jcarousel-control-next {
	background-image: url("../images/phone-app-gallery-arrow-right.png");
	width: 41px;
	height: 41px;
}



#suiteteaserleft
{
 width: 41px;
 height: 41px;
 margin-right: auto;
 margin-top: 20px;
}


#suiteteaserright
{
position:absolute;
right:20px;
 width: 41px;
 height: 41px;
 margin-left: auto;
 margin-right: 0px;
 margin-top: 20px;
}
/*
#suiteteaserimage
{
float:left;
margin-top: 20px;

    display: table-cell;
    display: inline-block;
    
	background-image: url("../images/app-frame.png");
	background-repeat: no-repeat;
	#suiteteaserimage
	*/
	
	
.wrapper
{
height: 175px;
}
	
#suiteteaserimage
{
margin-top: 50px;
	width: 280px;
	height: 165px;
background-size: 100% auto;
}

#suiteteasersubtitle
{
margin-top: 15px;
	font-size: 14px;
}


.jcarousel
{
width:256px;
}

.jcarousel-wrapper {
    margin: 12px;
}

.jcarousel-control-prev
{
top: -260px;
left: 0px;
}

.jcarousel-control-next {

top: -234px;
left: 240px;
}

.jcarousel ul li img
{
width:256px;
}



#person
{
display: block;
width: 100%;
}

#team
{
margin-left: 0px;
}

#agentur, #leistungen, #suite {
padding: 0px;
}

#jobs {
	width: 100%
	}

#innerjobs {
	margin: 30px 0;
}

#jobsleft, #jobsright
{
display: block;
width: 100%;
}

#team #person #mail
{
margin-top: 20px;
width: 100%;
}

#kontaktform
{
width: 100%;
float:none;
}

#kontaktform h2 {
	 margin-bottom: 10px;
}	


#kontaktmap
{
height: auto;
}

#kontaktmap #right
{
height: 526px;
}

#map-container
{
width: 100%;
}

#mail
{
width: 100%;
}

input, textarea
{
width: 80%;
}

#kontaktmap #right h2
{
	width: 100%;
}

#footer
{
    position: relative;
}


#footer li
{
	float: left;
}

#footer ul
{
display: block;
padding: 0px;

        display: inline-block;
}

#footer #privacy
{
padding: 0px;
    position: absolute;
    top: 55px;
width: 100%;
//background-color: red;
text-align: center;
	float: none;
	display: block;
	height: 30px;
  display: inline-block;
}

#footer #share
{
padding: 0px;
width: 100%;
//background-color: blue;
//	margin-left: auto;
//	margin-right: auto;
	text-align: center;
	float: none;
  display: inline-block;
	height: 40px;
	padding-top: 15px;
}


#footer
{
padding: none;
background-image: none;
height: 95px;
	background-color: #ecf2f4;
	padding: 0px;
	text-align: left;
}

#footer li a
{
padding-right: 0px;
}

#footer li
{
height: 30px;
margin: 0px 20px;
line-height: 30px;
}

#share_facebook
{
width: 20px;
}

#share_twitter
{
width: 30px;
}

#share_mail
{
width: 40px;
}

#popup {
    display: none;
    z-index: 2;
    position: fixed;
    width:350px;
    height:250px;
    top: 20%;
    left: 40%;
    margin-left: -150px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    color: #000;
    overflow-y: scroll;
}

#popup_inhalt {
    width: 290px;
    margin: 18px 25px;

}