/* ----------------------------------- */
/*                                     */
/*    CSS VOOR GRONINGER ONTWERPERS    */
/*        www.beinggreen.nl            */
/*                                     */
/*           1. Algemeen               */
/*           2. Header                 */
/*           3. Navigatie              */
/*           4. Content                */
/*           5. Footer                 */
/*           6. Links                  */
/*                                     */
/* ----------------------------------- */


/* ----------------------------------- */
/*         1. ALGEMEEN                 */
/* ----------------------------------- */

* {	
margin: 0;
padding: 0;
/*font-family: Arial, Helvetica, sans-serif;
*/}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#FFFFFF;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #000000;
	letter-spacing: 0px;
}

b, strong {
	font-weight: bold;
	letter-spacing: 0px;
}

img {
	border-style: none;
}

.image-left {
	margin: 3px;
	padding: 3px;
	float: left;
	margin-right: 10px;
}

.image-right {
	margin: 3px;
	padding: 3px;
	float: right;
	margin-left: 10px;
}

.image-groot {
	margin-top: 10px;
}

#container {
	width: 955px;
	margin: 0px auto;
	color: #333333;
	background: #fff url(../beeld/standaard/AchtergondTekst.png) 0 0 repeat-x;
	padding: 0px;
	margin-top: 15px;
}

#containerHome {
	width: 955px;
	margin: 0px auto;
	color: #333333;
	background: #fff url(../beeld/standaard/AchtergrondHome.png) 0 0 repeat-x;
	padding: 0px;
	margin-top: 15px;
}

/* ----------------------------------- */
/*         2. HEADER                   */
/* ----------------------------------- */

#pageHeader {
	width: 955px;
	height: 109px;
	text-align: left;
	background: #fff url(../beeld/standaard/top_home.png) 0 0 repeat-x;
}

#pageHeader #content{
	padding-left: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	letter-spacing: 1px;
	line-height: 14px;
}

#Mobiel {
	position:relative;
	left:780px;
	top:-86px;
	width:115;
	height:85;
	z-index:10;
}

#breadcrumbcontainer {
	text-align: left;
	width: 643px;
	height: 35px;
	float: left;
}

#breadcrumbcontainer #content {
	padding-top: 5px;
	padding-left: 50px;
	padding-right: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	letter-spacing: 2px;
}

/* ----------------------------------- */
/*         3. NAVIGATIE                */
/* ----------------------------------- */

#submenu {
	background: #FFFFFF;
	color: #CCCCCC;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
}

#submenu #huidigekeuze {
	background: #FFFFFF /*url("../beeld/hover.gif") left center no-repeat*/;
	color: #004192;
	padding-bottom: 4px;
}

#submenu li {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 900;
}
#submenu a {
	background: #FFFFFF;
	border-bottom: 1px solid #7384BB;
	color: #7384BB;
	display: block;
	margin: 0;
	padding: 4px 0px 4px 10px;
	text-decoration: none;
}
#submenu a:hover {
	background: #FFFFFF/* url("../beeld/hover.gif") left center no-repeat*/;
	color: #004192;
	padding-bottom: 4px;
}

a:link {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}

a:hover, a:active {
	color: #009EE0;
	text-decoration: underline;
}

a.nav {
	font-size: 10px;
	text-decoration: none;
	color: #E2001A;
	letter-spacing: 2px;
}

a.nav:hover {
	text-decoration: underline;
}

a.submenu {
	font-size: 14px;
	text-decoration: underline;
	color: #000000;
}

a.submenu:hover {
	text-decoration: underline;
	color: #009EE0;
}
/* ----------------------------------- */
/*         4. HOMEPAGE PROJECTLAYERS   */
/* ----------------------------------- */

#Project01 {
	position:relative;
	left:87px;
	top:10px;
	width:281px;
	height:184px;
	z-index:1;
}

#Project03 {
	position:relative;
	left:87px;
	top:27px;
	width:281px;
	height:184px;
	z-index:1;
}

#Project05 {
	position:relative;
	left:87px;
	top:46px;
	width:281px;
	height:184px;
	z-index:1;
}

#Project07 {
	position:relative;
	left:87px;
	top:63px;
	width:281px;
	height:184px;
	z-index:09;
}

#Project09 {
	position:relative;
	left:87px;
	top:81px;
	width:281px;
	height:184px;
	z-index:09;
}

#Project11 {
	position:relative;
	left:87px;
	top:99px;
	width:281px;
	height:184px;
	z-index:09;
}

#Project13 {
	position:relative;
	left:87px;
	top:117px;
	width:281px;
	height:184px;
	z-index:09;
}

#Project02 {
	position:relative;
	left:0px;
	top:10px;
	width:281px;
	height:184px;
	z-index:1;
}

#Project04 {
	position:relative;
	left:0px;
	top:27px;
	width:281px;
	height:184px;
	z-index:1;
}

#Project06 {
	position:relative;
	left:0px;
	top:46px;
	width:281px;
	height:184px;
	z-index:1;
}

