@import url(nav.css);

html{ font-size: 70%; }
body{ margin: 0; padding: 0; /*background: url(../../../sites/legermuseum.nl/images/back_home.gif) repeat-x;*/ }
br{ font: 11px Arial, Helvetica, sans-serif; }
.list { width: 100%; border-bottom: #C1D409 1px solid; margin: 0; padding: 2px 0px 2px 0px; display: block; color: #18200A; font-size: 1em; }
#breadcrumb{ padding: 4px 0px 0px 0px; }
#content{ width: 770px; color: #000000; font-size: 1em; }
#content img{ clear: both; display: block; }
#contentcenter{ width: 425px; margin: 22px 5px 0px 5px; padding: 0px 10px 30px 10px; float: left; color: #000000; font-size: 1.1em; line-height: 18px; }
#contentcenter a { color: #34450E; font-size: 1em; text-decoration: underline; }
#contentcenter a:hover { color: #5F710C; font-size: 1em; }
#contentcenter h4, #contentcenter h1, #contentcenter h2, #contentcenter h3 { clear: right; margin: 0; padding: 0px 0px 10px 0px; display: block; color: #18200A; font-size: 1.4em; font-weight: bold; }
#contentcenter h5 { margin: 0; padding: 10px 0px 0px 0px; color: #000000; font-size: 1em; font-weight: bold; }
#contentcenter p{ margin: 0; padding: 0px 0px 10px 0px; }
#contentleft{ width: 170px; padding: 0px 0px 0px 15px; float: left; color: #000000; font-size: 1em; }
#contentleft a { color: #666666; font-size: 1.1em; text-decoration: underline; }
#contentleft a:hover{ color: #989898; font-size: 1.1em; }
#contentleft li{ padding: 0px 0px 0px 10px; background: url(../../../sites/legermuseum.nl/images/green_arrow.gif) 0px 10px no-repeat; line-height: 22px; }
#contentleft li a{ color: #34450E; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#contentleft li a:hover{ color: #5F710C; font-size: 1.2em; font-weight: bold; }
#contentleft ul{ margin: 0; padding: 18px 0px 0px 0px; list-style: none; }
#contentright{ width: 115px; margin: 22px 0px 0px 0px; float: left; color: #34450E; font-size: 1em; }
#contentright a{ color: #80896C; font-size: 1em; text-decoration: underline; }
#contentright a:hover{ color: #AEB59E; font-size: 1em; }
#contentright h4, #contentleft h4 { margin: 0; padding: 0px 0px 0px 0px; color: #FFA800; font-size: 1.1em; font-weight: bold; }
#contentright h5, #contentleft h5 { clear: right; margin: 0; padding: 0px 0px 0px 0px; display: block; color: #FFA800; font-size: 1em; }
#contentright img, #contentleft img, #contentcenter img { float: left; border: none; margin: 0px 0px 0px 0px; }
#footer{ clear: both; margin: 0px 0px 0px 0px; display: block; background: url(../../../sites/legermuseum.nl/images/back_footer.gif) #34450E; height: 28px; position: relative; }
#footernews{ clear: both; padding: 0px 0px 30px 0px; float: left; width: 100%; display: block; background: url(../../../sites/legermuseum.nl/images/back_news_top.gif) #34450E repeat-x; color: #FFFFFF; font-size: 1.1em; }
#footernews a{ color: #AEB59E; font-size: 1.1em; text-decoration: underline; }
#footernews a:hover{ color: #C9D0B9; font-size: 1.1em; }
/*#footernews div{ width: 270px; float: left; padding: 0px 0px 0px 25px; position: relative; left: 174px; }*/
#footernews h1{ margin: 0; padding: 10px 0px 0px 0px; color: #FFA800; font-size: 1.1em; font-weight: bold; }
#framework{ width: 100%; /*770px*/ font-family: Arial, Helvetica, sans-serif; }
#header{ padding: 0px 0px 0px 8px; clear: both; display: block; color: #34450E; background: url(../../../sites/legermuseum.nl/images/back_header_bottom.gif) #C1D409 0px 60px no-repeat; font-size: 1em; height: 75px; }
#header a { padding: 0px 2px 0px 2px; color: #34450E; font-size: 1.1em; text-decoration: underline; }
#header a:hover { padding: 0px 2px 0px 2px; color: #5F710C; font-size: 1.1em; }
/* tzx */
#header span { padding: 0px 2px 0px 2px; color: #34450E; font-size: 1.1em; }
#header h1{ margin: 12px 0px 0px 0px; padding: 0; color: #47580D; font: 2.4em "Trebuchet MS",Tahoma,verdana, sans-serif;}
#headnav{ clear: both; display: block; background: #ACBF0A; height: 28px; overflow: hidden; }
#headnav li { display: block; list-style: none; position: absolute; }
#headnav a { display: block; height: 28px; }
#headnav input{ border: #ACBF0A 1px none; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 2px; width: 78px; color: #000000; font: 11px Arial, Helvetica, sans-serif; position: absolute; left: 658px; top: 0px; height: 14px; }
.printlogo, #headnav strong { display: none; }
#footernews img, #footer img, #headnav form, #headnav fieldset { border: none; margin: 0; padding: 0; }
.border td, .border th{	border-bottom: #C1D409 1px solid; text-align: left; vertical-align: top;}
#contentcenter a.result {font-weight:bold; text-decoration: none;}
#contentleft li.back{ background: url(../../../sites/legermuseum.nl/images/green_back.gif) 0px 10px no-repeat;}
.evenementlist { width: 100%; border-bottom: #C1D409 1px solid; margin: 0; padding: 10px 0px 10px 0px; display: block; color: #18200A; font-size: 1em; }
#contentcenter .evenementlist h4 {padding:0px 0px 0px 0px}
#contentcenter .evenementlist img.thumb {width:85px; float:left;margin-right:10px}

/*formuliervelden*/
.formitem {margin-bottom:4px;}
.mandatory {color:#ACBF0A;}
#mandexplanation {float:right;color:#ACBF0A;}
#contentcenter input {border:1px solid #ACBF0A;width:242px;font-size:90%;}
#contentcenter .inputsmall {width:175px;}				
#contentcenter .inputtiny {width:60px;}
#contentcenter .checkbox {width: auto; border: none;}	
#contentcenter .button {width: auto; border: none;}	
/* TZX signup */
#contentcenter #signup .formitem { clear: left; }
#contentcenter #signup label { display: block; }	
#contentcenter #signup input.radio, #contentcenter #signup label.radio {float: left; width: auto; border: none; line-height: 1.8em; height: 1.8em; }
#contentcenter #signup label.radio { width: 6em; }
#contentcenter #signup input.button {background: #C1D409; color: #34460D; font-weight: bold; padding: 0.5em 1em; }

/* TZX enquete */
#webForm { width: 425px; padding: 1em 0 0; margin: 0; border-top: solid 1px #ACBF0A; position: relative;}
#webForm fieldset { border: none; padding: 0 0 1em; margin: 0 0 1em; border-bottom: solid 1px #ACBF0A;}
#webForm legend {font-weight: bold; color: #34450E; margin: 0 0 1em; padding: 0; }
#webForm legend span { color: #ACBF0A; }
#webForm label, #webForm input { float: left; width: auto; }
#webForm label { width: auto; max-width: 80%; cursor: pointer; }
#webForm br { clear: left; }
#webForm fieldset input { border: none; margin-right: 0.5em; display: inline;}
#webForm input.toelichting { border: solid 1px #ACBF0A; margin-left: 0.5em; padding-left: 0.1em; width: 20em; } 
#webForm textarea { border: solid 1px #ACBF0A; height: 5em; overflow: auto;}
#webForm #buttons input { margin-right: 1em; }

/* Enquete resultaat */
.enquete-resultaat { color: #C1D409; font-weight: bold; }
#contentcenter .enquete-resultaat h3 {  font-size: 1em; line-height: normal; color: #34450E;}
#contentcenter .enquete-resultaat li { margin-bottom: 1em; }
#contentcenter .enquete-resultaat ul, #contentcenter .enquete-resultaat ul li { margin: 0; padding: 0; list-style: none; color: #000; font-weight: normal; }

ul.antwoorden .graph { display: block; border: 1px solid #C1D409; padding: 1px; width: 75%;	}
ul.antwoorden .graph .bar { position: relative; display: block;	height: 1.2em; line-height: 1.2em; background: #C1D409 url(../../../sites/legermuseum.nl/images/back_header_bottom.gif) no-repeat 0 0; }
ul.antwoorden .graph .bar span { position: absolute; left: 0.5em; }
ul.antwoorden span.antwoord a { padding-left: 2em; background: url(../../../sites/legermuseum.nl/images/icon_comments.gif) no-repeat 0 0; } 

#contentcenter .enquete-resultaat blockquote { color: #000; background:#ffc; padding: 0.5em; margin: 0 0 0.5em;}
#contentcenter .enquete-resultaat blockquote p {  margin: 0; padding: 0; }

/* float (weergave naast elkaar)*/
ul.antwoorden span.antwoord, ul.antwoorden .graph { float: left; width: 48%; margin-bottom: 0.5em; }
ul.antwoorden .graph { float: right; }
ul.antwoorden li { float: left; width: 100%;}
.enquete-resultaat li, .toelichting { clear: both;} 

/* Enkele enquete */
#contentcenter .enquete-resultaat li p, .enquete-resultaat li ul { font-weight: normal; color: #; }
#contentcenter .enquete-resultaat.single ul li { color: #999; padding-left: 2em;  background: url(../../../sites/legermuseum.nl/images/bullet_white.gif) no-repeat 0 0;}
#contentcenter .enquete-resultaat.single ul li.answered { /*font-weight: bold;*/ color: #000; background: url(../../../sites/legermuseum.nl/images/icon_tick.gif) no-repeat 0 0; }
#contentcenter .enquete-resultaat.single ul li.answered.no { background-image: url(../../../sites/legermuseum.nl/images/icon_thumb_down.gif); }
#contentcenter .enquete-resultaat.single ul li.answered.yes { background-image: url(../../../sites/legermuseum.nl/images/icon_thumb_up.gif); }
#contentcenter .enquete-resultaat.single ul li.answered.other { background-image: url(../../../sites/legermuseum.nl/images/icon_tick_comment.gif); }

#contentcenter .enquete-resultaat.single blockquote { background: none; }

#contentcenter .enquete-navigatie, #contentcenter .enquete-navigatie li { margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
#contentcenter .enquete-navigatie { border-bottom: solid 1px #C1D409; padding-bottom: 0.5em; margin-bottom: 1em; }
#contentcenter .enquete-navigatie li { width: auto; margin-right: 2em; }
#contentcenter h2.enquete { border-bottom: solid 1px #C1D409; padding: 0 0 0.5em; margin: 0 0 0.5em; }

/* center */
.wrapper {
	width: 770px;
	margin: 0 auto;	
}

#headnav #nl,
#headnav #uk {
	left: auto;
	right: auto;
	margin: 0 auto;
}

#headnav #formsearch {
	float: right;
	width: 80px;
}

#headnav #formsearch input {
	float: left;
	position: relative;
	left: auto;
	right: 35px;
}

#header {	
	padding: 0;
	background-image: none;
}

#header .wrapper {	
	height: 75px;
	background: none;
}

#header .wrapper #breadcrumb {
	padding-left: 8px;
}	

#header .wrapper h1 {
	margin: 12px 0 0;
	padding: 0 0 8px 8px;
	width: 752px;
	background: url(../../../sites/legermuseum.nl/images/bg_header-lines.png) repeat-x bottom;
}

#footer img {
	float: right;
	display: inline;
	margin-right: 2px;
}
/* Fix footer for FF */
@-moz-document url-prefix(){ #footer img { margin-right: 3px; !important; } }