body { font:small Arial; background:white url(../gfx/backfoto.jpg) repeat-y; background-position:center top; margin:0; padding:0 }

h1, h2, h4, h5 {color:#1d7dbf;}
h3, h3 a {color: #439439;text-decoration:none;}
h1 { font-size: 25px; margin: 12px 0; padding: 0;}
h2 { font-size: 16px; padding: 0; margin: 0 0 5px 0;}
h3 { margin: 0;}
h4 {margin: 0 0 3px 0;}
h2 a, h3 a { text-decoration:none;}
a { color:#1d7dbf;}
a:hover { color:#d58c2e;}
a img { border:0;}
ul {margin: 0 0 10px 15px; padding: 0;} 

.bijtekst {font-size: 85%; color: #404040; font-style: italic;}
.auteur {color: #439439; font-style: italic;}
.introopinie p {color: #439439; margin: 0; padding: 0;}
.mpFormField input {width: 230px;}
.weblinks {background-color: #FFD300; padding: 5px; margin-bottom: 15px;}
.weblinks p {margin-bottom: 0;}
.weblinks a {color: #186396;}
.chapeau {margin: 15px 0 0 0; font-size: 16px; font-weight: bold; color:#439439;} 
.deelartikeltekst {color: #439439; margin-bottom: 5px; font-weight: bold;}
.bijschrift p {margin: 0 0 15px 0; font-style: italic; color: #404040;}
.kader {border: 2px solid #439439; padding: 5px; margin-bottom: 15px; overflow: hidden;}
.kadertijdschrift {background: #FFD300; padding: 5px; margin-bottom: 15px;}
.kadertijdschrift a {color: #104466;}
.kaderdonkergroen {background: #439539; padding: 5px; margin-bottom: 20px;}
.kaderdonkergroen p {color: #fff;}
.kaderdonkergroen a {color: #ffd300;}
.kaderlezing {background: #70cbd2; padding: 5px; margin-bottom: 20px;}
.kaderlezing p {color: #000;}
.kaderlezing a {color: #000;}
.kaderlezing strong {font-size: 110%; margin-bottom: 10px;}
.kaderlezing h2 {color: #000;}
.kaderblauw {background: #1d7dbf; padding: 5px; margin: 10px 0 15px 0;}
.kaderblauw .chapeau {margin: 0; padding: 0;}
.kaderblauw .chapeau p {color: #ffd300;}
.kaderblauw p {color: #fff ;margin: 0; padding: 0;}
.kaderblauw a {color: #FFD300;}
.kader3 {border: 1px solid #71cbd3; padding: 5px; margin: 20px 0 10px 0;}
.kader3 h2, .kaderrechts h2 {font-size: 100%;}
.kaderrechts {float: right; width: 200px; border: 2px solid #71cbd3; padding: 5px; margin: 0 0 10px 10px;}
.kaderfeatured {background-color: #cef4f7; padding: 5px; border-top: 5px solid #0079c2; margin-bottom: 15px;}
.kaderfeatured p {margin-bottom: 0!important; padding-bottom: 0!important;}

#nobottom p {margin-bottom: 0px;}
.kader p {margin-bottom: 1em;}
.error404 {background-color: #FFD300; padding: 5px; margin-bottom: 15px;}
.error404 p {margin-bottom: 0; padding-bottom: 0;}
#bannerartikel {margin-top: 15px;}
.streamer {float: right; width: 150px; color: #439439; margin: 0 5px 0 10px; font-size: 12px; font-style: italic;}
.streamergroot {float: right; width: 200px; color: #439439; margin: 0 5px 0 10px; font-size: 16px; font-style: italic;}
.teaserartikel {float: right; width: 200px; border: 2px solid #FFD300; margin: 0 0 15px 15px;}
.teaserartikel p {padding: 5px 5px 0 5px;}
.teaserartikel h2 {font-size: 12px; background: #FFD300; color: #000; padding:3px 8px 3px 5px; text-align: center;}
.nieuwsbriefkop {width: 480px; background: #e1e1e1; padding-left: 10px; margin: 20px 0 0 0; color: #1d7dbf; font-size: 25px; font-weight: bold;}
.citaat {border-left: #439439 3px solid; padding-left: 5px;}
h2.groen {color: #439439; margin-bottom: 10px;}
.voetnoot em {font-style: normal; color: #404040; font-size: 85%;}
.advertorialintro p {color: #404040; font-variant: small-caps; margin: 0!important; padding: 0!important;}

.update {font-variant: small-caps; font-size: 14px; color: #404040; margin: 0 0 20px 0;}
.update a {font-variant: normal; color:#1d7dbf; font-size: 12px;}

.navarchief {width: 490px; height: 20px; margin: 15px 0 15px 0;}
.navleft {float: left; width: 240px;}
.navright {float: right; width: 240px; text-align: right;}

/* alternatieve indeling */
.kolom1 {float: left; width: 235px; margin-right: 15px; border-top: 5px solid #71cbd3; padding-top: 5px;}
.kolom2 {float: left; width: 235px; border-top: 5px solid #71cbd3; padding-top: 5px;}
.kolom1 h2, .kolom2 h2 {color: #000; font-size: 110%;}
.kolom1 h2 a, .kolom2 h2 a {color: #000;}

.kadernieuws {border-top: 5px solid #71cbd3; padding-top: 5px;}

#text img { float: left; margin:0 10px 10px 0 }

div.thumbs { height:250px; width:500px }
div#links img { float:none }
div.thumb img { display:block; float:none; margin-top:15px }
div.thumb { float:left }

p { margin:0 0 1em 0 }

table { margin:0 0 1em }
th, td { padding:2px 24px 2px 0; font-size:85%; text-align:left }

div#wrapper { width:1000px; position:relative; background: #fff url(../foto/text_bg.gif) repeat-y; margin:0 auto; border:1px solid #666; border-top:0; }

div#head { background:#1d7dbf url(../gfx/change_magazine.gif) no-repeat; background-position:195px 17px; height:60px; padding:170px 0 0 0px; }

img#magazine { display:block; position:absolute; left:14px; top:8px; z-index: 9000;}

/* menu onderdelen */
#menu, #menu * {margin:0;padding:0;}
#menu {position:relative; background: url(/gfx/menu2_bg.gif) repeat-x; height: 60px; width: 1000px; padding-left: 0px; padding-top: 1px; font: 13px Arial;}
#menu ul {padding-left: 185px; margin: 4px 0 0 0; padding-top: 5px; font: 13px Arial;}
#menu li ul {width: 815px; position:absolute; margin-top: 14px; height: 14px; top: 21px; left:-9000px; font-size: 12px;}
#menu li ul li {padding:0;}
#menu li ul li a {cursor:pointer !important; white-space:nowrap; height: 14px; }
#menu li {cursor:pointer; float:left; text-align:center; list-style-type:none; font-weight:bold;}
#menu li:hover ul, #menu li.msieFix ul {left:0;z-index:10;}
#menu li a {text-decoration:none; display:block; float:left; padding:0 10px;height: 26px; color: #fff;}
#menu li li a {color: #fff; font-weight: normal;} 
a.selected {color: #ff3!important;}
#menu li a:hover, #menu li a:focus, #menu li a:active {color: #ff3;}
/* maar pakt niet alle menu's */

.menuecomobielcongres_2010 #menu li#ecomobielcongres_2010 ul, .menuerror404 #menu li#error404 ul, .menuhome #menu li#home ul, .menunieuws #menu li#nieuws ul, .menuklimaatkennis #menu li#klimaatkennis ul, .menumagazine #menu li#magazine ul, .menutijdelijk #menu li#tijdelijk ul, .menudossiers #menu li#dossiers ul, .menuenglish #menu li#english ul, .menucontact #menu li#contact ul  {left:0;z-index:5;}

#ecomobielcongres_2010 li a, .menuecomobielcongres_2010 #menu li#comobielcongres_2010 ul, #menu li#ecomobielcongres_2010 ul, #error404 li a, .menuerror404 #menu li#error404 ul, #menu li#error404 ul, #home li a, .menuhome #menu li#home ul, #menu li#home ul, #klimaatkennis li a, .menuklimaatkennis #menu li#klimaatkennis ul, #menu li#klimaatkennis ul,  #magazine li a, .menumagazine #menu li#magazine ul, #menu li#magazine ul, #nieuws li a, .menunieuws #menu li#nieuws ul, #menu li#nieuws ul, #tijdelijk li a, .menutijdelijk #menu li#tijdelijk ul, #menu li#tijdelijk ul, #dossiers li a, .menudossiers #menu li#dossiers ul, #menu li#dossiers ul, #english li a, .menuenglish #menu li#english ul, #menu li#english ul, #contact li a, .menucontact #menu li#contact ul, #menu li#contact ul {background: #439539;}

#menu li.msieFix a {color: #ff3!important;}
#menu li.msieFix li a {color: #fff!important;} 
#menu li.msieFix li a:hover {color: #ff3!important;}
#menu li#rss {position: absolute; right: 1px; top: 9px; margin: 0 0 0 5px; padding: 0 0 0 23px; background: url(http://www.changemagazine.nl/gfx/rss.gif) no-repeat; border-left: 1px solid #fff; height: 18px; background-position: 10px 0;}
#menu li#rss_feeds {position: absolute; right: 1px; top: 9px; margin: 0 0 0 5px; padding: 0 0 0 23px; background: url(http://www.changemagazine.nl/gfx/rss.gif) no-repeat; border-left: 1px solid #fff; height: 18px; background-position: 10px 0;}

/* formulier zoeken onderdelen */
form#zoeken { margin:0; padding:0 0 0 10px; position:absolute; right: 71px; top: 7px; font-size:12px; height: 20px;}
form#zoeken input.text { width:140px; border:1px solid #1d7dbf; font-size:14px; float:left; display:block }
form#zoeken input.submit { background:none; border:0; color:#FFF; font:13px Arial; font-weight:bold; padding:0px 8px 2px 5px; cursor:pointer }

div#breadcrumb ul { margin:0 0 0 0px; padding:0 0 0 0px; font-size:85% }
div#breadcrumb ul li { display:inline }
body.home div#breadcrumb { display:none }

div.nieuwnummer { color:#1c7dbf; padding-bottom:0px; margin-bottom:14px; border-bottom:1px solid #1c7dbf; }
div.nieuwnummer h2 { font-size:90%; font-weight:normal; float:left; margin-right:10px; line-height:1.5em }
body.home div#text div.nieuwnummer p { min-height:0; margin-bottom:10px; font-size:90%; line-height:1.5em }

body.home div#text div.persberichten p { min-height:0; margin-bottom:10px; font-size:90%; line-height:1.5em }

div#text { margin:0 480px 0 0px; padding:14px 14px; min-height:1750px;  }

div#nieuwsbrief { color:white; position:absolute; top:60px; right:20px; font-size:85%  }
div#nieuwsbrief h2, div#nieuwsbrief a { color:white }

/* nieuwspagina */
body.nieuws div.nieuwstekst p {border-bottom: 1px solid #A0A0A0; padding-bottom: 10px; margin-bottom: 10px;}
body.nieuws div#text h2 {color: #439439;}
body.nieuws div#text strong {color:#1d7dbf;}

/* klimaatklimaatkennis, dossiers */
body.klimaatkennis div#text p {min-height: 0; margin:0 0 1em 0;}
.dossiers {margin: 0 5px 0 0;}
.dossiertekst {float: left; width: 345px;} 
.dossierimg img {float: right; margin: 5px 0; width: 100px;} 
.dossiertekstlinks {float: left; width: 220px; margin: 0 5px 0 0;}
.dossiertekstrechts {float: right; width: 220px;}

/* magazine-indeling */

body#magazinebg #wrapper { background: #fff; margin:0 auto; border:1px solid #666; border-top:0 }
div#textmagazine {margin: 0; padding: 15px;}
div#textmagazine img {float: left; margin:0 10px 10px 0;}
div#textmagazine #contentmagazine {margin: 15px 0; display: block; overflow: auto;}

div#magcontent #webetui_text {width: 700px; float: left;}
div#webetui_magsidebar {width: 250px; float: right;}
div#webetui_magsidebar img {float: none; margin: 0px;}

div.inhoudsopgave {background: #419638; color: #ffdd44; padding: 5px;}
div.inhoudsopgave a {color: #fff;}
div.inhoudsopgave a:hover {color: #ffdd44;}
div.inhoudsopgave h2 {color: #ffdd44;}
div.inhoudsopgave li {padding: 0 0 5px 0; font-weight: bold;}

div.magkolom_1 {width: 330px; float: left; margin: 0 40px 0 0;}
div.magkolom_1 h3 {margin: 0 0 10px 0;}
div.magkolom_2 {width: 330px; float: right; margin: 0;}

.magblok {padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px dotted #1d7dbf}
.magblok_s {border: 1px solid #1d7dbf; margin: 15px 0 0 0;} 
.magblok_s h2 {background: #1d7dbf; color: #fff; padding: 2px 5px;}
.magblok_s ul {padding: 2px 5px;}
.magblok_s li {padding: 0 0 5px 0;}
.magblok_s1 {background: #ffdd44; padding: 10px 5px 1px 5px; margin: 15px 0 0 0;}
.magblok_s1 a {color: #186396; font-weight: bold;}

p.ondertitel {color: #439439; font-size: 106%;}
h2.featured {color: #439439!important;margin: 15px 0; padding-top: 10px; border-top: 1px dotted #1d7dbf!important;}
h3 a {color: #1d7dbf;}

/* banners */
div#sidebar {position:absolute; left:520px; width:475px; top:230px; padding:3px 0 0 6px;}

div#kaart {border: 1px solid #FFD300; border-left: 5px solid #FFD300; width: 460px;}
div#kaart p {margin: 0 0 10px 0; padding: 0 5px;}
div#kaart p.lezer {padding: 10px 5px; font-weight: bold;}

div#klimaatportaal {background:#fff; border: 1px solid #71CBD3; width:465px; padding-bottom: 5px; margin: 5px 0 7px 0;}
div#klimaatportaal ul, div#inleidingdomein ul {margin: 0 0 5px 20px; padding: 0;}
div#klimaatportaal p, div#inleidingdomein p {color:#444; font-size: 11px; text-decoration:none; margin: 3px 0 5px 5px;}
div#klimaatportaal a, div#inleidingdomein a {color:#444; font-size: 11px; text-decoration: underline;}
div#klimaatportaal a:hover, div#inleiding2derde a:hover {color:#71CBD3;}
div#klimaatportaal h2, div#inleiding2derde h2 {background:#71CBD3; color: black; padding:3px 8px 3px 5px; font-size:100%;}

#SCkader {background: #0079c2; margin: 0 0 5px 0; padding: 0 0 5px 0; color: #fff; font-family: georgia, serif; width: 228px; overflow: hidden; float: left;}
p#CMtekst {font-size: 75%; text-align: center; font-family: Verdana, sans-serif; padding: 5px 0; margin: 0;}
#SClogo {padding: 5px; font-size: 120%; margin: 0 auto; width: 218px;}
#SClogo img {float: left; margin-right: 10px;}
#SClogo a {color: #fff; text-decoration: none;}
.SCtekst {font-size: 75%; font-style: italic; display: block; margin: 5px 0 0 0;}

div#dossierswrapper {border-top: 1px solid #a0a0a0; margin: 5px 5px 0 0; padding-top: 5px;}
div#dossierswrappertop {margin: 0 5px 5px 0; padding: 5px 0; border-bottom: 1px solid #a0a0a0;}
div.dossierssidebar {background:#fff; float: left;}
div.dossierssidebar a {color: #000; text-decoration: none;}
div.dossierssidebar p {font:small Arial; margin: 15px 0 0 0;}
div.dossierssidebar p a {padding-top: 5px; color: #1d7dbf; text-decoration: underline;}
div.dossierssidebar p a:hover { color:#d58c2e;}
div.dossierssidebar p img {float: left; margin-right: 5px;}
div.dossierssidebar1, div.dossierssidebar3 {margin: 0 9px 5px 0; width:228px; }
div.dossierssidebar2, div.dossierssidebar4 {margin: 0 0 5px 0; width: 228px;}
div.dossierssidebar1 h2 {background:#71CBD3; color: black; padding:3px 8px 3px 5px; font-size:100%; margin: 0;}
div.dossierssidebar2 h2 {background:#007bc4; color: white; padding:3px 8px 3px 5px; font-size:100%; margin: 0;}
div.dossierssidebar3 h2 {background:#ffd300; color: black; padding:3px 8px 3px 5px; font-size:100%; margin: 0;}
div.dossierssidebar4 h2 {background:#439539; color: white; padding:3px 8px 3px 5px; font-size:100%; margin: 0;}
div.dossierssidebar img {margin: 0; padding: 0;}
.dossierh2 {font-variant: small-caps; font-size: 115%; display: block;}
div#dossiersfooter {clear: both;}

div#inleidingdomein {width: 475px; margin: 0 5px 7px 0;}
div#inleiding2derde {float: left; width: 300px; margin: 0 5px 0 0;}
div#inleidingklimaatportaal {border: 1px solid #71CBD3;}
div#inleidingcmdossiers {border: 1px solid #007bc4; margin: 5px 0 0 0;}
div#inleidingcmdossiers h2 {background:#007bc4; color: #fff;}
div#inleidingcmdossiers a:hover {color:#007bc4}
div#inleiding1derde {float: right; text-align: center; width: 160px; margin: 0 5px 0 0; border: 1px solid #439539;}
div#inleiding1derde h2 {background:#439539; color: #fff; padding: 3px 8px 3px 5px; font-size:100%;}
div#inleiding1derde a {color:#439539; font-weight: bold; font-size: 12px;}
div#inleiding1derde p {margin: 5px;}
div#inleidingfooter {clear: both;}
.ecomobiellogokader {margin: 0 0 0 5px;}

div#bannerA {float: left; width: 132px; margin-top: 3px;}
div#bannerB {float: left; margin-top: 3px; width: 300px;}
#bannermeerminder {clear: both; margin: 3px 8px 0 0; padding-top: 3px; border-top: 1px solid #a0a0a0;}

div#bannermediarss {border-top: 1px solid #a0a0a0; padding: 3px 0 5px 0; margin-right:8px;}
#bannermediarss img {margin: 0; padding: 0;}
div#kaders {width:335px; height:600px; float: left; margin-right: 5px; overflow: hidden;}
div#kaders h2 {color:white; padding:3px 8px; font-size:100%;}
div#kaders p  {margin:0 8px 8px 8px; color:#444; font-size:11px;}
div#kaders a  {color:#444; text-decoration:none}
div#advbijkaders {float: right;}

div#nieuweartikelen { background: #fff; border: 1px solid #ffd300; padding-bottom:4px; margin-bottom: 4px;}
div#nieuweartikelen h2 { background:#ffd300 }
div#nieuweartikelen a:hover { color:#ffd300 }

div#mediaoverzicht { background:#fff; border: 1px solid #007bc4; padding-bottom:0px; margin-bottom: 4px;}
div#mediaoverzicht h2 { background:#007bc4 }
div#mediaoverzicht a:hover { color:#007bc4 }

div#persberichten { background:#fff; border: 1px solid #439539; padding-bottom:0px;}
div#persberichten h2 { background:#439539 }
div#persberichten a:hover { color:#439539 }

div#bolboekenrand {border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; padding: 3px 0; margin: 0 7px 5px 0;}
div#bolboeken { background:#fff; border: 1px solid #007bc4; width:467px;}
div#bolboeken img { display:block; width:48px; height:71px; float:none; }
div#bolboeken br { display:inline;}
div#bolboeken a { display:block; color:#444; width:100px; padding-left:10px; float:left; font-size:11px; text-decoration:none;}
div#bolboeken a:hover { color:#007bc4;}
div#bolboeken h2 { background:#007bc4; color:white; padding:3px 8px; font-size:100%; margin-bottom: 6px;}

div#logos {border-bottom: 1px solid #a0a0a0; padding: 0; margin: 0 8px 0 0;}
div.logosimg {float: left; margin: 0 3px 2px 0;}
#banner4 {margin: 3px 0 0 0; height: 275px;}

div#footer {font-size:85%; padding:10px 0; margin:60px 14px 4px 14px;}

/* formulier (abonneren) */
label { width:120px; display:block; float:left }
input.text { border:1px solid #1d7dbf; margin:0 0 4px }
input.submit { border:1px solid #1d7dbf; height:20px; cursor:pointer; font:12px Trebuchet MS;  }
form.formulier input.text { width:230px }
form.formulier input.submit { display:block; margin:0 0 0 120px  }
div.error { color:#D00; font-weight:bold; margin:0 0 6px 120px }
div.comment { margin:6px 0 12px 120px; font-size:85%; color:#777 }
div.checkboxgroup div { margin:0 0 6px 120px }
div.checkboxgroup input { display:inline }
form.formulier h2 { clear:left }

/* specials op de homepage */
div#text div.magazine { height:160px; border-top:1px solid white }
div#text div.magazine img { border:0; margin:0 4px 6px 0 }

div.artikelen p { padding-bottom:17px; font-size:12px; border-bottom:1px solid #BBB }
body.home div#text p {margin:0 0 5px 0;}
div.nieuws { font-size:85%; position:absolute; top:192px; right:100px; width:170px;  }
div.nieuws a { text-decoration:none }
div.nieuws p { margin-bottom:6px }

/* logo's bij steunbetuigers */
div#text div.logo { font-size:85%; float:left; width:180px; height:140px; text-align:center;
border:1px solid #999; padding:10px; vertical-align:middle; margin:0 10px 10px 0; }
div#text div.logo img { border:0; float:none }

/* zoekresultaten */
div.search_results { font-size:85% }
div.search_results em { color:#d58c2e; font-style:normal }
div.search_results h5 { font-size:100%; margin:0 0 4px 0 }

/* presentatie binnen voor WebEtui */
div#webetui_body { margin:0; padding:0 }

p.cleanbits { margin:0; padding:0 }