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

/*
 * This CSS file is for customization purpose only
 */ 

#logo a.logo-icon {
	display: block;
	width: 240px;
	height: 100px;
	background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
}
.style-blue #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_blue.png); }
.style-green #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_green.png); }
.style-orange #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_orange.png); }
.style-pink #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_pink.png); }
.style-turquoise #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_turquoise.png); }

/* rss + twitter toolbar icons */
#toolbar a.rss,
#toolbar a.twitter {
	display: inline-block;
	margin-top: 7px;
}

/* demo content: spotlight teaser */
#headerbar .warpspotlight .teaser {
	height: 300px;
	background: url(../../../images/yootheme/home_header_spotlight_blog.jpg) 0 0 no-repeat;
}

.background-desert #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_desert.jpg) }
.background-grass #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_grass.jpg) }
.background-stadium #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_stadium.jpg) }
.background-worldmapblue #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_worldmapblue.jpg) }
.background-worldmapwhite #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_worldmapwhite.jpg) }
.background-street #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_street.jpg) }
.background-fabricdark #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_fabricdark.jpg) }
.background-squares #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_squares.jpg) }
.background-concert #headerbar .warpspotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_concert.jpg) }


/* demo content: icons page */
.iconbox {
	padding: 19px;
	border: 1px solid #E5E5E5;
	background: #FAFBFB;
	overflow: hidden; 
}

/* demo content: social bookmarks */
#socialbookmarks a {
	display: block;
	height: 30px;
	width: 30px;
	background: url(../../../images/yootheme/socialbookmarks.png) 0 0 no-repeat;
}

#socialbookmarks a.twitter:hover { background-position: 0 -30px; }
#socialbookmarks a.facebook { background-position: 0 -60px; }
#socialbookmarks a.facebook:hover { background-position: 0 -90px; }
#socialbookmarks a.flickr { background-position: 0 -120px; }
#socialbookmarks a.flickr:hover { background-position: 0 -150px; }
#socialbookmarks a.linkedin { background-position: 0 -180px; }
#socialbookmarks a.linkedin:hover { background-position: 0 -210px; }
#socialbookmarks a.myspace { background-position: 0 -240px; }
#socialbookmarks a.myspace:hover { background-position: 0 -270px; }

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
						/*toevoegingen GJ-R*/

/*menu-items in het submenu aan de rechterkant*/
#contentright .menu ul{margin-left: 0px; padding-left: 0;}
#contentright .menu li {list-style-type: none; position: relative; right: 30px; border: none;}
#contentright .menu li  a{padding: 0;}

/*logo vergroten*/
#logo{height: 133px;}
div.menubar{top:73px;}
#header{min-height: 130px;}
#toolbar{padding: 0px 20px 0px 340px; height: 74px;}
#toolbar div.module {height: 74px;}
div.menubar{padding: 0px 20px 0px 320px;}

/*banaanknop*/
.kennismaken {float: right; background-color: #da5c00; border-radius: 4px; padding: 20px; border: 2px outset #d2d2d2; text-align: center;}
.kennismaken a{color: #fff; font-weight: bold; padding: 20px; text-shadow: 1px 1px 3px #888; font-size: 14px; }
.kennismaken a:hover{color: #f8f8f8;}
.kennismaken a:active{position: relative; bottom: 1px; right: 1px;}
.kennismaken:active{border-style: inset;}

/*lees meer knop*/
a.leesmeer {background-color: #f29d64; border-radius: 4px; border: 2px outset #d2d2d2; text-align: center;}
a.leesmeer {color: #fff; font-weight: bold; padding: 2px; text-shadow: 1px 1px 3px #888; }
a.leesmeerhover{color: #f8f8f8;}
a.leesmeer:active{position: relative; bottom: 1px; right: 1px;}
a.leesmeer:active{border-style: inset;}

div.contact h3{display: none;}

div.mod-line ul.menu a.level1.active, div.mod-line ul.menu span.level1.active{background-image: none; background-color: #f29d64; padding: 2px;}