/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* CSS  ALLGEMEIN */

* {margin: 0; padding: 0; border: 0 none;}

body {
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
   background: #fff;
   font: 12px 'Droid Sans', Arial, Helvetica, sans-serif; color:#3f3f3f;
}

#outer {width: 1024px; margin: 0px auto; text-align: left;}
#wrapper {display: block; margin-left: 0px; margin-right: 0px;}
.clear {clear:both; overflow:hidden;}


/* NAVIGATION */

#navi {
   float:left; 
   position:relative; 
   top: 0px;
   left: 0px;
   width: 95px;
   height: 470px;
   background-color: #fff;
   text-align: right;
   padding-right: 10px;
   padding-bottom: 10px;
}

.logo {
   width: 70px;
   height: 25px;
   position: relative; 
   top: 60px;
}

.logo:hover {opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}

ul.sprachwahl {padding-top: 110px;}

.sprachwahl li {
   display: block;
   float: right;
   margin: 0;
   color: #adadad;
   text-align: left;
   bottom: 0;
   padding: 0 0 0 8px;
   list-style-type: none;
   font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
   font-size: 11px;
}

.sprachwahl li a
{
padding: 0;
margin: 0;
text-decoration: none; 
font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 1.2px;
color: #3f3f3f;
}

.sprachwahl li a:hover,
.sprachwahl li a.rex-active,
.sprachwahl li a.rex-current
{
color: #edae45;
}


#nav {
   position: absolute;
   bottom: 7px;
   right: 10px;
   width: 106px;
}

#nav .rex-navi1, .sprachwahl, ul, li
{
display: block;
padding: 0;
margin: 0;
list-style-type: none;
font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1.2px;
color: #adadad;
}

#nav ul.rex-navi1 {padding-top: 14px; line-height: 14px;}

.schwarz {color: #000;}
#nav .rex-navi1 li a 
{
padding: 0;
margin: 0;
text-decoration: none; 
font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3f3f3f;
}

#nav .rex-navi1 li a:hover,
#nav .rex-navi1 li a.active, 
#nav .rex-navi1 li.current a
{
color: #edae45;
}

#nav .rex-navi1 li.suncurrent a, #nav .rex-navi1 li.suncurrent a:hover, #nav .rex-navi1 li.sun a:hover {color: #ef860a;}
#nav .rex-navi1 li.countrycurrent a, #nav .rex-navi1 li.countrycurrent a:hover, #nav .rex-navi1 li.country a:hover {color: #b6320a;}
#nav .rex-navi1 li.skisnowcurrent a, #nav .rex-navi1 li.skisnowcurrent a:hover, #nav .rex-navi1 li.skisnow a:hover {color: #42a6c8;}



/* FACEBOOK BUTTON */
#navi #facebook {position: absolute; bottom: -30px; right: 10px; width: 20px; height: 20px;}
#navi #facebook a {display: block; width: 20px; height: 20px; background: url(fb-button.gif) 0px 0px no-repeat;}
#navi #facebook a:hover {display: block; width: 20px; height: 20px; background: url(fb-button.gif) 0px -20px no-repeat;}
#navi #facebook a span {display: none; visibility: hidden;}





/* CONTENT */

#contento, #content {
   position: relative; 
   margin-left: 147px;
   padding-top: 94px;
   right: 0;
   top: 44px;
   width: 840px;
   height: 378px;
}

