

/* meyer reset */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, li, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background-color:transparent;
    border-collapse:collapse;
    text-align:left;
    text-indent: 0;
}
* { font-size:1.1em; }
html { font-size:70%; }
body { font-size:1.1em;}

body {
    background: url('../img/design/background.jpg') top center no-repeat #FE9230;
    font-family: myriad, Verdana, sans-serif; 
    color: #282828; 
    line-height: 1.4em; 
    text-decoration: none; 
    font-weight:normal; 
    text-align: center;
}

.center {
  text-align: center;
}

/** hidden classes **/
.hidden, .hidden_m {
	position: absolute;
	left: -1000px;
	top: -10000px;
    display:none;
}
.skip, dfn {
	position: absolute;
	left: -1000px;
	top: -10000px;
}

.clear {
	clear: both;
}
h1, h2, p {
    margin: 0 0 0.6em 0px;
}
h1 {
    clear: left;
    font-weight:bold;
    font-family:Myriad,sans-serif;
    color: #333;
    font-size: 1.5em;
    line-height: 1.4em;
}
h2 {
    font-weight:700;
    font-family:Myriad,sans-serif;
    color: #333;

}
p {
    font-size: 1em;
    font-family:Myriad,sans-serif;
    color: #333;
    line-height: 1.4em;
}

.kursiv {
  font-style:italic;
}

ul {
    margin: 0px 0px 1em 15px;
}
strong {
   font-weight:bold;
}

.strong {
  font-weight:bold;
}
a {
    text-decoration: none;
    /*border-bottom: 1px dashed #000;*/
    padding-bottom:-1px;
    color: #000;
}

a:focus {
    outline: 1px solid #000;
}
#rockit {
    float: left;
    text-align: center;
    width: 790px;
    margin: 3px auto 0; 
    font-size: 0.8em;
}
#rockit div {
    color: #fff;
    text-align: right; 
}
#rockit a, #rockit span, #m3ul li a {
    color: #fff;
    border: none;
    font-weight: bold;
}

#partner {
    float: right;
    text-align: center;
    width: 160px;
    margin: 0; 
    font-size: 0.8em;
}
#partner div {
    color: #fff;
    text-align: right; 
}
#partner ul {
    margin: 0;
    padding: 0;
}
#partner ul li {
    display: block;
    float: left;
}
#partner img {
    width: 160px;
}


/* barrierefreie Rahmen um link-bilder ohne Layout-Änderung */
a img, .csc-textpic-image a img {
    border: 0px solid #ECAE3F;
}
a:focus img, a:hover img, a:active img {
	/*border: 0px solid #fff;*/
}
table {
    border: 1px solid #000;
}

/** Fontsize-Switcher */
#toppanel {
    clear: both;   
    margin: 0px 34px;
    display: block;
        z-index: 200;
}
#fontsize {
    border: 1px solid #fff;
    float: right;
    text-align:center;
    margin: 10px 0px;
    /*   width:9em;*/
}
#fontsize a {
    color: #000;
    text-decoration:none;
    display:block;
    float:left;
    width:1.4em;
    height:1.4em;
    margin: 0em 0.2em;
    border:0.1em solid #000;
    text-align:center;
    font-size:0.8em;
    font-weight: normal;
}
#fontsize a:focus, #fontsize a:hover, #fontsize a:active {
    text-decoration:none;
    color: #fff;
    background-color:#000;
    border:0.1em solid #000;
}
#fontsize a span {
    text-align: center;
    color: #000;
    display:block;
    margin: 0;
    padding: 0;
    line-height:1em;
}
#fontsize a:focus span, #fontsize a:hover span, #fontsize a:active span {
    color:#fff;
}
#fontsize .s, #fontsize a:focus.s, #fontsize a:hover.s  {
    font-size:1em;
    margin-top:0.4em;
    margin-bottom:0.2em;
}
#fontsize .m, #fontsize a:focus.m, #fontsize a:hover.m  {
    font-size:1.2em;
    margin-top:0.2em;
    margin-bottom:0.1em;
}
#fontsize .l, #fontsize a:focus.l, #fontsize a:hover.l  {
    font-size:1.5em;
    margin-top:0em;
    margin-bottom:0em;
    
}

/** DIVS **/
#maincontainer {
    position: relative;
    width: 966px;
    margin: 8px auto 0;
/*    background-color:#fff;
    border: 2px solid #333333;*/
}
#maincontent {
    float: left;
    width: 796px;
    margin: 0;
    background-color:#fff;
    border: 2px solid #333333;
}
#header {
	width:100%;
    display: block;
    position: absolute; top: 20px; left: 0px;
}
.head {
    position: relative;
    height: 149px;
    margin-bottom: -3px;
    border-bottom: 2px solid #282828;
}
#content {
    padding: 27px 23px;
    clear: both;
    display:block;
    background-color:#fff;
    border: 1px solid #fff;
    /* position: relative; top: -4px; left: 0px; */
}
#suche {
    display: none;
}
#googlemap {
    float: right;
}

