@charset "UTF-8";

body  {
	margin: 0; 
	padding: 0;
	text-align: center;
	background-attachment: fixed;
}

#container { 
	width: 925px;  
	margin: 0 auto; 
	text-align: left; 
} 

#container2 { 
	width: 925px;  
	margin: 10px auto; 
	text-align: left; 
} 

#container3 { 
	width: 925px;  
	margin: 0 auto; 
	text-align: left; 
}

#header1 { 
	background: #FFFFFF; 
	height: 32px;
	padding: 0 10px 0 20px;  
} 
 
#topnav {
	position: relative;
	top:10px;
	left:0px;
	z-index:inherit; 
	margin: 0; 
	padding: 0;  
	text-align: right;
	height: 22px;
} 

#topnav p, a {
	font-size:small;
	color:#000000; 
	margin: 0; 
	padding: 0;  
	text-align: right;
	text-decoration:none;
}

#topnav a:hover {
	text-decoration:underline;
}

#header1 h1 {
	margin: 0; 
	padding: 10px 0; 
}

#header2 {  
	height: 160px;
	padding: 0 10px 0 20px;  
} 

#zinindezee {
	position: relative;
	top:27px;
	left:730px;
	z-index:inherit;
	background: #524949; 
	margin: 0; 
	padding: 0; 
	background-image:url(../images/zin_in_de_zee.jpg);  
	height: 100px;  
	width: 145px;
}

#header2 h1 {
	margin: 0; 
	padding: 10px 0; 
}

#tabbar {  
	height: 43px;
	margin-top:0px;
	padding: 10px 10px 0px 20px;
	border-bottom:1px solid #bfbfbf;
} 

.tab { 
	display: block;
	font-size: 1.17em;
	font-weight:bold;
	float:left;
	height: 23px;
	width:auto;
	margin: 14px 0px 0px 15px;
	border-left: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	padding: 5px 20px 0px 20px;  
} 

#sidebar1 {
	float: left; 
	width: 230px; 
	margin-top: 10px;
	margin-left: 12px;
	margin-right: 0px;
	display: inline;
}

#sidebar2 {
	float: right; 
	width: 102px; 
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 12px;
	display: inline;
}

#mainContent { 
	
	float: left; 
	width: 535px; 
	margin-top: 10px;
	margin-left: 16px;
	display: inline;
} 

#footer { 
	margin-top: 5px;
	padding: 0 10px 0 20px; 
	background:#524a49;
	background-image:url(../images/logo_Toerisme_Oostende.gif);
	background-repeat:no-repeat;
	background-position: 40px 20px;
	width: 802px;
	height:93px;
	float:left;
} 

#footerhoek { 
	margin-top: 5px;
	padding: 0; 
	width: 93px;
	height:93px;
	float:right;
	background-image:url(../images/schuine_hoek.gif);
} 

#footer p {
	font-size: 1em;
	margin: 0; 
	padding: 20px 10px 10px 272px; 
	color: #FFFFFF;
}

#footer a {
	font-size: 1em;
	color: #FFFFFF;
	text-decoration:underline;
}

#footer a:hover {
	color:#2bb9dc; 
	text-decoration:underline;
}

.nav {
	width:230px;
	padding: 0;
	margin:0;
	border:1px solid #bfbfbf;
	margin-bottom:10px;
}

.navtop {
	width:230px;
	margin:auto;
}

.navtoptext {
	font-weight: bold;
	text-align: center;
	font-size: small;
	padding: 4px 10px 4px 10px;
}

.navcontent {
	width:100%; 
	padding:0;
	margin-top:0;
}

.navcontent ul {
	margin:0px; 
	padding:0px; 
}

.navcontent ul li {
	height:auto;
	line-height: normal; 
	list-style:none; 
	padding:0px 0px 0px 0px; 
	border-bottom:#bfbfbf solid; 
	border-width:1px;
	cursor:pointer; 
	display:block;
}  

.navcontent ul li:hover { 
	position:relative;
} 

.navcontent ul li a { 
	display: block;
	text-align:left;
	padding:5px 10px 5px 10px;
} 

.navbottom {
	width:230px;
	height:20px;
}


.prikitem img {
	border: 1px #BFBFBF solid;
}

