/*** www.traunsteinerhuette.com Framework Stylesheet ***/
/*** Niko Wagner <niko@kuse.de> ***/

body {
background:#905f24;
font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
color: #111;
line-height:normal;
margin:0;
padding:0;
}
* {
margin:0;
padding:0;
}
h1 {
font-size:18px;
color:#581717;
font-weight:bold;
margin:0 0 5px;
}
h2 {
font-size:12px;
color:#581717;
font-weight:bold;
}


/* BACKGROUND */
#imgBGBImage td {
text-align:center;
vertical-align:middle;
}
html, body, #imgBGBImage, /*table, td,*/#imgBGBImage table, #imgBGBImage td { 
height:100%;
width:100%;
overflow:hidden;
}
#imgBGBImage {
position:absolute;
height:200%;
width:200%;
left:-50%;
top:-50%;
}
#imgBGBImage img {
display:block;
margin:0pt auto;
min-height:50%;
min-width:50%;
}


/* POSITIONING */ 
#BoxPagePosition {
background:transparent url(../images/framework/bg_shadow.png) repeat-y scroll left 0;
position:relative;
/*width:851px;*/
width:877px;
margin:60px auto 0; 
text-align:left;
}
*html #BoxPagePosition {background-image:none;}

#Header, #Nav, .fadetop, #ContentBox, #Footer {margin-left:13px !important;}
#ScrollBox {
bottom:0;
height:100%;
left:0;
overflow:auto;
position:absolute;
right:0;
top:0;
width:100%;
}
*+html #ScrollBox {background:url(../images/framework/spacer.gif);}/* IE7 needs this */
* html #ScrollBox {background:url(../images/framework/spacer.gif);} /* IE6 needs this */


/* HEAD */ 
#Header {
background:transparent url(../images/framework/mood/default/mood.jpg) no-repeat scroll 0 0;
height:231px;
width:851px;
}
#Mood {
display:block;
height:231px;
width:851px;
}
#Logo {
/*background:transparent url(../images/framework/logo.gif) no-repeat scroll 0 0;*/
position:absolute;
height:134px;
width:212px;
color:#581717;
outline:none;
top:54px;
left:15px;
}
.fadetop, #Footer  {
display:block;
height:20px;
width:851px;
}
.fadetop {
background:#FFFFFF url(../images/framework/col_top.jpg) no-repeat scroll left;
}

/*  NAVIGATION */
#Nav, #Nav ul {
background:#783b23 url(../images/framework/nav.jpg) no-repeat scroll left center; 
font-family: "Trebuchet", "Helvetica Neue", Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
font-weight:bold;
font-size:15px;
padding: 0;
margin: 0;
list-style: none;
height:42px;
width:851px;
}
#Nav a {
display: block;
padding:10px;
height:20px;
color:#FFFFFF;
text-decoration:none;
outline:none;
}
*html #Nav a {float:left !important;}

#Nav a:hover {color:#fa9704;}
#Nav li {
float: left;
}
#Nav li#startseite {padding-left:10px;}

#Nav #startseite.MenuActive a,
#Nav #huette.MenuActive  a,  
#Nav #fotos.MenuActive  a,  
#Nav #seminarefeste.MenuActive  a, 
#Nav #anreise.MenuActive  a, 
#Nav #touren.MenuActive  a,
#Nav #preise.MenuActive  a, 
#Nav #kontakt.MenuActive  a
{color:#fa9704;}

/*  CONTENT */
#ContentBox {
background:#FFFFFF url(../images/framework/col_center.jpg) repeat-y scroll left  center;
width:851px;
overflow:hidden;
padding-bottom:20px;
}
#Content {
float:left;
margin:0;
padding:0 18px;
overflow:hidden;
position:relative;
width:630px;
}
#RightColum {
float:left;
height:auto;
margin:0;
padding:0 10px;
overflow:hidden;
width:165px;
}

/* FOOTER */
#Footer {
background:#FFFFFF url(../images/framework/col_bottom.jpg) no-repeat scroll left;
width:851px;
}
#Footer a {text-decoration:none;}
#Footer a:hover {text-decoration:underline;}

/* CORNERS */
.cornerstop, .cornersbottom {
display:block;
position:absolute;
width:877px;
}
.cornerstop {
background:transparent url(../images/framework/corners_top.png) no-repeat scroll 0 0;
top:-29px;
height:29px;
}
*+html .cornerstop {left:0px;}
*html .cornerstop {left:0px;background:transparent url(../images/framework/corners_top.gif) no-repeat scroll 0 0;}
.cornersbottom {
background:transparent url(../images/framework/corners_bottom.png) no-repeat scroll left 0;
bottom:-34px;
height:34px;
color:#FFF;
}
*html .cornersbottom {bottom:-10px;background:transparent url(../images/framework/corners_bottom.gif) no-repeat scroll left 0;}
.cornersbottom a {
font-family: "Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
color:#FFF;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.cornersbottom a:hover {text-decoration:underline;}
.cornersbottom p {
margin-top:10px;
padding-left:36px;
}
.cornersbottom p .right {
position:absolute;
right:36px;
}

/* BOXEN */
#KontaktBox,
#GalleryBox,
#WetterBox
{
font-size:12px;
line-height:normal;
}
#WetterBox {margin:15px 0;text-align:center;}
*+html #WetterBox {margin:10px 0px 18px 2px}
*html #WetterBox {margin:-70px 12px 18px 0}
*html #WetterBox iframe{display:block;float:right;}

#GalleryBox {margin-top:15px;}
#GalleryBox  img {
height:32%;
width:32%;
}
.davlogo {float:right;outline:none;}

