/* @override 
	http://localhost/beaches.nl/template.css
	http://localhost/beachweb/css/template.css
*/
div {padding:0px; margin:0px;}
#header {
	width: 100%;
	height: 140px;
	border:0px;
	border-bottom:solid 4px #fe311a;
	border-top:solid 4px #fe311a;
	float:left;
}
.logo {
	width: 270px;
	height: 90px;
	border-style: none;
	border-width: 0;
	background: url(../img/beaches_logo.gif) no-repeat 10px 10px;
	display: block;
}
#container{
	width: 1020px;
	border: 0;}
/* @group tabel */
table.one_reis th{
	/*font-weight:bold;*/
	color: red;
	line-height:30px;
	padding: 2px;
	background: #f5dd30;
}

table.one_reis tbody tr.oneven, td.oneven{
	background-color: #fef6c6;
}

table.one_reis tbody tr{
	background-color: #fddf92;
}
table.one_reis tbody tr td a{
	color: black;
	font-size:12px;
	text-decoration:underline;
}

table.one_reis tbody tr td.aanvraag a{
	color: #fb8b2d;
	padding: 2px;
	font-size:12px;
	text-decoration:underline;
}
table.one_reis tbody tr td.aanvraag a:hover, table.one_reis tbody tr td.aanvraag:hover{
	background-color: #fb8b2d;
	color: black;
	padding: 2px;
}

table.one_reis tbody tr td.beschikbaar a   {
	color: #046b3a;
	padding: 2px;	
	font-size:12px;
	text-decoration:underline;
}
a.frij:active,a.frij:link  {
	color: #046b3a;
	padding: 2px;
	font-size:12px;
	text-decoration:underline;}
a.frij:hover  {
	color: white;
	background-color: #046b3a;
	}
a.vrag:active,a.vrag:link,.vrag  {
	color: #ffffff;
	background-color: #fb8b2d;
	padding: 2px;
	font-size:12px;
	text-decoration:underline;}
a.vrag:hover  {
	color: black;
	padding: 2px;
	background-color: #fb8b2d;
	}
a.vol:active,a.vol:link, .vol  {
	background-color: red;
	color: grey;
	text-decoration: line-through;
    padding: 2px;}
a.vol:hover  {
	background-color: white;
	color: grey;
	text-decoration: line-through;
     padding: 2px;
	}
table.one_reis tbody tr td.beschikbaar a:hover, table.one_reis tbody tr td.beschikbaar:hover  {
	background-color: #046b3a;
	color: white;}

table.one_reis tbody tr td.vol, table.one_reis tbody tr td.vol a {
	background-color: white;
	color: grey;
	text-decoration: line-through;
padding: 2px;}


/* @end */

#info {
	width: 990px;
	min-height: 200px;
	float: left;
	background-color: whitesmoke;
	padding: 15px;
}

/* @group Landennavigatie */


#landnavigatie {
	width:  100%;
	height: 120px;
	background-color: #f5dd30;
	clear:both;
}
#land
{	width:  100px;
	height: 100px;
	background-color: #f5dd30;
	border: 2px solid #f5dd30;
	padding: 4px;
	float:  left;
	color: #7f7f7f;}

.Spanje{
background:url(../img/spain.png) no-repeat;
text-indent:18px;
display:block;
}
.Italië{
background:url(../img/italy.png) no-repeat;
text-indent:18px;
display:block;
}
.Frankrijk{
background:url(../img/france.png) no-repeat;
text-indent:18px;
display:block;
}
.Kroatië{
background:url(../img/croatia.png) no-repeat;
text-indent:18px;
display:block;
}
.Nederland{
background:url(../img/nederland.png) no-repeat;
text-indent:18px;
display:block;
}
.Hongarije{
background:url(../img/hungary.png) no-repeat;
text-indent:18px;
display:block;
}
.Griekenland{
background:url(../img/greece.png) no-repeat;
text-indent:18px;
display:block;
}
.Turkije{
background:url(../img/turkey.png) no-repeat;
text-indent:18px;
display:block;
}
.Bulgarije{
background:url(../img/bulgaria.png) no-repeat;
text-indent:18px;
display:block;
}

#land H2{
color: #fe311a;
padding: 0;
font-size: 14px;
font-weight: bold;
}
#landnavigatie #land:hover{
	background-color: #fe311a;
	color: #f5dd30;
}
#land:hover H2, #land.current H2{
color: #f5dd30;
}

#land:hover, #land.current{
background-color: #fe311a;
}

#land ul{
	list-style-type: none;
	padding: 3px;
}
#land ul li {
	margin: -3px 0;
}

#land ul li a{
	color: #7f7f7f;
	text-decoration: none;
	font-size: 12px;
	padding: 0px;
}

#land ul li:hover a, #land ul li.current a{
	color: #f5dd30;
}
/* #spanje, #italie, #frankrijk, 
#kroatie, #nederland, #hongarije, 
#turkije, #griekenland, #bulgarije */




