/* ---------------------------------------------------------------------------*/
/* alpinschule robanser 													  */
/* ---------------------------------------------------------------------------*/

/* png img ie <7 */
/*png-Script für IE*/
img.pngimg {behavior:url(iepngfix.htc); }

/* basic classes sitewide */
.clear { clear:both; }
.float { float:left; }
.hide { display:none }
.css_clickable { cursor:pointer;}
img.float { float:left; margin-right:1em;}
img.floatright { float:right; margin-left:1em;}
.border {border:1px solid #4d597a; }
.noborder { border:0px none }

/* ---------------------------------------------------------------------------*/

/* body */
body { margin:0px;
  font-family: tahoma, arial, helvetica, modern, "sans serif";
  font-size:8pt; color:#4d4d4d;
}
/*background:#F4F1CF;*/
html {overflow-y:scroll; }

/* h1 -  ... */
h1 {  text-transform:uppercase; font-size:17pt; margin:0px; margin-top:0.4em; margin-bottom:0.4em; }
h2 { font-size:10pt; margin:0px; margin-top:0.2em; margin-bottom:0.2em; }
h3 { font-size:9pt;margin-bottom:0.4em;}

/* links allgemein */
a {color:#555;text-decoration:none;}

/* links gekennzeichnet */
a.hilite {   }
a.hilite:hover { border-bottom:1px dotted; }

/* ---------------------------------------------------------------------------*/

/* outer page, centered */
#outer {
  width:840px;
  margin-left:auto;
  margin-right:auto;
}

/* inner elements, columns */
#inner {  width:840px; border-left:1px dotted #999; border-right:1px dotted #999;
    background:#fff url(../template/layout/bg1.png) repeat-x;}


/* header + logo */
#header { }
#logodiv { float:left; width:440px; }
#robanserlogo { float:left;margin:1em; border:0px none; margin-top:1em; width:280px; height:88px; margin-bottom:0.2em; margin-top:0.6em}
img.certlogo { height:40px; float:right; margin-left:10px; margin-top:0px;}

/* top right , search , kontakt .. */
#topright {float:left; width:376px;margin-top:1em; }
#kontakt { text-align:right;}
#kontakt img { border:0px none;}
#kontakt a:hover {border-bottom:dotted 1px #555;}

/* big header image */
#headerimg { height:150px; width:839px;
  background-repeat:no-repeat;
  overflow:hidden;}
#h1_frame , #h2_frame, #h_space { float:left; }

#h1_frame { width:50px; }
#h2_frame { width:47px; }
#h_space { width:742px; }

/* quickmenu , menu seitlich mit bg*/
  #quickmenu {
      margin-top:72px;
      margin-bottom:30px;
      }
  #quickmenu div { margin-left:12px; }



  #quickmenu a {
    color:#304b50;
    display:block;
    font-size:10pt;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:1.5em;}

  #quickmenu a span img { border:0; width:10px;}
  #quickmenu a span {background:#ccc; height:10px; font-size:10px; }


  #quickmenu div.menlevel2 a { font-size:8pt;  padding:0px; margin-left:20px; margin-top:-1em; font-weight:normal;}
#quickmenu div.menlevel2 a.active {font-weight:bold;}

/* cols */
  /*left*/
  #leftcol { float:left; width:172px; }
  #leftcontent {padding:14px; }

  /*right*/
  #rightcol { float:left; width:188px;  }

  #rightcol h2 { color:#3b4c4f;  padding:2px; font-size:8pt; margin:0px; margin-bottom:4px;}
  #rightcol h3 { text-transform:uppercase; font-size:9pt; margin-top:0px; margin-bottom:0.3em;}
  #rightcol .infoblock { background:#f5f5f5; padding:5px; margin-top:4px;  }

#rightcol .bannerinfo { margin:12px 0px 12px 0px; }

  /* main */
  #maincontent { float:left; width:450px; padding:8px;
    margin-right:6px;
    /*margin-top:-55px;*/
      padding-left:15px;
      background:#fff;
	min-height:400px;}



/*div.pagecontent table { font-size:0.8em; }*/
div.pagecontent table td { vertical-align:top; }
div.pagecontent table td a img { border:0px; }
/* footer */
#footer {font-size:0.9em; color:#6a7188;
   text-align:center;
  background:#f8f8f8;
  padding-left:250px; margin-top:3em;
	height:15px;}
