/*
Theme Name: Upact-V2
Theme URI: http://www.enof.nl
Description: Theme for Upact.nl
Version: 2
Author: Enof Online Communicatie
Author URI: http://www.enof.nl
Tags: Upact
*/

@import "style/css/reset.css";

body { background:#000; font-family:Arial, Helvetica, sans-serif; }
fieldset, p, label { font-size:0.75em; line-height:1.5em; }
fieldset p, fieldset label { font-size:1em; }
a { text-decoration:none; font-size:1em; color:#999; }
a:hover	{ text-decoration:underline; }
p a, li a { font-size:1em; }
p label { font-size:1em; }
h1 { font-size:1.5em; }
h2 { font-size:1.1em; line-height:1.2em; }
h3 { font-size:0.9em; color:#999; }

.game a { color:#fff;}

#center p { padding-bottom:10px; }
#center h1 { padding:10px 0; }
#center h2 { padding:10px 0; }
#center h3 { padding:10px 0; overflow:hidden;}

/*Kleuren pagina: fallback*/
body h1 { color:#009EA8; }
body h2 { color:#C40082; }
body #left .subMenu li a:hover { background-color:#C40082; }
body #left .subMenu a:hover { background-color:#C40082; }
body #right .block a.readmore { color:#009EA8; }
body #right .block h1 { background:url(img/rightHeader1.png) }

/*Kleuren pagina: Wat wij doen*/
body.watwijdoen h1 { color:#009EA8; }
body.watwijdoen h2 { color:#C40082; }
body.watwijdoen #left .subMenu li a:hover { background-color:#C40082; }
body.watwijdoen #right .block a.readmore { color:#009EA8; }
body.watwijdoen #right .block h1 { background:url(img/rightHeader1.png) }

/*Kleuren pagina: Wat kun jij doen*/
body.watjijkunt h1 { color:#C40082; }
body.watjijkunt h2 { color:#F08D00; }
body.watjijkunt #left .subMenu li a:hover { background-color:#F08D00; }
body.watjijkunt #right .block a.readmore { color:#C40082; }
body.watjijkunt #right .block h1 { background:url(img/rightHeader2.png) }

/*Kleuren pagina: Wie wij zijn*/
body.wiewijzijn h1 { color:#009EA8; }
body.wiewijzijn h2 { color:#C40082; }
body.wiewijzijn #left .subMenu li a:hover { background-color:#EA006A; }
body.wiewijzijn #right .block a.readmore { color:#009EA8; }
body.wiewijzijn #right .block h1 { background:url(img/rightHeader1.png) }

/*Kleuren pagina: Contact*/
body.contact h1 { color:#C40082; }
body.contact h2 { color:#9DC422; }
body.contact #left .subMenu li a:hover { background-color:#9DC422; }
body.contact #right .block a.readmore { color:#C40082; }
body.contact #right .block h1 { background:url(img/rightHeader2.png) }

/*Kleuren pagina: Agenda*/
body.agenda h1 { color:#009EA8; }
body.agenda h2 { color:#9DC422; }
body.agenda h2 a { font-size:1em; color:#9DC422; text-decoration:none; }
body.agenda h2 a:hover { text-decoration:underline; }
body.agenda #left .subMenu li a:hover { background-color:#9DC422; }
body.agenda #right .block a.readmore { color:#009EA8; }
body.agenda #right .block h1 { background:url(img/rightHeader1.png) }

/*Kleuren pagina: Nieuws*/
body.nieuws h1 { color:#C40082; }
body.nieuws h2 { color:#EA006A; }
body.nieuws h2 a { font-size:1em; color:#EA006A; text-decoration:none; }
body.nieuws h2 a:hover { text-decoration:underline; }
body.nieuws #left .subMenu li a:hover { background-color:#EA006A; }
body.nieuws #right .block a.readmore { color:#C40082; }
body.nieuws #right .block h1 { background:url(img/rightHeader2.png) }

/*Pagina: Blog*/
body.blog h1 { color:#009EA8; }
body.blog h2 { color:#F08D00; }
body.blog h2 a { font-size:1em; color:#F08D00; text-decoration:none; }
body.blog h2 a:hover { text-decoration:underline; }
body.blog #left .subMenu li a:hover { background-color:#F08D00; }
body.blog #right .block a.readmore { color:#009EA8; }
body.blog #right .block h1 { background:url(img/rightHeader1.png) }
body.blog #left .top { height:30px; background:url(img/rubriekenHeader.png) no-repeat; }
body.blog #left .subMenu ul { padding-bottom:0px; }
body.blog #left .subMenu	{ padding-bottom:10px }
body.blog #left .top h1 { line-height:30px; color:#fff; font-size:1em; padding-left:20px; }
body.blog #left a.post 	{ display:block; line-height:23px; width:130px; color:#7A636C; text-decoration:none; background:url(img/postBtn.png) no-repeat; padding:0 0 0 25px; margin:5px 20px; font-size:0.75em; }
.blogPost { border-bottom:1px dotted #73636B; }
.blogPost .info { color:#999; font-size:0.75em; font-style:italic; }
.blogPost a.readmore { font-weight:bold; text-decoration:none; color:#F08D00 }

table.commentForm td { padding:5px 5px 5px 0; }

/*Reacties*/
.reacties		{ position:relative; overflow:hidden; }
.reacties h3 { border-bottom:1px dotted #73636B; border-top:1px dotted #73636B; color:#009EA8; }

#center .reactie { position:relative; float:left; overflow:hidden; margin-top:20px; width:470px; }

#center .reageerInfo	{ position:relative; width:80px; }
#center .reageerInfo p { color:#F08D00; font-size:0.7em; font-style:italic; padding-bottom:0; }
#center .reageerTxt { position:relative; width:383px; }
#center .reageerTxt p { padding:0; }
#center .reageerTxt .topTxt { position:relative; width:383px; height:21px; }
#center .reageerTxt .txt {  margin-bottom:18px; width:343px; }

#center .even .reageerInfo { float:left; }
#center .even .reageerTxt { float:right; }
#center .even .reageerTxt { float:left; background:url(img/evenPostBottom.png) no-repeat bottom left; }
#center .even .reageerTxt .topTxt { background:url(img/evenPostTop.png) }
#center .even .reageerTxt .txt { background:url(img/evenPostMid.png) repeat-y; padding:0 10px 0 30px; }

#center .odd .reageerInfo { float:right; }
#center .odd .reageerTxt { float:left; background:url(img/oddPostBottom.png) no-repeat bottom left; }
#center .odd .reageerTxt .topTxt { background:url(img/oddPostTop.png) }
#center .odd .reageerTxt .txt { background:url(img/oddPostMid.png) repeat-y; padding:0 30px 0 10px; }

/*algemene style*/
#container 	{ position:relative; overflow:hidden; width:981px; margin:15px auto 0 ; min-height:747px; background:url(img/bg.jpg) no-repeat top left;}
#header		{ position:relative; overflow:hidden; }
#header a.logo { position:relative; display:block; float:left; margin-left:30px; }
#header a.logo img { position:relative; border:none; }
#header img.slogan { position:relative; padding:44px 0 0 50px; float:left; }

#mainMenu { position:relative; float:left; overflow:hidden; clear:left; width:100%; border-top:2px dotted #fff; border-bottom:2px dotted #fff; margin:20px 0 0; }
#mainMenu ul { position:relative; float:left; margin-left:20px; }
#mainMenu ul li { position:relative; float:left; line-height:50px; text-transform:lowercase; }
#mainMenu a { position:relative; text-decoration:none; color:#fff; font-size:1.5em; padding:0 10px; border-right:2px solid #fff; }
#mainMenu a.last { border-right:none; }
#mainMenu a:hover { color:#009EA8; }
#mainMenu li.current_page_item a, #mainMenu li.current_page_parent a, #mainMenu li.current_page_ancestor a { color:#009EA8; }


#content		{ position:relative; width:100%; overflow:hidden; margin-top:20px; height:auto; }
#center ul { margin-left:15px; }
#center ul li { list-style:disc; font-size:0.75em; line-height:1.5em; }

/*
FRONTPAGE
*/

.row			{ position:relative; overflow:hidden; height:275px; width:100%; margin-bottom:20px; }
.row1			{ height:275px; }
.row2			{ height:249px; }
.row h1	{ line-height:30px; color:#fff; font-size:1em; }
.row h1 a { color:#fff; font-size:inherit; text-decoration:none; display:block; padding-left:10px; }
.row div div { background:#fff; height:100%; }
.row .beeld 	{ position:relative; overflow:hidden; float:left; width:487px; height:100%; }
.row .nieuws 	{ position:relative; overflow:hidden; float:right; width:482px; height:100%; }
.row .nieuws h1 a { background:url(img/nieuwsHeader.png) no-repeat; }
.row .nieuws ul	{ position:relative; overflow:hidden; float:left; width:482px; height:245px; background:#fff; }
.row .nieuws li	{ display:block; float:left; width:210px; height:225px; margin:5px 0; padding:10px 15px 0; }
.row .nieuws li.left	{ border-right:1px dotted #5F4B55; }
.row .nieuws h2		{ font-size:0.85em;  }
.row .nieuws h2 a		{ text-decoration:none; color:#00A9B3; }
.row .nieuws .datum	{ color:#999; font-style:italic; font-size:0.8em; line-height:1.5em; }
.row .nieuws p		{ padding-top:10px; }
.row .nieuws a.readmore	{ text-decoration:none; font-weight:bold; color:#00A9B3; }

.row .marginL {margin-left:13px;}

.row .blog { position:relative; overflow:hidden; float:left; clear:left; width:235px; height:100%; }
.row .blog h1 a { background:url(img/blogHeader.png) no-repeat; }
.row .blog ul { padding-top:10px; }
.row .blog li { list-style:disc; margin-left:20px; font-size:0.75em; }
.row .blog li a { font-size:1em; padding:5px 0; display:block; color:#000; line-height:1.5em; }
.row .blog span	{ color:#999; }

.row .projecten { position:relative; overflow:hidden; float:left; width:235px; height:100%; }
.row .projecten div		{ padding:15px 20px 10px 10px; }
.row .projecten h1 a		{ background:url(img/projectenHeader.png) no-repeat; }
.row .projecten h2 a		{ font-size:0.75em; text-decoration:none; color:#C40082; }
.row .projecten p		{ padding-bottom:10px; }
.row .projecten a		{}
.row .projecten a.readmore	{ text-decoration:none; font-weight:bold; color:#C40082; }

.row .agenda { position:relative; overflow:hidden; float:left; width:235px; height:100%; }
.row .agenda h1 a	{ background:url(img/agendaHeader.png) no-repeat; }
.row .agenda ul { padding-top:10px; }
.row .agenda li { list-style:disc; margin-left:20px; font-size:0.75em; }
.row .agenda li a { font-size:1em; padding:5px 0; display:block; color:#000; line-height:1.5em; }
.row .agenda span { color:#999; }

.row .agenda h1 a.media {background:url(img/nieuwsHeader.png) no-repeat right top;}

.row .game { position:relative; overflow:hidden; float:right; width:235px; height:214px; padding:35px 0 0 0; background:url(img/gameHeader.png) no-repeat; }
.row .game p { padding:5px 10px; }

/*
END FRONTPAGE STYLES
*/

#left { position:relative; overflow:hidden; float:left; width:235px; height:auto;}
#left .top { position:relative; float:left; width:100%; height:20px; background:url(img/subMenuTop.png) no-repeat; }

#left .subMenu { position:relative; float:left; background:#fff; width:100%; padding-top:5px; }
#left .subMenu ul { padding-bottom:20px; }
#left .subMenu ul ul { padding:0;  }
#left .subMenu li { position:relative; background:#fff; padding:0; color:#999; }
#left .subMenu li a { display:block; padding:5px 0 5px 30px; color:#999; text-decoration:none; font-size:0.85em; background:url(img/subLi.png) no-repeat 20px 10px; }
#left .subMenu li li a { padding-left:40px; background:url(img/subLi.png) no-repeat 30px 10px;  font-style:italic;}
#left .subMenu li li a:hover { background:url(img/subLiH.png) no-repeat 30px 10px; }
#left .subMenu li a:hover { background:url(img/subLiH.png) no-repeat 20px 10px; color:#fff; }

#left .subMenu ul li.current_page_item a{background:url(img/subLiH.png) no-repeat 20px 10px; background-color:#C40082; color: White; }
#left .subMenu ul li.current_page_item ul li a{background:url(img/subLi.png) no-repeat 30px 10px; color: #999; }
#left .subMenu ul li.current_page_item ul li a:hover{background:url(img/subLiH.png) no-repeat 30px 10px; background-color:#C40082; color: #fff; }
#left .subMenu ul li ul li.current_page_item a{background:url(img/subLiH.png) no-repeat 30px 10px; background-color:#C40082; color: White; }

body.watjijkunt #left .subMenu ul li.current_page_item a{background:url(img/subLiH.png) no-repeat 20px 10px; background-color:#F08D00; color: White; }
body.watjijkunt #left .subMenu ul li.current_page_item ul li a{background:url(img/subLi.png) no-repeat 30px 10px; color: #999; }
body.watjijkunt #left .subMenu ul li.current_page_item ul li a:hover{background:url(img/subLiH.png) no-repeat 30px 10px; background-color:#F08D00; color: #fff; }
body.watjijkunt #left .subMenu ul li ul li.current_page_item a{background:url(img/subLiH.png) no-repeat 30px 10px; background-color:#F08D00; color: White; }

body.agenda #left .subMenu ul li.current_page_item a{background:url(img/subLiH.png) no-repeat 20px 10px; background-color:#9DC422; color: White; }
body.agenda #left .subMenu ul li.current_page_item ul li a{background:url(img/subLi.png) no-repeat 30px 10px; color: #999; }
body.agenda #left .subMenu ul li.current_page_item ul li a:hover{background:url(img/subLiH.png) no-repeat 30px 10px; background-color:#9DC422; color: #fff; }
body.agenda #left .subMenu ul li ul li.current_page_item a{background:url(img/subLiH.png) no-repeat 30px 10px; background-color:#9DC422; color: White; }

body.nieuws #left .subMenu ul li.current_page_item a{background:url(img/subLiH.png) no-repeat 20px 10px; background-color:#EA006A; color: White; }
body.nieuws #left .subMenu ul li.current_page_item ul li a{background:url(img/subLi.png) no-repeat 30px 10px; color: #999; }
body.nieuws #left .subMenu ul li.current_page_item ul li a:hover{background:url(img/subLiH.png) no-repeat 30px 10px; background-color:#EA006A; color: #fff; }
body.nieuws #left .subMenu ul li ul li.current_page_item a{background:url(img/subLiH.png) no-repeat 30px 10px; background-color:#EA006A; color: White; }

body.wiewijzijn #left .subMenu ul li.current_page_item a{background:url(img/subLiH.png) no-repeat 20px 10px; background-color:#EA006A; color: White; }
body.wiewijzijn #left .subMenu ul li.current_page_item ul li a{background:url(img/subLi.png) no-repeat 30px 10px; color: #999; }
body.wiewijzijn #left .subMenu ul li.current_page_item ul li a:hover{background:url(img/subLiH.png) no-repeat 30px 10px; background-color:#EA006A; color: #fff; }
body.wiewijzijn #left .subMenu ul li ul li.current_page_item a{background:url(img/subLiH.png) no-repeat 30px 10px; background-color:#EA006A; color: White; }

body.blog #left .subMenu ul li.current-cat a{background:url(img/subLiH.png) no-repeat 20px 10px; background-color:#F08D00; color: White; }
body.blog #left .subMenu ul li.current-cat ul li a{background:url(img/subLi.png) no-repeat 30px 10px; color: #999; }


#center { position:relative; overflow:hidden; float:left; width:470px; padding:10px; height:auto; margin:0 10px; background:#fff; }
.alignright { float:right; }
.alignleft { float:left; }

#contentBlock { position:relative; overflow:hidden; float:left; width:470px; padding-top: 15px; }
#contentBlock h1 { position:relative; display:block; float:left; width:100%; height:30px; font-size:1em; color:#fff; line-height:30px; padding:0 0 0 10px; background:url(img/contentHeader.png) no-repeat; }
#contentBlock div { position:relative; float:left; width:448px; padding:10px; border:1px solid #999; border-top:none; }
#contentBlock ul { margin-left:0; }
#contentBlock ul li { border-bottom:1px dotted #73636B; overflow:hidden; font-size:1em; }
#contentBlock li.last { border:none; }
#contentBlock a.readmore { text-decoration:none; font-weight:bold; color:#999; }
#contentBlock ul li img {float: right; display: block; padding-bottom: 10px; padding-left: 10px;}
#center .actueleProjecten ul { margin-left:0; }
.actueleProjecten ul li img {float: right; display: block; padding-bottom: 10px; padding-left: 10px;}
.actueleProjecten ul li { border-bottom:1px dotted #73636B; overflow:hidden; font-size:1em; }
.actueleProjecten ul li p, .actueleProjecten ul li a { font-size:1em; }
.actueleProjecten li.last { border:none; }
.actueleProjecten a.readmore { text-decoration:none; font-weight:bold; }


#right { position:relative; overflow:hidden; float:right; width:235px; }
#right .block { position:relative; overflow:hidden; float:left; width:100%; margin-bottom:10px; }
#right .block h1 { line-height:30px; padding-left:10px; color:#fff; font-size:0.9em; }
#right .block div { background:#fff; padding:10px; }
#right .block li { padding-left:10px; list-style:disc inside; font-size:0.7em; color:#999; }
#right .block li a { font-size:1em; color:#999; }
#right .block a {  line-height:1.5em; color:#999; text-decoration:none; }
#right .block a:hover { text-decoration:underline; }
#right .block a.readmore { text-decoration:none; font-weight:bold; font-size:1em; }
input.submit { display:block; width:60px; height:23px; border:none; background:url(img/zoekBtn.png) no-repeat; margin-top:10px; cursor:pointer; }

/*Footer*/
#footer { position:relative; overflow:hidden; width:490px; margin:10px auto 0; }
#footer p { color:#fff; }
#footer a { color:#fff; }
#footer .madeby { float:left; }
#footer .copy 	{ float:right; }