.textholder {
   width: 315px;
   height: 256px;
   margin: 74px 0 0 530px;
   padding: 0;
   overflow: hidden;
}

   #nummer {
      position: absolute;
      left: 530px;
      top: 0;
      color: #d7d7d4;
      font: 80px 'Times New Roman', Times, serif;
   }

   #facts {
      position: absolute;
      left: 530px;
      top: 94px;
   }

      h1 {
         font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
         font-size: 12px;
         color: #3f3f3f;
         letter-spacing: 0.7px;
         text-transform: uppercase;
      }

      .factlist {
         font-family: 'Droid Sans', Arial, Helvetica, sans-serif; 
         font-size: 12px;
         color: #3f3f3f;
         letter-spacing: 0.7px;
      }
      
   #preis {
      position: absolute;
      left: 530px;
      bottom: 44px;
         font-family: 'Droid Sans', Arial, Helvetica, sans-serif; 
         font-size: 12px;
         color: #3f3f3f;
         letter-spacing: 0.7px;
   }



   #diashow1, #diashow2, .diashow  {
      display: block;
      margin: 0;
      position: relative; 
      top: 0px;
      right: 0px; 
      height: 333px;
      width: 500px;
      float: left;
   }
   
   #googlemap  {
         display: inline-block;
         margin: 0;
         position: relative; 
         top: 0px;
         right: 0px; 
         height: 333px;
         width: 500px;
         float: left;
      }
   
      #kalender  {
            display: inline-block;
            margin: 0;
            position: relative; 
            top: -2px;
            right: 0px; 
            width: 500px;
            float: left;
            overflow: auto;
         }
         
      #kalender table {
         table-layout: fixed;
         width: 499px;
         padding: 0;
         margin: 0;
         border-collapse: collapse;
      }
      
      #kalender table th {font: 12px/20px 'Droid Sans', Arial, Helvetica, sans-serif; color: #3f3f3f; height: 25px; letter-spacing: 0.7px; vertical-align: top;}
      #kalender table th.jahrzahl {width: 70px; font-size: 16px; font-family: 'Times New Roman', Times, serif; line-height: 15px; color: #edae45; vertical-align: top;}
      #kalender table td {width: 102px; font: 11px 'Droid Sans', Arial, Helvetica, sans-serif; color: #3f3f3f; vertical-align: bottom; height: 17px; letter-spacing: 0.7px;}
      #kalender table td.monat {width: 70px; font: 12px/14px 'Droid Sans', Arial, Helvetica, sans-serif; color: #3f3f3f; vertical-align: bottom; letter-spacing: 0.7px;}
      #kalender table td.frei {width: 102px; height: 9px; background-color: #d6fc99; border-right: 1px solid white;}
      #kalender table td.besetzt {width: 102px; height: 9px; background-color: #febb72; border-right: 1px solid white;}

      #legende {display: block; position: absolute; top: 366px; left: 0; width: 500px; height: 28px;}
      #jahr {position: absolute; bottom: 1px; left: 0;width: 70px; height: 30px; font-size: 16px; font-family: 'Times New Roman', Times, serif; line-height: 15px; color: #adadad;}
      #kalenderjahr {position: absolute; bottom: 0; left: 70px; width: 102px; height: 30px; font-size: 12px; font-family: 'Times New Roman', Times, serif; line-height: 15px; color: #adadad; text-transform: uppercase; letter-spacing: 0.7px;}
      #angaben {position: absolute; bottom: 0; left: 200px; width: 170px; height: 30px; font-size: 11px; color: #3f3f3f; letter-spacing: 0.7px;}
      #legende-rechts {position: absolute; bottom: 18px; left: 376px; width: 122px; height: 28px; font-size: 11px; line-height: 15px; color: #3f3f3f; letter-spacing: 0.7px; text-align: right;}
      #frei .kreis {width: 14px; height: 14px; border-radius: 50%; background: #d6fc99; float: right; margin-left: 15px;}
      #besetzt .kreis {width: 14px; height: 14px; border-radius: 50%; background: #febb72; float: right; margin-left: 15px;}


      #formular  {
            display: inline-block;
            margin: 0;
            position: relative; 
            top: 28px;
            right: 0px; 
            min-height: 305px;
            width: 500px;
            float: left;
            overflow: auto;
            background: #efefef;
            z-index: 1;
         }


	#terms {
		text-transform: uppercase;
		position: relative;
		width: 500px;
		top: 56px;
	}

	#terms a {text-decoration: none; color: #eb7070;}
	#terms a:hover {text-decoration: none; color: #edae45;}
   
   #diashow1, #diashow2 {background: url('img/loading.gif') center no-repeat;}
   
   #map {
   display:block !important; /* cursor:pointer; */
   }
   
   #googletext {font-size: 11px;}
   #googletext h2 {font: 16px "Times New Roman", Times, serif; color: #edae45; letter-spacing: 2px;}
   
   .textteil {
      margin-right: 10px;
      letter-spacing: 0.9px;
      line-height: 16px;
   }