#footermenu  {    display:inline;}
#footertext  { margin-left:1em;  display:inline; float:left; }
#userbox  { margin-left:1em;  display:inline; float:left; }
#userbox div.useroptions {  display:inline; margin-left:1em;}
#userbox  a {color:#bac1d8; }


/* overview box allgemein */
 div.boxbox {}
 div.boxbox div.roundimage {
  background-repeat:no-repeat;
  padding:0px;
  margin-right:12px;
}

 div.boxbox div.roundimage img {
    width:60px;
    height:60px;
    float:left; margin-right:12px;
      border:0px none; margin:0px; margin-bottom:2px;}



/* bilder fuer kursdetail */
#kurscontent img { border:1px solid #333; }

/* ---------------------------------------------------------------------------*/

/* gallery */
  #gal_ov {}
  #gal_ov div { float:left; margin:0.5em; height:70px; overflow:hidden;}
  #gal_ov div:hover { background:#eee;}
  #gal_ov div span { cursor:pointer;}
  #gal_ov div span img { border:1px #333 solid; margin:0.3em;}
  #gal_detail { text-align:center; }
  #gal_detail div.smallsize img { border:1px solid #000; }
  #gal_detail div.smallsize img { cursor:pointer;}
  #previews div { margin:5px; }

  #previews div.active img { border:1px solid #999; }
  #previews div img { margin:5px; border:1px solid #999; }

  #gallery div.boxbox {
    width:190px; margin-right:20px;
    margin-bottom:20px;
    float:left; padding:0px;
    }
   #gallery div.boxbox:hover{background:#f5f5f5;}

  #gallery div.boxbox div.roundimage {
    background-repeat:no-repeat;
    padding:0px;
  }

  #gallery div.boxbox div.roundimage img {
      width:200px;
      height:60px;
        border:0px none; margin:0px; margin-bottom:2px;}

  #bigpic_container { position:absolute; top:0px; left:0px; background:#fff;
      width:100%; height:200%;z-index:4; }
  #bigpic {
      padding:1em; margin:1em; border:1px dotted #999;
      padding-left:0em; padding-right:0em; margin:auto; margin-top:20px;
      background:#fff; width:900px; z-index:10;
      }


  #bigpic div.lt, #bigpic div.rt { float:left; width:40px; cursor:pointer; margin-top:200px; text-align:center; }
  #bigpic div.lt div ,#bigpic div.rt div {padding-top:1em; padding-bottom:1em; margin:auto; width:30px; font-weight:bold; font-size:14pt;}
  #bigpic div.lt div:hover , #bigpic div.rt div:hover {background:#eee; }

  #ctimg { float:left; width:820px; margin-bottom:2em; }
  #ctimg img { float:left; cursor:pointer; width:820px; }

  #bigpic div.panel { margin-left:40px; padding:4px;}
  #bigpic div.panel p { margin-bottom:0em; width:670px; }
  #bigpic div.panel h2 { margin:0px; font-size:10pt;}
  #bigpic div.panel ul { list-style-type:none; margin:0px; padding:0px;
      text-align:right; margin-right:40px; margin-bottom:0px;
       }
  #bigpic div.panel li { color:#999; font-size:0.9em;cursor:pointer; display:inline;}

  #bigpic div.panel li:hover {border-bottom:1px dotted #555; }
/* ---------------------------------------------------------------------------*/

/* anmeldung */
#anmeldung div.htmlinterface { border:0px; }
#anmeldung div.htmlinterface h4 { font-size:8pt; }

/* kontakt */
/*#kontakt div.htmlinterface { border:0px; }
#kontakt div.htmlinterface h4 { font-size:8pt; }*/

/* ---------------------------------------------------------------------------*/

/* kursliste */
div.list1 div.boxbox ,
#gallery div.boxbox ,
#bereichcontent div.boxbox,
#news div.boxbox {
  background:#F9F9F9;
  border-right:1px dotted #eee;
  float:left;
  height:170px;
  margin-bottom:15px;
  margin-right:8px;
  overflow:hidden;
  padding:6px;
  width:200px; font-size:11px; }