#Project08 {
	position:relative;
	left:0px;
	top:63px;
	width:281px;
	height:184px;
	z-index:09;
}

#Project10 {
	position:relative;
	left:0px;
	top:81px;
	width:281px;
	height:184px;
	z-index:09;
}

#Project12 {
	position:relative;
	left:0px;
	top:99px;
	width:281px;
	height:184px;
	z-index:09;
}

#Project14 {
	position:relative;
	left:0px;
	top:117px;
	width:281px;
	height:184px;
	z-index:09;
}

/* ----------------------------------- */
/*         4. CONTENT                  */
/* ----------------------------------- */

#contentContainerHomeLinks {
	width: 385px;
	float: left;
	text-align: left;
/*	height: 1416px;
*/	height: 1232px;
}

#contentContainerHomeRechts {
	width: 358px;
	float: left;
	text-align: left;
/*	height: 1416px;
*/	height: 1232px;
}

#ContainerHome #content {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 15px;
}

#contentContainerOnderwerpLinks {
	width: 328px;
	float: left;
	text-align: left;
	/*height: 365px;*/
}

#contentContainerOnderwerpLinks #content {
	padding-top: 0px;
	padding-left: 50px;
	padding-right: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 28px;
	margin-top: 0px;
	margin-bottom: 15px;
}

#contentContainerOnderwerpRechts {
	width: 415px;
	float: left;
	text-align: left;
	/*height: 365px;*/
}

#contentContainerOnderwerpRechts #content {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 71px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 28px;
	margin-top: 35px;
	margin-bottom: 15px;
}

#contentContainerBreed {
	width: 743px;
	float: left;
	text-align: left;
}

#contentContainerBreed #content {
	padding-top: 5px;
	padding-left: 45px;
	padding-right: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 15px;
}

#KopContainer {
	width: 610px;
	float: left;
	text-align: left;
	height: 40px;
}

#KopContainer #content {
	line-height: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

#submenuContainer {
	width: 197px;
	float: left;
	text-align: left;
	padding-top: 0px;
	margin-top: 0px;
}

#submenuContainer #content {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	padding-right: 0px;
	padding-left: 0px;
	/*margin-bottom: 15px;*/
}
#submenuContainer #inspringen {
	padding-left: 20px;
}

#rightContainer {
	width: 200px;
	float: right;
	text-align: left;
}

#rightContainer #content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-top: 60px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
}

.fotolinks {
	margin-right: 10px;
	margin-top: 6px;
}

.fotorechts {
	margin-left: 10px;
	margin-top: 6px;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	letter-spacing: 5px;
	font-weight: normal;
	margin-bottom:2px;
	color: #646567;
	line-height: 54px;
}

h1 strong {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 5px;
	margin-bottom:2px;
	color: #646567;
	line-height: 54px;
}


h2 {
	color: #009EE0;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 3px;
	letter-spacing: 5px;
}

h3 {
	color: #009EE0;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 3px;
	letter-spacing: 1px;
}

h4 {
	color: #296cd8;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 3px;
	letter-spacing: 3px;
}

h5 {
	color: #296cd8;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 3px;
	letter-spacing: 2px;
}

abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #187F9F;
	cursor: help;
}
	
a abbr {
	border: none;
}

.imageStyle {
}

.TekstGrijs {
color: #646567
}

.TekstRood {
color: #E2001A
}

.TekstCyaan {
color: #009EE0
}

.kopje {
	color: #666666;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 3px;
	letter-spacing: 2px;
}

.subkopje {
	font-size: 21px;
	margin-bottom: 3px;
	letter-spacing: 1px;
}

/* ----------------------------------- */
/*         5. FOOTER                   */
/* ----------------------------------- */

#menubalk {
/*	background: url(../beeld/footer.gif) no-repeat top left #004192;
*/	color: #7384BB;
	height: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

#menubalk p {
	margin: 0px;
	padding-top: 7px;
	padding-right: 6px;
	padding-left: 6px;
}

#menubalk a {
	color: #7384BB;
	text-decoration: none;
}

#menubalk a:hover {
	color: #004192;
	text-decoration: underline;
}

#menubalk #huidigekeuze {
	color: #004192;
	text-decoration: underline;
}

#footer {
	background: url(../beeld/standaard/footer.png) no-repeat top left #fff;
	color: #FFFFFF;
	height: 10px;
	font-size: 9px;
	text-align: left;
}

#footer p {
	margin: 0px;
	padding-top: 7px;
	padding-right: 6px;
	padding-left: 6px;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	color: #333333;
	text-decoration: none;
}

#adresBalk {
/*	background: url(../beeld/footer.gif) no-repeat top left #004192;
	color: #FFFFFF;
*/	height: 27px;
	font-size: 11px;
	text-align: center;
}

#adresBalk p {
	margin: 0px;
	padding-top: 7px;
	padding-right: 6px;
	padding-left: 6px;
}

#adresBalk a {
	color: #7384BB;
	text-decoration: none;
}

#adresBalk a:hover {
	color: #004192;
	text-decoration: none;
}