/* Digtaal Erfgoed Groningen - hvvg_default.css by Erik Schoppen, Miazo, www.miazo.com, 12-01-06 */



/* UNDO DEFAULT STYLE */

a img,:link img,:visited img { 
	border:none;
}

table, tr, td, ul, ol, li, input, select, textarea { 
	font-size:100%; 
} /* IE inherit bug fix */

table td, table th { 
	vertical-align: top; 
}

div { 
	padding: 0; margin: 0; 
}



/* GENERAL */


body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff url('images/01_background.jpg')  no-repeat top center;
}



/* STRUCTURE PAGE */

	
#frame {
	overflow: visible;
	width:780px;	
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
}

#contentheader {
	float:left;
	width:780px;
	padding:0px;
	background: transparent;

}


#headerphotos {
	float:right;
	width:770px;
	padding:0px;
	margin:0px;
	background: transparent;
}



#contentheadernavleft {
	float:left;
	width:530px;
	padding-left:10px;
	background: transparent;

}

#contentheadernavright {
	float:left;
	width:240;
	padding:0px;
	background: transparent;

}



#contentleft {
	float:left;
	width:168px;
	padding:0px;
	background: transparent;
}

#contentleftbuffer {
	float:left;
	width:10px;
	padding:0px;
	background: transparent;
}
	
	
#contentcenter {
	float:left;
	width:444px;
	padding:0px;
	background: transparent;
}

#map_contentcenter {
	float:left;
	width:444px;
	padding:0px;
	background: transparent;
}



#contentright {
	float:left;
	width:138px;
	padding:0px;
	background: transparent;
}

#contentfooter {
	float:left;
	width:780px;
	padding:0px;
	background: transparent;
}
		
		
		
		
		
/* BACKGROUND PAGE */
		
							
#contentheader {
	width:780px;
	height: 102px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:11px;
	text-align: right;
	padding:0px;
	margin:0px;
	background: transparent;
}

#headerphotos {
	width:770px;
	height: 82px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:11px;
	text-align: right;
	padding-top:7px;
	padding-right:10px;
	margin:0px;
	background: transparent;
}


#contentheadernavleft {
	width:530px;
	height: 20px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:11px;
	padding-left:5px;
	margin:0px;
	background: transparent;
}


#contentheadernavright {
	width:240px;
	height: 20px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:10px;
	padding:0px;
	margin-top:0px;
	text-align: right;
	background: transparent;	
}



#contentleft {
	width:168px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:11px;
	text-align: right;
	padding:0px;
	margin:0px;
	background: transparent;
}

#contentleftbuffer {
	width:10px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
	background: transparent;
}
		
#contentcenter {
	width:444px;	
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:12px;
	padding:0px;
	margin-right:10px;
	background: transparent;
}


#map_contentcenter {
	width:444px;	
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:12px;
	padding:0px;
	margin-right:10px;
	background: transparent;
}


		
#contentright {
	width:138px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
	text-align: left;
	background: transparent;
}




#contentfooter {
	width:780px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px;
	background: transparent;
	text-align: center;
}




#footer {
	width:454px;
	text-align: center;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size:9px;
	padding:0px;
	margin:0px;
	background: transparent;
}		
	


			
/* TXT GENERAL */
		
		
	p,h1,h2,h3 {
	margin:0px 10px 10px 10px;
}
		
	h1 {
	color : #AF7249;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size:14px;
   	font-weight : bold;
	line-height: 1.8em;
	text-align: left;
	padding-top:0px;
}

	h2 {
	color : #AF7249;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size:12px;
   	font-weight : bold;
 	line-height: 1.8em;
	text-align: left;
	padding-top:0px;
}

	h3 {
 	color : #ff6600;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size:12px;
   	font-weight : bold;
	line-height: 1.8em;
	text-align: left;
	padding-top:0px;
}


	
	#contentleft p { 
	color : #000000;
    font-family : verdana, arial, helvetica, sans-serif;
   	font-size:10px;
   	font-weight : normal;
   	line-height: 1.5em;
	text-align: left;
	padding-top:0px;
}
		
	#contentcenter p { 
	color : #000000;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size:12px;
   	font-weight : normal;
   	line-height: 1.5em;
	text-align: left;
	padding-top:0px;
}
	
	#contentright p { 
	color : #000000;
    font-family : verdana, arial, helvetica, sans-serif;
   	font-size:10px;
   	font-weight : normal;
   	line-height: 1.5em;
	text-align: left;
	margin:0px;
}
	
	#contentright img { 
		padding: 0;
		margin: 0;
}


/* HEADLINES */







.headline_nav
{
	color: #888;
   	font-family : verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.8em;
/*	text-align: left;*/
	padding-left:0px;
	padding-top:0px;
}


/* TEXT */



.content_text
{
	color: #000000;	
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.8em;
}

.content_textbold
{
	color: #000000;	
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.8em;
}

.content_textmedium
{
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.8em;
}

.content_textmediumbold
{
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.8em;
}

.content_textsmall
{
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 1.8em;
}

.content_textsmallbold
{
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.8em;
}

.content_textmini
{
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.8em;
}






.content_text_gray
{
	color: #888;	
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.8em;
}

.content_text_graybold
{
	color: #888;	
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.8em;
}

.content_textmedium_gray
{
	color: #888;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.8em;
}