/* MISC */
.hidden {display:none;}
.divspacer {height:100px;}

/* TABS STYLING */
.dynamic-tab-pane-control .tab-page {
background:none !important;
border-color: #E3CBA9 !important;
line-height:normal;
color:#111111;
font-size:12px;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
background:transparent url(../images/framework/tab.active.gif) no-repeat scroll left 0 !important;
}
.dynamic-tab-pane-control .tab-row .tab  {
background:transparent url(../images/framework/tab.hover.gif) no-repeat scroll left 0 !important;
}
.dynamic-tab-pane-control .tab-row .tab.selected a {color:#581717;}
.dynamic-tab-pane-control .tab-row .tab a {color:#5c5757;}

/* IE CONTENTFIX */
*html .left {margin-left:10px !important;}
*html .right {margin-right:10px !important;}

/* GALLERY CONTENT */
/*.BoxImgBorder {border:none !important;}
.BoxBigImage {background:#fff5e2 !important;border-color:#B3B3B3 !important;} */

/* IMAGEGALLERY SIDEBAR */
#BoxRandomGallery h2 {font-size:14px !important;}
#BoxRandomGallery img {border:1px solid #999999;padding:2px !important;background-color:#ffe7c2 !important;}

/* IMAGEGALLERY ALBUM */
.AlbumList {width:34% !important;}
.AlbumList a.BtnEditSmall:hover {background: transparent url(../images/framework/icons_default.gif) no-repeat scroll 0 0 !important;}
.AlbumList a.BtnDeleteSmall:hover {background: transparent url(../images/framework/icons_default.gif) no-repeat scroll 0 -25px !important;}
.AlbumList a.Light span {
background-color:#ffe7c2 !important;
border-color:#none !important;
}
.AlbumList a.Dark, .AlbumList a.Light {height:50px !important;}
.AlbumList a.Light  {width:206px;}
.AlbumList a span {
height:44px !important;
width:200px;
}
.AlbumList a div  {
width:45px !important;
height:45px !important;
}
.AlbumList a h2 {font-size:12px !important;}

/*IMAGEGALLERY CONTENT */
.BoxImageBig, #sliderborder div {background-color:#ffe7c2 !important;}

/* GALLERY CONTENT */
#Content .BoxImgBorder {
padding:0;
border:0;
width:172px;
}
#Content .BoxImgPositionRight {float:right;}
#Content .BoxImgPositionLeft { float:left;}
#Content .BoxImgPositionRight .BoxImgBorder .BoxBigImage,
#Content .BoxImgPositionLeft .BoxImgBorder .BoxBigImage {
display: table;
#position: relative;
overflow: hidden;
border:1px solid #B3B3B3;
background:#fff5e2;
width:170px;
height:170px;
}
#Content .BoxBigImage a {
#position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
overflow:visible;
padding:2px;
}
#Content .BoxBigImage {
margin:auto 0;
height:auto;
font-size:11px;
line-height:inline;
border:0;
background:transparent;
display:table-cell;
font-size:220px;
height:252px;
line-height:252px;
overflow:hidden;
position:relative;
text-align:center;
vertical-align:middle;
width:250px;
}
#Content .BoxBigImage a img {}
*+html #Content .BoxBigImage a img  {position: relative; top: -50%; left:-50%;}
*html #Content .BoxBigImage a img  {position: relative; top: -50%; left:-50%;}
#Content .BoxSmallImages a {
border:1px solid #ccc;
padding:2px;
display:block;
margin:2px 2px 0 0;
float:left;
}
#Content .BoxSmallImages a img {
border:0;
margin:0;
}

/* IE7 BUGFIX */
*+html #BoxPagePosition {min-height:350px !important;display:block;/*border:solid 1px yellow;*/}
*+html #Content {min-height:350px !important;/*border:solid 1px red;width:628px;*/}
*+html #ContentBox {position:relative !important; /*border:solid 1px blue;*/min-height:350px !important;margin-bottom:-37px !important;}
*+html .cornersbottom {/*border: solid 1px white;*/ position:relative !important;} 

/* IE6 BUGFIX */
*html #BoxPagePosition {min-height:350px !important;display:block;/*border:solid 1px yellow;*/}
*html #Content {min-height:350px !important;/*border:solid 1px red;width:628px;*/}
*html #ContentBox {position:relative !important; /*border:solid 1px blue;*/min-height:350px !important;margin-bottom:-37px !important;}
*html .cornersbottom {/*border: solid 1px white;*/ position:relative !important;} 
*html .box1 {margin-left:15px !important;}
*html .box2 {margin-right:15px !important;}
*html .box3 {margin-right:15px !important;} 
*html .box4 {margin-right:15px  !important;} 
/**html .divspacer {display:none !Important;} */

/* Image Gallery Buttons */

.BoxImageSliderArrowLeft {background:transparent url(../images/imagegallery/StaticArrowsDark.gif) repeat scroll 0 0 !important;}
.BoxImageSliderArrowRight {background:transparent url(../images/imagegallery/StaticArrowsDark.gif) repeat scroll -30px 0 !important;}
#slider-handle img#slider-handleimage {display:none;}
#slider-handle {cursor:w-resize;height:14px !important;width:21px !important;background:transparent url(../images/imagegallery/handle.horizontal.dark.png) repeat scroll 0 0 !important;}

/* ADMIN CENTER */
.BoxWindow .Button  {width:400px !important;margin-left:220px !important;float:right !important; border:solid 1px #000000;}