/*-----------------------------------------------
  Body layout
  -----------------------------------------------*/
body 
{
		margin: 0;
		padding: 0;
  	        font-size: 62,5%;
  	        color: #222222; 
		font-family:  Helvetica, Arial, sans-serif;
		background: #FFF;
}
/* TOP
------------------------------------------------------------------- */
#top
{
		margin: 0px auto;
		position: relative;
		background: url('http://www.diemer-zorgvakanties.nl/images/diemer_img/diemer_img_02.jpg') no-repeat;
		height: 167px;
		padding: 0px;
		width: 784px;
} 
/*-------------------------------------------------------------------------
  Navigatie globaal
  -------------------------------------------------------------------------*/
a
{
		color: #000000;
		text-decoration: none;
                font-weight: bold;
}
a:hover
{
		color: #666;
		text-decoration: none;
                font-weight: bold;
}
/*-------------------------------------------------------------------------
  Navigatie Hoofdmenu 
  -------------------------------------------------------------------------*/
#menu 
{			
		background: url('http://www.diemer-zorgvakanties.nl/images/diemer_img/diemer_img_04.jpg') no-repeat;
		margin: 0px auto;
		padding: 0px; 
		position: relative;
		width: 784px; 
		height: 38px;  
}
/* mainnav = id voor de <ul> van het main menu */
#mainmenu 
{		
		background: none;
		float: left;
		margin: 0px;
		margin-left: 10px;
		padding: 0px;
		padding-top: 9px;
		padding-left: 5px; 	
}
.borderr
{
border-right: 1px #9BA5FF dotted;
}		
#mainmenu li
{	
		display: inline;
		list-style-type: none;
		padding: 0px;
		padding-right: 11px;
		padding-left: 11px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 15px;
		font-weight: bold;
		vertical-align: bottom;  
}			
#mainmenu li a
{ 	
		background: none;
		color: #21437d;
		text-decoration: none;
}
#mainmenu li a:hover
{
		color: #666;
		text-decoration: none; 
}
/*-------------------------------------------------------------------------
  Navigatie Submenu 
  -------------------------------------------------------------------------*/
#submenu
{			
		background: url('http://www.diemer-zorgvakanties.nl/images/diemer_img/diemer_img_01.jpg') no-repeat;
		margin: 0px auto;
                margin-bottom: 20px;
                background-position:top right;
		padding: 0px; 
		position: relative;
		width: 784px; 
		height: 38px;  
}
/* mainnav = id voor de <ul> van het main menu */
#subnav
{		
		background: none;
		float: right;
		margin: 0px;
		padding: 0px;
		padding-top: 10px;
		padding-right: 15px; 	
}		
#subnav li
{	
		display: inline;
		list-style-type: none;
		padding: 0px;
		padding-right: 14px;
		padding-left: 14px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		vertical-align: bottom;  
}			
#subnav li a
{ 	
		background: none;
		color: #21437d;
		text-decoration: none;
}
#subnav li a:hover
{
		color: #666;
		text-decoration: none; 
}
/*-------------------------------------------------------------------------
   Header
-------------------------------------------------------------------------*/
#header
{
		margin: 0px auto;
		position: relative;
		background: url('http://www.diemer-zorgvakanties.nl/images/diemer_img/diemer_img_05.jpg') no-repeat;
		height: 173px;
		padding: 0px;
		width: 784px;
}
#header h2
{
    margin: 0px;
    padding-left: 115px;
		padding-top: 38px;
    font-size: 25px;
		color: #777;
		font-weight: bold;
} 
/*-------------------------------------------------------------
  Content layout
  -------------------------------------------------------------*/
#wrapper
{
		margin: 0px auto;
		position: relative;
		background: none;
		height: 100%;
		width: 784px;
}

/* Content 1 
--------------------------------------------------------------------- */
#content1
{
		padding-top: 0px;
		margin-left: 0px;
		float: left;
		padding-bottom: 11px;
		height: 100%;
		width: 464px;
} 
#content1 p
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
}
#content1 h1
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 22px;
		color: #21437d;
}
#content1 h2
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #21437d;
}
/* Content 2
--------------------------------------------------------------------- */
#content2
{
		padding-top: 0px;
		margin-left: 0px;
		float: left;
		padding-bottom: 11px;
		height: 100%;
		width: 320px;
} 
#content2 p
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
}
#content2 h1
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 22px;
		color: #21437d;
}
#content2 h2
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #21437d;
}
/* contentvaar 
--------------------------------------------------------------------- */
.contentvaar
{
		padding: 0px;
		margin: 0px;
		float: left;
		padding-bottom: 11px;
		height: 100%;
		width: 434px;
} 
.contentvaar p
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
}
.contentvaar h1
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 22px;
		color: #21437d;
}
.contentvaar h2
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #21437d;
}
/* Contentvaar 2
--------------------------------------------------------------------- */
.contentvaar2
{
		padding: 0px;
		margin: 0px;
		float: left;
		padding-bottom: 11px;
		height: 100%;
		width: 350px;
} 
.contentvaar2 p
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
}
.contentvaar2 h1
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 22px;
		color: #21437d;
}
.contentvaar2 h2
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #21437d;
}
/* contentbreed 3
--------------------------------------------------------------------- */
.contentbreed
{
		padding: 0px;
		margin: 0px;
		float: left;
		padding-bottom: 11px;
		height: 100%;
		width: 784px;
} 
.contentbreed p
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
}
.contentbreed h1
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 22px;
		color: #21437d;
}
.contentbreed h2
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #21437d;
}
/* contentschip1
--------------------------------------------------------------------- */
.contentschip1
{
		padding: 0px;
		margin: 0px;
		float: left;
		padding-bottom: 11px;
		height: 100%;
		width: 534px;
} 
.contentschip1 p
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
}
.contentschip1 h1
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 22px;
		color: #21437d;
}
.contentschip1 h2
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #21437d;
}
/* contentschip 2
--------------------------------------------------------------------- */
.contentschip2
{
		padding: 0px;
		margin: 0px;
		float: left;
		padding-bottom: 11px;
		height: 100%;
		width: 250px;
} 
.contentschip2 p
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
}
.contentschip2 h1
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 22px;
		color: #21437d;
}
.contentschip2 h2
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #21437d;
}
/* contentinfo
--------------------------------------------------------------------- */
#contentinfo
{
		padding-top: 0px;
		margin-left: 0px;
		float: left;
		padding-bottom: 11px;
		height: 100%;
		width: 784px;
} 
#contentinfo p
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
}
#contentinfo h1
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 22px;
		color: #21437d;
}
#contentinfo h2
{
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family:  Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #21437d;
}
/*-------------------------------------------------------------
  Footer
  -------------------------------------------------------------*/
#footer 
{
		clear: both;
		margin: 0px auto;
		position: relative;
		background: url('http://www.diemer-zorgvakanties.nl/images/diemer_img/diemer_img_04.jpg') no-repeat;
		height: 38px;
		width: 784px;
		color: #676767;
		font-size: 11px;
		font-family:  Helvetica, Arial, sans-serif;
		line-height: 14pt;
}
#footer p
{
    padding: 10px;
}
#footer a
{
		color: #676767;
		font-size: 11px;
		text-decoration: none;
}
#footer a:hover
{
		color: #00C0FF;
		font-size: 11px;
		text-decoration: underline;
}