html,
body {
	margin: 0;
	padding: 0;
}

body	{
	color: #222;
}

/* #wrapper */

#wrapper {
	position: relative;
	background: white url(../images/interface/column_back.gif) repeat-y left top;
}


/* header / logo */

#header	{
	height: 194px; width: 100%;
	background: white url(../images/interface/header_back.gif) repeat-x left top;
}
#headerPhoto {
	position: absolute;
	right: 0; top: 0;
	width: 725px; height: 129px;
	background: url(../images/interface/header_photo1.jpg) no-repeat right top;
}
#photo1 #headerPhoto {
	background-image: url(../images/interface/header_photo1.jpg);
}
#photo2 #headerPhoto {
	background-image: url(../images/interface/header_photo2.jpg);
}
#photo3 #headerPhoto {
	background-image: url(../images/interface/header_photo3.jpg);
}
#photo4 #headerPhoto {
	background-image: url(../images/interface/header_photo4.jpg);
}
#photo5 #headerPhoto {
	background-image: url(../images/interface/header_photo5.jpg);
}
#photo6 #headerPhoto {
	background-image: url(../images/interface/header_photo6.jpg);
}
#photo7 #headerPhoto {
	background-image: url(../images/interface/header_photo7.jpg);
}
#photo8 #headerPhoto {
	background-image: url(../images/interface/header_photo8.jpg);
}
#photo9 #headerPhoto {
	background-image: url(../images/interface/header_photo9.jpg);
}
#photo10 #headerPhoto {
	background-image: url(../images/interface/header_photo10.jpg);
}

#header h1 {
	position: absolute;
	left: 15px; top: 10px;
	width: 275px; height: 101px;
}
#header h1 a	{
	display: block;
	width: 275px; height: 101px;
	text-indent: -999em;
	text-decoration: none;
	background: url(../images/interface/logo_ggi.gif) no-repeat left top;
}


/* anchors */
a	{
	color: #cc2127;
}
a:hover	{
	color: #e9b600;
}
.more {
	font-weight: bold;
	font-style: normal;
	color: #cc2127;
}


/* #content */

#content {
	position: relative;
	margin: 0; padding: 0;
	width: 1000px;
	min-height: 350px;
	background: url(../images/interface/bullet_title.png) no-repeat 250px 18px;
}
* html #content {
	height: 350px;
}

/* primaryContent */

#primaryContent {
	float: left; display: inline;
	margin: 0; padding: 0;
	width: 725px;
}
* html #primaryContent {
	height: 0.1em;
	
}
#primaryContent .wrapper {
	padding: 15px 15px 15px 40px;
	width: 670px;
}

#primaryContent h2 {
	padding-bottom: 5px;
	background: url(../images/interface/title_line.png) no-repeat right center;
}
#primaryContent h2 span {
	padding-right: 8px;
	background: white;
}

h5.date {
	font-weight: normal;
	font-size: 0.9em;
	color: #555555;
}
h5.date a {
	color: #555555;
	text-decoration: none;
}
h5.date a:hover {
	color: #555555;
	text-decoration: underline;
}


/* secondaryContent */

#secondaryContent {
	float: left; display: inline;
	margin: 0; padding: 0;
	width: 240px;
	font-size: 0.9em;
}
#secondaryContent .wrapper {
	padding: 15px;
}
#secondaryContent .spacer {
	margin: 0; padding: 0;
	line-height: 0%;
	font-size: 0;
	height: 0;
	border-top: 1px solid #999999;
	border-bottom: 1px solid white;
}

#secondaryContent h2 {
	position: relative;
	margin-bottom: 0.3em;
}
#secondaryContent h4 {
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 1em;
}
#secondaryContent h4 a {
	color: #111111;
	text-decoration: none;
}
#secondaryContent h4 a:hover {
	color: #cc0000;
	text-decoration: underline;
}
#secondaryContent h5 {
	font-size: 0.85em;
	color: #555555;
}


/* #menu */

