/*   /css/stylesheet.css for Staatscommisiegrondwet.nl
 *   Stylesheet for screen
 *   April 2009 - programmatuur - Rian Rietveld Web Design - http://www.rrwd.nl 
 *   April 2009 - grafisch ontwerp - Blend & Blink - http://www.blendblink.nl 
 *   colour inner_content: #003;
 *   colour submenus: #666;
 *   colour mouseover and active links #870122;
 *   colour header h1 h2 #043c77; 
 */

/* overall defenitions------------------------------------------------------------------- */ 

* {
  margin: 0;
  padding: 0;
  border: 0;
  color: #003;
  font-family: Arial, Verdana, Helvetica, "Sans-Serif";
  text-align: left;
  line-height: 1.6em;
}

h1 {
 clear: both;
 padding-top: 1em;
 margin-bottom: 1em;
 color: #043c77;
 border-bottom: solid 1px #043c77;
}

th {
  font-weight: normal;
}

td {
  vertical-align:top;
}

th {
  font-weight: normal;
  text-align: left;
}

h2 {
 margin: .8em 0 .2em;
 color: #043c77;
}

h3 {
 margin: .8em 0 .2em;
}
p {
 margin-bottom: 1.1em;
}

a {
  color: #870122;
}

ul, ol {
 margin-left: 20px;
}

.hidden {
 position: absolute; 
 top: -10000px;
}

/* main lay-out ------------------------------------------------------------------- */

body {
  background-color: #e9e9e9;
}

#wrapper {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  background-image: url('../layout/bg_wrapper.gif');
  background-position: top center;
  background-repeat: repeat-y;
  
}

#header {
  width: 975px;
  height: 135px;
  margin-left: 5px;
  background-image: url('../layout/logo-staatscommissiegrondwet.gif');
  background-repeat: no-repeat;
  background-position: top left;
}

#menu_short, #service_menu  {
  clear: both;
  float: right;
} 

#main {
  background-repeat: no-repeat;
  background-position: top left;
  margin-left: 5px;
  width: 975px;
  min-height: 700px;
}


#menu_main {
  margin-top: 179px;
  float: left;
  width: 223px;
  background-color: #6b011a;
  background-repeat: no-repeat;
  background-position: 0 -178px;
}

#content {
  width: 750px;
  float: right;
} 

#inner_content {
  float: left;
  width: 465px;
  padding-left: 10px;
  margin-top: 179px;
  background-color: #fff;
  min-height: 533px;
}

#secondary_content {
  float: right;
  width: 269px;  
  padding-top: 0px;
  background-color: #fff;
  min-height: 700px;
}

#inner_content ol, #inner_content ul   {
  margin-bottom: 0.5em;
} 

#photo {
  width: 269px;
}

#footer {
  clear: both;
  text-align: center;
}

#wrapper_close {
  background-image: url('../layout/bzk_footer.gif');
  background-repeat: no-repeat;
  width: 1000px;
  height: 40px;
}

/* backgrounds wrapper  ---------------------------------------------------------------- */

#main { background-image: url('../layout/sfeerblok_01.jpg'); }
#start        #wrapper #main { background-image: url('../layout/sfeerblok_01.jpg'); }
#sg           #wrapper #main { background-image: url('../layout/sfeerblok_02.jpg'); }
#members      #wrapper #main { background-image: url('../layout/sfeerblok_02.jpg'); }
#news         #wrapper #main { background-image: url('../layout/sfeerblok_03.jpg'); }
#agenda       #wrapper #main { background-image: url('../layout/sfeerblok_04.jpg'); }
#publications #wrapper #main { background-image: url('../layout/sfeerblok_05.jpg'); }
#burger       #wrapper #main { background-image: url('../layout/sfeerblok_06.jpg'); }
#search       #wrapper #main { background-image: url('../layout/sfeerblok_01.jpg'); }
#send         #wrapper #main { background-image: url('../layout/sfeerblok_01.jpg'); }
#sitemap      #wrapper #main { background-image: url('../layout/sfeerblok_01.jpg'); }
#content      #wrapper #main { background-image: url('../layout/sfeerblok_01.jpg'); }

#menu_main { background-image: url('../layout/sfeerblok_01.jpg'); }
#start        #wrapper #menu_main{ background-image: url('../layout/sfeerblok_01.jpg'); }
#sg           #wrapper #menu_main { background-image: url('../layout/sfeerblok_02.jpg'); }
#members      #wrapper #menu_main { background-image: url('../layout/sfeerblok_02.jpg'); }
#news         #wrapper #menu_main { background-image: url('../layout/sfeerblok_03.jpg'); }
#agenda       #wrapper #menu_main { background-image: url('../layout/sfeerblok_04.jpg'); }
#publications #wrapper #menu_main { background-image: url('../layout/sfeerblok_05.jpg'); }
#burger       #wrapper #menu_main { background-image: url('../layout/sfeerblok_06.jpg'); }
#search       #wrapper #menu_main { background-image: url('../layout/sfeerblok_01.jpg'); }
#send         #wrapper #menu_main { background-image: url('../layout/sfeerblok_01.jpg'); }
#sitemap      #wrapper #menu_main { background-image: url('../layout/sfeerblok_01.jpg'); }
#content      #wrapper #menu_main { background-image: url('../layout/sfeerblok_01.jpg'); }

