/* Copyright (C) 2007 - 2010 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * This CSS file is for customization purpose only
 */ 
 /* COLOR-yellow */

/* layout */
.color-yellow #footer a.anchor { background-image: url(../images/color/yellow/footer_anchor.png); } 

/* typography */
.color-yellow h2,
.color-yellow h4,
.color-yellow h6,
.color-yellow a:hover { color: #FFCC00; }

.color-yellow ul.links li { background-image: url(../images/color/yellow/typography/list_links.png); }
#page.color-yellow ul.links li a:hover { color: #FFCC00; }

.color-yellow ul.hoverbox li { background-image: url(../images/color/yellow/typography/list_hoverbox.png); }
.color-yellow ul.hoverbox li:hover a,
.color-yellow ul.hoverbox li:hover span.title { color: #FFCC00; }

.color-yellow .spotlight.fade .spotlight1 { background-color: #32BBE9; }

/* menus */
.color-yellow #footer .menu li a:hover { color: #FFCC00; }

.color-yellow #menu li.level1.active:hover,
.color-yellow #menu li.active.remain { background: #FFCC00; }
.color-yellow #menu li.active a.level1 > span,
.color-yellow #menu li.active span.level1 > span { color: #FFCC00; }
.color-yellow #menu li.parent a.level1,
.color-yellow #menu li.parent span.level1 { background-image: url(../images/color/yellow/menu_level1_item_parent.png); }

.color-yellow #menu a.level2:hover span.bg,
.color-yellow #menu a.level3:hover span.bg { color:  #FFCC00; }

.color-yellow div.mod-line ul.menu a.current span.bg,
.color-yellow div.mod-line ul.menu a:hover span.bg,
.color-yellow div.mod-line ul.menu span:hover span.bg { color: #FFCC00; }
.color-yellow div.mod-line ul.menu li.level1 .level1 { background-image: url(../images/color/yellow/submenu_level1_item_hover.png); }
.color-yellow div.mod-line ul.menu li.parent .level1 span.bg { background-image: url(../images/color/yellow/submenu_level1_item_parent.png); }
.color-yellow div.mod-line ul.menu li.level2 span.bg { background-image: url(../images/color/yellow/submenu_level2_item.png); }

/* modules */
.color-yellow div.mod-box-templatecolor div.box-1,
.color-yellow div.mod-hoverbox-default:hover div.box-1,
.color-yellow div.mod-line-templatecolor:hover div.box-1 { background-color: #FFCC00; }
.color-yellow div.mod-line-texthover:hover div.box-1,
.color-yellow div.mod-line-texthover:hover h3.header span.subtitle { color: #FFCC00; }
.color-yellow div.mod-line-texthover:hover h3.header span.title {
    border-color: #32BBE9;
    color: #FFCC00;
}
.color-yellow div.mod-box-invert:hover a:hover,
.color-yellow div.mod-hoverbox-invert:hover a:hover,
.color-yellow div.mod-line-texthover:hover a,
.color-yellow div.mod-line-invert:hover a:hover { color: #FFCC00; }
.color-yellow div.mod-line-texthover:hover a:hover { color: #000000; }
.color-yellow div.mod-line-texthover:hover a.readmore { color: #ffffff; }

/* system */
.color-yellow #searchbox .results li.result.selected { color: #FFCC00; }

.color-yellow #searchbox .results li.more-results:hover { background-color: #32BBE9; }
.color-yellow .breadcrumbs a:hover  { color: #FFCC00; }

.color-yellow a.readmore { background-image: url(../images/color/yellow/readmore.png); }
.texture-brushes.color-yellow #page-body {
    background-image: url("../images/texture/yellow/texture_brushes.png");
}

/* ************** /*
 /* COLOR-blue */

/* layout */
.color-blue #footer a.anchor { background-image: url(../images/color/blue/footer_anchor.png); } 

/* typography */
.color-blue h2,
.color-blue h4,
.color-blue h6,
.color-blue a:hover { color: #0E2B93; }

.color-blue ul.links li { background-image: url(../images/color/blue/typography/list_links.png); }
#page.color-blue ul.links li a:hover { color: #0E2B93; }

.color-blue ul.hoverbox li { background-image: url(../images/color/blue/typography/list_hoverbox.png); }
.color-blue ul.hoverbox li:hover a,
.color-blue ul.hoverbox li:hover span.title { color: #0E2B93; }

.color-blue .spotlight.fade .spotlight1 { background-color: #0E2B93; }

/* menus */
.color-blue #footer .menu li a:hover { color: #0E2B93; }

.color-blue #menu li.level1.active:hover,
.color-blue #menu li.active.remain { background: #0E2B93; }
.color-blue #menu li.active a.level1 > span,
.color-blue #menu li.active span.level1 > span { color: #0E2B93; }
.color-blue #menu li.parent a.level1,
.color-blue #menu li.parent span.level1 { background-image: url(../images/color/blue/menu_level1_item_parent.png); }

.color-blue #menu a.level2:hover span.bg,
.color-blue #menu a.level3:hover span.bg { color:  #0E2B93; }

.color-blue div.mod-line ul.menu a.current span.bg,
.color-blue div.mod-line ul.menu a:hover span.bg,
.color-blue div.mod-line ul.menu span:hover span.bg { color: #0E2B93; }
.color-blue div.mod-line ul.menu li.level1 .level1 { background-image: url(../images/color/blue/submenu_level1_item_hover.png); }
.color-blue div.mod-line ul.menu li.parent .level1 span.bg { background-image: url(../images/color/blue/submenu_level1_item_parent.png); }
.color-blue div.mod-line ul.menu li.level2 span.bg { background-image: url(../images/color/blue/submenu_level2_item.png); }

/* modules */
.color-blue div.mod-box-templatecolor div.box-1,
.color-blue div.mod-hoverbox-default:hover div.box-1,
.color-blue div.mod-line-templatecolor:hover div.box-1 { background-color: #0E2B93; }
.color-blue div.mod-line-texthover:hover div.box-1,
.color-blue div.mod-line-texthover:hover h3.header span.subtitle { color: #0E2B93; }
.color-blue div.mod-line-texthover:hover h3.header span.title {
    border-color: #0E2B93;
    color: #0E2B93;
}
.color-blue div.mod-box-invert:hover a:hover,
.color-blue div.mod-hoverbox-invert:hover a:hover,
.color-blue div.mod-line-texthover:hover a,
.color-blue div.mod-line-invert:hover a:hover { color: #0E2B93; }
.color-blue div.mod-line-texthover:hover a:hover { color: #000000; }
.color-blue div.mod-line-texthover:hover a.readmore { color: #ffffff; }

/* system */
.color-blue #searchbox .results li.result.selected { color: #0E2B93; }

.color-blue #searchbox .results li.more-results:hover { background-color: #0E2B93; }
.color-blue .breadcrumbs a:hover  { color: #0E2B93; }

.color-blue a.readmore { background-image: url(../images/color/blue/readmore.png); }
.texture-brushes.color-blue #page-body {
    background-image: url("../images/texture/blue/texture_brushes.png");
}
/* ****************************************** /*
 /* COLOR-green */

/* layout */
.color-green #footer a.anchor { background-image: url(../images/color/green/footer_anchor.png); } 

/* typography */
.color-green h2,
.color-green h4,
.color-green h6,
.color-green a:hover { color: #1EA53C; }

.color-green ul.links li { background-image: url(../images/color/green/typography/list_links.png); }
#page.color-green ul.links li a:hover { color: #1EA53C; }

.color-green ul.hoverbox li { background-image: url(../images/color/green/typography/list_hoverbox.png); }
.color-green ul.hoverbox li:hover a,
.color-green ul.hoverbox li:hover span.title { color: #1EA53C; }

.color-green .spotlight.fade .spotlight1 { background-color: #1EA53C; }

/* menus */
.color-green #footer .menu li a:hover { color: #1EA53C; }

.color-green #menu li.level1.active:hover,
.color-green #menu li.active.remain { background: #1EA53C; }
.color-green #menu li.active a.level1 > span,
.color-green #menu li.active span.level1 > span { color: #1EA53C; }
.color-green #menu li.parent a.level1,
.color-green #menu li.parent span.level1 { background-image: url(../images/color/green/menu_level1_item_parent.png); }

.color-green #menu a.level2:hover span.bg,
.color-green #menu a.level3:hover span.bg { color:  #1EA53C; }

.color-green div.mod-line ul.menu a.current span.bg,
.color-green div.mod-line ul.menu a:hover span.bg,
.color-green div.mod-line ul.menu span:hover span.bg { color: #1EA53C; }
.color-green div.mod-line ul.menu li.level1 .level1 { background-image: url(../images/color/green/submenu_level1_item_hover.png); }
.color-green div.mod-line ul.menu li.parent .level1 span.bg { background-image: url(../images/color/green/submenu_level1_item_parent.png); }
.color-green div.mod-line ul.menu li.level2 span.bg { background-image: url(../images/color/green/submenu_level2_item.png); }

/* modules */
.color-green div.mod-box-templatecolor div.box-1,
.color-green div.mod-hoverbox-default:hover div.box-1,
.color-green div.mod-line-templatecolor:hover div.box-1 { background-color: #1EA53C; }
.color-green div.mod-line-texthover:hover div.box-1,
.color-green div.mod-line-texthover:hover h3.header span.subtitle { color: #1EA53C; }
.color-green div.mod-line-texthover:hover h3.header span.title {
    border-color: #1EA53C;
    color: #1EA53C;
}
.color-green div.mod-box-invert:hover a:hover,
.color-green div.mod-hoverbox-invert:hover a:hover,
.color-green div.mod-line-texthover:hover a,
.color-green div.mod-line-invert:hover a:hover { color: #1EA53C; }
.color-green div.mod-line-texthover:hover a:hover { color: #000000; }
.color-green div.mod-line-texthover:hover a.readmore { color: #ffffff; }

/* system */
.color-green #searchbox .results li.result.selected { color: #1EA53C; }

.color-green #searchbox .results li.more-results:hover { background-color: #1EA53C; }
.color-green .breadcrumbs a:hover  { color: #1EA53C; }

.color-green a.readmore { background-image: url(../images/color/green/readmore.png); }
.texture-brushes.color-green #page-body {
    background-image: url("../images/texture/green/texture_brushes.png");
}
/* ****************************************** /*

a { -moz-transition: color 0.2s ease-in-out 0s; }

/* Styling EVENTS */
.title {
	font-weight:normal;
	margin:0;
	font-size: 11px; 
}
/* Styling CONTACT */
#system .title {
	font-size: 2em;
}
.zoo-item.list-v div.description a {
    margin: 5px 0 0;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#headerbar {
	min-height:0;
	overflow:hidden;
	padding:100px 0 0;
}
.contact {line-height: 210%;}


body {
	line-height: 120%;
	background: #F9F8F4 !important;
}

.wrapper {
	background: #FFFFFF;
	padding: 0 10px;
}
    
#logo {
left:0;
position:absolute;
top:11px;
}

#logo a.logo-icon {
	display: block;
	width: 630px;
	height: 133px;
	background: url("../images/agogo_logo_black_100px.png") no-repeat scroll 0 0 transparent;
}

.style-black #logo a.logo-icon { background-image: url(../../../images/yootheme/agogo_logo_white_150px.png); }

.iconbox { 
	padding: 10px;
	border: 1px solid #EDEEEF;
	background: #ffffff;
	overflow:hidden; 
}

.style-black .iconbox { 
	background: #2C2B2A;
	border: 1px solid #43413D;
}
/* layout (line 47) */
#top {
    clear:both;
    margin:0;
    overflow:hidden;
    padding:0;
}

#page-body {
border-top: none;
}

/* ------------- LAYOUT --------- */

#header {
    clear:both;
    margin:0 10px 10px;
    padding:0;
    position:relative;
    z-index:10;
}
#banner {
    right: -21px;
    top: 315px;
}
.banneritem {
margin-bottom: 10px;
}

#footer {
background: url("../images/agogo_kruislijntje.png") repeat-x scroll 0 2px #FFFFFF;
border-top:0;
}

#yoo-zoo .items div.pos-media .element {
    margin-bottom: 0;
}

/* ------------- Category --------- */

#yoo-zoo .items div.teaser-item {
    padding:7px 10px;
}

div.teaser-item-bg hover {
	background: #2C2B2A;
	border: 1px solid #43413D;
}

/*
#yoo-zoo .items div.teaser-item-bg, #yoo-zoo .items div.teaser-item {
    border-top:5px solid #333435;
    overflow:hidden;
    padding:7px 0 0;
}
*/
#yoo-zoo .items div.teaser-item-bg {
    border-top:none;
    overflow:hidden;
    padding:0;
}
#yoo-zoo .items div.teaser-item {
    border-top:5px solid #333435;
    overflow:hidden;
}
#yoo-zoo .items div.teaser-item:first-child {
padding-top: 7px;
}
#yoo-zoo .details h1.title {
    color:#323232;
    font-size:35px;
    font-weight:normal;
    letter-spacing:-1px;
    line-height:45px;
    margin:0;
    text-transform:uppercase;
}

/* -- Kopregel aanpassing frontpage -- */

#yoo-zoo .items h1.pos-title {
    font-size: 21px;
    line-height: 22px;
    margin: 0;
}
#yoo-zoo .items h2.pos-subtitle, #yoo-zoo .item h2.pos-subtitle {
    margin: 4px 0 5px;
}
#yoo-zoo .items div.pos-content p {
    margin: 0;
    line-height: 17px;
}
#yoo-zoo .item div.pos-content .element, #yoo-zoo .items div.pos-content .element {
    margin-bottom: 8px;
}

#yoo-zoo .items p.pos-links {
    margin: 8px 0;
}
#yoo-zoo .items p.pos-links a {
    background: none repeat scroll 0 0 #DDD;
    font-size: 10px;
    padding: 5px;
    text-decoration: none;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#yoo-zoo .items p.pos-links a:hover {
    background: none repeat scroll 0 0 #FFF;
	border: 1px solid #DDD;
}
/* ------------- Style --------- */

.texture-brushes #page-body {
background:url("../images/texture/texture_brushes.jpg") repeat-x scroll 50% 0 transparent;
}

.zoo-item.list-v p.links a {
    background: none repeat scroll 0 0 #DDD;
    font-size: 10px;
    padding: 2px 5px;
    text-decoration: none;
	float: left;
}
.zoo-item.list-v p.links a:hover {
    background: none repeat scroll 0 0 #FFF;
	border: 1px solid #DDD;
}
.zoo-item.list-v h3.title a {
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

/* ------------- modules --------- */

#top .module {
	padding-left: 0px;
	padding-right: 0px;
}
#top .module
{ margin-bottom: 0px; }

div.mod-line div.box-1 {
    padding: 0 20px;
}
.module h3.header {
	color:#FFFFFF;
	background:#343434;
}
.module h3.header span.title {
	padding:7px 10px;
	border:none;
	font-size: 16px;
	text-align: center;
}

/* ------------- TYPOGRAPHY --------- */

.spotlight.fade .spotlight1 > div > a:first-child {
background:url("../images/spotlight_overlay.png") no-repeat scroll 100% 100% transparent;
}

/* ------------- Buttons --------- */

button,
.button a,
a.button,
ul.pagenav li a,
input.button,
input[type="button"],
input[type="submit"], 
a.simpleCart_checkout, .simpleCart_checkout:link, .simpleCart_checkout:visited, a.simpleCart_empty, .simpleCart_empty:link, .simpleCart_empty:visited, .item_add, a.item_add:link, .item_add:visited, .bu_bestellen, .zoo-filter.button, .yoo-zoo input[type="button"], .yoo-zoo input[type="submit"], .zoo-filter .button {
  cursor : pointer;
  display: inline-block;
  position: relative;
  text-align:center;
  padding: 0.5em 1em;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
  border-bottom-color: #bbb; 
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
  max-width:400px;
  }

button:hover,
.button a:hover,
a.button:hover,
ul.pagenav li a:hover,
input.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover, 
.simpleCart_checkout:hover, .simpleCart_empty:hover, .item_add:hover, .zoo-filter .button:hover {
  background-color: #eee;
  text-decoration: none;
  color:#000;
}

button:active,
.button a:active,
a.button:active,
ul.pagenav li a:active,
input.button:active,
input[type="button"]:active,
input[type="submit"]:active, .zoo-filter .button:active {
    top: 1px;
    background: rgb(30,156,31);
    text-shadow: 0px 1px 0px rgba(0,0,0,.4);
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding : 0;
    border : 0;
}

/* ------------- TRANSLATION --------- */
#jflanguageselection {
    margin: 5px 0;
}
#jflanguageselection img {
    margin: 0 5px;
}
/* ------------- ZOO --------- */
#yoo-zoo .items div.pos-date, #yoo-zoo .item div.pos-date {
background:none repeat scroll 0 0 #333435;
float:left;
height:100%;
margin-right:10px;
padding-bottom:3px;
width:34px;
}

#header span.niftyquick span.yoo-login span.logout {
	margin-top:0;
}

#yoo-zoo .item ul.pos-taxonomy {
    border-bottom: 6px solid #343434;
    border-top: 1px solid #343434;
    letter-spacing: 1px;
    list-style: none outside none;
    margin: 20px 0 0;
    padding: 6px 0;
}
#yoo-zoo .item div.pos-related {
	padding-top: 0;
}
#yoo-zoo .item h3 {
    background: none repeat scroll 0 0 #343434;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
    padding: 4px;
    text-transform: uppercase;
}
#yoo-zoo .item h1.pos-title {
    border-bottom: 6px solid #343434;
    color: #323232;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 34px;
    margin: 0 0 6px;
    text-transform: uppercase;
}
.yoo-zoo.socialbuttons {
  margin-top: 15px;
  float: left;
}
.yoo-zoo.socialbookmarks {
  margin-top: 9px;
}
.wk-slideset img {
    float: left;
    height: 80px;
    width: 80px;
	margin-right: 10px;
}
.wk-slideset .title {
    font-size: 14px;
}
.wk-slideset-default .sets {
    float: left;
}

