@import url(reset.css);
@import url(menu.css);

/* sitekleuren

donker blauw: 	#00447a
licht blauw:	#69a5d7
bruin: 			#8a6000
*/

html,body
{
height:100%;
background:url(/media/gfx/bgbody994.jpg) center fixed;
text-align:center;
}

.nonfooter
{
width:994px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -110px;
background:url(/media/gfx/bgnonfooter.jpg) center fixed;
text-align:left;
}
.footer,.pusher
{
height:110px;
text-align:left;
}
.footer
{
width:994px;
margin:0 auto;
background:url(/media/gfx/bgfooter.jpg);
}


/* HEADER */
#wonenheader,#werkenheader,#winkelenheader
{
position:relative;
height:120px;
width:994px;
margin:0 auto;
background-image:url(/media/gfx/bgheader.png);
background-position:0 0 ;
background-repeat:repeat-x;
}
#winkelenheader { background-position:0px -120px ; }
#werkenheader 	{ background-position:0px -240px; }

#flags .flag,
#flags .flag_active
{
	float:right;
	margin-left:2px;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25
}
#flags .flag_active,
#flags .flag:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1
}
#flags img
{
margin:14px 0 0 4px;
}
#logo
{
width:994px;
height:51px;
background:url(/media/gfx/logo.png) no-repeat top center;
position:absolute;
bottom:20px;
}


#flags
{
width:872px;
margin:0 61px;
}
#page
{
width:872px;
margin:0 61px 16px 61px;
}
#menu
{
margin:15px 61px;
width:872px;
height:25px;
}
#crumble
{
margin:15px 61px;
width:872px;
height:35px;
color:#69a5d7;
}
#crumble ul,
#crumble ul li
{
display:inline;
}
#crumble a
{
color:#8a6000;
}
#crumble a:hover
{
color:#69a5d7;
}


div,td,input,textarea,a
{
font:12px/140% Arial, Helvetica, sans-serif;
color:#00447a;
}
a
{
cursor:pointer;
text-decoration:none;
}
h1
{
font:18px/120% Arial, Helvetica, sans-serif;
margin:0 0 8px 0;
}
h2
{
color:#81580a;
font:16px/120% Arial, Helvetica, sans-serif;
margin:0 0 8px 0;
}
h3
{
font:14px/120% Arial, Helvetica, sans-serif;
margin:8px 0 4px 0;
}
a h3
{
font:14px/120% Arial, Helvetica, sans-serif;
margin:8px 0 4px 0;
color:#8a6000;
}

h4
{
font:12px/120% Arial, Helvetica, sans-serif;
margin:0 0 4px 0;
font-weight:bold;
}

h3 .aanduiding
{
font:12px/120% Arial, Helvetica, sans-serif;
}

.intro
{
font:13px/130% Arial, Helvetica, sans-serif;
font-weight:bold;
color:#00447a;
margin-bottom:8px;
}

b,strong 	{ font-weight:bold; }
p 			{ margin:8px 0; }
hr 			{ color:white; }
sup 		{ font:11px/100% Arial, Helvetica, sans-serif; }

a.rsaquo
{
float:right;
text-align:right;
font-weight:bold;
}

a.rsaquo:hover { color:white; }

a.verder
{
float:right;
height:16px;
padding-right:20px;
text-align:right;
font-weight:bold;
color:#00447a;
background:url(/media/gfx/verder.png) right 3px no-repeat;
white-space:nowrap;
}

