/* --------------------------------------------- */
/* algemeen html                                 */
/* --------------------------------------------- */

img.sponsors {
  max-height: 100px;   /* afbeelding mag max 100px hoog zijn */
  height: auto;        /* behoud verhoudingen */
  width: auto;         /* breedte schaalt mee */
  display: inline-block;
}

#content fieldset{
	margin:0.5em;
	padding:1em;
	border:0.2em solid #ccc;
	background:#f8f8f8;
}

#content legend{
	font-family: KCORegular;
	font-weight:normal;
	font-size:1.5em;
}
/*#content span{
	margin-left:0.3em;
}*/
#content select{
	width:20.5em;
	/* font-size:0.875em; */
	float:right;
}
#content select:disabled{
	/* background-color:#f8f8f8;	dit verandert de vorm van de select box! */ 
	color: white;
}
#content #kolommen select{
	width:11em;
}
#wat input[type = "text"]{
	width:19.5em;

}

/* Test database indicator */
#main span#database {
    display: inline-block;
    font-family: KCORegular;
    font-size: 14px;
    padding: 4px 10px 4px 14px;
    text-transform: uppercase;
	background-color: #FFFFFF;
    color: #333333;
    margin: 5px 25px 5px 30px;
    text-decoration: none;
    float: right;
}

/*
#content input,
#content label,
#content span{
	font-size:0.875em;
}
*/
/*#content input,
#content span{
	float:left; /* deze float zorgt ervoor dat bij het smal maken van een browser-window de velden niet over elkaar heen komen */
/*}*/
#content input,
#content select,
#content span{
	margin-bottom:0.7em;
}
#content input[type = "checkbox"],
#content input[type = "radio"]{
	vertical-align:bottom;
	width:1em;
	height:1em;
	margin-right:0.3em;
}
#content input[type = "submit"],
#content input[type = "button"]{
	float:left;
	background: #dc0246;
		background: -webkit-gradient(linear, left top, left bottom, from(#e43c70), to(#c7023f));
		background: -moz-linear-gradient(top, #e43c70, #c7023f);
	border:1px solid #dc0246;
	border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	color: #fff;
	cursor: pointer;
	/* float:right; */
	margin:10px 0;
	margin-right:0.5em;
	outline: none;
	padding: 0.4em 1em 0.5em;
	text-align: center;
	text-decoration: none;
	-webkit-appearance: button;
}
	#content input[type="submit"]:hover,
	#content input[type = "button"]:hover {
		background: #dc0246;
			background: -webkit-gradient(linear, left top, left bottom, from(#ff3e7a), to(#e70148));
			background: -moz-linear-gradient(top, #ff3e7a, #e70148);
		border:1px solid #ff0150;
	}
#content button.shy,
#content input[type="submit"].shy,
#content input[type="button"].shy {
	background: #fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
		background: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	border: 1px solid #fff;
	border-radius: 4px;
		-webkit-border-radius: 4px;
	box-shadow:  0px 1px 2px 2px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow:  0px 1px 2px 2px rgba(0, 0, 0, 0.1);
	color: #000;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	margin-left: 20px;
	padding: 4px 12px;
}
	#content button.shy:hover,
	#content input[type="submit"].shy:hover,
	#content input[type="text"]:hover,
	#content input[type="checkbox"]:hover,
	#content input[type="radio"]:hover,
	#content input[type="button"].shy:hover {
		box-shadow:  0px 1px 2px 2px rgba(220, 2, 70, 0.3);
			-webkit-box-shadow:  0px 1px 2px 2px rgba(220, 2, 70, 0.3);
	}
	#content button.shy[disabled="disabled"],
	#content input[type="submit"].shy[disabled="disabled"],
	#content input[type="button"].shy[disabled="disabled"] {
		background: #f5f5f5;
		color: #ccc;
	}
	#content button.shy[disabled="disabled"]:hover,
	#content input[type="submit"].shy[disabled="disabled"]:hover,
	#content button.shy.select:hover,
	#content input[type="submit"].shy.select:hover,
	#content input[type="button"].shy.select:hover {
		box-shadow:  0px 1px 2px 2px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow:  0px 1px 2px 2px rgba(0, 0, 0, 0.1);
	}
	#content button.shy.select,
	#content input[type="submit"].shy.select,
	#content input[type="button"].shy.select {
		background: #dc0246;
		border: 1px solid #dc0246;
		color: #fff;
	}

