/*/////////////////////////
/
/		Tirato
/
/		28-10-2008
/
/////////////////////////*/

/* Settings
//////////////////////////////////////////////////////////////////*/
*							{margin:0; padding:0; border:0;}
html, body					{background:url(images/beeldmerk-bg.png) center bottom #fde8f1 repeat-x fixed; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; height:100%;}
h1							{font-size:16px; color:#e2007a; font-weight:normal;}
h3							{font-size:24px; font-weight:normal; margin-bottom:6px; color:#fff;}
strong						{color:#e52c44; font-size:14px; margin-bottom:6px;}




p	{
	color:#767679;
	padding:0;
	margin:0;
	line-height:18px;
}

.formuliertabel {
	color:#767679;
	padding:0;
	margin:0;
	line-height:18px;
}

.roze 	{
	color:#db1c83;
	font-weight:bold;
}
.rozeBig 	{
	color:#db1c83;
	font-weight:bold;
	font-size:14px;
}
.form_1 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	height: 18px;
	width: 154px;
	border: 1px solid #8B8A8A;
	
}
.submit	{
	background:#c53830;
	line-height: 12px;
	height: 20px;
	font-size:11px;
	padding:0 15px;
	font-family:arial, tahoma;
	color:#FFF;
	cursor:pointer;
}

.submit:hover	{
	background:#a22d26;
}
.form_2 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	height: 88px;
	width: 200px;
	border: 1px solid #8B8A8A;
	overflow:auto;
}
.form_3 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	height: 18px;
	width: 200px;
	border: 1px solid #8B8A8A;
}
.nieuwsbrief	{width:160px; background:#eda389; padding:5px; color:#FFF; line-height:16px; margin-top:1px;}


/* Wrapper
//////////////////////////////////////////////////////////////////*/
#shadow						{background:url(images/shadow.png) center top transparent repeat-y; height:auto; margin:0; padding:0;}
#wrapper					{width:960px; margin:0 auto; background-color:#fff; padding:40px 0 40px 0; height:auto; position:relative;}
	#wrap-in					{width:860px; margin:0 auto; background-color:#fff;}


/* Header
//////////////////////////////////////////////////////////////////*/
#header						{font-size:10px;}
	#langchoice					{float:right;}
		#langchoice strong			{color:#fa0; font-weight:bold; font-size:12px;}
		#langchoice img				{margin:0 1px 0 2px;}
	#logo						{float:left; clear:right; height:70px;}
	#nav						{float:right; clear:right; height:20px; padding-top:50px; width:480px;}
		#nav a					{color:#999; text-decoration:none; padding-right:11px; background:url(images/a-bg.gif) right no-repeat;}
		#nav a.last				{background:none;}
		#nav a:hover			{text-decoration:underline;}


/* Content
//////////////////////////////////////////////////////////////////*/
#middle						{float:right; clear:both; background:url(images/content-bg.jpg) left bottom repeat-y; margin-bottom:3px;}
	#topbar						{width:860px; height:20px; clear:both; margin-bottom:3px; background:url(images/topbar-bg.jpg) left top repeat-y #fcd8ba;}
	#content					{width:807px; float:right; clear:both;}
		#fotoslide					{height:320px; margin-bottom:3px;}
		#bottom						{clear:both;}
			#links					{background-color:#fff; float:left; width:170px; height:auto; margin-right:3px;}
				#links img			{border-bottom:#fff solid 2px; padding:0;}
				#main_nav				{color:#fff; list-style:none; min-height:245px; margin-bottom:3px;}
				#main_nav a				{background:#fac; color:#fff; width:166px; display:block; margin-bottom:1px; padding:2px; text-decoration:none; font-size:11px;}
				#main_nav li				{display:block;}
				#main_nav ul				{list-style:none;}
				#main_nav ul li				{}
				#main_nav ul li a				{padding-left:20px; width:148px; background:#e9b;}
				#main_nav a:hover			{background:#fff; color:#e9b;}
			
				#foto				{width:275px; height:245px; background:#000000 url(images/header.jpg) top left no-repeat; margin-bottom:3px; margin-right:3px; float:left;}
				#tekst					{width:614px; min-height:362px; background:#fee8d3; padding:10px; float:right;}
					#tekst a				{color:#e2007a;}
				#reservation			{width:614px; min-height:362px; background:#ffffff; padding:0px; float:right;}

				#reserveren					{background-color:#ccc; float:left; width:332px; height:146px; border-bottom:3px #fff solid; padding:12px; color:#555;}
					#reserveren table			{width:92%;}
					#reserveren table td			{padding:1px 0;}
					#reserveren .hotel			{width: 273px; height: 18px; font-size: 11px; color:#555; padding:1px; border:1px inset #e3e9ef;}
					#reserveren .date			{height: 14px; width:60px; font-size: 11px; color:#555; float:right;clear:both; margin-right:30px; padding:1px; border:1px inset #e3e9ef;}
					#reserveren .ui-datepicker-trigger {float:left; margin-top:2px;}
					#reserveren .select			{height: 18px; font-size:11px; color:#555; padding:1px; border:1px inset #e3e9ef;}
					#reserveren .input			{height: 14px; font-size:11px; color:#555; width:31px; padding:1px; border:1px inset #e3e9ef;}
					#reserveren .promo			{width:61px; border:1px inset #e3e9ef;}
					#reserveren .submit			{font-size: 10px; font-weight:bold; width:273px; text-align:center; background-color: #E52C44; color: #fff; height: 18px; border:0; margin-top:10px;}
			
				#bestrate					{width:356px;  background-color:#e52c44; float:right; margin-bottom:3px;}
				#bestrate.index				{width:340px; float:left; clear:left;}
				#bestrate a					{display:block; padding:10px; height:52px; text-decoration:none;}
				#bestrate p					{color:#fff;}

				#offers-fotos		{float:left; clear:both; width:278px; height:138px; margin-bottom:3px;}
					#offers-fotos img		{float:left;}
					#offers-fotos img.left	{margin-right:2px;}
				#offers				{float:left; clear:both; background:#fad8d7; width:258px; height:241px; padding:10px;}

			#kaartje					{background-color:#fff; float:left; width:203px; height:241px; margin-right:3px;}
			#nieuws						{background-color:#f4a589; float:left; width:150px; height:241px;}
				#boven						{height:50%; background:#000;}
				#nieuwsbrief					{height:87px; background:url(images/newsletter-header.jpg) top left no-repeat #f4a589; font-size:10px; color:#fff; padding:33px 3px 3px 3px;}
					#nieuwsbrief p						{color:#fff;}
					#nieuwsbrief form					{margin-top:2px;}
					#nieuwsbrief input.text				{width:144px; background:url(images/form.jpg) no-repeat; padding:3px; color:#fff; margin-bottom:3px;}						
					#nieuwsbrief input.aanmelden		{width:60px; background:url(images/aanmelden.jpg) no-repeat;}						


/* Footer
//////////////////////////////////////////////////////////////////*/
#footer						{clear:both; text-align:center; background-color:#fde8de; padding-top:12px !important; padding:30px; font-size:10px; color:#777; line-height:150%;}
	#footer img					{vertical-align:middle;}
	#footer a					{color:#777; text-decoration:none; padding-right:11px; background:url(images/a-bg.gif) right no-repeat; display:inline-block;}
	#footer a.last				{background:none;}
	#footer a:hover				{text-decoration:underline;}

/* Icons
//////////////////////////////////////////////////////////////////*/
.none			{display:none;}
.icons			{width:40px; position:absolute; right:4px; top:130px; z-index:100;}
.icons:hover 	{width:250px;}
.icons a		{float:right; clear:both; text-decoration:none !important; padding-bottom:3px; margin-bottom:3px; border-bottom:#aaa 1px solid;}
a.icon-1		{background:url('images/icon-1.png') no-repeat; width:40px; height:29px; display:block;}
a.icon-1:hover	{background:url('images/icon-1-h.png') no-repeat;}	
a.icon-2		{background:url('images/icon-2.png') no-repeat; width:40px; height:22px; display:block;}
a.icon-2:hover	{background:url('images/icon-2-h.png') no-repeat;}	
a.icon-3		{background:url('images/icon-3.png') no-repeat; width:40px; height:29px; display:block;}
a.icon-3:hover	{background:url('images/icon-3-h.png') no-repeat;}	
a.icon-4		{background:url('images/icon-4.png') no-repeat; width:40px; height:33px; display:block;}
a.icon-4:hover	{background:url('images/icon-4-h.png') no-repeat;}	
a.icon-5		{background:url('images/icon-5.png') no-repeat; width:40px; height:25px; display:block;}
a.icon-5:hover	{background:url('images/icon-5-h.png') no-repeat;}	
a.icon-6		{background:url('images/icon-6.png') no-repeat; width:40px; height:25px; display:block;}
a.icon-6:hover	{background:url('images/icon-6-h.png') no-repeat;}	
a.icon-7		{background:url('images/icon-7.png') no-repeat; width:40px; height:25px; display:block;}
a.icon-7:hover	{background:url('images/icon-7-h.png') no-repeat;}	
.icons a .tooltip		{display:none; width:200px; float:left; position:absolute; padding:5px; border:#f4a589 1px solid; background:#fde8de; color:#777; text-decoration:none;}
.icons a .tooltip h2		{font-size:16px; color:#e2007a; font-weight:normal;}
.icons a:hover .tooltip	{display:inline; float:left; right:46px; text-decoration:none; z-index:3;}