/* EQUIPMENT */

#mcs3_container {position: absolute; left:0; top:0px; margin:0; width:520px; height: 330px; padding:0;}
#mcs3_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
#mcs3_container .customScrollBox .container {position:relative; width:490px; top:0; float:left;}
#mcs3_container .customScrollBox .content {clear:both;}
#mcs3_container .dragger_container {position:relative; width:0px; height:330px; float:left; margin:1px 0 0 10px; border-left:1px solid #eee; cursor:pointer;}
#mcs3_container .dragger {position:absolute; width: 5px; height: 16px; background:#ccc; margin-left:-3px; text-align:center; overflow:hidden; cursor:pointer; z-index: 1000;}
#mcs3_container .dragger_pressed {position:absolute; width:5px; height:16px; background:#edae45; margin-left:-3px; overflow:hidden; cursor:s-resize;}

#mcs3_container .customScrollBox .content table {padding-top: 0px; font: 10px 'Droid Sans', Arial, Helvetica, sans-serif;}
#mcs3_container .customScrollBox .content table tr td {width: 166px; vertical-align: top;}
ul.equipment {margin-top: 0px; position: relative; top: 0; padding-bottom: 16px;}
.equipment li {font: 10px 'Droid Sans', Arial, Helvetica, sans-serif; color: #3f3f3f; letter-spacing: 0;}
.equipment li:before {content: '- '; color: #3f3f3f;}

h2 {position: relative; top: 0; font-size: 11px; font-weight: normal; font-style: italic; line-height: 14px;}

#equipmentfoto {
   position: absolute;
   left: 530px;
   top: 90px;
   width: 280px;
   height: 180px;
}

/* REQUEST */



/* TAB NAVIGATION */

ul#tabsmenu { position: absolute !important; left: 530px; bottom: 0; right:0; padding: 0; width: 334px;}
#tabsmenu li {float:left; margin-top: -2px !important; margin-bottom: 1px !important; border: none; font: 12px/15px 'Droid Sans', Arial, Helvetica, sans-serif; color:#3f3f3f; font-weight: normal; background: #fff; letter-spacing: 0.9px;}
#tabsmenu li:hover {color: #edae45;}
#tabsmenu li.off {float:left; cursor:pointer; position:relative; z-index:59;}
#tabsmenu li.on {float:left; cursor:pointer; position:relative; z-index:100; color: #edae45;}

#tabsmenu .trenner {color: #adadad; padding: 0 4px; border: 0 none;}

   ul.xoxo {list-style-type: none;}
   li.hide {background:#fff; width:0px; margin-top:0; top:-9999px; position:absolute; z-index:60;}
   li.show {background:#fff; width:0px; margin-top:0; top:-1px; position:relative; z-index:60;}



/* SCROLL BOXES */
#mcs1_container, 
#mcs2_container, 
#mcs4_container, 
#mcs5_container, 
#mcs6_container {
   position: absolute; left:526px; top:88px; margin:0; width:330px; height:210px; padding:0;
}

#mcs1_container .customScrollBox, 
#mcs2_container .customScrollBox, 
#mcs4_container .customScrollBox, 
#mcs5_container .customScrollBox, 
#mcs6_container .customScrollBox {
   position:relative; height:100%; overflow:hidden;
}

#mcs1_container .customScrollBox .container,
#mcs2_container .customScrollBox .container,
#mcs4_container .customScrollBox .container,
#mcs5_container .customScrollBox .container,
#mcs6_container .customScrollBox .container {
   position:relative; width:310px; top:0; float:left;
}

#mcs1_container .customScrollBox .content,
#mcs2_container .customScrollBox .content,
#mcs4_container .customScrollBox .content,
#mcs5_container .customScrollBox .content,
#mcs6_container .customScrollBox .content {
   clear:both;
}

