/* General
---------------------------------------------------------- */

/*
Background module:

     body { background-image: url('<txp:site_url />images/bg-<txp:php>
$part = floor((date("G")+1)/2);
echo $part;
</txp:php>.jpg'); }

zie
http://www.rxgx.com/blog/how-to-make-sure-your-background-fills-the-screen-in-google-chrome/

html, body { 
	background-color: #000;
	background-repeat: no-repeat;
   background-position: top center;
 }
body { background-image: url('<txp:site_url />images/bg-<txp:php>
$part = floor((date("G")+1)/2);
echo $part;
</txp:php>.jpg'); 

background:transparent;
}

*/
html { width:100%;height:100%;background-color:#000;background-repeat: no-repeat;background-position: top center; }

body { margin:30px;font-family: tahoma, 'trebuchet ms',sans-serif;font-size: 11px;color:#58605c;background:transparent; }

img { border: none; }
img.left { float:left;margin:0 10px 0 0;padding:5px 0 0; }
img.right { float:left;margin:0 10px 0 0;padding:5px 0 0; }

#wrapper { width:755px;margin:0 auto;position:relative; }

h1 { text-indent:-9999px; }
h1#logo { display:block;position:absolute;top:0px;left:0;width:170px;height:80px; }
h1#logo a { display:block;height:80px;width:170px;text-indent:-9999px; }

.clear { clear:both; }


/* Menu navigation
---------------------------------------------------------- */

.menu { padding:0;list-style:none;font-size: 1px; }
.menu li { height:20px; }

.menu li a { display:block;text-indent:-9999em;height:20px;background-repeat: no-repeat; }
.menu li.first, .menu li.last { height: 7px; }
.menu li.first { background: transparent url('../images/s-top.png'); }
.menu li.last { background: transparent url('../images/s-bot.png') no-repeat; }
.menu li a:hover { background-position: 0 -20px; }
.menu li a.selected, .menu li a:active { background-position: 0 -40px; }

#sub.menu li { background:#fff; }
#sub.menu li.first { background: transparent url('../images/s-top.png'); }
#sub.menu li.last { background: transparent url('../images/s-bot.png') no-repeat; }
#sub.menu li img { padding-left:0px;padding-top:3px;margin-bottom:6px; }
#sub.menu li.subhd { height:24px; }

#sub.plaintext li a { text-indent:0;font-size:11px;padding-left:15px;text-decoration:none;color: #58605c; }
#sub.plaintext li a:visited { color: #58605c; }
#sub.plaintext li a:hover { color: #444;font-weight:bold; }
#sub.plaintext li a.current { color: #00a950;font-weight:bold; }

#sub.plaintext li.header { text-indent:0;font-size:11px;padding-left:15px;font-weight:bold;line-height:22px;padding-bottom:7px; }

.menu li.meerprojecten { padding-top:10px; }
.menu li.meerprojecten a { }

#nav { width:310px;height:113px;float:left;background: url('../images/logo.png') no-repeat; }
#nav ul#main { margin: 7px 0 0 192px; height: 106px;}
#nav ul#main li a { width: 108px; }
#nav ul#sub { margin: 10px 0 0 0; width: 300px;}
#nav ul#sub li a { width: 300px; }

/* Home page 
---------------------------------------------------------- */

#home { width:404px;height:106px;float:left;margin-top:315px;background: url('../images/h-payoff.png'); }
#home h1 { text-indent:-9999px;  margin:0;padding:0;height:50px; }
#home ul { margin:55px 0 0 0;padding:0;list-style:none; margin:5px 0 0;}


/* Content styling
---------------------------------------------------------- */

#content { float:left;width:404px;padding-top:7px;background: url('../images/c-top.png') no-repeat; }
#content .inner { background:#fff;/*min-height:450px;*/ padding:0 20px 20px; }
#content .bottom { clear:both;background:transparent url('../images/c-bot.png') no-repeat;padding-bottom:7px;height:7px; }

#content .inner { width:364px;padding:0 20px 10px;overflow: auto;background:#fff; }
.scrollthis .inner { height:700px; }

/* Fixed height met scrollbar */

.jScrollPaneContainer { position:relative;overflow:hidden;z-index:1;   background:#fff; }
.jScrollPaneTrack { position:absolute;cursor: pointer;right:0;top: 0;height:100%;background: url(../images/bar.gif) top center repeat-y; }
.jScrollPaneDrag { position:absolute;background:#666;cursor: pointer;overflow: hidden; }
.jScrollPaneDragTop { position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom { position:absolute;bottom:0;left:0;overflow:hidden; }
a.jScrollArrowUp { display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px; }
a.jScrollArrowDown:hover {	/*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }



/* typography */
#content h1, #content h2, #content h3, #content h5 { margin:0;padding:20px 0px 5px 0px;line-height:20px;background:#fff; }
#content h2 { font-size:17px;padding:20px 0 10px;font-weight:normal;color:#555; }
#content h2.title { padding:20px 0 0px 0px; }
#content h3 { font-size:14px;padding:20px 0 10px;font-weight:normal;color:#555; }
#content h5 { font-size:11px;padding: 0 0 0 0px;font-weight:normal;color:#999; }
#content p { margin:0;padding:10px 0px;line-height:18px;background:#fff; }
#content.news p {  padding-top: 0; }
#content .excerpt { background:#fff; }
#content .excerpt p { padding-bottom:0; }
#content .excerpt p.meerlink { background:#fff; }
#content p.archieflink { padding-top:20px; }
#content p.archieflink { text-align:right; }
#content .rsslink { float:left;text-align:left; }
#content ul { margin:0;padding-right:20px;padding:0;font-size:10px;line-height:20px;font-weight:bold;background:#fff; }
#content ul li { margin-left:20px; }
#content ul.nieuwsarchief,
#content .simplepie ul { margin-left:0;padding:20px 0px 30px;list-style-type:none; }
#content ul.nieuwsarchief li,
#content .simplepie ul li { margin-left:0; }



#content p a, #content p a:visited, #content li a, #content li a:visited { color: #58605c; }
#content p a:hover, #content li a:hover { color: #00a950; }
#content p a:active, #content li a:active { color: #8cc63f; }

/* Wie zijn wij descriptions */
.itemlist { width:364px;margin:0 0 0 0px;padding:0 0 10px 0px;overflow:auto; }
.itemlist .item { float:left;width:100%;clear:both;padding:0 0 8px;margin:0; }
.itemlist .item img { float:left;display:block;margin:0;padding:3px 0 0; }
.itemlist .item .description { float:right;width:304px;width:309px;margin:0;padding:0; }
#content .itemlist h3 { margin:0;padding:0 0 1px;font-size:12px;font-weight:bold;line-height:15px; }
#content .itemlist h3 em { font-size:11px;display:block;font-weight:normal; }
#content .itemlist p { margin:0;padding:0;font-size:11px;line-height:15px; }
#content .itemlist a { font-size:11px;line-height:15px; }
#content .itemlist h2.title { padding:0; }

/* nieuws RACM */
#othernews ul { list-style-type:none;margin-left:0;padding:0px 20px 30px; }
#othernews ul li { font-size:11px;margin-left:0;padding-left:0;font-weight:normal; }
#othernews ul li strong {  }
#othernews ul li strong a { color:#555;font-size:17px;font-weight:normal;padding:20px 0 0;display:block; }
#othernews ul li strong .date { color:#999;font-size:11px;font-weight:normal; }

#content ul#pages { margin:0;padding:10px 0 10px 20px;text-align:left; }
#content ul#pages li { margin:0;padding:0 10px 0 0;list-style-type:none;display:inline; }

/* tables */
#content table { width:100%;margin:0;padding:10px 0px;background:#fff; }

/* forms */
#content form { margin:0;padding:10px 0px;background:#fff; }
#content form .zemError { margin: 0 0 10px 0;padding: 10px;border:1px solid #fad1d1;background:#fdf5f5;list-style:none;color:#e44242; }
#content form .zemRequirederrorElement {  border-color: #e44242; }
#content form fieldset { border:1px solid #d3d3d3; }
#content form textarea { width:100%;border:1px solid #d3d3d3;margin-bottom: 10px;font-size: 11px; }
#content form input { margin-bottom:10px;width:100%;border: 1px solid #d3d3d3;font-size: 11px; }
#content form label { display:block; }


/* Photos
---------------------------------------------------------- */

#photos { list-style:none;float:left;margin:123px 0 0 10px;padding:0;font-size:1px; }
#photos li.first { background: url('../images/l-top.png') no-repeat; width: 30px; height: 7px; padding: 0;}
#photos li.last { background: url('../images/l-bot.png') no-repeat; width: 30px; height: 7px; padding: 0;}
#photos li a { display:block;width:30px;height:20px;line-height:20px;background: url('../images/l-plus.gif');text-indent:-9999em; }
#photos li a:hover { background-position: 0 -20px; }


/* News Content
---------------------------------------------------------- */

#news_content { float: left;width:404px;padding-top:7px;background: url('../images/c-top.png') no-repeat; }
#news_content p.last { background: url('../images/c-bot.png') no-repeat; }
#news_content .inner { background:#fff; }
#news_content .bottom { background:transparent url('../images/c-bot.png') no-repeat;padding-bottom:7px; }

/* typography */
#news_content h2 { margin:0;padding:20px 20px 5px 20px;line-height:20px;background:#fff; }
#news_content h3 { margin:-10px 0 0 0;padding:0;line-height:12px;background: #fff; }
#news_content p { margin:0;padding:10px 0px;background: #fff;line-height: 18px; }
#news_content ul { margin:0;padding-right:20px;line-height: 20px;font-size: 10px;background: #fff; }
#news_content table { width:100%;margin:0;padding:10px 20px;background: #fff; }

/* forms */
#news_content form { margin:0;padding:10px 20px;background: #fff; }
#news_content form .zemError { margin:0 0 10px 0;padding:10px;border:1px solid #fad1d1;background:#fdf5f5;list-style:none;color:#e44242; }
#news_content form .zemRequirederrorElement { border-color:#e44242; }
#news_content form fieldset { border:1px solid #d3d3d3; }
#news_content form textarea { width:100%;border:1px solid #d3d3d3;margin-bottom:10px;font-size:11px; }
#news_content form input { margin-bottom:10px;width:100%;border:1px solid #d3d3d3;font-size:11px; }
#news_content form label { display: block; }

/* Links styling
---------------------------------------------------------- */

.news a, .news a:link, .news a:visited { color: #58605c; }
.news a:hover { color: #00a950; }

#news_content p a, #content p a:visited, #content li a, #content li a:visited { color: #58605c; }
#news_content p a:hover, #content li a:hover { color: #00a950; }
#news_content p a:active, #content li a:active { color: #8cc63f; }

#news_content ul .more { padding : 0 0 0 245px; }
#news_content a:link, a:visited { color : #00a950; }

#content p.archieflink a { color:#00a950; }