/* homepage specials ------------------------------------------------------------------- */

#open_space_for_image {
  width: 90px;
  height: 120px;
  float: right;
}

h1.home {
  width: 370px;
  float: left;
}

#photo_home {
  position: absolute;
  top: 185px;
  right: 10px;
  width: 359px;  
  height: 239px;
  border: solid 10px #fff;
}

#secondary_content_home {
  float: right;
  width: 269px;  
  padding-top: 307px;
  background-color: #fff;
}

/* menu presentation ------------------------------------------------------------------- */
#menu_short{
  border-top: solid 2px #666;
  margin-top: 10px;
  padding-top: 6px;
  width: 269px
}

#service_menu {
  border-top: solid 1px #666;
  margin-top: 30px;
  padding-top: 5px;
  width: 269px;
}

#menu_short li, #service_menu li {
  list-style: none;
  float: left;
}

#menu_short li a, #service_menu li a {
  color: #666;
  text-decoration: none; 
  font-weight: normal;
  text-align: right;
}

#menu_short li a {
  margin-left: 22px;
}

#service_menu li a {
  margin-left: 7px;
}

#menu_short li a:hover, #service_menu li a:hover {
  color: #870122;
}

#menu_short a.first, #service_menu a.first {
  margin-left: 0;
}

#menu_main ul{
  margin: 0;
  padding: 0;
}

#menu_main ul li {
  list-style: none;
  width: 225px;
}

#menu_main .hide_menu {
  display: none;
}
#menu_main ul li a {
  display: block;
  width: 215px;
  padding-left : 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #eee;
  font-weight: bold;
  text-decoration: none; 
  border-bottom: solid #5e071a 2px;
}
#menu_main img.img_active_link {
  width: 6px;
  height: 7px;
}

#menu_main a:hover, #menu_main a.active {
  color: #eee;
  font-weight: bold;
  background-image: url('../layout/grijs_50.png');
}

#menu_main a.sub {
  color: #eee;
  font-weight: normal;
  background-image: url('../layout/grijs_20.png');
}
#menu_main a.sub:hover {
  background-image: url('../layout/grijs_50.png');
  font-weight: normal;
}

#menu_main a.sub_active {
  color: #eee;
  font-weight: normal;
  background-image: url('../layout/grijs_50.png');
}

#menu_main a.sub_active:hover {
  color: #eee;
  font-weight: normal;
  background-image: url('../layout/grijs_50.png');
}

#menu_main a.first {
  border-top: solid #5e071a 2px;
}

#home_link  {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 380px;
  height: 120px;
  border: 0;
  padding:0;
  background-image: none;
}

a.to_top_link {
  display: block;
  padding-top: 1.5em;
  padding-left: 235px;
}

/* breadcrumb  -------------------------------------------------------------------- */

#breadcrumb {
  margin: 0;
  padding-top: 10px;
  list-style: none;
}

#breadcrumb li {
  float: left;
  list-style: none;
}

#breadcrumb li a{
  color: #666;
}

#breadcrumb li span {
  padding-right: 4px;
}

/* member news publication agenda pages  -------------------------------------------------------------------- */

h1.noline {
  border-bottom: 0;
}

div.with_list {
  clear: both;
  width: 100%;
  border-top: 4px solid black;  
  margin: 0;
  padding: 0;
}

h2.with_list_h2 {
  margin: .2em 0 .2em;
  padding-bottom: .2em;
  border-bottom: 1px solid black;
}

p.with_list_p {
  padding: 0.2em 0 0.2em;
  border-bottom: 1px solid black;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
}

div.with_list_link {
  margin-bottom: 2.5em;
}

img.with_list_img {
  float: right;
  width: 100px;
  margin-top: 4px;
  border-left: solid white 8px;
  border-bottom: solid white 4px;
}

span.divider{
 padding-right: 5px;
 margin-right: 5px;
 border-right: solid 1px #003;
}
/* cvs -------------------------------------------------------------------------- */

#cv td.first_td {
  width: 100px;
}

/* sitemap -------------------------------------------------------------------------- */

li.make_room {
  padding-bottom: 8px;
}

/* form presentation --------------------------------------------------------------- */
input.searchtext {
  width: 200px;
  border: solid #003 1px;
  color: #003;
}

fieldset {
  border: 0;
}

legend {
	font-weight: bold;
}