#mcs1_container .customScrollBox .content p,
#mcs2_container .customScrollBox .content p,
#mcs4_container .customScrollBox .content p,
#mcs5_container .customScrollBox .content p,
#mcs6_container .customScrollBox .content p {
   padding: 0 5px; margin:0; font: 12px 'Droid Sans', Arial, Helvetica, sans-serif; color:#3f3f3f;
}

#mcs1_container .dragger_container,
#mcs2_container .dragger_container,
#mcs4_container .dragger_container,
#mcs5_container .dragger_container,
#mcs6_container .dragger_container {
   position:relative; width:0px; height:208px; float:left; margin:1px 0 0 10px; border-left:1px solid #eee; cursor:pointer;
}

#mcs1_container .dragger,
#mcs2_container .dragger,
#mcs4_container .dragger,
#mcs5_container .dragger,
#mcs6_container .dragger {
   position:absolute; width:5px; height:16px; background:#ccc; margin-left:-3px; text-align:center; overflow:hidden; cursor:pointer;
}

#mcs1_container .dragger_pressed,
#mcs2_container .dragger_pressed,
#mcs4_container .dragger_pressed,
#mcs5_container .dragger_pressed,
#mcs6_container .dragger_pressed {
   position:absolute; width:5px; height:16px; background:#edae45; margin-left:-3px; overflow:hidden; cursor:s-resize;
}


/* HARDFACTS */

#mcs_container {position: absolute; left:0; top:0; margin:0; width:800px; padding:0; height: 100%;}
#mcs_container .customScrollBox {position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container {position:relative; width:700px; top:0; float:left;}
#mcs_container .customScrollBox .content {clear:both;}
#mcs_container .customScrollBox .content p {padding: 0 5px; margin:0; font: 12px 'Droid Sans', Arial, Helvetica, sans-serif; color:#3f3f3f;}
#mcs_container .dragger_container {position:relative; width:0px; height:660px; float:left; margin:1px 0 0 10px; border-left:1px solid #eee; cursor:pointer;}
#mcs_container .dragger {position:absolute; width: 5px; height: 16px; background:#ccc; margin-left:-3px; text-align:center; overflow:hidden; cursor:pointer; z-index: 1000;}
#mcs_container .dragger_pressed {position:absolute; width:5px; height:16px; background:#edae45; margin-left:-3px; overflow:hidden; cursor:s-resize;}

#hardcontent {
   position: relative; 
   margin-left: 145px;
   right: 0;
   top: 0;
   width: 920px;
   min-height:665px;
}


.hardfacts {
   display: block;
   height: 105px;
   width: 178px;
   border-left:265px solid #fff; border-right:270px solid #fff;border-bottom:6px solid #fff; overflow:visible;
   padding-top: 0px;
}