.content_textmedium_graybold
{
	color: #888;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.8em;
}

.content_textsmall_gray
{
	color: #888;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 1.8em;
}

.content_textsmall_graybold
{
	color: #888;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.8em;
}

.content_textmini_gray
{
	color: #888;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.8em;
}




.footer_text
{
	color: #BBB;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.5em;
}

.footerbold_text
{
	color: #BBB;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 1.5em;
}


	
/* LINKS */

	
a:link {
   	color : #ff6600;
   	font-weight : normal;
   	text-decoration : none;

}

a:visited {
   	color : #ff6600;
   	font-weight : normal;
   	text-decoration : none;

}

a:active {
   	color : #000;
   	font-weight : normal;
   	text-decoration : none;
}

a:hover {
   	color : #000;
   	font-weight : normal;
   	text-decoration : underline;
}
	




	
	
	
	

a.nav_medium:link {
   	color : #ff6600;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 11px;
   	font-weight : normal;
   	text-decoration : none;
   	line-height: 1.8em;
}

a.nav_medium:visited {
   	color : #ff6600;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 11px;
   	font-weight : normal;
   	text-decoration : none;
   	line-height: 1.8em;
}

a.nav_medium:active  {
   	color : #000;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 11px;
   	font-weight : normal;
   	text-decoration : none;
   	line-height: 1.8em;
}

a.nav_medium:hover {
   	color : #000;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 11px;
   	font-weight : normal;
   	text-decoration : underline;
   	line-height: 1.8em;
}



a.nav_small:link {
   	color : #ff6600;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 10px;
   	font-weight : normal;
   	text-decoration : none;
   	line-height: 1.8em;
}

a.nav_small:visited {
   	color : #ff6600;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 10px;
   	font-weight : normal;
   	text-decoration : none;
   	line-height: 1.8em;
}

a.nav_small:active  {
   	color : #000;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 10px;
   	font-weight : normal;
   	text-decoration : none;
   	line-height: 1.8em;
}

a.nav_small:hover {
   	color : #000;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 10px;
   	font-weight : normal;
   	text-decoration : underline;
   	line-height: 1.8em;
}
	

	

a.nav_smallgray:link {
   	color : #888;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 10px;
   	font-weight : normal;
   	text-decoration : none;
   	line-height: 1.8em;
}

a.nav_smallgray:visited {
   	color : #888;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 10px;
   	font-weight : normal;
   	text-decoration : none;
   	line-height: 1.8em;
}

a.nav_smallgray:active  {
   	color : #0;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 10px;
   	font-weight : normal;
   	text-decoration : none;
   	line-height: 1.8em;
}

a.nav_smallgray:hover {
   	color : #000;
   	font-family : verdana, arial, helvetica, sans-serif;
   	font-size : 10px;
   	font-weight : normal;
   	text-decoration : underline;
   	line-height: 1.8em;
}

a.footer:link
{
	color: #BBB;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 10pt;
	text-decoration: none;
}

a.footer:visited
{
	color: #BBB;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 10pt;
	text-decoration: none;
}

a.footer:active
{
	color: #BBB;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 10pt;
	text-decoration: none;
}

a.footer:hover
{
	color: #BBB;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 10pt;
	text-decoration: none;
}

	

	

/* LIST - BOX - PADDING */	
	
	
#nav-sideboxleft ul
{
	list-style: none;
	padding-left:10px;
	margin: 0;

}

#nav-sideboxright ul
{
	list-style: none;
	padding-left:10px;
	margin: 0;

}



#nav-menutop ul
{
	list-style: none;
	padding-left:0px;
	margin: 0 ;

}

#nav-menubottom ul
{
	list-style: none;
	padding-left:0px;
	margin: 0 ;

}

#nav-content ul
{
	list-style-image: url('http://www.miazo.com/bas-is/spacer.gif');
	padding-left:0px;
	margin: 0 ;

}





.padding_hr
{
    width: 100%;
	padding-left: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.5em;
}



	
.fotopadding_headerstart
{
	padding-left: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	border-left: 1px solid #ff6600;
	border-top: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
}
	
.fotopadding_header
{
	padding-left: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	border-top: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
}
	

	
.fotopadding_content
{
	float:left;
	padding-left: 0em;
	padding-top: 0.3em;
	padding-right: 0.8em;
	padding-bottom: 0.2em;
}


.fotopadding_sidebar
{
	text-align: center;
	padding-left: 1em;
	padding-top: 0.3em;
	padding-right: 0.8em;
	padding-bottom: 0.3em;	
}	






/* FORMS */


.inputlist
{
	color : #445342;
    font-family : verdana, verdana, arial, helvetica, sans-serif;
   	font-size:11px;
   	font-weight : normal;
   	line-height: 1.5em;
	text-align: left;
	background-color: #ffffff;
	border: solid .07em #DDD;
}

.inputbutton
{
    font-family : verdana, verdana, arial, helvetica, sans-serif;
	color: #445342;
	font-weight: bold;
	font-size: 7pt;
	background-color: transparent;
	border: solid .07em #DDD;
}



.enquetebutton
{
	font-family: verdana, verdana, arial, helvetica, sans-serif;
	color: #ff0011;
	font-weight: bold;
	font-size: 8pt;
	background-color: #ffffff;
	border: solid .07em #ffffff;
}