/**********************************************************************************
	created by:		Newmedia http://www.newmedia.ch
	project:		nm_grf (graubuenden)
	date:			Juli/2010, Beat Hausheer, Ann Nielsen
	version:		0.1
	file:			layout.css
	function:		Gerüst der Webseite
**********************************************************************************/


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

/*html{overflow-y: scroll} */

body {
	background:url(../images/bg_header.gif) repeat-x #fff; 
	color:#706E59; 
	font-family:Arial, Helvetica, Verdana, sans-serif;
	/*font-size:16px;
	line-height:130%*/
}
body#thePrintbody  {
	background:none;
}

a{text-decoration:none; color: #af0e1b }
/*a:visited{}*/
a:hover{text-decoration:underline; color: #af0e1b}

.link{color: #706e59}
li{list-style:none}

.external-link-new-window {
	position:relative;
	background-color: transparent;
	background-image: url(../images/icon_externer_link.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:12px;
}
.internal-link {
	/*position:relative;
	background-color: transparent;
	background-image: url(../images/toggler_icons2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:12px;*/
	background-image:none;
	padding-left:0;
}

p { margin:0; padding:0 0 12px 0; line-height:150%; color: #706e59}

.subheader_granat{
    color: #af0e1b;
	font-family:Arial,Helvetica,Verdana,sans-serif;
    font-weight:bold;
    padding:0;
    text-decoration:none;
	}

#headerwrapper{width:100%;text-align:center;}
#header{ margin:0 auto; width:980px;height:100px;text-align:left;}

.printheader {
	margin:0 auto;
	width:980px;
}
#searchformwrapper{float:right;height:26px;margin-top:5px;width:207px}

#wrapper_top{
	float: left; 
	width: 980px;
}
#wrapper_top img {
	padding-top:4px;
}
#wrapper_top_right {
	width: 650px; 
	height: 70px; 
	float: right;
}
#wrapper_top_left {
	width: 330px; 
	height: 70px; 
	float: left;
}


#navigationwrapper {width:100%;text-align:center;position:absolute;top:70px;left:0px;}
#navigation{width: 980px; height: 30px; margin: 0px auto;text-align:left;background: transparent url(../images/bg-navi.gif) left top repeat-x;position:relative;}

.topnav{float:right;height:26px; }
/*
.topnav li{background:url(../images/bg-divider-topnav.jpg) no-repeat;margin-top:5px;padding:0px;  font-size:11px; float: left}
*/
.topnav li{margin-top:5px;padding:0px;  font-size:11px; float: left}
.topnav li a{color:#4c4141;}
.topnav a:hover,.topnav a:active{color:#af0e1b}
.topnav .act{font-weight:bold}
.topnav .first{background:none}
.topnav .act a:hover,.topnav .act a:act{color:#000}

.footernav{float:left;height:26px; }
.footernav li{background:url(../images/bg-divider-topnav.jpg) no-repeat;margin-top:5px;padding:0px;  font-size:11px;}
.footerav li a{color:#4c4141;}
.footernav a:hover,.footernav a:active{color:#af0e1b}
.footernav .act{font-weight:bold}
.footernav .first{background:none}
.footernav .act a:hover,.footernav .act a:act{color:#000}
.printfooter {
	margin:0 auto;
	width:980px;
}


#searchformwrapper,
#webformwrapper{float:right;height:26px;margin-top:5px;width:215px}


#searchformwrapper #search_words #tx-indexedsearch-searchbox-sword,
#webformwrapper form.tx_webcode_form div.tx_webcode_inputContainer #tx_webcode_webcode{border:1px solid #d6d6d3;float:left;font-size:11px;height:18px;margin-top:0;width:120px}

#searchformwrapper #searchbutton,
#webformwrapper span.tx_webcode_submitContainer #tx_webcode_button{float:right;height:20px;margin-top:0;width:85px}
#searchformwrapper .autocomplete_list_div,
#webformwrapper .autocomplete_list_div{display:none}

#seasonsnav_wrapper{clear:both; width: 180px; float: right; height:25px;}
#seasonsnav{float:right;  /*margin-top:-25px;*/ margin-top: 14px}
#seasonsnav li{display:block;font-size:14px;font-weight:bold; height:25px}
#seasonsnav a{display:block;/*height:25px;*/margin:6px 0 0 25px}
#seasonsnav a:hover{text-decoration:none}
#seasonsnav #summer{background:url(../images/bg-btn-summer.jpg) no-repeat;width:87px}
#seasonsnav #summer a{color: #af0e1b}
#seasonsnav #summer-active{background:url(../images/bg-btn-summer-active.jpg) no-repeat;width:87px}
#seasonsnav #summer-active a{color:#fff}
#seasonsnav #winter{background:url(../images/bg-btn-winter.jpg) no-repeat;float:right;width:85px}
#seasonsnav #winter a{color: #af0e1b}
#seasonsnav #winter-active{background:url(../images/bg-btn-winter-active.jpg) no-repeat;float:right;width:85px}
#seasonsnav #winter-active a{color:#fff}

#breadcrumbwrapper {
	clear:both;
	text-align:center;
	width:100%;
}
#breadcrumbwrapperhome {
	height: 55px;
    margin: 0 auto;
    text-align: left;
    width: 980px;
}


#breadcrumb {
	color:#4C4C41;
	margin:0 auto;
	text-align:left;
	width:980px;

}

#breadcrumbImg {
	color:#4C4C41;
	margin:5px auto 3px;
	text-align:left;
	width:980px;
}

#navi_level_3{clear: both; margin:0 auto;width:980px;text-align:left;color: #AF0E1B;}



.menu-level1{float: left}
.menu-level1 li{color: #4c4c41; float: left}
.menu-level1 li a:link, .menu-level1 li a:visited{color: #AF0E1B; font-size: 15px;padding: 0px 6px; }
.menu-level1 li a:hover, .menu-level1 li a:active{color: #4c4c41;}
.menu-level1 li a.active{color: #4c4c41;}



#contentwrapper{
    background:#eeeeed url(../images/white_gif.gif) left top repeat-x;
	clear:both;
	display:inline-block;
	width:100%; 
	margin-top: 39px;
	text-align:center; 
}
#content{background-color:#fff;margin:0 auto;width:980px;text-align:left; border:none;}
#content:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
#content a{color: #af0e1b}

/*IE6
*html #content{
    width:1000px;
}
*/


#content-left{
    float: left; 
	width: 641px;
    border-right:solid #FFFFFF 1px;
}

#content-right {
	float: left; 
	width: 336px; 
	/*border-left: 
	1px solid #fff;*/
}
/* * html #content-right{width: 337px; } */
#content-left p,
#content-left-layout1 p,
#content-right-layout1 p{font-size: 14px}

/*Layout 3*/
#content-fullscreen{
	float: left;
	width: 980px;
	
}
/*Layout 4: noch nicht in Benutzung
#content-left-layout4{float: left; width: 642px}
#content-right-layout4{float: left; width: 336px; border-left: 1px solid #fff;}
* html #content-right-layout4{width: 337px; }*/

#content-right p.bodytext,
#content-right p{ u
	line-height:130%; 
	margin:0;
	padding:0 12px;
	font-size: 12px;
}

/* Layout 1 und Layout 2*/
#content-left-layout1{float: left;  width: 299px; border-left: 1px solid #fff}   
#content-left-layout2{float: left;  width: 420px; border-left: 1px solid #fff}        

#content-right-layout1{float: left; width: 678px; border-left: 1px solid #fff; border-right:1px solid #FFFFFF}
 
#content-center-layout2{float: left; width: 356px; border-left: 1px solid #fff; border-right:1px solid #FFFFFF}

#content-right-layout2{float: left; width: 200px; border-right:1px solid #FFFFFF}

/* layout 2a Detailseite grau 3 spalten */
/*
#content-left-layout2a{float: left;  width: 356px; border-left: 1px solid #fff} 
#content-center-layout2a{float: left; width: 420px; border-left: 1px solid #fff; border-right:1px solid #FFFFFF}
*/
#content-left-layout2a{float: left;  width: 300px; border-left: 1px solid #fff} 
#content-center-layout2a{float: left; width: 476px; border-left: 1px solid #fff; border-right:1px solid #FFFFFF}


#content-right-layout2a{float: left; width: 200px; border-right:1px solid #FFFFFF}


/*für Tabellendarstellung "Unterkunft finden" und Newsletter im IE6*/
#content-right td,
#content-right-layout1 td,
#content-right-layout2 td{font-size: 12px} 

#footerwrapper{text-align:center;width:100%;}
#footer{color:#4c4c41;width:980px;font-size:11px;text-align:left;margin:18px auto 30px auto;}
/*#footer a{color: #4c4c41;}*/
#footer a:hover,#footer a:active{color:#9e2629;text-decoration:none}
#footer .language_act{font-weight:bold; float: left}
#footer .footer_right_inner { float: left; width: 123px; display: inline; }
#footer .footer_right_inner2 { float: left; width: 210px; text-align: right; display: inline; }

.footer_left{
	float: left; 
	width: 643px;
	
}
.titleFooter {
	float: left;
	padding:2px 0 0 0;
}

.footernavi {
	float: left;
	padding:3px 0 0 15px;

}
	.footernavi li{float: left; }
	.footernavi li a{color: #4c4c41}
.footer_right{float: left; width: 337px; height: 20px; }

.footer_sitemap_wrapper{float: left; width: 980px}
.footer_sitemap_wrapper p{margin: 0px; padding: 0px; line-height: 128%}
.footer_sitemap_wrapper a{color:#adada7}
.footer_sitemap_wrapper a:hover{color:#adada7}
.footer-sitemap-first {float:left;clear: both;margin:17px 0 0 8px;padding:0 0 14px}
.footer-sitemap {border-left:1px solid #e7e7e5;float:left;margin:17px 0 12px 14px;padding:0 0 0px 14px}



/* Menu */
/** 1st **/
ul#mainnav { float: left; clear: both; width: 978px; color: #fff;  background: transparent url(../images/bg-navi.gif) left top repeat-x; }
ul#mainnav li { margin:0; padding:0;  float: left; }
ul#mainnav li.act{ margin:0; padding:0; }
#mainnav a{color: #fff; text-decoration: none;  display: block;background: transparent url(../images/bg-mainNaviSprite.png) right top repeat-x; padding:8px 10px 7px 10px;}
#mainnav a:hover, #mainnav li.act a{background-position: right -30px; padding:8px 10px 7px 10px; /*--> IE8 Probleme 6px statt 7px*/}
#mainnavWrapper{ background:transparent url(../images/bg-navi.gif) repeat-x scroll left top; padding-left:2px; float:left; }

/** 2nd **/
.navitable_border { padding: 4px 12px 0 12px; height: 211px; float: left; background-color: white; opacity: 0.8; filter:alpha(opacity=80); }
.columntable { z-index:1; float: left; width: 190px}
.colt2{ margin-left:30px; }
tr { border-bottom: 1px solid #fff; }
.navi_2_no, .navi_2_act, { float: left; }
.navi_2_no, .navi_2_spc, .navi_2_act{ border-bottom: 1px solid #c0beb2; width: 100%; background: transparent; text-align: left; }
.navi_3_no, .navi_3_act { float: left; text-align: left; background: transparent; }
.navi_headline div{ color: #4b4b3f; font-size: 14px; font-weight:bold; }
.navitable_border a{ color: #AC0109; font-size: 14px; font-weight:bold; line-height:125%; }
.navitable_border a:HOVER{ color: #4C4C41; }


h3 { margin:0; padding:0 0 16px 0; font-size:14px; }
h5 { margin:0; padding:0 0 16px 0; font-size:80%; }
form { margin:0; padding:0; }
fieldset { margin:0 0 16px 0; }

.filelinks {
	padding-left: 12px;
	font-size: 14px;
}
.filelinks .filesize{
    display:inline;
    padding:0px;
	font-size: 12px;
}
.filelinks a {
padding-right:7px;
}

/**
 * Beispiel für einen IE6-Hack: TODO
 **/
	* html .pageBody {}
	*+html divname {}

	/* csc-tables */
    .contenttable tr{color: #706e59; font-size: 14px }
	table.contenttable tr td { vertical-align:top; padding:3px; border-color:#C0BEB2;  border-style:none none solid;  border-width:0 0 1px;}
	table.contenttable caption { padding:3px; font-weight:bold; }
	/* typ 0 */
		/*table.contenttable-0 tr td { border:0; }  */
	/* typ 1 */
		table.contenttable-1 tr.tr-even { background-color:#eee; }
	/* typ 2 */
		table.contenttable-2 tr.tr-0 td { background-color:#eee; }
	/* typ 3 */
		table.contenttable-3 tr td.td-0 { background-color:#eee; }

	/* csc-uploads */
	table.csc-uploads tr td { vertical-align:top; padding:0 10px 0 0; border:0; }


/* COVERFLOW */
.tx-pxangebotsteaser-pi3 { margin-top: -10px; float: left; }
.tx-pxangebotsteaser-pi3 p.coverflow_footer {
            padding: 0px 0px 0px 10px;
}


/* Formular "Unterkunft buchen" - noch zT alte Styles, die später erneuert werden müssen */
.edomizil-header{background-color: red}

#booking_fewo, #booking_hotel {  /*width:320px;*/} 
#booking_hotel #quickbooking, 
#booking_fewo #quickbooking {/*margin: 0 0 16px 16px*/}
#quickbooking {color:#333333; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:12px; font-weight:normal; text-align:left;}
form#booking, 
form#ext { margin:0 !important; padding:0 !important; float: left; }
#booking_hotel .quicklabel, 
#booking_fewo .quicklabel { border:0 none; float:left; margin:0; padding:0; }
select.quickform {border:1px solid #C0BEB2; color:#706E59; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:16px; font-weight:normal; height:18px; margin:0; padding:0; text-indent:1px; width:180px; }

#colRight select.quickform {border:1px solid #C0BEB2; color:#706E59; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:1em; font-weight:normal; height:19px; margin:0; padding:0; text-indent:1px; width:180px; }

select.quickform_short{ border:1px solid #C0BEB2; color:#706E59; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:16px; font-weight:normal;  height:18px; margin:0; padding:0; text-indent:1px; width:160px; }

#edomizil-info-layer { display:none; margin-left:158px; margin-top:87px; position:absolute; }
#edomizil-info-layer-2 { display:none; margin-left:120px; margin-top:px; position:absolute;}
#edomizil-info-layer-text,
#edomizil-info-layer-text-2  { margin-left:8px; margin-top:12px; position:absolute; font-size: 12px; line-height: 130%;  width: 135px; overflow: visible }

#edomizil-info-layer-schmal { display:none; margin-left:25px; margin-top:135px; position:absolute; }
#edomizil-info-layer-2-schmal { display:none; margin-left:25px; margin-top:0px; position:absolute;}
#edomizil-info-layer-text-schmal,
#edomizil-info-layer-text-2-schmal  { margin-left:8px; margin-top:12px; position:absolute; font-size: 12px; line-height: 130%; width: 135px;}

#edomizil-info-layer-close, 
#edomizil-info-layer-close-2  { background-image:url("../../../clear.gif"); height:12px; margin-left:125px; margin-top:4px; position:absolute; width:12px; }
.quicklabel_content  { border:0 none; display:block; float:left; line-height:0; margin:0; padding:0; text-align:left; }
.quicklabel_new { border:0 none; display:block; float:left; margin:0; padding:0; text-align:left; width:63px; }
#container_dom_cal{line-height: 100%;}
.info-image{padding-left: 5px }

.breit{width:320px;  background-color:#ecece8;}
/*Unterkunft finden - small*/
.schmal { width:190px;}
select.quickform_schmal {border:1px solid #C0BEB2; color:#706E59; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:16px; font-weight:normal; height:18px; margin:0; padding:0; text-indent:1px; width:85px; }

/* Formular Newsletter Abo - noch zT alte Styles, die später erneuert werden müssen*/
#newsletter_div {  clear:both; margin:0 0 0 0px; padding:0;  font-size: 12px; }
#newsletter_div #subscribe { margin:0 !important; padding:0px 0px 0px 10px !important; }
#wetterLink{margin: 0px 0px 0px 45px !important; padding: 0px 0px 40px 0px; font-size: 12px}
#NL-Link{margin: 0px 0px 0px 13px !important; padding: 0px 0px 40px 0px; font-size: 12px}




/* neue nav mit gifbuilder  
	EBENE 2
*/
.nav1{position:absolute; top:0px; left:0px; display:block; margin:0; padding:0; width:980px; /* important pour Opera7 */ }

.nav1 ul{position:absolute; /* pour sortir la liste du flux de donnée */ display:block; width:150px; margin:0; padding:0; }   
.nav1 li { 
	list-style:none; 
	display:inline; 
	display/**/:block; 
	float:none; 
	float/**/:left; 
	margin:0; padding:0; 
	border-right: 1px solid #e2808c; 
	height: 30px; 	
	position: relative; 
}

.nav1 li.act{ background: #a8010a; }

/* EBENE 2 */
.nav1 li ul { visibility:hidden; width: 205px; 	background-color: white; opacity: 0.8; filter: alpha(opacity = 80); z-index: 2; top: 31px; height: 206px; padding: 5px 0px 0px 0px; } 
.nav1 li ul.first { left: 0px;}
.nav1 li ul.second { left: 205px;}
.nav1 li li{ display:block; float:none; background: none; border-right: 0px solid #e2808c; /*height: 20px;*/ height: auto; line-height: 120%; }
.nav1 li li.act { background: none; }

.nav1 li li.navi_headline { color: #706E59; font-weight: bold; font-size: 14px; margin: 0px 10px; border-bottom: 1px solid #a4a39e; }
.nav1 li li a { 
	background-color: none; 
	color: #af0e1b; 
	font-weight: bold; 
	border-bottom: 1px solid #a4a39e; 
	margin: 0px 10px; 
	padding: 0px; 
	/*height: 20px;*/ 
	height: auto; 
}
.nav1 li A:HOVER { color: #706e59;}


/* EBENE 1*/



.menu{position:absolute; top:0px; left:0px; display:block; margin:0; padding:0; width:980px; /* important pour Opera7 */ }

.menu ul{position:absolute; /* pour sortir la liste du flux de donnée */ display:block; width:150px; margin:0; padding:0; }   
.menu li { 
	list-style:none; 
	display:inline; 
	display/**/:block; 
	float:none; 
	float/**/:left; 
	margin:0; padding:0; 
	border-right: 1px solid #e2808c; 
	height: 30px; 	
	position: relative; 
}

.menu li.act{ background: #a8010a; } 
.menu a { 
	text-align:left; 
	color:#fff; 
	display:block; 
	width: auto; 
	text-decoration:none; 
	margin:0px; 
	font-size: 13px; 
	padding: 8px 10px; 
}
/* * html .menu a {
	padding: 3px 10px;
} */
.menu a.cuf { font-size: 16px; }

/* EBENE 2 */
.menu li ul { visibility:hidden; width: 205px; 	background-color: white; opacity: 0.8; filter: alpha(opacity = 80); z-index: 2; top: 31px; height: 206px; padding: 5px 0px 0px 0px; } 
.menu li ul.first { left: 0px;}
.menu li ul.second { left: 205px;}
.menu li li{ display:block; float:none; background: none; border-right: 0px solid #e2808c; /*height: 20px;*/ height: auto; line-height: 120%; }
.menu li li.act { background: none; }

.menu li li.navi_headline { color: #706E59; font-weight: bold; font-size: 14px; margin: 0px 10px; border-bottom: 1px solid #a4a39e; }
.menu li li a { 
	background-color: none; 
	color: #af0e1b; 
	font-weight: bold; 
	border-bottom: 1px solid #a4a39e; 
	margin: 0px 10px; 
	padding: 0px; 
	/*height: 20px;*/ 
	height: auto; 
}
.menu li li A:HOVER { color: #706e59;}

.menu li li.navi_headlinesub { 
	color: #706E59; 
	font-weight: bold; 
	font-size: 14px; 
	margin: 0px 10px; 
	border-bottom: 1px solid #a4a39e;
	padding-top:24px;
}





/* ######################################### */

div[id="navi"]>.menu a {text-align:center; border:1px #000 solid; color:#000; display:block; width:120px; text-decoration:none; padding:2px 0; margin:1px; }
    
div[id="navi"]>.menu a:hover { border:1px #000 solid;}

/* ######################################### */

#headerwrapper{width:100%;text-align:center;}
#header{ margin:0 auto; width:980px;height:100px;text-align:left;}

/*#searchformwrapper{float:right;height:26px;margin-top:5px;width:207px}  */
#wrapper_top{ float: left; width: 980px; position: relative; }
#wrapper_top_right{ width: 635px; height: 70px; float: right; }
#wrapper_top_left{ width: 330px;  float: left; }
#wrapper_top_right{ width: 642px; height: 70px; float: right; }
#wtr_top{ float: right; width: 635px; height: 31px;}
#wtr_bottom{ float: right; width: 635px; height: 30px;}


/** LANGNAVI **/

.langnav{float: right; width: 120px;  height:26px; }
.langnav .tx-pxlangnavi-pi1 .langborder{float:left; padding:6px 0px 0px 8px;}
.langnav li{font-size:0.69em;}
.langnav li a{color:#4c4141;}
.langnav a:hover,.topnav a:active{color:#af0e1b}


.tx-pxlangnavi-pi1 { position: relative; }
.tx-pxlangnavi-pi1 .padding { margin: 6px 40px 0px 35px; float: left; }
.tx-pxlangnavi-pi1 .actlangWrapper {  float: left; height: 18px; cursor: pointer; font-size: 0.69em; font-family:Arial,Helvetica,Verdana,sans-serif; color:#4C4141; }
.tx-pxlangnavi-pi1 .actlangWrapper .actlang { padding: 0px 2px 0px 8px; float: left; }
.tx-pxlangnavi-pi1 .actlangWrapper .arrow { padding: 8px 8px 0px 3px; float: left; }
/* neu positioniert, da im IE7 und IE6 falsch dargestellt */
.tx-pxlangnavi-pi1 #langnavilayer {position: absolute; top:-42px; left:652px; background: #fff; z-index: 999999; font-size:11px; }

/*.tx-pxlangnavi-pi1 #langnavilayer {position: absolute; top:25px; left:35px; background: #fff; z-index: 999999; font-size:11px; }*/
.tx-pxlangnavi-pi1 #langnavilayer ul li { padding: 0px 10px; margin: 0px; float: none; }
.tx-pxlangnavi-pi1 #langnavilayer ul li a { color:#4C4141; }
.tx-pxlangnavi-pi1 #langnavilayer ul li a:hover { color:#af0e1b; }