@import url("/styles/default/css/lightbox.css");
/* CSS document ---------------------------------------------------
KLEUREN SCHEMA DEMO standaard

kleur 1: 	#0E7CC9 BLAUW
kleur 2: 	#49572A GROEN
kleur 3: 	#086A95 DONKER BLAUW
kleur 4:	#
wit:   		#FFFFFF
------------------------------------------------------------------- */

body{margin:0px;padding:0px}
#container{position:absolute; left:50%; top:20px; width:800px; margin-left:-400px;height:100%; z-index:1}
#content{
	padding-left:40px;
	margin-top:238px;
	margin-bottom:40px;
	clip: rect(auto,auto,40px,auto);
}

#top{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:25px;
	background-color:#CCC;
	overflow: hidden;
}
#language{float:right; margin-top:30px;margin-right:10px}
#navigation{position:absolute; height:208px; z-index:0}
.ColLeft{float:left; margin-top:40px}
.N09 { 
	width: 800px; 
	max-width: 800px; 
	float:left; 
	margin: 10px 10px 10px 10px; 
	padding: 9px 0px 0px 9px;
	display: inline;
}

#categoriekiezer{}
#menu{margin-left:0px; margin-top:20px;}

#taal{position:relative; right:0px; width:56px; top:0px;}
.PortfolioHeader{
	background-image: url(/styles/default/images/bgPortfolioHeader.gif);
	background-repeat: repeat-x;
	height: 25px;
}
.PortfolioHeader {color:#086A95; font: 11px Verdana,Arial,sans-serif; margin-top:25px; margin-bottom:15px; padding:2px;clear:both}

/* EXTENTION_NEWS
---------------------------------------------------- */
#ExtensionNews{margin-left:5px; margin-top:10px; width:170px; border:1px solid #333; background-color: #CCC;}
#ExtensionNews p.title{font-weight:700}
#ExtensionNews p.text{font-weight:500}
#ExtensionNews ul.headlines{
	list-style-type: none;
}
#ExtensionNews ul.headlines li{}
#ExtensionNews ul.headlines li .title{font-weight:700}

/* EXTENTION_AGENDA_LIST
---------------------------------------------------- */
#ExtensionAgendaList{margin-left:5px; margin-top:10px; width:170px; border:1px solid #333; background-color: #CCC;}
#ExtensionAgendaList p.title{font-weight:700}

/* EXTENTION_NEWS DETAIL
---------------------------------------------------- */
#ExtensionNewsDetail{margin-left:5px; margin-top:10px; width:170px; border:1px solid #333; background-color: #CCC;}
#ExtensionNewsDetail p.title{font-weight:700}
#ExtensionNewsDetail p.text{font-weight:500}
#ExtensionNewsDetail ul.headlines{
	list-style-type: none;
}
#ExtensionNewsDetail ul.headlines li{}
#ExtensionNewsDetail ul.headlines li .title{font-weight:700}
/* EXTENTION_SEARCH
---------------------------------------------------- */
#ExtensionSearch{position:absolute;left:720px;top:2px}
#SearchForm{}
#SearchForm p.title{font-weight:700}
#SearchForm p.text{font-weight:500}
#SearchOptions{}
#SearchForm .InputVeld {background-image:url(http://frontend.webism.nl/styles/default/images/div/search_inputbackground.gif); width:200px;margin-bottom:2px}
* html #SearchForm .INputVeld {background-image:url(http://frontend.webism.nl/styles/default/images/div/search_inputbackground.gif); width:200px;margin-bottom:1px}
/* EXTENTION_PORTFOLIO
---------------------------------------------------- */
#ExtensionPortfolio{float:right; margin-left:5px; margin-top:-5px; width:200px; font: 500 .8em Verdana,Arial,sans-serif; color:#0E7CC9}
* html #ExtensionPortfolio{margin-top:20px}
#ExtensionPortfolio h1.title{font-weight:700}
#ExtensionPortfolio p{}
#PortfolioItems{font: 500 1em Verdana,Arial,sans-serif; color:#0E7CC9}
#PortfolioItems p.title{}
#PortfolioItems p.text{}