a.hardfacts {text-decoration: none;}
a.hardfacts:hover {display: block; background: #f9f9f9; border-left:265px solid #f9f9f9; border-right:270px solid #f9f9f9;border-bottom:6px solid #f9f9f9;}

.left {float:left; position:relative; width:263px; margin-left:-262px; display:inline;}
.right {float:right; position:relative; width:268px; margin-right:-267px; display:inline; top: 3px;}

.hfimg {display: block; width: 176px; height: 105px; position: relative; margin: 0; padding: 0; top: 3px;}

.hfregion {padding-left: 40px; margin-bottom: 5px; color: #4d4e53;}
.hffactsright {padding-left: 40px; color: #999; line-height: 13px;}

.hffactsleft {display: block; position: relative; float: right; width: 225px; height: 100px; right: 40px; bottom: -36px; text-align: right; color: #999;}
.hfnummer {color: #d7d7d4; font: 36px 'Times New Roman', Times, serif;}
.hfname {color: #999;}

#beschreibung {
   position: absolute; 
   top: 168px; 
   left: 700px; 
   width: 200px;
   padding: 10px;
}

#mapbeschreibung {
   position: absolute; 
   top: 122px; 
   left: 700px; 
   width: 200px;
   padding: 10px;
   background: url(backing.png)repeat;
}

#beschreibung h3, #mapbeschreibung h3 {font: 13px 'Droid Sans', Arial, Helvetica, sans-serif; letter-spacing: 1.2px; color: #edae45; padding-bottom: 20px;}
#beschreibung h3.sun {color: #ef860a;}
#beschreibung h3.country {color: #b6320a;}
#beschreibung h3.skisnow {color: #42a6c8;}
#beschreibung p, #mapbeschreibung p {font: 11px/15px 'Droid Sans', Arial, Helvetica, sans-serif; color:#333; text-transform: uppercase; letter-spacing: 0.1em;}



/* NUMBERS */

/* content block */

#numbercontent {
   position: relative; 
   margin-left: 145px;
   right: 0;
   top: 0;
}

#nb {position: absolute; top:165px; left: 0; padding-right: 220px; float: left;}

#fragezeichen {display: block; position: absolute; top: -106px; right: 250px; width: 95px; height: 92px; font-family: 'Times New Roman', Times, serif; font-size: 90px; line-height: 65px; color: #d7d7d7;}

#laender-numbers {position: relative; top: 28px; top: 4px;}

#nb ul {list-style: none; overflow: hidden; padding-bottom: 12px;} 
#nb ul li {display: inline; width: 24px; height: 18px; float: left; margin: 0 12px 6px 0; background: #fff; font-family: 'Times New Roman', Times, serif; font-size: 15px;}
#nb ul li i {color: #333;}
#nb ul li a {text-decoration: none; color: #333;}
#nb ul li .sun {color: #ec9e43;}
#nb ul li .country {color: #c38e8e;}
#nb ul li .skisnow {color: #7dcae4;}
#nb ul li img {display: none;}
#nb ul li a:hover img {display: block; position: absolute; top: -106px; right: 250px; width: 160px; height: 92px;}
#nb #laender-numbers ul li a:hover img {display: block; position: absolute; top: -290px; right: 30px; width: 160px; height: 92px;}

/* beschreibung rechts */

#nbbeschreibung {
   position: relative;
   float: right;
   top: 154px; 
   right: 0px; 
   width: 200px;
   font-size: 11px; 
   line-height: 16px;
   text-transform: uppercase;
   color: #333; 
   background: #fff; 
   padding: 10px;
}

#nbbeschreibung table {
   padding: 8px 0 0 0;
   font-size: 11px;
   font-style: normal;
   color: #999;
}

#nbbeschreibung td {width: 120px;}
#nbbeschreibung td:first-child {width: 80px; font-size: 11px;}
#nbbeschreibung td i {letter-spacing: 3px;}
#nbbeschreibung td .sun {color: #ec9e43; font-size: 12px; text-transform: none;}
#nbbeschreibung td .country {color: #c38e8e; font-size: 12px; text-transform: none;}
#nbbeschreibung td .skisnow {color: #7dcae4; font-size: 12px; text-transform: none;}



/* MAP */
/* ein Teil des CSS muss direkt im Seitenheader sein! */

      #punkte {
         position: relative;
         left: -103px;
         top: 99px;
         width: 1000px;
         height: 550px;
         margin: 0; padding: 0;
         background: url(punkte.gif) 0px 0px no-repeat; 
      }
      #punkte li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
      #punkte a {display: block; text-indent: -9999px; text-decoration: none;}
      
      #cotedazur, #cotedazur a {left: 605px; top: 200px; width: 80px; height: 48px;}
      #cotedazur a:hover {display: block; background: url(punkte.gif) -605px -749px no-repeat;}
      #atlantic, #atlantic a {left: 380px; top: 95px; width: 120px; height: 98px;}
      #atlantic a:hover {display: block; background: url(punkte.gif) -380px -644px no-repeat;}
      #bretagne, #bretagne a {left: 440px; top: 0px; width: 100px; height: 34px;}
      #bretagne a:hover {display: block; background: url(punkte.gif) -440px -549px no-repeat;}
      #corse, #corse a {left: 640px; top: 248px; width: 80px; height: 55px;}
      #corse a:hover {display: block; background: url(punkte.gif) -640px -797px no-repeat;}
      #country1, #country1 a {left: 500px; top: 130px; width: 80px; height: 70px;}
      #country1 a:hover {display: block; background: url(punkte.gif) -500px -679px no-repeat;}
      #country2, #country2 a {left: 480px; top: 180px; width: 220px; height: 36px;}
      #country2 a:hover {display: block; background: url(punkte.gif) -480px -1189px no-repeat;}
      #alpes, #alpes a {left: 595px; top: 125px; width: 80px; height: 48px;}
      #alpes a:hover {display: block; background: url(punkte.gif) -595px -674px no-repeat;}
      #italia1, #italia1 a {left: 720px; top: 200px; width: 100px; height: 68px;}
      #italia1 a:hover {display: block; background: url(punkte.gif) -720px -749px no-repeat;}
      #italia2, #italia2 a {left: 770px; top: 320px; width: 84px; height: 40px;}
      #italia2 a:hover {display: block; background: url(punkte.gif) -770px -869px no-repeat;}
      #ibiza, #ibiza a {left: 480px; top: 315px; width: 100px; height: 80px; z-index: 50;}
      #ibiza a:hover {display: block; background: url(punkte.gif) -480px -1114px no-repeat;}
      #spain, #spain a {left: 35px; top: 235px; width: 520px; height: 310px;}
      #spain a:hover {display: block; background: url(punkte.gif) -35px -784px no-repeat;}
      #portugal, #portugal a {left: 35px; top: 235px; width: 235px; height: 170px; z-index: 50;}
      #portugal a:hover {display: block; background: url(punkte.gif) -35px -584px no-repeat;}
      #marrakech, #marrakech a {left: 180px; top: 400px; width: 235px; height: 150px; z-index: 50;}
      #marrakech a:hover {display: block; background: url(punkte.gif) -180px -1049px no-repeat;}