/** Footer **/
#footer {
    width: 160px;
    clear: both;
    display: block;
    margin: 5px auto;
    background-color: #fff;
}
dl.csc-textpic-image, dl.csc-textpic-image dt {
    padding:0;
    margin: 0;
}
#footer a:focus img, #footer a:hover img, a:active img {
	border: none;
}
#footer h1 {
    display: none;
}
#footer div.csc-textpic {
    margin: 10px 34px;
    height: 60px;
}
img.at, a:focus img.at, a:hover img.at, a:active img.at {
    position: relative; 
    top: 2px; 
    left: 0px;
    border: none;
}

/** Sprachwahl */
#sprachwahl {
    position: absolute; top: 5px; left: 8px;
    z-index: 20;
}
div.tx-srlanguagemenu-pi1 {
    float: left;
    width: 73px; 
    margin: 0; 
    padding: 0;
    border: 0px solid #fff;
}
 * html div.tx-srlanguagemenu-pi1 {  
  /* CSS-Hack für IE6 und kleiner */ 
      margin: 10px 16px; 
 }
 div.tx-srlanguagemenu-pi1 .CUR img {
    position: relative; top: -3px; left: 0px;
}
 div.tx-srlanguagemenu-pi1 .CUR a img {
    border: none;
    position: relative; top: 0px; left: 0px;
}

.tx-srlanguagemenu-pi1 .CUR, .tx-srlanguagemenu-pi1 .NO {
    display:block;
    float: left;
    margin: 0; 
    padding: 0;
    width: 35px;
    height: 10px;
}
.tx-srlanguagemenu-pi1 .INACT {
    display:block;
}
.tx-srlanguagemenu-pi1 a {
    border: none;
    padding: 0;
    margin: 0;
}


a.skip:focus, a.skip:hover, a.skip:active  {
    padding:3px;
	position: absolute;
	left: 2px;
	top: 5px;
    background-color: #fffbd1;
    color: rgb(90,28,20);
    border: 1px solid rgb(90,28,20);
    text-decoration:underline;
}

/** barrierefreies menu1:*/
#menucontainer {
    position: relative; top: 0px; left: 0px;
    height:40px;
    width: 100%;
    margin: 0;
    padding: 0;
}
#menu1, #menu2   {
	text-align:left;
	width:100%;
	margin: 0 auto;
	background-color:#dc8a1a; /*f97d27*/
    position: relative; top: 0px; left: 0px;
}
#menu1 {
    z-index: 10;
    background-color:#FB7D25;
}
#menu2  {
    z-index: 1;
	color:rgb(135,135,135);
	background-color:#FAA668;
}

div.menu3 {
	color:rgb(171,171,171);
	font-size:0.7em;
	text-align:right;
	width:1000px;
	margin: 0 auto;
	margin-bottom:2pt;
}
.m1ul, .m2ul  {
    width: 100%;
    margin: 0;
}
.m1ul {
    margin-left: 105px;
}
.m2ul {
    width: 796px;
    position: absolute; top: 22px; left: 0px;
}
.m1ul li, .m2ul li, #menu1, #menu2  {
        height: 22px;
}
.m1ul li, .m2ul li  {
    float: left;
    display: block;
    padding: 0 8px;
    border-right: 0px solid #fff;
}
.m1ul li.m1n7 {
    border-right: 0px solid #fff;
}
.m1ul span, .m2ul span {
        position: relative; top: 3px; left: 0px;
        font-weight: normal;
}
.m2ul span {
        font-size: 0.9em;
}
div.menu3 a {
	font-size:8pt;
	color:rgb(171,171,171);
	padding:0pt 8pt 0pt 8pt;
}

.m1ul li {
    position: relative; top: 0px; left: 0px;
}



.m1ul .current, .m1ul .parent > a  {
    color: #fff;
	/*background-color:#faa668;
	border-bottom: 1px solid #faa668;*/
}
.m1ul .parent > span a {
    color: #fff;
}
.m1ul a, .m2ul a {
color: #282828;
border: none;
}

.m2ul .current {
    color: #fff;
	background-color:#faa668;
    	border-bottom: none;
}

#m3ul .current {
	font-weight:700;
}
#m3ul li {
    display: block;
    float: left;
    margin-right: 1em;
}
#m3ul {
    display: inline;
}

/** Powermail-Formular deutsch:*/
.tx-powermail-pi1_fieldset {
    float: left;
    width: 450px;
    border: 0px;
    margin: 0px 0px 0px 0px;
    padding:0;
}
.tx-powermail-pi1_fieldset legend {
    margin: 0px;
    padding: 10px 0px 1em;
}
.tx-powermail-pi1_fieldset label, .tx-powermail-pi1_fieldset input, .tx-powermail-pi1_fieldset textarea {
    display:block;
    width:300px;
}
.tx-powermail-pi1_fieldset label {
    margin: 6px 0px 4px;
}
.tx-powermail-pi1_fieldset input, .tx-powermail-pi1_fieldset textarea {
    background-color:#FFF;
}
.tx-powermail-pi1_fieldset textarea {
    resize:none;
    height: 50px;
}
input.powermail_submit {
    width:200px;
    display:block;
    font-size:1em;
    border:1px solid #0a0a0a;
        color: #000;
        background-color:#f3f5f4;
    cursor: pointer;
    padding-bottom:3px;
    margin-bottom: 2em;
}
input.powermail_submit:hover {
    background-color:#B3B5B4;
    color: #fff;
}
.tx-powermail-pi1_fieldset > legend {
    display: none;
}
div.powermail_mandatory_js { color: red; }
p.powermail_pagebrowser {
    display: none;
}