div.list1 div.boxbox:hover,
#gallery div.boxbox:hover,
#bereichcontent div.boxbox:hover,
#news div.boxbox:hover
{background:#fff;}

div.list1 div.boxbox div.roundimage,
#gallery div.boxbox div.roundimage,
#bereichcontent div.boxbox div.roundimage,
#news div.boxbox div.roundimage  {
    background-repeat:no-repeat;
    padding:0px;
    margin-top:0.4em;
    margin-bottom:0.4em;
    height:60px;
    width:200px;
    border:1px solid #555555;
}

div.list1 div.boxbox div.roundimage a img,
#gallery div.boxbox div.roundimage a img,
#bereichcontent div.boxbox div.roundimage a img,
#news div.boxbox div.roundimage a img {
    height:60px; width:200px;
    border:0px none; margin:0px; }

div.list1 h2,
#gallery h2,
#bereichcontent h2 { font-size:13pt; margin-top:0.4em; margin-bottom:0.1em; }
div.list1 h3,
#gallery h3,
#bereichcontent h3 { margin-top:0.1em; margin-bottom:0.1em; font-size:13px; }

/* neu heads in doppelter hoehe */
#bereichcontent h3 { height:30px; }
#frontpage .boxbox h3 { height:30px; }
#frontpage a img { border-color:#333; }
#bereichcontent .listcol a { display:block; }

#bereichcontent h4 { margin-top:0.1em; margin-bottom:0.1em; font-size:8pt;  }

/* ---------------------------------------------------------------------------*/



/* rightcol kurs - details,anmeldung */

#rightcol .preis { font-size:14pt; font-weight:bold; }
#rightcol b { margin-left:0.2em; margin-right:0.6em;}
#rightcol p.zuskost {margin-top:0.2em; margin-left:0.5em; color:#777;}
#rightcol div.infoblock li a:hover { text-decoration:underline;}
#rightcol div.infoblock li a { font-size:1em; margin:0.2em; position:relative;}
#rightcol div.infoblock ul li { margin:0px; padding:0px; margin-bottom:0.4em; }
#rightcol div.infoblock ul { margin:0px;  padding:0px;list-style-type:none;}

#rightcol div.infoblock div.related li a { font-size:0.9em; margin:0.2em; color:#555;}
#rightcol div.infoblock div.related { margin-bottom:1.2em;  }
#rightcol div.infoblock div.ext_related h2 {color:#999; margin:0px; margin-top:0.3em; }

#rightcol .terminpreis { font-size:7pt; color:#999; position:absolute; }

#rightcol div.infoblock p.anmeldung a { display:block;
  border:1px solid #fdc;
  border-bottom-color:#965;
  border-right-color:#965;
  padding:2px;
  background:#fc0;
  color:#500;
  font-weight:bold;
  width:145px;
  margin-bottom:1.8em;}
#rightcol div.infoblock p.anmeldung a:hover {   background:#fd4; text-decoration:underline;border:1px solid #fdc;
  border-bottom-color:#965;
  font-weight:bold;
  border-right-color:#965; }

#rightcol div.infoblock h4 { margin:0px; margin-top:1em; }

#rightcol div.infoblock a:hover { text-decoration:underline; border-bottom:0px none; }
#rightcol div.infoblock a.hilite { display:block;  margin:0.4em; }
#rightcol div.infoblock h4 { font-size:8pt; }

/* ---------------------------------------------------------------------------*/

#newsintro b { margin-right:2em;  }

#news div.boxbox { width:380px; height:120px; }

.brcr { margin-top:-0.8em; margin-bottom:0.6em;font-size:7pt;}
.brcr a:hover { border-bottom:1px dotted #ccc;}


#frontpage a.hilite { color:#7db713; }

#rightcol div.infohome a.hilite { color: #7db713;  }
#rightcol div.infohome {padding:0px;}


#rightcol div.infohome h4 { background:#fff; border-bottom:1px dotted #aaa; font-size:9pt;
text-transform:uppercase;
padding-left:0.3em;padding-top:1em; padding-bottom:0.4em;
margin-top:0.4em; margin-bottom:0.4em; }
#rightcol div.infohome .boxbox { margin-left:0.4em; margin-bottom:1.4em;}
.color1 {color:#7db713;}
.color2 {color:#138ba1;}

div.blognews a {color:#7db713;}