/* SERVICE */

#service-diashow, #contactbild {padding-top: 28px; float: left; width: 500px; height: 305px;}

#servicetext {
   width: 315px;
   height: 256px;
   margin: 65px 0 0 530px;
   padding: 0;
}

#servicetext h3 {font: 11px 'Droid Sans', Arial, Helvetica, sans-serif; color:#979595; text-transform: uppercase; letter-spacing: 1.2px; padding-bottom: 20px;}
#servicetext p {font: 11px/15px 'Droid Sans', Arial, Helvetica, sans-serif; color:#3f3f3f; text-transform: uppercase; letter-spacing: 1.2px;}
#servicetext p a {font: 12px/16px 'Droid Sans', Arial, Helvetica, sans-serif; text-transform: lowercase; color: #edae45; text-decoration: none;}
#servicetext p a:hover {color: #3f3f3f;}




/* ABOUT */

#titlebar {font: 12px 'Droid Sans', Arial, Helvetica, sans-serif; color: #d7d7d4; font-weight: bold; letter-spacing: 1.2px;}

.aboutbild  {
   display: inline-block;
   margin: 0;
   position: relative; 
   top: 16px;
   right: 0px; 
   width: 500px;
   float: left;
   overflow: auto;
}

.aboutbild img {width: 500px; height: 306px;}

#punkt {
      position: absolute;
      left: 530px;
      top: -92px;
      width: 44px;
      height: 44px;
}
         
#mcs7_container, 
#mcs8_container, 
#mcs9_container {
   position: absolute; left:526px; top:44px; margin:0; width:330px; height:280px; padding:0;
}

#mcs7_container .customScrollBox, 
#mcs8_container .customScrollBox, 
#mcs9_container .customScrollBox {
   position:relative; height:100%; overflow:hidden;
}

#mcs7_container .customScrollBox .container,
#mcs8_container .customScrollBox .container,
#mcs9_container .customScrollBox .container {
   position:relative; width:310px; top:0; float:left;
}