/* EXTENTION_NIEUWSARCHIEF
---------------------------------------------------- */
#ExtensionNieuwsArhief{margin-left:5px; margin-top:10px; width:170px; border:1px solid #333; background-color: #CCC;}
#ExtensionNieuwsArhief p.title{font-weight:700}
#ExtensionNieuwsArhief p.text{font-weight:500}
.events {display:inline; font-size:9px;color:#999999;}

/* EXTENTION_MAILINGLIST
---------------------------------------------------- */
#ExtensionMailinglist{margin-left:5px; margin-top:10px; width:170px; border:1px solid #333; background-color: #CCC;}
#MailinglistSignup{}
#ExtensionMailinglist p.title{font-weight:700}
#ExtensionMailinglist p.text{font-weight:500}

/* Text & Links
---------------------------------------------------- */
body, p, td, li{font: 11px Verdana,Arial,sans-serif; color:#0E7CC9}
.highlight, h2{
	color:#086A95
}
h1{
	font: 700 Arial, verdana;
	font-size: 26px;
	color:#0E7CC9;
	text-transform: uppercase;
	margin-bottom:-10px;
	
}
h2{	font: 700 Arial, verdana;font-weight:700; font-size: 14px;	color:#0E7CC9;
	text-transform: uppercase;}
a:link, a:visited{color:#0E7CC9}
a:hover, a:active{color:red}
a.more:link, a.more:visited {
	font-weight:700;
	text-decoration:none;
	color:#49572A;
	padding-left:22px;	
	background-image: url(http://www.aazajtman.eu/styles/default/images/linkbullet.gif); 
	background-position:0px 4px; 
	background-repeat:no-repeat; 
}
a.more:hover, a.more:active {
	font-weight:700;
	text-decoration:none;
	color:red;
	padding-left:22px;	
	background-image: url(http://www.aazajtman.eu/styles/default/images/linkbullet_active.gif); 
	background-position:0px 4px; 
	background-repeat:no-repeat; 
}
a.smore:link, a.smore:visited {
	font-weight:700;
	text-decoration:none;
	color:#49572A;
}
.crumbs {font: 700 11px Verdana,Arial,sans-serif;}
.footer {font: 500 11px Verdana,Arial,sans-serif; text-align:center}

.Summary{
	font-weight: 700;
}
td{font: 11px Verdana, Arial,sans-serif;}
th, .Meta{	background-image: url(/styles/default/images/bgPortfolioHeader.gif);
	background-repeat: repeat-x;
	color: #086A95;
	text-align:left;
	padding:4px;
	font: 700 11px Verdana,Arial,sans-serif;}

.article p {
	margin: 0;
}

.article p img {
	float: left;
	margin: 0 0 3px 3px;
	border: 1px solid #000;
}
.article .articlefooter {
	margin: 1em 0;
	font-weight: bold;
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom:1px solid #ccc
}
.article .articlefooter a {
	color: #49572A;
	text-decoration: underline;
}
.article .articlefooter a:hover {
	color: #49572A;
}

/* Bladerfunctie boven resultaat pagina's
---------------------------------------------------- */
#navi{
	position:relative;
	top:-70px;
	right: 5px;
	padding:2px 0px 2px 2px;
	text-align:right;
}
#navi{border:1px none #16285A; background-color:transparent; color:black }
#navi a:link, #navi a:visited{background-color: #FFFFFF; text-decoration:none}
#navi a:hover, #navi a:active{color:red}
#navi a:link.navi, a:visited.navi{border-right: 1px none #16285A;background-color:white; color:black}
#navi a:hover.navi, a:active.navi{color:red}
#navi a:link.sort,  a:active.sort, a:visited.sort, a:active.sort{color:black; font-weight:700;border: 1px solid #16285A; background-color:orange;}


/* FORMS: VELDEN EN BUTTONS
---------------------------------------------------- */

label{font-weight:700}
.SubmitButton {
    font-size: 0.6em;
	font-weight:700;
    height: 18px;
    border: 1px solid black;
	background-color:black;
    color: red;
	padding:0px	
}

.InputVeld {
    font-size: 0.6em;
    height: 18px;
    text-align: left;
	background-color: white;
    border: 1px solid white;	
}

.SelectVeld{
    font-size: 0.8em;
    height: 18px;
	width:175px;
    text-align: left;
	background-color: #E1EDFF;
    border: 1px solid #16285A;		
}

table.pForm {
	width: 95%;
	font-size: 0.6em;
}

table.pForm td {
	height: 26px;
	padding-left: 4px;
}

table.pForm input {
	font-size: 11px;
}


/* FORMS
---------------------------------------------------- */
caption{font: 500 .8em Verdana,Arial,sans-serif;text-align:right}
input, textarea{border:1px solid #D6D7D6; padding-left:3px; color:#154B91; height:19px}
input:focus, textarea:focus, select:focus{background-color:#F4F9FB; border:1px solid #154B91} 
.submitButton{height:19px; border:1px solid #333;margin-left:0px; padding-left:3px;font:8pt Verdana}
select{border:1px solid #D6D7D6; color:#154B91}