/* @end */

/* @group Reisinfo */


#book {
	width: 1020px;
	min-height: 400px;
	border-left: 1px solid #fe311a;
	border-right: 1px solid #fe311a;
	border-top: 1px solid #fe311a;
	/*border-bottom: 4px solid #fe311a;*/
	float: left;
	background-color: whitesmoke;
}

#mediabox{
	float:  right;
	background-color: #7f7f7f;
	height:  300px;
	width: 400px;
	
}

#navcontainer {
	width: 100%;
	padding-top: 15px;
	font-weight: bold;
	background-color:#ffffff;
}

#navcontainer li {
	display: inline;
}

#navcontainer ul {
	margin: 0;
	padding: 0;
	color: #FFFFFF;	
}


#navcontainer ul.right li.flip a {
		background-color: #3299cc;
		border-bottom: 1px solid #3299cc;
}

ul.left {
	float: left;
}
	
#navcontainer ul.left li a {
	margin-right: 3px;
	padding: 0.2em 6px;
	font-size: 12px;
	background-color: #f5dd30;
	color: #fe311a;
	border: 1px solid #f5dd30;
	border-bottom: 1px solid #7f7f7f;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;

}

#navcontainer ul.left li a:hover
 {
	color: #fe311a;
	background: whitesmoke;
	text-align: left;
	border: 1px solid #7f7f7f;
}
#navcontainer ul.left li a.current {
	color: #fe311a;
	background: whitesmoke;
	text-align: left;
	border: 1px solid #fe311a;
	border-bottom: 1px solid whitesmoke;
}


/* right navigation */


#navcontainer ul.right li a {
	margin-right: 6px;
	font-size: 12px;
	padding: 0.2em 6px;
	background-color: #fe311a;
	color: #FFFFFF;
	float: right;
	border-bottom: 1px solid #fe311a;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;

}

#navcontainer ul.right li a:hover,
#navcontainer ul.right li a.current {
	color: #f5dd30; 
	text-decoration: none;
	background: #7f7f7f;
	text-align: left;
	border-bottom: 1px solid #fe311a;
}



/* @end */

/* @group Sitemap */


#sitemap{
	float:  left;
	padding-top: 10px;
	width:1020px;
	background-color: #f5dd30;
	border-bottom: 5px solid white;
	border-top: 5px solid #fe311a;
}
.sitemapbox{
	width: 150px;
	float:  left;
	float-top: 10px;
}
#sitemapbox_zoek
{	width: 115px;
	float:  left;
	padding-top: 10px;	
	}
#sitemapbox_zoek .option {font-size:11px;}
#sitemapbox_zoek h2 {color: #fe311a;
	font-size: 0.8em;
	padding: 0 0 3px 0px;
	font-weight: bold;}
#sitemapbox_zoek input.buton {
	font-size:12px;
	color:#f5dd30;
	border:solid 1px #F00;
	background-color:#fe311a;
	}
#sitemapbox_zoek .city {
	font-size:12px;
	background-color:#FFF;
	color:#F00;
	text-transform:uppercase;
	text-align:center;
	}

.sitemapbox h2{
	color: #fe311a;
	font-size: 0.8em;
	padding: 0 0 3px 12px;
	font-weight: bold;
}

div.sitemapbox ul li{
	list-style-type: circle;
	margin: -5px;
	padding: 0;
}
div.sitemapbox ul li a{
	list-style-type: none;
	font-size: 0.7em;
	text-decoration: none;
	color: #000;
}
div.sitemapbox a:hover{
	text-decoration:underline;
}
#footer{
	margin-left:auto;
	margin-right:auto;
	width: 1020px;
	height:  20px;
	background-color: #fe311a;
	text-align:center;} 
	
#footer a{
	color:#FFF;
	font-size:10px;
	} 
#footer p{
	padding-top:4px;
	} 
	
/* @end */
/* ME */
#reis {padding-left:10px;
		margin-bottom:10px;
		background-color:whitesmoke;
		border: solid 1px #fe311a; 
		font-size:11px;
		width:600px;
		float:left;}
#reis img {margin-right:5px;}
p{ font-size:12px;
margin:0px;
padding:0px;}
h1 {font-size:14px;
	color:#fe311a;
	font-weight:bold}
td{font-size:11px;
   color:#333333}
#top {
	width:1020px;
	background-color:#f5dd30;
	color: #fe311a;
	font-size: 14px;
	line-height:30px;
	word-spacing:5px;
	}
#top p{color: #fe311a;
	text-decoration: none;
	font-size: 14px;}
#top a{color: #fe311a;
	text-decoration: underline;
	font-size: 14px;}
.top_left { 
float:left;
margin-left:5px;
}
.top_right  { 
float:right;
margin-right:5px;
}
.date_top {
	word-spacing:0px;
	}