#mcs7_container .customScrollBox .content,
#mcs8_container .customScrollBox .content,
#mcs9_container .customScrollBox .content {
   clear:both;
}

#mcs7_container .customScrollBox .content p,
#mcs8_container .customScrollBox .content p,
#mcs9_container .customScrollBox .content p {
   padding: 0 5px; margin:0; font: 11px/15px 'Droid Sans', Arial, Helvetica, sans-serif; color:#3f3f3f; text-transform: uppercase;
}

#mcs7_container .customScrollBox .content p.grey,
#mcs8_container .customScrollBox .content p.grey,
#mcs9_container .customScrollBox .content p.grey {
   padding: 0 5px; margin:0; font: 11px/15px 'Droid Sans', Arial, Helvetica, sans-serif; text-transform: none; color: #979595;
}

#mcs7_container p .greybottom {display: inline-block;  position: relative;  top: 54px; padding: 0; margin:0;}
#mcs8_container p .greybottom {display: inline-block;  position: relative;  top: 40px; padding: 0; margin:0;}
#mcs9_container p .greybottom {display: inline-block;  position: relative;  top: 10px; padding: 0; margin:0;}

#mcs7_container .customScrollBox .content p .greybottom,
#mcs8_container .customScrollBox .content p .greybottom,
#mcs9_container .customScrollBox .content p .greybottom {font: 11px/15px 'Droid Sans', Arial, Helvetica, sans-serif; text-transform: none; color: #979595;}

#mcs7_container .customScrollBox .content p .greybottom a,
#mcs8_container .customScrollBox .content p .greybottom a,
#mcs9_container .customScrollBox .content p .greybottom a {text-decoration: none; color: #edae45;}

#mcs7_container .customScrollBox .content p .greybottom a:hover,
#mcs8_container .customScrollBox .content p .greybottom a:hover,
#mcs9_container .customScrollBox .content p .greybottom a:hover {text-decoration: none; color: #3f3f3f;}

#mcs7_container .dragger_container,
#mcs8_container .dragger_container,
#mcs9_container .dragger_container {
   position:relative; width:0px; height:278px; float:left; margin:1px 0 0 10px; border-left:1px solid #eee; cursor:pointer;
}

#mcs7_container .dragger,
#mcs8_container .dragger,
#mcs9_container .dragger {
   position:absolute; width:5px; height:16px; background:#ccc; margin-left:-3px; text-align:center; overflow:hidden; cursor:pointer;
}

#mcs7_container .dragger_pressed,
#mcs8_container .dragger_pressed,
#mcs9_container .dragger_pressed {
   position:absolute; width:5px; height:16px; background:#edae45; margin-left:-3px; overflow:hidden; cursor:s-resize;
}

.grey {text-transform: none; color: #979595;}




/* CONTACT */

#terms-contact {display: inline-block; text-transform: lowercase; position: relative; left: 30px; bottom: 14px; width: 150px;}
#terms-contact a {text-decoration: none; color: #eb7070;}
#terms-contact a:hover {text-decoration: none; color: #edae45;}

#contact-footer {position: relative; left: -180px; top: 95px; width: 900px; padding: 0 0 30px 0; margin: 0; font: 12px/15px 'Droid Sans', Arial, Helvetica, sans-serif; letter-spacing: 0.8px;}
#contact-footer #gmbh {float: left; width: 125px; padding-right: 50px;}
#contact-footer #gmbh p {float: right;}



/* NO RESULT */

#noresulttext {
   width: 315px;
   height: 305px;
   margin: 26px 0 0 530px;
   padding: 0;
}

#noresulttext p {font: 11px/15px 'Droid Sans', Arial, Helvetica, sans-serif; color:#3f3f3f; text-transform: uppercase; letter-spacing: 1.2px;}
#noresulttext p a {font: 12px/15px 'Droid Sans', Arial, Helvetica, sans-serif; text-transform: lowercase; color: #edae45; text-decoration: none;}
#noresulttext p a:hover {color: #3f3f3f;}
#noresulttext p .red {color: #eb7070;}