#content input[type="text"] {
	border: 1px solid #AAAAAA;
    border-radius: 4px 4px 4px 4px;
    height: 1.65em;
    line-height: 1.65em;
    font-size: 1em;
    padding: 0 0 0 8px;
}

#content input[type="text"]:focus {
    border: 1px solid #C7023F;
    outline: none;
	background-image: none;
    height: 1.65em;
    line-height: 1.65em;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -webkit-box-shadow: 0 0 5px rgba(220, 2, 70, 0.3);
       -moz-box-shadow: 0 0 5px rgba(220, 2, 70, 0.3);
            box-shadow: 0 0 5px rgba(220, 2, 70, 0.3);
}

/* --------------------------------------------- */
/* specifiek voor classes in zoekpagina          */
/* --------------------------------------------- */
#input_nationaliteit,
#input_componist_werk {
	margin-bottom: 0.7em;
}
#input_combos_waar {
	margin-bottom: 1.1em;
}

#content .innerPart{
	float:left;
}
#content .innerPartMargin{
	margin-bottom:1em;
}
#content .radioItem{
	clear:both;
	float:left;
	margin-right:0.5em;
}
#content .comboItem,
#content .textItem,
#content .checkItem{
	clear:both;
}
#content .comboItem label,
#content .textItem label{
	/*border:0.1em solid transparent;*/ /* eventueel toevoegen om de tekst vh label verticaal te aligneren met de tekst vd dropdown */
	float:left;
	width:6.5em;
	margin-right:0.5em;
	margin-top: 0.4em;
}
#content #kolommen .comboItem label {
	width:5em;
}

#content .date{
	width:7em;
}
#content .hidden{
	display:none;
}

/* --------------------------------------------- */
/* specifiek voor classes in zoekresultaatpagina */
/* --------------------------------------------- */
#content table#zoekresultaat {
	border: 1px solid gray;
	/* border-collapse: collapse; in IE verdwijnt een deel van de border als deze optie wordt gebruikt,
	   maar bij verwijderen wordt ook tussen de cellen een border gezet en dat willen we niet */
	border-collapse: collapse;
	width: 100%;
}

#content table#zoekresultaat tr {
	border: none;
	padding: 3px;
	vertical-align: text-top;
}

#content table#zoekresultaat td,
#content table#zoekresultaat th {
	border: none;
	padding: 3px;
	background: transparent;
	text-align: left;
}

#content .no-js {
	display: none;
}

#zoekresultaat .datum,
#zoekresultaat .componist {
	white-space: nowrap;
}

#zoekresultaat .to_concerts {
	text-align: center;
}

#zoekresultaat .half {
    // background-color: blue;
    background: url('../static/img/backgrounds/section/half-container.jpg') repeat scroll 0 0;
}

/* ------------------------------------------------------- */
/* specifiek voor classes in handleiding en verantwoording */
/* ------------------------------------------------------- */
div#handleiding h2,
div#verantwoording h2 {
	margin-top: 20px;
	margin-bottom: 0px;
}

table#colofon td {
	vertical-align: top;
}
/* --------------------------------------------- */
/* specifiek voor ids                            */
/* --------------------------------------------- */
#buttons{
	clear:both;
}
#wie_wat,
#wanneer_waar{
	float:left;
}
#plaats_radio_land label{
	width:2em;
}
#waar .comboItem label,
#wie .comboItem label{
	width:6.5em;
}
#wanneer .textItem input,
#wanneer .textItem span {
	float: right;
}
#wanneer .textItem span {
	margin-right: 10px;
	margin-top: 0.2em;
}
/*
#wanneer .comboItem select{
	float:left;
}
*/
/*
#content 	width:14.5em;
}
*/