a.linkb{color:#444444; font-size:12px}
table.one_reis{border-collapse:collapse}
.gray{ color:#999; padding:0px; margin:0px;}

/* @group home */

#home_tekst{
	width:440px;
	float:left;
	border: 1px solid #fe311a;
	background-color: whitesmoke;
	padding: 15px;
	padding-bottom:5px;
	margin-left:10px;}
#home_top
{	width:500px;	
	float:right;
	min-height: 332px;
	border: 1px solid #fe311a;
	background-color: whitesmoke;
	padding: 10px;
	margin-right:10px;
}
#home_bot
{	width:522px;	
	float:right;
	padding: 0px;
	margin-top:5px;
	font-size:12px;
	font-weight:100;
	margin-right:10px;
	}
#home_bot h2{
	font-size: 1.2em;
	color: red;
	padding: 0;
	margin: 0;
	margin-bottom:5px;
	}
#home_bot img {
	margin-right:5px;
	}
#home_bot p {
	font-size: 1.0em;
	color: red;
	padding: 0;
	margin: 0;
	}
#home_bot a {
	font-size: 1.0em;
	color: red;
	padding: 0;
	margin: 0;
	}
#home_t_l
{	width:236px;	
	float:left;
	min-height: 187px;
	border: 1px solid #F00;
	/*border-bottom:4px solid #F00;*/
	background-color: whitesmoke;
	padding: 10px;
}
#home_t_r
{	width:236px;	
	float:right;
	min-height: 187px;
	border: 1px solid #F00;
	/*border-bottom:4px solid #F00;*/
	background-color: whitesmoke;
	padding: 10px;
	}
#home_tekst h1 {
	font-size: 150%;
	padding: 0;
	margin: 5px 0;
}

#home_tekst h2 {
	font-size: 1.2em;
	color: red;
	padding: 0;
	margin: 0;
}

#home_tekst p {
	padding: 0 0 1.25em 0;
	line-height: 1.4em;
	font-weight:100;
}

#home_t a {
	font-size:12px;
}

#home_t  a:link {
	color: maroon;
}

#home_t  a:visited {
	border-bottom: 1px solid #f5dd30;
	color: maroon;
}

#home_t  a:hover {
	background-color: #e2e2e2;
	border-bottom: 1px solid red;
}

#home_t  a:active {
	background-color: red;
	color: #f5dd30;
}


/* @group info */

#info p {
	padding: 0 0 1.25em 0;
	line-height: 1.4em;
}

#info p span {
	color: red;
}

#info h1 {
	font-size: 150%;
	padding: 0;
	margin: 5px 0;
}

#info h2 {
	font-size: 1.2em;
	color: red;
	padding: 0;
	margin: 0;
}

#info h3 {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
}

#info h4 {
	
}

#info p.small {
	font-size: 0.7em;
	color:  grey;
	margin: 8px 0;
	
}

#info textarea {
	width: 70%;
}

#info ul li {
	list-style-type: square;
	font-size: 0.8em;
	color: red;
	margin-left: 10px;
	line-height: 1.1em;
}

#info ul {
	margin-left: -15px;
	padding: 0 0 0.8em 1em;
}

#info a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
}

#info  a:link {
	color: maroon;
}

#info  a:visited {
	border-bottom: 1px solid #f5dd30;
	color: maroon;
}

#info  a:hover {
	background-color: #e2e2e2;
	border-bottom: 1px solid red;
}

#info  a:active {
	background-color: red;
	color: #f5dd30;
}

#info ul.lijstje li {
	color: black;
	list-style-type: none;
	font-size: 0.8em;
	line-height: 1.4em;
}

#info li em {
	color: black;
	font-style: normal;
	font-size: 100%;
}

.info blockquote {
	width: 300px;
	padding: 10px;
	margin: 0 0 0 0.8em;
	border: 1px solid red;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fafebe;
	float: right;
}
.home{padding:5px;
}
.m{margin:0px;
padding:0px;
padding-top:10px}

.cfoto_loc ul {padding:0px;margin:0px;}
.cfoto_loc img {width:380px; height:280px;
margin:10px}
.cexcursies ul {padding:0px;margin:0px;}
.cexcursies img {width:380px; height:280px;
margin:10px}
.cparty ul {padding:0px;margin:0px;}
.cparty img {width:380px; height:280px;
margin:10px}
.caccom ul {padding:0px;margin:0px;}
.caccom img {width:380px; height:280px;
margin:10px}
.prev1,.prev2,.prev3,.prev4 {color:#F00;border: 1px solid red; background-color:#f5dd30; }
.next1,.next2,.next3,.next4{color:#F00;border: 1px solid red; background-color:#f5dd30; }
.prijs { float:right; padding:20px; color:#666666;}
.title { float:left; padding:10px;}
.small {font-weight:normal; color:#666666}
a.linkreis { color:#fe311a;}
.center{ margin-left:auto; margin-right:auto;}