div.prikitem {
	border-bottom: 1px #bfbfbf solid;
	margin: 0px	0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

div.prikitem a {
	display: block;
	padding: 5px 10px 5px 10px;
	
}

span.priktitel {
	display:block;
	margin: 0px 0px 0px 0px;
	text-align:left;
	font-weight:bold;
	font-size:small;
	}

span.priktekst {
	display:block;
	margin: 0px 0px 0px 0px;
	text-align:left;
	font-size:x-small;
	}

.space2 {
	padding:10px;
	font-size:x-small;
}

.artikel {
	width: 535px;
	padding: 0;
	margin: 0 0 10px 0;
	display:block;
	border:1px solid #bfbfbf;
}

.artikeltop {
	width: 535px;
	margin: 0px;	
}

.artikeltoptext {
	font-weight: bold;
	text-align: left;
	font-size: small;
	padding: 4px 10px 4px 10px;
}

div.artikelcontent {
	padding: 10px;
	margin: 0px;
	font-size: 1.17em;
}


.artikelcontent h1 {
	font-size: 2em;
}

.artikelcontent h2 {
	font-size: 1.5em;
}

.artikelcontent h3 {
	font-size: 1.33em;
}

.artikelcontent h4 {
	font-size: 1.17em;
}

.artikelcontent p {
	line-height: normal;
	text-align:justify;
}

.artikelcontent a {
	text-decoration:underline;
	font-size: 1.17em;
}

.artikelcontent a:hover {
	text-decoration:underline;
	font-weight:bold;
	font-size: 1.17em;
}

.artikelcontent ul, ol {
	list-style-position: inside;
}

.artikelcontent ul {
	list-style-type: square;
}
.artikelcontent li {
	font-size: 1.17em;
}

div.quote {
	display:block;
	padding: 15px;
	font-size: 1em;
	margin-bottom: 10px;
	margin-top: 10px;
}

.artikelcontent table, .quote table   {
	border-collapse:collapse;
	margin:10px 0 10px 0;
	width: 100%;
	clear: both;
	
}

 .artikelcontent table tr,  .quote table tr {
	border-collapse:collapse;
}

.artikelcontent table td, .quote table td {
	border-collapse:collapse;
	padding: 2px 10px 2px 10px;
}

.artikelcontent table tr th, .quote table tr th {
	border-collapse:collapse;
	padding: 2px 10px 2px 10px;
	text-align: center;
}

ul.list {
	padding:0;
	list-style-type:none;
	margin: 10px 0 10px 0;
}

ul.list li {
	background: url(../images/square.gif) no-repeat center left;
	padding-left: 20px;
	font-size: 1.17em;
}

.artikelcontent img.left_img {
	display: block;
	float:left;
	width:163px;
	margin: 0 15px 10px 0;
	border: 1px solid #BFBFBF;
}

.artikelcontent img.right_img {
	display: block;
	float:right;
	width:163px;
	margin: 0 0 10px 15px;
	border: 1px solid #BFBFBF;
}

img.L {
	display: block;
	float:left;
	margin: 3px 10px 10px 0px;
}

img.R {
	display: block;
	float:right;
	margin: 3px 0px 10px 10px;
}

.artikelcontent div.youtube_left {
	display: block;
	float:left;
	margin: 3px 15px 10px 0;
	border: 1px solid #BFBFBF;
	width: 320px;
}

.artikelcontent div.youtube_right {
	display: block;
	float:right;
	margin: 3px 0px 10px 15px;
	border: 1px solid #BFBFBF;
	width: 320px;
}

.artikelcontent div.youtube_full {
	display: block;
	margin: 3px 0px 10px 0px;
	border: 1px solid #BFBFBF;
	width: 495px;
}

p.leesmeer {
	display: list-item; 
	list-style-image: url(../images/readmore.gif); 
	list-style-position: inherit;
	text-align: right;
	color:#A9A9A9;
	margin-top:10px;
	padding-left:10px;
}

.zoom {
	display: list-item; 
	list-style-image: url(../images/zoom.gif); 
	list-style-position:inherit;
	text-align: right;
	color:#A9A9A9;
}

.info {
	display: list-item; 
	list-style-image: url(../images/info.gif); 
	list-style-position: inside;
	text-align: right;
	color:#A9A9A9;
}

#imagebox {
	height: 232px;
	overflow:hidden;
	width:535px;
	margin:0px 0px 10px 0px;
	border: 1px solid #BFBFBF;
}

#imagebox img {
	height: 232px;
	width:535px;
}

.ad_banner {
	float:right;
	margin-bottom:5px;
	border: 1px solid #BFBFBF;
	width:102px;
	
}

.ad_banner img {
	border: 0px solid #BFBFBF;
	
}

 a.ad_banner {
	display:block;
	border: 1px solid #BFBFBF;
}

 a.ad_banner:hover {
	border: 1px solid #FFFFFF;
}

fieldset {
	padding:8px;
	border:1px solid #BFBFBF;
}

fieldset ul, fieldset li{
	border:0; 
	margin:1px; 
	padding:1px; 
	list-style:none;
}

fieldset li {
	clear:both;
	list-style:none;
	padding-bottom:10px;
	margin-bottom:15px;
	margin-top:15px;
	font-size: 1.17em;
}

fieldset input {
	float:left;
}

fieldset label {
	width:140px;
	float:left;
}

input, textarea, select {
	border:1px solid #aaaaaa;
	padding:2px;
	background:#ffffff url(../images/inputBg.gif) top left no-repeat;
	margin-top:2px;
}

legend {
	padding: 0.2em 0.5em;
	margin-bottom: 8px;
	border:1px solid #BFBFBF;
	font-size: 1.17em;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}