/* basic */

body{
	background-image:url(../images/bg.jpg);
}

img{
	border:0px;
}

/* text elements*/

p { 
	font-size:10px;
	text-align:left;
	font-family:Verdana, sans-serif;
	color:#6A3038;
	line-height:13px;
}	

h3 {
	color:#6A3038;
	font-size: 10px;
	height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 20px;
}

.emphasis {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	font-variant:small-caps;
	font-weight:600;
	border: none;
	color:#6A3038;
}

.subheading {
	font-family: Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 11px;
	border: none;
	color:#644915;
}

/* text layout elements*/

#articletext_left {
	float: left;
   	width: 360px;
   	padding-top: 10px;
	margin: 0 20px 10px 0;
}


#articletext_right {
	float: left;
   	width: 340px;
	padding-left: 15px; 
   	margin: 0 0 10px 0;}

#textfield-right_ table {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #6A3038;
}

tbody td {
	text-align:center;
}

thead td {
	padding: 1px 5px;
}

#submenu {
	float:left;
	font-family: Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 10px;
	border: none;
	color:#644915;
	list-style-image:url(../images/arrow_small.gif);
}

#submenu ul {
	list-style-image:url(images/arrow_small.gif);
	list-style:none;
	border-top: 1px solid #eee;
	padding-left: 0;
	margin: 0;
	border-top: 1px solid #eee;
}

#submenu ul li a {
	padding-left: 20px;
	display: block;
	color: #444;
	height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 20px;
}
#submenu ul li a:hover {
	background-position: -400px 0;
	font-weight: bold;
	color: #CC6600;
}

.submenuLike {
	float:left;
	font-family: Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 11px;
	border: none;
	color:#644915;
	line-height:1.5;
	list-style-image:url(../images/arrow_small.gif);
}

/* links */

a { 
	outline:none;
	text-decoration: none; 
	color: #7a6e67;
}

a:hover {
	color: #CC6600;
}

a.noLink {
	color: #444;
	text-decoration: none;
	outline: none;
}

a.noLink:hover {
	background: transparent;
	color: #fff;
}

/* * * * *
 *
 * layout 
 *
 * * * * */

#container {
	width: 878px;
	height: 634px;
	position: relative;
	top: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-8px;
}

#top_ {
	width:878px;
	height:28px;
	background-image:url(../images/top.png);
	position:absolute;
	left:0px;
	top:0px;
}

/* for which purpose? */
.up-right_ {
	position:absolute;
	left:878px;
	top:0px;
	width:65px;
	height:347px;
}

#left_ {
	width:34px;
	height:341px;
	background-image:url(../images/left.png);
	position:absolute;
	left:0px;
	top:28px;
}

#contentleft {
	width:360px;
	height:370px;
	padding-left:33px;
	padding-top:98px;
	/*float:left;*/
	/*
	background-color:#FEFDEF;
	*/
}

.heading-1_ {
	position:absolute;
	left:34px;
	top:28px;
	width:359px;
	height:70px;
}

mainImg{

}

#textfield-left_ {
	background-image:url(../images/textfield_2.gif);
	position:absolute;
	left:33px;
	top:369px;
	width:360px;
	height:99px;
}

#articletext_left {
	float: left;
   	width: 360px;
   	padding-top: 10px;
	margin: 0 20px 10px 0;
}

#mid-lwr-left_ {
	background-image:url(../images/mid_lwr_left.png);
	position:absolute;
	left:0px;
	top:369px;
	width:33px;
	height:120px;
}

#btm-page-left_ {
	background-image:url(../images/btm_page_left.png);
	position:absolute;
	left:33px;
	top:468px;
	width:360px;
	height:21px;
}

#spine{
	background-image:url(../images/spine.png);
	width:21px;
	height:461px;
	position:absolute;
	left:393px;
	top:28px;
}

/*
.spine_ {
	position:absolute;
	left:393px;
	top:28px;
	width:21px;
	height:461px;
}
*/
/* image */

#contentright {
	width:359px;
	height:440px;
	position:absolute;
	left:414px;
	top:28px;
	background-color:#FEFDEF;
	background-repeat:no-repeat;
	background-position: bottom right;
	/*
	width:463px;
	padding:0px;
	float:left;
	*/
}

#right_ {
	/*background-image:url(../images/btm_page_right.gif);*/
	background-image:url(../images/right.png);
	position:absolute;
	left:773px;
	top:28px;
	width:105px;
	height:319px;
}

#upper-tab-space_ {
	background-image:url(../images/upper_tab_space.png);
	position:absolute;
	left:773px;
	top:347px;
	width:105px;
	height:13px;
}

#btm-page-right_ {
	background-image:url(../images/btm_page_right.png);
	position:absolute;
	left:414px;
	top:468px;
	width:359px;
	height:21px;
}

