a							{color: #06F;}
body						{text-align: center; background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; margin: 0 auto;}

div#wrapper                 {width: 960px; overflow: hidden; margin:0 auto; text-align: left; background: #fff}

div#header                  {width: 960px; height: 177px;}
div#logo                    {width: 275px; height: 59px; padding: 42px 0 0 106px; position: absolute; margin-left: -30px; margin-top: 76px; background: url(../_img/background-logo.png) no-repeat}

div#headerMenuSocial        {padding-left: 150px; width: 810px; height: 82px; }

div#headerMenu              {float: left; width: 575px; padding-top: 50px;}
div#headerMenu a:link, div#headerMenu a:visited {font-family: Arial; font-size: 11px; color: #2141aa; font-weight: bold; text-decoration: none; }
div#headerMenu a:hover, div#headerMenu a:active {text-decoration: underline}

div#headerSocial            {float: right; width: 235px; text-align: right; padding-top: 3px; }
div#headerSocial span       {color: #cf352e; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; margin-right: 10px}
div#headerSocial a:link, div#headerSocial a:visited {position: relative; top: 3px;}
div#headerFaq               {padding-top: 7px;}
div#headerFaq a:link, div#headerFaq a:visited {text-decoration: none; color: #666; font-size: 12px; font-family: Arial; font-weight: bold; margin-bottom: 3px;}
div#headerFaq a:hover, div#headerFaq a:active {color: #000;}

div#mainMenu                {margin-left: 150px; width: 810px; margin-bottom: 3px; background: #fff; height: 22px}

a.menuItem:link, a.menuItem:visited {text-align: center; padding: 1px 0 0 10px; text-decoration: none; display: block; width: 127px; height: 21px; float: left; margin-right: 4px; line-height: 9px; font-family: Arial; font-size: 11px; font-weight: 900; color: #fff}
a.menuItem:hover, a.menuItem:active {color: #2141aa}

a.mYellow:link, a.mYellow:visited { background: url(../_img/bg-menu-yellow.png) no-repeat; }
a.mOrange:link, a.mOrange:visited { background: url(../_img/bg-menu-orange.png) no-repeat; }
a.mMauve:link,  a.mMauve:visited  { background: url(../_img/bg-menu-mauve.png) no-repeat; }
a.mGreen:link,  a.mGreen:visited  { background: url(../_img/bg-menu-green.png) no-repeat; }
a.mBlue:link,   a.mBlue:visited   { background: url(../_img/bg-menu-blue.png) no-repeat; }

div#main                    {width: 960px; overflow: hidden; }

div#leftMenu                {width: 146px; float: left; margin-right: 4px;}
div#leftMenu a:link, div#leftMenu a:visited {width: 138px; margin-bottom: 3px; padding: 2px 4px; display: block; background-color: #e4e4e4; color: #666; font-size: 11px; font-family: Arial; font-weight: bold; text-decoration: none}
div#leftMenu a:hover, div#leftMenu a:active {background-color: #2141aa; color: #fff}
div#leftMenu a.leftMenuSub:link, div#leftMenu a.leftMenuSub:visited {background-color: #f3f3f3; color: #999}
div#leftMenu a.leftMenuSub:active, div#leftMenu a.leftMenuSub:hover {color: #333; background-color: #eaeaea}

div#content                 {width: 810px; float: left; overflow: hidden; text-align: left;}

div#breadcrumbs             {width: 804px; background: #00add7; color: #fff; padding: 5px 3px;}
div#breadcrumbs a:link, div#breadcrumbs a:visited {color: #fff; font-weight: bold;}
div#breadcrumbs a:hover, div#breadcrumbs a:active {color: #333;}

div#homepage                {width: 810px; overflow: hidden; margin-top: 10px;}

div#homeBoxes               {width: 550px; float :left; margin-right: 10px;}
div.homeBox                 {width: 550px; margin-bottom: 10px; border: solid 2px #8dd8f8; overflow: hidden;}
div.homeBox h2              {display: block; width: 530px; height: 28px; margin: 0 0 10px 0; padding: 0 10px; line-height: 28px; font-size: 14px; background: url(../_img/bg-homebox.png) #00add7 repeat-y;}
div.homeBox h2 a:link, div.homeBox h2 a:visited {text-decoration: none; color: #fff; }
div.homeBox h2 a:hover, div.homeBox h2 a:active {text-decoration: underline}
div.homeBoxContent          {width: 390px; padding: 0 10px; float: left; color: #2f2483; font-size: 12px; font-weight: bold; line-height: 17px;}
div.homeBoxContent a:link,  div.homeBoxContent a:visited {display: block; color: #cd1316; margin-top: 3px; text-decoration: none; font-weight: bold;}
div.homeBoxContent a:hover, div.homeBoxContent a:active  {color: #000; }
div.homeBoxImage            {width: 140px; float: left; text-align: center;}

div.homeBoxLeft h2          {text-align: right}

div#homeRightColumn         {width: 250px; float: left; overflow: hidden; background: #ccc}
div#homeSearch              {width: 250px; padding: 5px 0 10px 0; text-align: right; background: url(../_img/bg-searchbox.png) #8dd8f8 repeat-x; }
div#homeSearch select, div#homeSearch input {width: 160px; padding: 2px; margin: 5px;}
div#homeSearch h2           {width: 50px; margin-left: 10px; float: left; color: #fff; font-size: 12px; text-align: center;}

div#newsletter              {width: 230px; padding: 10px;}
div#newsletter input[type=text] {width: 230px; }
div#newsletter input[type=button] {margin-top: 10px; }

div#homeSolmarTours         {width: 250px; overflow: hidden; text-align: right; background-color: #ffe001;}
div#homeSolmarTours a.downloadBrochure:link, div#homeSolmarTours a.downloadBrochure:visited {display: block; padding: 5px 3px 5px 0; width: 247px;background: #f37121; color: #fff; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none; }
div#homeSolmarTours a.downloadBrochure:hover, div#homeSolmarTours a.downloadBrochure:active {color: #000; }

div#homeVamos {width: 250px; background: #ccc; padding: 10px; overflow: hidden;}
div#homeVamos img {float: left}
div#homeVamos a:link, div#homeVamos a:visited {width: 85px; height: 50px; text-align: right; margin-right: 30px; font-family: Arial; font-weight: bold; text-decoration: none; display: block; float: right; color: #fff;}
div#homeVamos a:active, div#homeVamos a:hover {color: #000}

div#footer                  {margin: 10px 0 0 150px; text-align: right; width: 800px; padding: 10px 5px; background: #c7ecfc; color: #2f2483;}
div#footer a:link, div#footer a:visited {color: #2f2483; text-decoration: none}
div#footer a:active, div#footer a:hover {color: #000;}

h1 {color: #0066FF; font-family: Arial, sans-serif; font-size: 18px; }
h1.h1White {color: #fff}
h2 {color: #666; font-family: Arial, sans-serif; font-size: 15px;}

div.clearer {clear: both; height: 0px;}

div.d-text table tr td {
	padding: 4px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

div.d-text table {
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

div.d-text table tr td.td-blue {
	background: #cdd9ff;
	font-weight: bold;
}

table.hightxt {
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

table.hightxt tr td {
	background-color: #fff;
}

table.hightxt tr td.td-blue {
	background: #cdd9ff;
	font-weight: bold;
}

table.hightxt tr td.textgroen {
	color: #00d722;
	font-weight: bold;
}

div.bookHotelMonths {
	width: 810px;	
	overflow: hidden;
}

div.bookHotelMonths a:link, div.bookHotelMonths a:visited {
	display: block;
	width: 99px;
	float: left;
	text-align: center;
	padding: 3px 0px;
	background-color: #e4e4e4;
	color: #333;
	text-decoration: none;
	margin-right: 2px;
	font-weight: bold;
}

div.bookHotelMonths a:hover, div.bookHotelMonths a:active, div.bookHotelMonths a.selected {
	background-color: #333;
	color: #fff;
}

div.infoText {
	width: 810px;
	margin: 5px 0;
	font-weight: bold;
}

div.green, td.green {
	color: #308338;
	font-weight: bold;
}

div.orange, td.orange {
	color: #f37121;
	font-weight: bold;
}

div.red, td.red {
	color: #ff0000;
	font-weight: bold;
}

/********************** WINTER PAGE **************************************************************************************/

.wbox			{background: #005981; border: 1px solid #67b4e3; padding: 5px;}
.wboxred		{}
.wcolumn		{padding: 10px;}

div#winterPage  {width: 810px; height: 600px; background: url(../_img/bg-winter.jpg) #0890cf; color: #FFF;}


/********************** OLD CSS CODE *************************************************************************************/

.pagehead					{height: 40px; background: #FFF; text-align: right; padding: 10px; font-size: 11px;}
.pagehead a					{margin: 0 0 0 10px;}
.pagehead h2				{margin: 10px 0 0 0; font-size: 110%;}
table						{text-align: left;}
a img						{border: 0;}
a.busretour					{font-weight: bold;}

.show						{display: block;}
.hide						{display: none;}

.splash						{width: 470px; vertical-align: top; background: #2141aa;}

.footer						{color: #999;}
.footer a					{color: #999;}

.sitemap					{font-family: Arial, Helvetica, sans-serif; font-size: 110%;}
.sitemap h1, .sitemap td h1	{border: 1px solid #c9c9c9; padding: 3px; font-size: 100%; background-color: #00add7; color: #fff }
.sitemap ul					{list-style-type: none; margin: 0 0 0 10px;}

.menubg						{background: #4f6dd2;}

.boeken						{background: #2141aa; vertical-align: top;}
.boeken .l					{position: absolute; top: 0; left: 0;}
.boeken .r					{position: absolute; top: 0; right: 0;}
.boeken tr.tabs				{background: #4f6dd2;}
.boeken .sep				{width: 5px;}
.boeken .tab				{background: #3857be; vertical-align: top; text-align: center; position: relative;}
.boeken .tab_a				{background: #2141aa; vertical-align: top; text-align: center; position: relative;}
.boeken .t					{padding: 5px;}
.boeken .t a				{color: #FFF; text-decoration: none;}
.boeken form				{color: #FFF; padding: 10px 10px 10px 10px; font-size: 11px;}
.boeken select				{font-size: 11px;}
.boeken form a				{color: #FFF;}

.aanbieding					{background: #950000; color: #FFF; padding: 15px 10px 10px 15px; width: 220px; vertical-align: top;}
.aanbieding a				{color: #FFF; text-decoration: none;}
.aanbieding .price			{text-align: center; vertical-align: top; padding: 0 10px 0 0;}
.aanbieding h2				{font-size: 120%; margin: 0;}
.aanbieding h3				{font-size: 100%; margin: 0 0 5px 0;}
.contact					{background: #4a69ce; color: #FFF; padding: 10px 10px 0px 10px; vertical-align: top;}
.contact a					{color: #FFF;}
.wedstrijd					{background: #3354c2; color: #FFF; padding: 0 0 10px 0; vertical-align: top;}
.wedstrijd a				{color: #FFF;}
.info						{background: #5e7de0; color: #FFF; padding: 10px 10px 20px 10px; vertical-align: top;}
.info a						{color: #FFF;}
.brochure					{background: #e5e5e5; padding: 0 0 0px 0; width: 280px; vertical-align: top;}

.btn_orange				{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_orange_bg.gif) #de7900 repeat-x bottom; padding: 1px 3px 1px 3px; border-color:#ffb55a #975300 #975300 #ffb55a;}
.btn_blue				{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_blue_bg.gif) #337ab2 repeat-x bottom; padding: 1px 3px 1px 3px; border-color: #8ca9cd #264871 #264871 #8ca9cd;}
.btn_green				{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_green_bg.gif) #50cd18 repeat-x bottom; padding: 1px 3px 1px 3px; border-color: #90da7e #2c8116 #2c8116 #90da7e;}
.btn_red				{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_red_bg.gif) #cd1c18 repeat-x bottom; padding: 1px 3px 1px 3px; border-color: #da8b7e #812416 #812416 #da8b7e;}
.btn_grey				{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_grey_bg.gif) #727272 repeat-x bottom; padding: 1px 3px 1px 3px; border-color: #acacac #4b4b4b #4b4b4b #acacac;}
.btn_azul				{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_azul_bg.gif) #0080e5 repeat-x bottom; padding: 1px 3px 1px 3px; border-color: #65a5f4 #004497 #004497 #65a5f4;}

.btn_orange_small		{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_orange_bg.gif) #de7900 repeat-x bottom; padding: 0; border-color:#ffb55a #975300 #975300 #ffb55a;}
.btn_brown_small		{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_brown_bg.gif) #A66C3F repeat-x bottom; padding: 0; border-color:#C7AF92 #6A4E2D #6A4E2D #C7AF92;}
.btn_blue_small			{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_blue_bg.gif) #337ab2 repeat-x bottom; padding: 0; border-color: #8ca9cd #264871 #264871 #8ca9cd;}
.btn_green_small		{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_green_bg.gif) #50cd18 repeat-x bottom; padding: 0; border-color: #90da7e #2c8116 #2c8116 #90da7e;}
.btn_red_small			{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_red_bg.gif) #cd1c18 repeat-x bottom; padding: 0; border-color: #da8b7e #812416 #812416 #da8b7e;}
.btn_grey_small			{font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:2px solid;color:#fff; font-weight: bold; background: url(../images/buttons/btn_grey_bg.gif) #727272 repeat-x bottom; padding: 0; border-color: #acacac #4b4b4b #4b4b4b #acacac;}

.specsheet			{font-family: tahoma, verdana, helvetica, sans-serif; background: #FFFFFF; padding: 10px;}
.specsheet h1		{margin: 0 0 10px 0;}
.specsheet table	{margin: 10px 0 0 0; border-left: 1px solid #C9C9C9; border-top: 1px solid #C9C9C9; border-right: 2px solid #666; border-bottom: 2px solid #666;}
.specsheet th		{text-align: left; vertical-align: bottom; background: #E0E0E0; border-bottom: 1px solid #C9C9C9; border-top: 1px solid #FFF;}
.specsheet tr		{background: #F5F5F5;}
.specsheet td		{border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFF;}
.specsheet form		{margin: 0;}
.specsheet .note	{}

/**
 * to be transported to boxes.css
 */
.box					{width: 176px;}
.box .title				{height: 28px; background: url(../images/box/blue/title_bg.gif) repeat-x #345d95;}
.box .title h2			{font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; margin: 0; padding: 6px 0 6px 10px;}
.box .content			{padding: 10px 10px 0 10px; background: url(../images/box/blue/bg.gif) repeat-x 0% 100% #e9eef6; border-left: 1px solid #7c97bd; border-right: 1px solid #7c97bd; margin: 0;}
.box .content form		{font-size: 85%; color: #4868ae; padding: 10px; margin: 0;}
.box .content form .i	{margin: 5px 0 10px 0; border-top: 1px solid #587993; border-left: 1px solid #587993; border-right: 0; border-bottom: 0;}
.box a					{color: #4868ae;}
.box hr					{color: #7f9bce; border-bottom: 1px solid #FFFFFF;}
.box .f					{height: 28px; background: url(../images/box/blue/footer_bg_white.gif) repeat-x #FFFFFF;}
.box ul					{color: #4868ae; margin: 0 0 0 15px; padding: 1px;}


.zoekbox					{width: 230px; height: 144px}
.zoekbox .title				{height: 28px; background: url(../images/box/blue/title_bg.gif) repeat-x #345d95;}
.zoekbox .title h2			{font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; margin: 0; padding: 6px 0 6px 10px;}
.zoekbox .content			{padding: 10px 10px 0 10px; background: url(../images/box/blue/bg.gif) repeat-x 0% 100% #e9eef6; border-left: 1px solid #7c97bd; border-right: 1px solid #7c97bd; margin: 0;}
.zoekbox .content form		{font-size: 85%; color: #4868ae; padding: 10px; margin: 0;}
.zoekbox .content form .i	{margin: 5px 0 10px 0; border-top: 1px solid #587993; border-left: 1px solid #587993; border-right: 0; border-bottom: 0;}
.zoekbox a					{color: #4868ae;}
.zoekbox hr					{color: #7f9bce; border-bottom: 1px solid #FFFFFF;}
.zoekbox .f					{height: 18px; background: url(../images/box/blue/footer_bg_white.gif) repeat-x #FFFFFF;}
.zoekbox ul					{color: #4868ae; margin: 0 0 0 15px; padding: 1px;}

.breadcrumbs {
	font-size: 100%;
	background: #cdd9ff;
	padding: 5px;
}

.breadcrumbs, .breadcrumbs a {
	color: #0b226e;	
}

.map1 {
	border: 1px solid #000;
	height: 400px;
	width: 808px;
}

.map2 {
	border: 1px solid #000;
	height: 500px;
	width: 540px;
}

.hotelrating {
	border: 1px dashed;
	border-color: red;
	width: 100%;
}

.hotelrating_gemiddelde_score 
{
	height: 50px;
	width: 120px;
	border: 1px #555 solid;
	margin: 0px 0px 10px 210px;
	font-size: 24px; 
	background: url(../images/buttons/btn_blue_bg.gif) bottom; color: #fff; 
	text-align: center; 
	vertical-align: middle; 
	font-weight: bold;
}

.hotelrating_gemiddelde_score_text
{
	margin-bottom: 2px;
	background: #f1f1ff;
	border-bottom: 1px #555 solid; 
	color: #000;
	font-size: 10px;
	font-weight: bold;
}

.hotelrating_main {
	border: 1px dashed;
	border-color: #00f;
}

.brochure_fotos
{
	text-align: center;
	width: 250px;
	vertical-align: bottom;
	padding-top: 30px;
}

.brochure_afbeelding
{
	width: 180px;
	border: 1px #555 solid;
}

.brochure_text
{
	text-align: center;
	vertical-align: top;
}

.brochure_beschrijving
{
	padding: 5px 0px 0px 20px ;
	text-align: left;
	vertical-align: top;
}

.webcam
{
	background: #eee;
	border: #ccc 1px solid;
	padding: 10px;
}

.webcampic
{
	width:300px;
	height:200px;
}
.webcamcontrol
{
	text-align: center;
}
.webcamcontrol a:link, .webcamcontrol a:hover, .webcamcontrol a:visited, .webcamcontrol a:active
{
	outline		:	none;
	margin: 0 auto;
}

