html * {
  margin:  0;
  padding: 0;
}

body { 
  font-family: Arial, Verdana, sans-serif;
  font-size: 1rem;
 } 

p {margin: 0 0 20px 0;}
img {width: 100%; height: auto; float: left;}
section a {cursor: pointer; color: #47c3e5; text-decoration: none;}
section a:hover {color: #111111;}
  

h1 {
	font-size: 2rem; 
	margin: 35px 0 45px 0;
	color: #323232; 
	}
   
/*section { padding-top: 80px;}   */
header .span6 {margin:0 !important;}

.totop   {
	border-top: 1px solid #aaaaaa;
	margin: 40px 0;
	padding: 5px 0 0 0;
	font-style: italic;
	color: #47c3e5;
	text-align: right; 
  }
.totop a:hover {color: #aaaaaa;}
.container {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
	display: block;   
} 

.logo  {margin: 8px 0 0 0;}
.logo img {width: auto; float:none;}

.home{position: fixed;  width: 100%; background: #fff; z-index:99;}
.special{color: #47c3e5;}
.international {	background: #47c3e5; border-top: 10px solid #d6d6d6;}

.international p {
	color: #fff; 
	font-size: 25px; 
	font-size: 2rem; 
	padding: 160px 20px 20px 0;
	line-height: 1.2;
	}
	
.international .span6 {margin:0 !important;}

.kontakt {background: #f5f5f5;}
.footer {background: #47c3e5; color: #FFFFFF; padding: 30px 0 40px;}

.left  {padding: 0 124px 0 0;} 
.left img {float: right;}
 
 

/*==================== MENU ============*/
.menu {float: left;} 
.menu li {
    position: relative;
    display: inline; 
    float: left;
	}
.menu li a {
	display: block;
	text-transform: uppercase; 
	text-decoration: none;
	border-top: 8px solid transparent;
	padding: 40px 0px 0 0;
	margin: 0 20px 0 0;
	cursor: pointer;
    }
	
.menu li a.active, .menu li a:hover  {border-top: 8px solid #47c3e5;}

.es .menu  { margin-left: -80px;}
.es .menu li a  { margin: 0 9px 0 0;}

/*========= LANG ==========*/ 
.lang {float:right; margin: 47px 0 0 0;}
 
a#de, a#en, a#es {
	display: block;
    float: left;
    height: 20px;
    margin: 0 8px 0 0;    
    width: 30px;    
}    

a#de {background: url("../img/de.png") no-repeat;}
a#en {background: url("../img/en.png") no-repeat;  margin: 0;}
a#es {background: url("../img/es.png") no-repeat;}
a#de.active {background: url("../img/de-01.png") no-repeat;}
a#en.active {background: url("../img/en-01.png") no-repeat;}
a#es.active {background: url("../img/es-01.png") no-repeat;}
	     
     
#map { 
    height: 400px;  
    width: 100%;
} 


/* - - - - - - - - - -   RESPONSIVE   - - - - - - - - - - */
 
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.564102564102564%;
  *margin-left: 2.5109110747408616%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.564102564102564%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.row-fluid .span11 {
  width: 91.45299145299145%;
  *width: 91.39979996362975%;
}
.row-fluid .span10 {
  width: 82.90598290598291%;
  *width: 82.8527914166212%;
}
.row-fluid .span9 {
  width: 74.35897435897436%;
  *width: 74.30578286961266%;
}
.row-fluid .span8 {
  width: 65.81196581196582%;
  *width: 65.75877432260411%;
}
.row-fluid .span7 {
  width: 57.26495726495726%;
  *width: 57.21176577559556%;
}
.row-fluid .span6 {
  width: 48.717948717948715%;
  *width: 48.664757228587014%;
}
.row-fluid .span5 {
  width: 40.17094017094017%;
  *width: 40.11774868157847%;
}
.row-fluid .span4 {
  width: 31.62393162393162%;
  *width: 31.570740134569927%;
}
.row-fluid .span3 {
  width: 23.076923076923077%;
  *width: 23.023731587561375%;
}
.row-fluid .span2 {
  width: 14.529914529914532%;
  *width: 14.476723040552828%;
}
.row-fluid .span1 {
  width: 5.982905982905983%;
  *width: 5.929714493544281%;
}
	
 
  
@media (min-width: 768px) and (max-width: 979px) {
	.row-fluid {
		width: 100%;
		*zoom: 1;
	}
	.row-fluid:before, .row-fluid:after {
		display: table;
		content: "";
		line-height: 0;
	}
	.row-fluid:after {
		clear: both;
	}
	.row-fluid [class*="span"] {
		display: block;
		width: 100%;
		min-height: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		margin-left: 2.7624309392265194%;
		*margin-left: 2.709239449864817%;
	}
	.row-fluid [class*="span"]:first-child {
		margin-left: 0;
	}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {
		margin-left: 2.7624309392265194%;
	}
	.row-fluid .span12 {
		width: 100%;
		*width: 99.94680851063829%;
	}
	.row-fluid .span11 {
		width: 91.43646408839778%;
		*width: 91.38327259903608%;
	}
	.row-fluid .span10 {
		width: 82.87292817679558%;
		*width: 82.81973668743387%;
	}
	.row-fluid .span9 {
		width: 74.30939226519337%;
		*width: 74.25620077583166%;
	}
	.row-fluid .span8 {
		width: 65.74585635359117%;
		*width: 65.69266486422946%;
	}
	.row-fluid .span7 {
		width: 57.18232044198895%;
		*width: 57.12912895262725%;
	}
	.row-fluid .span6 {
		width: 48.61878453038674%;
		*width: 48.56559304102504%;
	}
	.row-fluid .span5 {
		width: 40.05524861878453%;
		*width: 40.00205712942283%;
	}
	.row-fluid .span4 {
		width: 31.491712707182323%;
		*width: 31.43852121782062%;
	}
	.row-fluid .span3 {
		width: 22.92817679558011%;
		*width: 22.87498530621841%;
	}
	.row-fluid .span2 {
		width: 14.3646408839779%;
		*width: 14.311449394616199%;
	}
	.row-fluid .span1 {
		width: 5.801104972375691%;
		*width: 5.747913483013988%;
	}
	.row-fluid .offset12 {
		margin-left: 105.52486187845304%;
		*margin-left: 105.41847889972962%;
	}
	.row-fluid .offset12:first-child {
		margin-left: 102.76243093922652%;
		*margin-left: 102.6560479605031%;
	}
	.row-fluid .offset11 {
		margin-left: 96.96132596685082%;
		*margin-left: 96.8549429881274%;
	}
	.row-fluid .offset11:first-child {
		margin-left: 94.1988950276243%;
		*margin-left: 94.09251204890089%;
	}
	.row-fluid .offset10 {
		margin-left: 88.39779005524862%;
		*margin-left: 88.2914070765252%;
	}
	.row-fluid .offset10:first-child {
		margin-left: 85.6353591160221%;
		*margin-left: 85.52897613729868%;
	}
	.row-fluid .offset9 {
		margin-left: 79.8342541436464%;
		*margin-left: 79.72787116492299%;
	}
	.row-fluid .offset9:first-child {
		margin-left: 77.07182320441989%;
		*margin-left: 76.96544022569647%;
	}
	.row-fluid .offset8 {
		margin-left: 71.2707182320442%;
		*margin-left: 71.16433525332079%;
	}
	.row-fluid .offset8:first-child {
		margin-left: 68.50828729281768%;
		*margin-left: 68.40190431409427%;
	}
	.row-fluid .offset7 {
		margin-left: 62.70718232044199%;
		*margin-left: 62.60079934171858%;
	}
	.row-fluid .offset7:first-child {
		margin-left: 59.94475138121546%;
		*margin-left: 59.83836840249207%;
	}
	.row-fluid .offset6 {
		margin-left: 54.14364640883978%;
		*margin-left: 54.037263430116376%;
	}
	.row-fluid .offset6:first-child {
		margin-left: 51.38121546961326%;
		*margin-left: 51.27483249088986%;
	}
	.row-fluid .offset5 {
		margin-left: 45.58011049723757%;
		*margin-left: 45.47372751851417%;
	}
	.row-fluid .offset5:first-child {
		margin-left: 42.81767955801105%;
		*margin-left: 42.71129657928765%;
	}
	.row-fluid .offset4 {
		margin-left: 37.01657458563536%;
		*margin-left: 36.91019160691196%;
	}
	.row-fluid .offset4:first-child {
		margin-left: 34.25414364640884%;
		*margin-left: 34.14776066768544%;
	}
	.row-fluid .offset3 {
		margin-left: 28.45303867403315%;
		*margin-left: 28.346655695309746%;
	}
	.row-fluid .offset3:first-child {
		margin-left: 25.69060773480663%;
		*margin-left: 25.584224756083227%;
	}
	.row-fluid .offset2 {
		margin-left: 19.88950276243094%;
		*margin-left: 19.783119783707537%;
	}
	.row-fluid .offset2:first-child {
		margin-left: 17.12707182320442%;
		*margin-left: 17.02068884448102%;
	}
	.row-fluid .offset1 {
		margin-left: 11.32596685082873%;
		*margin-left: 11.219583872105325%;
	}
	.row-fluid .offset1:first-child {
		margin-left: 8.56353591160221%;
		*margin-left: 8.457152932878806%;
	}
}

@media (max-width: 767px) {
	.row-fluid [class*="span"] {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.span12,
	.row-fluid .span12 {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row-fluid [class*="offset"]:first-child {
		margin-left: 0;
	}
}
  
  
/* - - - - - - - - - -   TABLET PC   - - - - - - - - - - */

@media (min-width: 768px) and (max-width: 979px) {
	.home .span6 {width: 100%; padding: 0 40px;}
	.logo {text-align: center;}
	.international {padding: 135px 0 0;}
	.international p {padding: 40px 20px 20px 40px;}
	.lang {margin: 47px -18px 0;}
	.footer {padding: 30px 40px 40px 40px;}
	.menu li a { padding:20px 0 0 0; margin: 20px 20px 0 0;}
}


/* - - - - - - - - - -   SMARTPHONE   - - - - - - - - - - */

@media (max-width: 767px) {
	.thumb img {display: none;}
	p, h1, .totop {margin: 20px;}
	.logo {text-align: center;}
	.home .span6 {width: 100%; padding: 0 20px;}
	.footer {padding: 20px;}
	
.menu {width: 100%;}
.menu ul li  {width: 100%;}
.menu ul li a  {background: #F5F5F5; padding: 0 10px 5px 10px; margin:0;}
.menu li a.active, .menu li a:hover {background: #47c3e5;}

.lang {float: left; margin: 20px 0;}
.international p {padding: 250px 20px 20px 0;}
	
}