#menu {
	position: absolute;
	top: 129px;	left: 0;
	width: 100%; height: 30px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background: #231f20 url(../images/interface/menu_back.png) repeat-x left top;
}	
#menu h2 {
	display: none;
}
#menu ul,
#menu li {
	margin: 0; padding: 0;
	list-style: none;
}
#menu ul li {
	float: left; display: inline;
	background: url(../images/interface/menuspacer_light.png) no-repeat left top;
}
#menu li a {
	display: block;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 12px 4px 12px;
	background: url(../images/interface/menuspacer_dark.png) no-repeat right top;
	color: white;
}
* html #menu li a {
	width: 20px;
	white-space: nowrap;
}
#menu li.first a,
#menu li.last a {
	background: url(../images/interface/menuspacer.png) no-repeat right top;
}

#menu li.active {
	background: url(../images/interface/menu_back_active.png) no-repeat left top;
}

#menu li:hover a,
#menu li.hover a {
	padding: 5px 12px 3px 12px;
	background: url(../images/interface/menu_back_on.png) no-repeat left top;
	color: white;
}

/* submenu */

#menu ul ul {
	position: absolute;
	display: none;
	border-top: 1px solid #111;
	font-size: 12px;
}
#menu ul li:hover ul,
#menu ul li.hover ul {
	/* #menu ul li.hover ul is used by script for IE/WIN found in scripts/menu.js */
	display: block;
}
#menu ul ul,
#menu ul ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li li {
	float: none;
	background: none;
	position: relative;
	width: 180px;
}
#wrapper #menu ul li li a {
	display: block;
	width: 180px;
	padding: 1px 5px 1px 14px;
	font-size: 12px;
	line-height: 22px;
	white-space: normal;
	border: 1px solid #111;
	border-top: none;
	background: #ccc url(../images/interface/bullet_mainsubs.png) no-repeat 6px 8px;
	color: #111;
}
* html #wrapper #menu li li a { 
	/* Hover-back & clickarea is not 100% width in IE */
	height: 0.1em;
	line-height: 125%;
	padding: 5px 5px 5px 14px;
}
#wrapper #menu ul li li.locked a {
	background-image: url(../images/interface/icon_lock.png);
	background-repeat: no-repeat;
	background-position: 3px 8px;
}
#wrapper #menu li li.hover a,
#wrapper #menu li li:hover a {
	background: #ffeca7 url(../images/interface/bullet_mainsubs.png) no-repeat 6px 8px;
}

/* sub-submenu */

#wrapper #menu ul ul ul {
	position: absolute;
	top: -1px;
	left: 200px;
	display: none;
	background: none;
}

#wrapper #menu ul ul li:hover ul,
#wrapper #menu ul ul li.hover ul {
	/* #topmenuList ul li.hover ul is used by script for IE/WIN found in scripts/menu.js */
	display: block;
}
#wrapper #menu li li li a {
	background: #ccc url(../images/interface/bullet_mainsubs.png) no-repeat 6px 8px !important;
	color: #111;
}
#wrapper #menu li li li a:hover {
	background: #ffeca7 url(../images/interface/bullet_mainsubs.png) no-repeat 6px 8px !important;
	color: #111;
}


/* search */

#search {
	position: absolute;
	top: 164px;	right: 15px;
}
* html #search {
	top: 163px;
}
#search form {
	margin: 0; padding: 0;
	font-size: 11px;
	line-height: 13px;
}
#search label {
	display: none;
}
#search input {
	vertical-align: middle;
}
#search #fc_query {
	width: 100px;
	font-size: 10px;
	margin-right: 3px;
	border: 1px solid #111;
}
#wrapper #search .button {
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 120%;
	padding: 1px 5px;
	border-top: 1px solid #ffe68d;
	border-left: 1px solid #ffe68d;
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
	background: #444;
	color: #fff;
}
* html #wrapper #search .button {
	height: 18px;
	padding: 0;
}
#wrapper #search .button:hover {
	border-top: 1px solid #ffe68d;
	border-left: 1px solid #ffe68d;
	border-bottom: 1px solid #ae8800;
	border-right: 1px solid #ae8800;
	background: #fec90a;
	color: #111;
}