/* ------------- CHRONOFORM --------- */
.chronoform {
text-indent: -9999px;
}
form div .form-element-subrow {
margin: 0;
} 
#bedrag1_container_div .label_over label:first-child {
	width: 24% !important;
	float: left;
}
.ccms_form_element {
	margin-bottom: 10px;
	position: relative;
	padding: 5px 0;
	clear: both;
	border-bottom: 1px solid #E7E7E7;
}

/* ------------- POST META --------- */
.breadcrumbs {
	background:none repeat scroll 0 0 #EDEEEF;
	margin-bottom:10px;
	padding:2px 0 2px 6px;
}
#yoo-zoo .items p.pos-meta {
	margin: 4px 0;
}
#yoo-zoo .items p.pos-meta, #yoo-zoo .item p.pos-meta {
	margin: 0;
	text-transform: none;
	letter-spacing: 0px;
}
#yoo-zoo .items p.pos-meta span.element, #yoo-zoo .item p.pos-meta span.element {
    border-bottom: 1px solid #E1E1E1;
    line-height: 19px;
}
#yoo-zoo .item p.pos-meta span.element a, #yoo-zoo .items p.pos-meta span.element a {
	color: inherited;
}

/* ----PAGNATION ---- */
.pagination span {
display: inline-block;
width: 25px;
height: 25px;
margin-left: 5px;
background: #272727;
line-height: 25px;
color: white;
}

/* ----home modules latest in left ---- */
#left div.box-1 {
    padding: 0 10px 0 20px;
}
/* ----ZOO EDITOR ---- */
.creation-form .element > div {
    float: left;
    overflow: hidden;
}
.yoo-zoo a:link, .yoo-zoo a:visited {
	text-decoration:underline;
}
#yoo-zoo .item p.pos-meta span.element a, #yoo-zoo .items p.pos-meta span.element a {
    text-decoration: none;
	font-weight: bolder;
	text-transform: uppercase;
}
/* ----ZOO FILTER ---- */
.zoo-filter .form-element-row {
float: left;
margin: 0;
padding: 0;
}
.zoo-filter .form-elements {
margin: 0 15px;
}

.content .facebook {
  background: url("/media/zoo/applications/blog/templates/pure_articles2/assets/images/socialbookmarks.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 24px;
  margin: 4px 7px 0 0;
  width: 24px;
}