/* Layout Stylesheet */ 

body {
background:#000 url(../img/bg_main.jpg) no-repeat top center;
 font-family: Verdana, Geneva, sans-serif;
 font-size:12px;  
 color: #333333;
 /*margin: 20px;*/
 margin:0;
 border:0;
 }
 
a {
	color:#CCC;
	text-decoration:none;} 
	
a:hover {
color:#FFF;
text-decoration:none;} 
 
#main {
 color: #333333;
 height:80%;
 }
 
#main.intro {
	margin-top:100px;
}

/*TOP NAVIGATION*/

#navcontainer{
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{

content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist{
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 1em;
height:26px;
list-style: none;
margin:0 auto 20px auto;
padding: 0;
width:992px;
}

ul#navlist li{
display: block;
float: left;
width: 123px;
margin: 0 1px 0 0;
padding: 0;
}

ul#navlist li a
{
background:url(../img/menu_btn_bg.jpg) no-repeat;
display: block;
width: 100%;
line-height:26px;
color: #600;
text-decoration: none;
text-align:center;

}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
	background:url(../img/menu_btn_bg_active.jpg) no-repeat;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover{
	background:url(../img/menu_btn_bg_active.jpg) no-repeat;
color: #800000;

}


/*END TOP NAVIGATION*/


/*SIDE NAV*/

img.img_side {
	margin-bottom:17px;
	}

img.side_title{
	margin-top:10px;
	border-bottom: #866440 2px solid;}

.sidebar {
	background:url(../img/bg_panes_cnt.png);
	border: #666 2px solid;
	float:left;
	width:200px;}

.sidebar ul{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	margin-left:-20px;
	color:#FFF;
	list-style:none;
	list-style-type:none;
	list-style-position: inside;}

.sidebar ul li{
	margin:0 0 4px 0;}

/*END SIDE NAV*/


div.logo {
	margin-left:auto;
	margin-right:auto;
	background:url(../img/wunder_logo.png) no-repeat;
	width:390px;
	height:118px;
	}
	
#main.intro div.logo {
	position:relative;
	z-index:25;
	margin-bottom:-40px;
	}
	
.img_container{
	height:217px;
	text-align:center;
	margin-bottom:30px;
	}
	
.img_container img {
	margin:0 -2px;
	padding:0px;}


img.img_center {}

.lang_container{
	font-size:140%;
	margin-left:auto;
	margin-right:auto;
	width:700px;
	margin-bottom:60px;
	height:15px;
	}
	
a.lan_left{
	float:left;

}
a.lan_right{
	float:right;

}

.index_data{
	color:#FFF;
	text-align:center;}
 
.container{
	margin-top:25px;
	 margin-left:auto;
	 margin-right:auto;
	 width:825px;}
 
.container_float{
	 float:left;
	 /*border:#063 2px solid;*/
	 margin-left:auto;
	 margin-right:auto;
	 width:100%;}

.cnt_container {
	float:right;
	/*border:#9C0 2px solid;*/
	width:567px;
	margin-bottom:30px;}
	
.cnt_container.centered{
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	}
.cnt_container.centered.gal{
	background:url(../img/bg_panes_cnt.png);}

.cnt_container img {
	height:280px;
	border:#FFF 10px solid;}

/*GALLERY*/
.caption{font-style:italic;color:#FFF;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{/*width:430px;*/ margin-left:-12px;}
.gallery_demo li{
	overflow:hidden;
	display:block;
	width:75px;
	height:50px;
	border:3px double #111;
	margin: 2px 2px;
	float:left;}
.gallery_demo li img{border:none;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
#main_image{margin:0 auto 60px auto;height:280px;}
#main_image img{margin-bottom:10px;}
	
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

/*END GALLERY*/
	
.cnt_container .txt_container {
	position:relative;
	background:url(../img/bg_panes_cnt.png);
	border: #DBDBDB 2px solid;
	margin-top:15px;
	min-height:180px;}

.cnt_container .form_container {	
	margin-top:0px;
}
	
.txt_container p{
	text-align:left;
	line-height:17px;
	padding-right:30px;
	color:#000;}
	
.txt_container p.btm_space{
	margin-bottom:30px;}
	
.btm_title {
	position:absolute;
	bottom:-37px;
	right:-53px;
	width:400px;
	height:130px;
	}
	
.btm_title.haus{background:url(../img/bottom_titles/01_haus.png); }
.btm_title.umgebung{background:url(../img/bottom_titles/02_umgebung.png); }
.btm_title.saisonen{background:url(../img/bottom_titles/03_saisonen.png); }

table.preise{
	margin-right:-10px;
	font-size:80%;
	margin-top:15px;
	background: none;}
table.preise tr.alt_1 {
	background:#CCC;}
	
table.preise tr.alt_2 {
	background:#FFF;}

table.preise tr.red {
	color:#900;
	font-weight:bold;}
table.preise td{	
		padding:5px 5px 5px 5px;}


.cnt_container form{
	margin-top:14px;}


/* @group form elements*/

.formline{ margin-bottom:5px;}

/* @end */

/*CALENDAR*/
.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0 0 1 0;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1;
			border:solid thin #000000;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #6677DD;
			}


/*END CALENDAR*/