/* breadcrumbs */

#breadcrumbs {
	position: absolute;
	top: 160px; left: 0;
	height: 33px; width: 100%;
	background: #fec90a url(../images/interface/breadcrumbs_back.gif) repeat-x left center;
	border-top: 1px solid white;
}
#breadcrumbsColumn {
	position: absolute;
	top: 0; left: 0;
	width: 240px; height: 33px;
	background: url(../images/interface/header_back_column.gif) repeat-x left bottom;
}
#breadcrumbs ul,
#breadcrumbs li {
	margin: 0; padding: 0;
}
#breadcrumbs ul {
	position: absolute;
	top: 3px; left: 0;
}
#breadcrumbs li {
	float: left;
	display: inline;
	padding: 0 0 0 1.2em;
	font-size: 11px;
	line-height: 18px;
	background: url(../images/interface/breadcrumbs_arrow.png) no-repeat 0.5em 0.60em;
	color: 111;
}
* html #breadcrumbs li {
	padding: 0 0 0 12px;
	background-position: 5px 7px; /* no scaling font-size and background for IE */
}
#breadcrumbs li.first {
	padding-left: 12px;
	background: none;
}
#breadcrumbs li a {
	color: #6f5700;
	text-decoration: none;
}
#breadcrumbs li a:hover {
	color: #6f5700;
	text-decoration: underline;
}


/* address */

address {
	font-style: normal;
}
address span.spacer {
	display: block;
	font-size: 0px;
	line-height: 60%;
	height: 8px;
}
address span.label {
	display: block;
	float: left;
	width: 1.5em;
	white-space: nowrap;
}

/* #footer */

#footer	{
	position: relative;
	width: 100%; 
	background: #231f20 url(../images/interface/footer_back.gif) repeat-x left top;
	font-size: 11px;
	line-height: 125%;
	color: white;
}
#footerColumn {
	position: absolute;
	top: 0; left: 0;
	width: 240px; height: 8px;
	background: url(../images/interface/footer_back_column.gif) repeat-x left top;
}
#footer .wrapper {
	padding: 25px 10px 8px 10px;
	text-align: center;
}
#footer a	{
	font-weight: bold;
	text-decoration: none;
	color: white;
}
#wrapper #footer a:hover {
	text-decoration: underline;
	color: white;
}

#footer #footerMenu {
	float: left;
	display: inline;
}
#footer #footerMenu ul,
#footer #footerMenu li {
	margin: 0;	padding: 0;
	list-style: none;
}
#footer #footerMenu li {
	float: left; display: inline;
	line-height: 110%;
	font-size: 11px;
	border-left: 1px solid #888;
}
#footer #footerMenu li.first {
	border: none;
}
#footer #footerMenu li a {
	line-height: 120%;
	margin: 0 8px 2px 8px;
}

#footer #copyright {
	float: right; display: inline;
}


/* fontSize */


/* various classes */

#content ul {
	list-style: none;
	margin: 0; padding: 0;
	margin-bottom: 1em;
}
#content ul li {
	padding-left: 1.2em;
	background: url(../images/interface/bullet.png) no-repeat 0.35em 0.5em;
	margin-bottom: 0.2em;
}
#content #secondaryContent li {
	background: url(../images/interface/bullet_submenu.png) no-repeat 0.3em 0.5em;
}
#content #secondaryContent li.locked {
	background: url(../images/interface/icon_lock.png) no-repeat 0.25em 0.55em;
}
#content #secondaryContent #submenu li a {
	font-weight: bold;
	color: #111;
	text-decoration: none;
}
#content #secondaryContent #submenu li a:hover {
	color: #cc0000;
	text-decoration: underline;
}
#content #secondaryContent #submenu li.active a {
	color: #cc0000;
}

