/*------------/
  zuidpier.css 
  24-07-2011
/------------*/

body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0% 0%; 
	background-color: #c7d4d8;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;	
	font-size: 0.8em;
	color: #00466c;
}

#wrapper {
	width: 730px;
	height: auto;
	margin: 0px auto;
	text-align:left;
}  

#zuidpier{
	width: 730px;
	float:left;	
	display: inline;
	background-image: url(images/content_bg.png);
	background-repeat: repeat-y;
}


#header {
	width: 100%;
	height: 191px;
	margin-left: 15px;
	/*background-image: url(images/header.jpg);*/
	background-repeat: no-repeat;
}

#navigation {
	width: 700px;
	margin-left: 15px;
	background-image: url(images/navigation.jpg);
	background-repeat: no-repeat;
}



#content {
	text-align: justify;
	line-height: 1.3;
	padding-left: 50px;
	padding-right: 45px;
}



#footer {
	width: 90%;
	height: 20px;
	
	margin: 0px auto;
	margin-top: 25px;
	padding-top: 3px;
	border-top: 1px solid #89a1ac;
	clear: both;

	font-size: 0.85em;
	color: #266282;
	text-align: center;
	font-weight: bold;
}

#footer a{
	color: #266282;
}




h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.4em;
}
	
	.noTopSpace{
		margin-top: 0px;
	}
	.noBottomSpace{
		margin-bottom: 0px;
	}
	.noSpaceatAll{
		margin-bottom: 0px;
		margin-top:0px;
	}
	

h3 {
	font-size: 1.3em;
}




a {
	color: #00466c;
}

img {
	border: none;	
}


#headerlinks {
	width: 700px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
}


#headerlinks a{
	color: #fff;
	text-decoration: none;
}

#headerlinks li{
	display: inline;	
	padding-left: 5px;
	padding-right: 5px;
}

#headerlinks .li-active a{
	color: #3f3e3e;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: none;
	background-color: #fff;	
}








/***************** HOME *****************/

.boxoutR {
	width: 180px;
	background-color: #c4e2ed;
	padding-top: 5px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	
	text-align: center;	
	float: right;
	clear: right;
}
	.boxoutR a{
		text-decoration: none;
	}

.boxoutText{
	font-size: 0.8em;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

.boxoutImg{
	padding-top:10px;
}

img.floatRight { 
    float: right; 
    margin-top: 10px;
    margin-left: 15px; 
}

img.floatLeft { 
    float: left; 
    margin-right: 15px; 
}


#boxoutL {
	width: 355px;
	height: 100px;
	background-color: #c4e2ed;
}

#boxoutL p{
	padding: 10px;
	padding-top: 20px;
}






/*** Nieuws ***/
#nieuwsbericht {
	text-align: left;
	margin-left: 15px;
}

.nieuwsImg {
	
}


/***************** MENUKAARTEN *****************/

/*** Algemeen ***/

#content.menukaarten{text-align: left;}
em.beschrijvingKlein{font-size: 11px;}

.omschrijvingGerecht{width:220px;}

/* Knoppen */
#btnLunch, #btnDiner, #btnBbqBuffet, #btnDrankenArr, #btnDrankenkaart {
	background-color: #bddce7;
	padding-left: 10px;
}

#btnLunch:hover , #btnDiner:hover , #btnBbqBuffet:hover , #btnDrankenArr:hover, #btnDrankenkaart:hover  {
	cursor:pointer;
}


#lunchKaart, #dinerKaart , #drankenKaart{
	width: 635px;
	display: none;
  }

#bbqBuffet, #drankenArr{
	width: 615px;
	margin-left: 10px;
	display: none;
  }

/* Tabellen */
.tdPrijs{
	width: 50px;
	/* background-color: #f90;	*/
	text-align: right;
}
	.euroSign{
		float:left;	
	}

.tdLeeg{
	/*background-color: #f90;*/
}

.tdBeschrL{
	width: 150px;
}

.tdBeschrR{
	padding-left: 30px;
}


/* Lunchkaart */

#kaartLunch{
	width: 460px;
	margin-left: 10px;
}

/* Dinerkaart */
#kaartDiner{
	width: 600px;
	margin-left: 10px;
}

#kaartDiner .tdBeschrL{
	width: 200px;
	padding-right:10px;
}
#kaartDiner .tdBeschrR{
	width: 250px;
}
/*#kaartDiner .tdPrijs{
	width: 80px;
}*/
#kaartDranken,#kaartDranken2{
	
	margin-left: 10px;
}

.omschrijvingDrank{width:190px;}



/***************** KALENDER *****************/

#kalenderTabelOverzicht{
	width: 620px;
	margin-left: 10px;
}

#tabelHeader {
	font-weight: bold;	
	padding-bottom: 5px;
}


.trOneven {
	background-color: #a8daec;
}


.trEven {
	background-color: #d5e1ed;
}



.tdDatum, .tdNaamEvent, .tdLocatie, .tdStad {
	padding-left: 5px;
}
.tdNaamEvent{
	font-weight: bold;	
}
.tdMeerInfo {
	background-color: #fff;
}
.tdMeerInfo img{
	margin-top:5px;
}

#kalenderTabelMeerinfo, #kalenderTabelMeerinfo2 {
	width: 600px;
	margin-left: 10px;
}

#btnTerug {
	margin-top: 15px;
/*
	width: 150px;
	padding-left: 5px;	
	padding-right: 5px;	
	background-color: #c0d1e3;
*/
}


/***************** FOTOBOEK *****************/

#fotoFrame{
	width: 100%;	
}

#fotoAlbum table{
	float: left;	
	margin-bottom: 25px;
	margin-left: 3px;
}

.tdFotoboekText{
	text-align: center; 
	background-color: #bddce7;
}

.tdFotoboekText a{
	text-decoration: none;
}


/***************** NIEUWS *****************/
.nieuwsEven, .nieuwsOneven {
	height: 100%;
	width: 95%;
	padding: 10px 10px 0px 10px;	
	margin-bottom: 20px;
	border: 1px solid #89a1ac;
}


.nieuwsEven {
	background-color: #d5e1ed;
}

/*
.nieuwsOneven {
}
*/


/***************** WATERSTANDEN *****************/
#waterstandFrame {
	overflow: hidden;
	margin-left: -25px;
}

.bronvermelding{
	font-style:italic;
	float: right;
	margin-top: 0px;
	margin-right: 30px;	
}


/***************** CONTACT EN ROUTE *****************/

#reisTips {
	border: 1px solid #00466C;
	background-color: #c4e2ed;
	padding: 15px;
	margin-top: 5px;
}