/** tt_news */
div.news-list-item, div.news-list-item img {
    margin-bottom: 1em;
}

div.news-list-item hr.clearer {
    clear: both;
}
div.news-list-item h3 {
    clear: both;
    width:98%;
        height: 1.5em;
    background: #6DC360;
/*    display: block;*/
    padding: 0.5em 1%;
}
span.news-list-date {
    text-align: right;
    float: right;
    /*font-size: 0.8em;*/
}
span.news-list-head {
    text-align: left;
    float: left;
}
div.news-list-item a h3, div.news-list-item a h3 span  {
    color: #fff;
}
div.news-list-item p {
    clear: left;
    margin-left: 0.5em;
}
div.news-list-item hr.clearer {
     height: 0px;
     display: none;
}
div.news-list-item img {
    float: right; 
    display: block;
    border: none;
}
/** Guestbook */
.tx-veguestbook-pi1 {
    float:left;
}
.tx-guestbook-left p, .tx-guestbook-right p {
    margin: 0;
}
.tx-veguestbook-pi1 h2.tx-guestbook-header {
    background:#FB7D25 none repeat scroll 0 0;
    width:720px;
    padding: 0.3em 1em;
    margin-bottom: 0;
}
.tx-veguestbook-pi1 .tx-guestbook-left {
    width: 16em;
}
.tx-veguestbook-pi1 .tx-guestbook-right {
    background:#FFFFFF none repeat scroll 0 0;
    float:left;
    padding:1em;
    width:40em;
}
.tx-veguestbook-pi1 .tx-guestbook-field {
    padding:0.2em 0;
    float: left;
    display:block;
    padding:0.2em 0;
    width:350px;
    clear: none;
}
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big, .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
float:left;
width:16em;
}
.tx-veguestbook-pi1 .tx-guestbook-field label {
float: left;
display:block;
width:7em;
}
.tx-guestbook-field label img {
    margin-top: 10px;
}

input.tx-guestbook-submit {
    margin-top: 70px;
}
#message {
    width: 316px;
}

div.addthis_toolbox .addthis_default_style {
	float: left;	
	background-color: #fff;
}
.sponsoren td {
    padding: 5px;
    vertical-align: top;
}

.sponsoren {
  border-color:#999999;
}
table {
  border-color:#999999;
}
td {
    padding: 5px;
    vertical-align: top;
}
.rahmenlos {
  border: 0px;
}
.rahmenlos td {
  padding: 0px;
}
blockquote {
   background-color: #fee8b3;
   border: 1px solid #aaaaaa;
   padding: 0;
}
blockquote p {
   padding: 0.5em 1em;
   margin:0;
}
a.banner {
    position: absolute;
    top: -2px;
    right: -2px;
}
.Spalte {
    width: 365px;
    float: left;
}





#text {
   float: left;
   width: 350px;
} 
.pikachoose h1 {
    margin: 0;
    padding: 0;
    color: #dc8a1a;
}
.pikachoose{
    float: right;
    width:370px;
margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;
    width:378px;
height:80px;
margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;
/*thumbs foreground */
    background:#fff;
margin:0 6px 4px 2px;
position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{
    width:375px;
    height: 261px; /* poistion of caption-slide */
    display:block;
    position:relative;
}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;
top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}

/* mainimage container*/
.pika_subdiv{
    position:relative;
    border:0px solid #555;
    background:#fff;
    padding:2px;    
    height: 246px;
}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{
    width:370px;
    height:40px;
    padding-top:4px;
    position:absolute;
    bottom:13px;
    left:2px;
    background: #000; /*url('../img/pikachoose/grey.png') top left;*/
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.skischule-hinterstoder.at/fileadmin/img/pikachoose/grey.png', sizingMethod='scale');*/
}
.pika_caption {color:white;}
.pikachoose h1, .pikachoose p {
    color: #dc8a1a;
    margin: 0 0 0 10px;
}
.pikachoose h1 {
    font-weight: bold;
    font-size: 1.2em;
}
.pikachoose a, .pikachoose p {
    color: #fff;
    font-weight: normal;
}
.pikachoose a:hover {
    text-decoration: underline;
}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a.pika_play_button {position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../img/pikachoose/play.png') top center no-repeat;}
.pika_play a.pika_stop_button {position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../img/pikachoose/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation {
display: none;
padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:256px;width:100px;background:url('../img/pikachoose/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:256px;width:100px;background:url('../img/pikachoose/fastf.png') top right no-repeat;}