hr,
h2 {
	display: none;
}
#primaryContent h2,
#secondaryContent h2,
#primaryContent hr,
#secondaryContent hr {
	display: block;
}

.skip,
.noScreen {
	display: none;
}

a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}
abbr {
	border: none;
}
.clearBoth {
	clear: both;
	height: 0;
	line-height: 0%;
	font-size: 0;
	visibility: hidden;
}


/* SPECIFIC */

/* page selector */
.pageSelector {
	margin: 0 0 1em 0;
	text-align: center;
}
.pageSelector .item {
	border: 1px solid #222;
	background: #ccc;
	font-weight: bold;
	font-size: 11px;
	color: #222;
}
.pageSelector .active {
	background: #fec90a;
	color: #222;
}
.pageSelector .active,
.pageSelector .noLink,
.pageSelector .item a {
	padding: 0 4px;
	min-width: 1.5em;
}
* html .pageSelector .active,
* html .pageSelector .noLink,
* html .pageSelector .item a {
	width: 1.5em;
}
.pageSelector .item a {
	background: #cc0000;
	text-decoration: none;
	color: white;
}
.pageSelector .item a:hover {
	background: #222;
	color: white;
}

/* newsItem */
.newsItem {
	clear: left;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
}
.newsItem .newsPhoto {
	float: left; display: inline;
	margin: 0.4em 0.6em 0.5em 0;
	border: 1px solid #222;
}
.newsItem h3 {
	margin-bottom: 0;
}
.newsItem h3 a {
	text-decoration: none;
}


/* objectCats */
#wrapper #objectCats,
#wrapper #objectCats li {
	margin: 0; padding: 0;
	list-style: none;
	background: none;
}

#wrapper #objectCats li {
	float: left; display: inline;
	width: 89px;
	margin: 0 50px 20px 0;
	text-align: center;
}
#wrapper #objectCats li a {
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;
}
#wrapper #objectCats li a span {
	display: block;
	padding-top: 89px;
	font-weight: bold;
	line-height: 120%;
	font-size: 0.9em;
}

#objectCats li#zwartbont a {
	background-image: url(../images/interface/button_zwartbont.jpg);
}
#objectCats li#roodbont a {
	background-image: url(../images/interface/button_roodbont.jpg);
}
#objectCats li#brown_swiss a {
	background-image: url(../images/interface/button_brownswiss.jpg);
}
#objectCats li#fleckvieh a {
	background-image: url(../images/interface/button_fleckvieh.jpg);
}
#objectCats li#mrij a {
	background-image: url(../images/interface/button_mrij.jpg);
}
#objectCats li#belgisch_blauw a {
	background-image: url(../images/interface/button_belgischblauw.jpg);
}
#objectCats li#scandinavisch_rood a {
	background-image: url(../images/interface/button_scandinavischrood.jpg);
}
#objectCats li#overige_rassen a {
	background-image: url(../images/interface/button_overig.jpg);
}


/* imageGallery */
.galleryImages {
	clear: both;
}
.caption {
	margin: 0.3em 0;
	text-align: center;
	font-size: 0.9em;
	color: #555;
}

.imageGallery {
	cursor: pointer;
}

.imageHolder {
	float: left; display: inline;
	margin: 0 15px 15px 0;
	padding: 10px;
	width: 260px;
}
.galleryImage {
	width: 260px; height: 260px;
	border: 1px solid #bbb;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center center;
}

/* object details */
#sideBar {
	float: right; display: inline;
	margin: 0 0 2em 2em;
}
#mainImage {
	position: relative;
	right: 0;
	width: 260px;
	text-align: center;
}
#familyTree {
	margin-top: 1em;
	background: #e9e8e8;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 0.9em;
}


/* IE5.x/WIN hacks */
@media tty {
 i{content:"\";/*" "*/}}; @import 'ie50.css'; {;}/*";}
}/* */


/* IE5.5 */
@media tty {
 i{content:"\";/*" "*/}}@m; @import 'ie55.css'; /*";}
}/* */