a.verder:hover { color:#69a6d6; }

/* RECHTERKOLOM */
#right
{
float:right;
width:276px;
}


/* zoek */
form#zoekopdracht
{
width:276px;
height:23px;
background:url(/media/gfx/bgzoeken.png) no-repeat top left;
margin-bottom:11px;
}

form#zoekopdracht input
{
width:166px;
float:right;
border:0 none;
display:inline;
padding:3px;
background:none;
}

form#zoekopdracht input.button
{
width:22px;
cursor:pointer;
margin-left:10px;
}

.rssfeed img
{
width:16px;
height:16px;
margin:0 0 3px 8px;
}

.fadepicright
{
float:left;
margin:4px 17px 8px 0;
padding:4px;
background: white;
}


/* PAGINA */
#left,
#leftcentrale /* ivm info over winkelcentrum de Centrale, wordt #left display:none gezet en vervangen door #leftcentrale */
{
float:left;
width:596px; /* 2 x ( 276px+ 22px ) */
}

.bericht
{
float:left;
width:574px;
margin:0 0 15px 0;
}

.bericht a
{
color:#00447a;
text-decoration:underline;
}

.bericht a:hover { color:#69a5d7; }

.bericht ul { margin:4px 0 12px 0; }

.bericht ul li
{
list-style:outside disc;
margin-left:22px;
}

.error {
	color:			#f00;
	font-weight:	bold;
}


/*
.block
{
float:left;
width:554px;
padding:10px;
margin:0 0 15px 0;
background:#8bb6d9 url(/media/gfx/bgblue.png);
color:white;
}

.block a
{
color:white;
text-decoration:underline;
}

.block a:hover
{
color:white;
text-decoration:underline;
}

ul.newsitems
{
float:left;
width:574px;
margin:0 0 15px 0;
}

.status
{
float:left;
clear:left;
width:220px;
}

.statusbox
{
float:left;
width:200px;
padding:10px;
background:url(/media/gfx/bgstatus.gif);
margin-bottom:1px;
}

.statusbox i
{
color:#81580a;
font-style:normal;
}

.statusbox ul,
.statusbox li { float:left; }

.statusbox li { margin-bottom:8px; }

.statusbox img
{
float:left;
margin:4px 5px 5px 0;
}

.statusbox .verder
{
float:right;
font-weight:bold;
}

.statusbox .bekijk
{
float:right;
width:180px;
height:16px;
padding-right:20px;
background:url(/media/gfx/status_verder.png) right 3px no-repeat;
text-align:right;
margin:8px 0;
}

.statusbox a .bekijk
{
font-weight:bold;
color:white;
}

.statusbox a:hover .verder,
.statusbox a:hover .bekijk { color:#69a6d6; }

*/




/* MIDDEN KOLOM */

.mid
{
width:338px;
float:left;
margin-left:17px;
background:red;
}

.mid ul,
.mid li { width:338px; }

.mid li
{
float:left;
clear:left;
margin-bottom:8px;
list-style:none;
}

.mid .datum
{
width:52px;
height:63px;
float:left;
margin:3px 10px 10px 0;
background:red;
text-align:right;
}

.mid i
{
font-style:normal;
color:#8a6000;
}

.mid .verder
{
float:right;
font-weight:bold;
}

.mid a:hover .verder { color:#69a6d6 }

/* pictures */

.fadepic
{
float:left;
margin:4px 17px 8px 0;
padding:4px;
width:273px;
height:207px;
background: url(/media/gfx/bgpic276.png) no-repeat;
}

.fadepicr
{
float:right;
margin:4px -5px 8px 12px;
padding:4px;
width:273px;
height:207px;
background: url(/media/gfx/bgpic276.png) no-repeat;
}

/* FOTOALBUM */

ul.album
{
float:left;
width:596px; /* 2 x ( 281px+ 17px ) voor schaduw */
margin:16px 0;
}

/* liggende foto */
ul.album li.oddlandscape,
ul.album li.evenlandscape
{
width:281px;
height:182px;
background:url(/media/gfx/bgalbumpicl.png) no-repeat top left;
}

ul.album li.oddlandscape img,
ul.album li.evenlandscape img
{
/*
width:268px;
height:168px;
*/
}

/* staande foto */
ul.album li.oddportrait,
ul.album li.evenportrait
{
width:181px;
height:282px;
background:url(/media/gfx/bgalbumpics.png) no-repeat top left;
}

ul.album li.oddportrait img,
ul.album li.evenportrait img
{
width:168px;
height:268px;
}

ul.album li.oddlandscape,
ul.album li.oddportrait
{
float:left;
clear:left;
margin:0 17px 22px 0;
}

ul.album li.evenlandscape,
ul.album li.evenportrait
{
float:right;
margin:0 17px 22px 0;
}

ul.album li.oddportrait { margin:0 0 22px 100px; }
ul.album li.evenportrait { margin:0 117px 22px 0; }


/* alle foto's */
ul.album li { display:inline-block; }
ul.album li a img { border:solid 4px white; }
ul.album li a:hover img { border:solid 4px #69a6d6; }

ul.album li .bijschrift
{
display:block;
margin:2px 0 0 0;
}


.pagebrowser
{
width:100%;
text-align:center;
}
.pagebrowser a
{
text-decoration:none;
}
.pagebrowser a.activeItem
{
font-weight:bold;
color:#8a6000;
}




/* RECHTER KOLOM */

/* fotoalbums */

ul.albums,
ul.albums li { }

ul.albums li
{
margin-bottom:8px;
clear:both;
}

ul.albums img
{
float:left;
margin:3px 10px 8px 0;
}

ul.albums i
{
font-style:normal;
color:#81580a;
}

ul.albums a .verder
{
font-weight:bold;
float:right;
}

ul.albums a:hover .verder { color:#69a6d6; }



/* Banners */
ul.banners
{
margin:0 0 8px 0;
float: 	left;
clear: 	both;
}
ul.banners li a
{
width: 	276px;
height: 60px;
margin-bottom: 8px;
background:url(/media/gfx/40wit.png);
background:url(/media/gfx/bgbannerverloop.png) bottom repeat-x ;
display:block;
}
ul.banners li img
{
float:left;
margin-right:13px;
}
ul.banners li a strong
{
color:#8a6000;
margin-top:4px;
}


/* Nieuwsberichten */
ul.news_right li
{
float: 	left;
clear:	left;
width: 	276px;
margin-bottom: 8px;
}

ul.news_right li .gfxdate
{
float: 	left;
width: 	60px;
height: 80px;
}

ul.news_right li img
{
float: 	left;
margin-top: 3px;
margin-right: 5px;
width: 	55px;
}

ul.news_right li .bericht .newsdate { color:#8a6000; }

ul.news_right li .bericht
{
float:left;
width:216px;
}

ul.news_right li a.leesverder
{
font-weight:bold;
text-decoration:none;
}

/* FOOTER */

ul.flist
{
position:absolute;
margin:22px 0 0 58px;
width:894px;
}

ul.flist li
{
list-style:none;
width:276px;
padding:0;
margin:0 22px 0 0;
float:left;
color:white;
}

ul.flist a
{
text-decoration:underline;
color:white;
}

ul.flist a:hover
{
color:white;
color:#69a6d6;
}

/* FORMS */

table.form td
{
padding:2px 8px 2px 0;
white-space:nowrap;
}

form
{
float:left;
clear:left;
}

form.mail input.norm,
form.mail input.small,
form.mail textarea
{
width:220px;
padding:3px;
border:solid 1px #b4d2eb;
background:white;
}

form.mail input.small { width:80px; }

form.mail input.button
{
width:auto;
padding:2px;
border:outset 1px #b4d2eb;
background:white;
}

form.mail textarea { height:80px; }


/* GOOGLEMAP */

#map { margin-bottom:10px; }

ul.legenda { margin:0 0 8px 0; }
ul.legenda li.tekoop,
ul.legenda li.invoorbereiding,
ul.legenda li.gerealiseerd {
	float:		left;
	display:	inline-block;
	padding:	0 4px 0 18px;
	background-image:url(/media/gfx/legenda.png);
	background-repeat:no-repeat;
	height:		17px;
}
ul.legenda li.tekoop 			{ background-position:0 -17px; }
ul.legenda li.invoorbereiding 	{ background-position:0 0px; }
ul.legenda li.gerealiseerd 		{ background-position:0 -34px; }



/* Gerelateerde berichten */
.gerelateerde
{
width:256px;
float:right;
padding:10px;
margin:0 22px 8px 0;
background:#8bb6d9 url(/media/gfx/bgblue.png);
color:white;
}

/* hilight projecten */
.hilightprojecten
{
width:298px; /* 276 + margin-right(22)*/
float:left;
margin:0 0 15px 0;
background:red;
color:white;
}

/* projecten */

ul.projecten,ul.projecten2 {
float:left;
margin-bottom:8px;
/*clear:both;*/ 
}

ul.projecten li
{
float:left;
margin:0 22px 16px 0;
position:relative;
width:266px; /* 276 -padding(8) -border(2) */
display:inline-block;
border:solid 1px white;
padding:4px;
background:url(/media/gfx/20wit.png);
}

ul.projecten li:hover,
ul.projecten2 li:hover
{
background:url(/media/gfx/40wit.png);
}

ul.projecten li .thumb,
ul.projecten2 li .thumb
{
float:left;
margin:0 0px 8px 0;
padding:4px;
width:129px;
height:96px;
background:url(/media/gfx/bgthumb.png) no-repeat;
}


ul.projecten li .txt
{
float:left;
width:129px;
}

ul.projecten2 li .txt
{
float:left;
width:427px;
}

ul.projecten li h3,
ul.projecten2 li h3
{
font:14px/120% Arial, Helvetica, sans-serif;
color:#81580a;
margin:0 0 4px 0;
}

ul.projecten li h4,
ul.projecten2 li h4
{
color:#81580a;
font-style:normal;
font-weight:bold;
}

ul.projecten li .type,
ul.projecten2 li .type
{
color:#8a6000;
font-style:normal;
font-weight:bold;
}

.percentage
{
float:left;
width:136px;
position:relative;
}

.total
{
float:left;
width:40px;
height:8px;
background:white;
margin:3px 4px 3px 0;
padding:1px;
}

.sold
{
height:100%;
display:block;
background:#cc0000 url(/media/gfx/bgpercentage.png);
}

.alert
{
float:left;
width:90px;
color:#cc0000;
}




ul.projecten li .verder a,
ul.projecten2 li .verder a
{
float:right;
height:16px;
padding-right:20px;
text-align:right;
font-weight:bold;
color:#00447a;
background:url(/media/gfx/verder.png) right 3px no-repeat;
}

ul.projecten li .verder a:hover,
ul.projecten2 li .verder a:hover { color:#69a6d6; }

/* projecten 2 koloms */

ul.projecten2
{
float:left;
clear:both;
width:596px;
}

ul.projecten2 li
{
float:left;
margin:0 8px 8px 0;
}

ul.projecten2 li
{
width:564px;
display:inline-block;
border:solid 1px white;
padding:4px;
background:url(/media/gfx/20wit.png);
}

ul.projecten li p.prijs,
ul.projecten2 li p.prijs
{
font:21px/120% Georgia, "Times New Roman", Times, serif;
margin:1px 0 4px 0;
}




/* START items on the right side */
.projectalbums,
.files {
	margin-bottom:	8px;
	float:	left;
	width:	276px;
}
.projectalbums ul,
.files ul {
	width:	276px;
}

.projectalbums ul li,
.files ul li {
	float:	left;
	clear:	both;
	width:	276px;
}
.projectalbums ul li ol,
.files ul li ol {
	float:	left;
	clear:	both;
	width:	276px;
	margin-bottom:4px;
}
.projectalbums ul li ol a,
.files ul li ol a {
	float:	right;
}
.projectalbums img,
.files img {
	float:	left;
	margin:	0 8px 8px 0;
}

.projectalbums strong,
.files strong {
	color:			#81580a;
	font-style:		normal;
	font-weight:	bold;
}

.projectalbums ul li .date,
.files ul li .date { 
	font-style:italic;
}
/* END items on the right side */


/* START FOTO ALBUM */
.pagebrowser {
	float:		left;
}
.pagebrowser .activeItem {
	text-decoration:	none;
}


ul.fotobook {
	float:		left;
	width:		550px;
	margin:		0;
	padding:	0;
}
ul.fotobook li {
	display:	inline;
	float:		left;
	margin:		15px 15px 15px 0;
	padding:	0;
}
/* END FOTO ALBUM */

/* back */
.back {
width:100%;
text-align:center;
}
.back a
{
text-decoration:none;
}


/* FLASH CONTENT */
#pageflash
{
width:574px;
margin:0 0 8px 0;
}
#flashcontent
{
float:left;
clear:left;
width:574px;
height:550px;
margin-top:8px;
}


.files, .projectalbums {
	padding-bottom:	4px;
	border-bottom:	solid 1px #fff;
}


/* De Centrale */

.tijden
{
float:		left;
width: 		175px;
margin:		0 10px 16px 0;
}
.tijden table
{
width: 		175px;
background:	url(../media/gfx/40wit.png);
border: 	solid 1px white;
}
.tijden table th
{
font-weight:bold;
padding: 2px 5px;
background:white;
}
.tijden table td
{
padding: 1px 5px;
}
.tijden table td.logo
{
text-align:center;
background:white;
height:65px;
}


/* De Centrale Leeuwarden */
ul.centrale
{
float:left;
margin:0 0 8px 0;
}
ul.centrale a:hover,
ul.centrale a:active
{
color:#69a6d6;
}


#geanimeerde_afb {
	float:			left;
	margin-bottom:	15px;
}



.bericht #trailer
{
	padding:0;
	float:right;
	width:349px;
	height:196px;
	margin:5px 0 10px 15px;
}