/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}


html, body{
  margin:0;
  padding:0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#555;
  background-color: #F5F6F7;
  -webkit-text-size-adjust: none;
}

a,
a:link,
a:visited,
a:active{
  color:#15C !important;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

h1{
  font-size: 2.6em;
  font-weight: 200;
  line-height: 1.6em;
  margin-bottom: 0.5em;
  margin-top: 2em;
}

h2{
  font-weight: 200;
  font-size: 2em;
  line-height: 1.6em;
  margin-bottom: 0.6em;
  color: #666;
}

h2.body{
  margin-top:1.5em;
  position:relative;
}

header,
section,
footer{
  display:block;
}

header{
  height:30px;
  padding-top:10px;
}

footer{
  text-align:right;
  padding-bottom: 10px;
}

footer p{
  margin-top: 10px;
  color:#666;
}

#language-flags{
  float:left;
}

#language-flags .flag{
  margin-right:10px;
}

#language-flags img{
  width:16px;
  height:11px;
}

#document-wrap{
  /*
  position: absolute;
  top: 50%;
  margin-top: -270px;
  */
  width: 100%;
}

/* Rectangle */
#content-box{
  border: 1px solid #DDD;
  background: #FFF;
  clear:right;
  width: 995px;
  margin: 0 auto;
  /*outline: 1px solid #DDD; #B9C2CE;*/
  position: relative;
}

/* Main content space */
section#page{
  position: relative;
  padding-left: 40px;
  padding-bottom: 30px;
  max-width: 955px !important;
  min-height: 300px;
}

/* Contact form */
section#contact{
  border-top: 1px solid #DDD;
  background: #CCE7EF;
  height: 60px;
  padding: 15px 40px 30px 40px;
}

header,
section#page,
footer{
  max-width:995px;
  margin:0 auto;
}




/* Header */
header.social{
  margin: 0;
  padding: 0;
}

header li{
  float:right;
  list-style:none;
  padding-left:15px;
}
/* End of header */








/* Main section */

#logo{
  display:block;
  position: relative;
  top: 20px;
  left: 0px;
  height: 50px;
  width: 160px;
  background: url('../images/logo.png') no-repeat 0px 0px;
}

#map-lu{
  position:absolute;
  top:20px;
  right:40px;
  width:205px;
  height:300px;
  background:url(../images/map.png) no-repeat center center;
}

#map-lu .pointer{
  display:block;
  width:12px;
  height:17px;
  background:url(../images/pointer.png) no-repeat -15px 0;
  position:absolute;
}

#map-lu .pointer.active{
  background-position:0 0;
}

#map-lu .city{
  left: 100px;
  bottom: 80px;
}

#map-lu .grevenmacher,
#map-lu .greiwemaacher{
  right: 20px;
  top: 185px;
}

#map-lu .elvange,
#map-lu .elveng{
  bottom: 25px;
  right: 45px;
}

#map-lu .ettelbruck,
#map-lu .ettelbreck{
  top: 110px;
  left: 85px;
}

p.address,
p.more,
p.others,
p.summary{
  font-size: 14px;
  color: #666;
  font-weight: 200;
}

p.others,
p.address,
p.summary{
  line-height: 22px;
  margin-top: -5px;
  font-weight: normal;
}

p.summary{
  line-height: 30px;
  max-width: 600px;
  margin-bottom: 20px;
}

#courses .course{
  float:left;
  width:458px;
  min-height:125px;
  margin-bottom: 40px;
}

#courses .course:nth-child(odd){
  clear: left;
}

#courses .type{
  font-size: 18px;
  font-weight: 200;
  color: #666;
  float: left;
  padding-top: 2px;
  line-height: 25px;
  width: 100px;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

#courses .details{
  border-left: 1px solid #CCC;
  /*height: 100%;*/
  float: left;
  line-height: 30px;
  font-size: 14px;
  margin-left: 15px;
  padding-left: 15px;
  max-width: 290px;
}

#courses .join-course{
  /*display:block;*/
  text-transform:uppercase;
  background-color: #F0F0EB;
  font-weight:bold;
  color: #222 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  margin-top: 10px;
  padding: 0;
  font-size: 11px;
  border-radius: 0;
}

.read-more{
  white-space: nowrap;
}

/* End of main section */


.about_teacher{
  position: absolute;
  right: 60px;
  top: 0;
  font-size: 15px;
}


/* Contact form */

#contact #button{
  height: 45px;
  border: 1px solid #333;
}

#contact-messages{
  
}

#contact-success,
#contact-error{
  display:none;
}

/*
#join-done .social{
  padding: 0;
}

#join-done li{
  float:left;
  list-style:none;
  padding-right:15px;
}

#join-done{
  display:none;
}
*/

#contact p{
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
  font-weight: 200;
}

#contact-form input{
  border: 1px solid #CCC;
  height: 38px;
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-weight: 200;
  font-size: 1.5em;
  color:#555;
  float:left;
  padding-left: 5px;
  outline: none;
}

#contact-form .dt{
  color:#999;
}

#full-name{
  width: 300px;
}

#email-address{
  margin-left:-1px;
  width: 550px;
}

#contact-me{
  position: absolute;
  right: 40px;
  z-index:2;
  background-color:#88AF54;/* green button */
  height: 42px;
  margin-top: 0px;
  border-radius: 0;
  font-size: 18px;
  color: #FFF;
  text-shadow: none;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* End of contact form */

#fb-share:before{
  font-size:100% !important;
}

#fb-share{
  font-size: 10px;
  color: #FFF !important;
  line-height: 18px;
  height: 18px;
  margin-left: -2px;
}


b{
  font-weight:500;
}

.hidden{
  display:none;
}

.full_clear{
  clear:both;
}

.light{
  color:#999;
}







/********************************
 * START OF JQUERY TIPSY PLUGIN *
 ********************************/

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

.pointer-tip .tipsy-inner{
  background:transparent;
  color:#333;
  text-shadow:1px 1px #FFF;
  font-size:10px;
  font-weight:500;
  top: -4px;
  position: relative;
}

.pointer-tip .tipsy-arrow{
  border:0;
  border-color:transparent;
}

.input-tip{
}

/******************************
 * END OF JQUERY TIPSY PLUGIN *
 ******************************/