label {
	display: block;
	margin: 2px;
}

input.tekst {
	width: 200px;
	margin: 2px;
	border: 1px solid #003;
}

textarea.invulgroot {
	width: 200px;
	margin: 2px;
	border: 1px solid #003;
}

textarea.invulgrootbreed {
	width: 400px;
	margin: 2px;
	border: 1px solid #003;
}



input.submitknop {
	 margin: 2px 2px 2px 102px;
  width: 100px;
  color: #fff;
  background-color: #6b011a;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
.error_message {
 color: #c00;
}

/* link specials  --------------------------------------------------------------------------*/
#service_menu .link_search { padding-left: 20px; background: url(/layout/icon_search.gif) no-repeat center left; }
#service_menu .link_send   { padding-left: 20px; background: url(/layout/icon_send.gif)   no-repeat center left; }
#service_menu .link_print  { padding-left: 20px; background: url(/layout/icon_print.gif)  no-repeat center left; }

a[href$='.pdf']            { padding-right: 20px; background: url(/layout/icon_pdf.gif)    no-repeat center right; }
a[href$='.PDF']            { padding-right: 20px; background: url(/layout/icon_pdf.gif)    no-repeat center right; }
a[href^='http:']           { padding-right: 15px; background: url(/layout/icon_link.gif)   no-repeat center right; }

/* font presentation --------------------------------------------------------------- */

body {
  font-size: 75%;
}

h1 {
 font-size: 1.2em;
}

h2 {
 font-size: 1.1em;
}

h3 {
 font-size: 1.0em;
}

#menu_short, #service_menu {
 font-size: 1em;
}

#menu_main {
 font-size: 1.1em;
}

#breadcrumb {
 font-size: 0.9em;
}

.photo_comment {
  color: #666;
  float: right;
  font-style: italic;
  font-size: 0.9em;
}

/* css for movie  Author: Marc Gerritsen (m.gerritsen@minvws.nl)*/
.moviecontent, .audiocontent { width: 400px; } /* a default value will be replaced by movie width */
.moviecontent ul, .audiocontent ul {border: 0;overflow:hidden;margin:0;padding:0 0 1px 0; list-style:none; }
.moviecontent li, .audiocontent li {background-image:none;padding:0;margin:0;border:0;}

.moviecontent h3, .audiocontent h3 { border-bottom:1px solid #dedede; color: #000; margin: 0; padding: 0; font-size: 100%;}
.moviecontent li h3 a, .audiocontent li h3 a {border: 1px solid #FFF; color: #000;}
.moviecontent li h3 a:hover, .audiocontent li h3 a:hover {color: #000;}

.moviecontent li a, .audiocontent li a {display: block; padding: 2px 15px 3px 0; font-weight: bold; border-bottom:1px solid #dedede; background:url("/css/images/pijl.gif") right top no-repeat;height:1%; text-decoration: none; color: #000;}
.moviecontent li li a, .audiocontent li li a { font-weight: normal; padding: 2px 15px 3px 0;}
.moviecontent li a:hover, .audiocontent li a:hover {color: #000; border-bottom: 1px solid #000; background:url("/css/images/pijl-hover.gif") right top no-repeat;}

.moviecontent li p a, .audiocontent li p a {display: inline; text-decoration: underline; color: blue; background: #FFF; border: 0; padding: 0; margin: 0; font-weight: normal;}
.moviecontent li p a:hover, .audiocontent li p a:hover {display: inline; text-decoration: underline; color: blue; background: #FFF; border: 0; padding: 0; margin: 0;}

.moviecontent li img, .audiocontent li img { margin-bottom: -4px;}

.moviecontent li a.open, .audiocontent li a.open { background:url("/css/images/pijl-open.gif") right top no-repeat; }
.moviecontent li a.open:hover, .audiocontent li a.open:hover { background:url("/css/images/pijl-open-hover.gif") right top no-repeat; }
.moviecontent ul.open, .moviecontent div.open, .moviecontent p.open,
.audiocontent ul.open, .audiocontent div.open, .audiocontent p.open {display: block; }
.moviecontent li a.close, .audiocontent li a.close { background:url("/css/images/pijl.gif") right top no-repeat; }
.moviecontent li a.close:hover, .audiocontent li.close:hover { background:url("/css/images/pijl-hover.gif") right top no-repeat; }
.moviecontent ul.close, .moviecontent div.close, .moviecontent p.close,
.audiocontent ul.close, .audiocontent div.close, .audiocontent p.close  {display:none;}
.moviecontent li.transcription div, .audiocontent li.transcription div { margin:0; padding:0; border-bottom: 1px solid #EEE;}

span.actor { 
  font-weight: bold;
}

span.geschreventekst, span.handeling, span.audiobeschrijving, span.gebaar, span.sfeer, span.geschreventekst { 
  font-style: italic;
}