#textfield-right_ {
	background-repeat: repeat-y;
	position:absolute;
	left:0px;
	top:70px;
	width:359px;
	height:373px;
}

.foto-left_ {
	position:absolute;
	left:34px;
	top:98px;
	width:359px;
	height:271px;
}


.mid-right_ {
	position:absolute;
	left:878px;
	top:347px;
	width:65px;
	height:142px;
}

#tab-activities_ {
	position:absolute;
	left:773px;
	top:360px;
	width:105px;
	height:36px;
}

#tab-accomodation_ {
	position:absolute;
	left:773px;
	top:396px;
	width:105px;
	height:29px;
}

#tab-workshop_ {
	position:absolute;
	left:773px;
	top:425px;
	width:105px;
	height:55px;
}

#lwr-tab-space_ {
	position:absolute;
	left:773px;
	top:480px;
	width:105px;
	height:9px;
}

#lwr-left_ {
	position:absolute;
	left:0px;
	top:489px;
	width:8px;
	height:145px;
}

#menu-home_ {
	position:absolute;
	left:8px;
	top:489px;
	width:100px;
	height:26px;
}

#menu-inside_ {
	position:absolute;
	left:108px;
	top:489px;
	width:98px;
	height:26px;
}

#blank-mid_ {
	background-image:url(../images/lwr_centre.png);
	background-repeat:repeat-x;
	position:absolute;
	left:206px;
	top:489px;
	width:630px;
	/*width:572px;*/
	height:116px;
}

#bg-illustration_ {
	position:absolute;
	/*
	left:778px;
	top:489px;
	*/
	width:165px;
	height:145px;
	background-repeat:no-repeat;
	right:30px;
	bottom:9px;
}

#menu-email_ {
	position:absolute;
	left:8px;
	top:515px;
	width:62px;
	height:20px;
}

#menu-news_ {
	position:absolute;
	left:70px;
	top:515px;
	width:48px;
	height:20px;
}

#menu-contact_ {
	position:absolute;
	left:118px;
	top:515px;
	width:88px;
	height:20px;
}

#menu-links_ {
	position:absolute;
	left:8px;
	top:535px;
	width:103px;
	height:16px;
}

#menu-feedback_ {
	position:absolute;
	left:111px;
	top:535px;
	width:95px;
	height:38px;
}

#menu-sitemap_ {
	position:absolute;
	left:8px;
	top:551px;
	width:103px;
	height:22px;
}

#lwr-menu-space_ {
	position:absolute;
	left:8px;
	top:573px;
	width:198px;
	height:32px;
}

#footer_ {
	background-image:url(../images/footer.png);
	position:absolute;
	left:8px;
	top:605px;
	width:688px;
	height:29px;
}

#footer-credits_ {
	position:absolute;
	left:696px;
	top:605px;
	width:82px;
	height:29px;
}

#contact{
	background-image:url(../images/contact.gif);
	background-repeat:no-repeat;
	width:260px;
	height:177px;
	position:absolute;
	right:45px;
	bottom:165px;
	visibility:hidden;
}

#contact p{
	position:absolute;
	left:120px;
	top:25px;
}

#contact img{
	position:absolute;
	left:70px;
}

/*//////// photogallery ////////*/

.fotogallery {
	position : absolute;
	left : 34px;
	top : 98px;
	width:359px;
	height:271px;
	background-image:url(../images/text_bg.gif);
	background-repeat:repeat-x;
	
}

/* //// common elements //// */

div.lineTop {
	position: absolute;
	left: 28px;
	top: 28px;
	height: 1px;
	width: 369px;
	line-height: 1px;
	background-color: black;
}

div.date {
	position: absolute;
	left: 643px;
	top: 10px;
}

div.logo {
	position: absolute;
	left: 27px;
	top: 393px;
}

/* //// menu //// */

div.menuDisplay {
	position: absolute;
	left: 434px;
	top: 393px;
}

div.menuCol0,
div.menuCol1,
div.menuCol2,
div.menuCol3 {
	position: absolute;
	top: 452px;
}

div.menuCol0 { left: 28px; }
div.menuCol1 { left: 233px; }
div.menuCol2 { left: 438px; }
div.menuCol3 { left: 644px; }



/* //// w3 //// */
div.contTop, div.contBottom  {
	position: absolute;
	left: 28px;
	width: 810px;
}

div.contTop { top: 51px; height: 202px; }
div.contBottom { top: 516px; padding-bottom: 100px; }

/* //// popup windows //// */

div.popMenu {
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 22px;
}

div.popMenu img {
	margin-right : 1px;
}

div.popInfo {
	position : absolute;
	left : 0px;
	top : 0px;
	width : 250px;
	border : 1px solid black;
	background-color : #ffffff;
	visibility : hidden;
}

div.popInfoText {
	padding : 10px;
}

img.preload {
	display: none;
}
