/* CSS Document */

@import url("/admin/css/header.css");

@import url("/admin/css/inlog.css");
@import url("/admin/css/sites.css");
@import url("/admin/css/artikelen.css");
@import url("/admin/css/bestandbeheer.css");
@import url("/admin/css/paginaindeling.css");

@import url("/admin/plugins/vlacalendarv211/styles/vlaCal-v2.1.css");

html{
	overflow-y:scroll;
}

body {
	min-width: 975px;
	margin: 0 10px 0 10px;
	background: #FFFFFF url('/admin/img/background.gif') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #505050;
}

/* update melding voor gebruikers met een browser < ie8*/
.chromeframe {
    margin: 0.2em 0;
    background: #E04080;
    color: #000;
    padding: 1.2em;
}
.chromeframe strong{
	color: #000;
}
.chromeframe a{
    color: yellow;
}

a {
	outline-style: none;
	color:#505050;
	text-decoration: none;
}
a:hover{
	color: #ba253e;
	text-decoration: underline;
}

a.bold{
	font-weight: bold;
}

a img{
	border: 0px;
}

span.none{	display: none; }
span.bold{	font-weight: bold; }
span.red{	color:#ba253e; }
span.grey{	color:#999999; }

h1{
	margin:0;
	padding:8px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #999999;
}

form{
	margin:0;
	padding:0;
}

/* Middle */

#middleContainer {
	width:100%;
	-height: 400px;
	min-height: 400px;
	margin: 0;
	padding: 0;
	float:left;
	background: #ffffff;
}

#middleWrapper {
	margin: 0;
	padding: 10px;
}

/* Breadcrumbs */

#breadcrumbsContainer {
	width:100%;
	height: 22px;
	margin: 0;
	padding: 10px 0 0 0;
	float:left;
	background: #ffffff;
}

#breadcrumbsWrapper {
	height: 20px;
	margin: 0 10px 10px 10px;
	padding: 0;
	//background: url('/admin/img/breadcrumbsBg.gif') repeat-x;
	border: 1px solid #c4c3c3;
	border-radius: 15px;
}

#breadcrumbsWrapper #breadcrumbsLeft {
	width: 10px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	//background: url('/admin/img/breadcrumbsLeft.gif') no-repeat;
}

#breadcrumbsWrapper #breadcrumbs {
	height: 18px;
	margin: 0;
	padding: 2px 0 0 0;
	display: inline;
	float: left;
	color: #999999;
}

#breadcrumbsWrapper #savedTextOpbouw {
	height: 18px;
	margin: 0;
	padding: 2px 0 0 0;
	display: inline;
	float: right;
	color: #999999;
}

#breadcrumbsWrapper #breadcrumbsRight {
	width: 10px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
	//background: url('/admin/img/breadcrumbsRight.gif') no-repeat;
}

/* Options */

#optionsWrapper, .optionsWrapper {
	height: 50px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #c4c3c3;
	border-radius: 15px;
}

#optionsWrapper #optionsLeft, .optionsWrapper .optionsLeft {
	width: 10px;
	height: 50px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

#optionsWrapper #optionsTitle, .optionsWrapper .optionsTitle {
	height: 40px;
	margin: 0;
	padding: 5px 0 5px 0;
	display: inline;
	float: left;
}

#optionsWrapper #options, .optionsWrapper .options {
	height: 40px;
	margin: 0;
	padding: 5px 0 5px 0;
	display: inline;
	float: right;
}

#optionsWrapper #options img, .optionsWrapper .options img{
	width:40px;
	height:40px;
	margin:0 0 0 5px;
	padding:0;
	float:left;
}

#optionsWrapper #options a img, .optionsWrapper .options a img{
	width:40px;
	height:40px;
	margin:0 0 0 5px;
	padding:0;
	float:left;
}

#optionsWrapper #options input, .optionsWrapper .options input{
	width:40px;
	height:40px;
	margin:0 0 0 5px;
	padding:0;
	float:left;
}

#optionsWrapper #optionsRight, .optionsWrapper .optionsRight {
	width: 10px;
	height: 50px;
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
}

/* Content */

#contentBorderTop {
	position: relative;
	float: none;
	height: 10px;
	padding: 0;
	border-top: 1px solid #c4c3c3;
	border-left: 1px solid #c4c3c3;
	border-right: 1px solid #c4c3c3;
	border-radius: 15px 15px 0 0;
	z-index: auto;
	width: auto;
}

#contentBorderTop #contentBorderTopLeft {
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

#contentBorderTop #contentBorderTopRight {
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
}

#content {
	/*height:1%;IE fix*/
	margin: 0;
	padding: 0 10px 0 10px;
	overflow: hidden;
	border-left:1px solid #c4c3c3;
	border-right:1px solid #c4c3c3;
	min-height: 250px;
}

#contentBorderBottom {
	height: 10px;
	margin: 0;
	padding: 0;
	//background: url('/admin/img/contentBorderBottom.gif') repeat-x;
	border-bottom: 1px solid #c4c3c3;
	border-left: 1px solid #c4c3c3;
	border-right: 1px solid #c4c3c3;
	border-radius: 0 0 15px 15px;
}

#contentBorderBottom #contentBorderBottomLeft {
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

#contentBorderBottom #contentBorderBottomRight {
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
}

/* Pagina nummering */

#paginaNr ul{
	list-style: none;
    margin: -3px 0 1px 0;
    padding: 0;
	border: none;
	background: none;
}

#paginaNr li{
	margin: 0;
	padding:0;
	background: #ff0000;
	border: none;
	text-align: left;
	display:inline;
}

/* Footer */

#footerWrapper {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
}

#footerWrapper a {
	color:#999999;
}
#footerWrapper a:hover {
	color:#ba253e;
	text-decoration:underline;
}

div.selectScroll{
	height:150px;
	width:250px;
	overflow:auto;
	border: 1px solid #666;
}

.validateError{
	background:#334455;
}


/* Clearfix ----------------------------------------------- */
/* -------------------------------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hidden {
	display:none;
}

.taal_flag {
	float:left;
	margin:5px 0 0 5px;
	position: relative;
	width: 135px;
}

.taal_vlaggen {
	background-color:#FFFFFF;
	z-index:20;
	border: 1px solid #666;
	width: 110px;
	padding: 2px 2px 2px 2px;
	margin-left: 2px;
	position: absolute;
	right:0;
	top:0;
}

#genereer_meta.ajax-loading {
	padding: 20px 0;
	background: url(/admin/img/spinner.gif) no-repeat center;
}

/*Tooltips*/
.tooltip {
	/*border-bottom: 1px dotted #000000; color: #000000; outline: none;*/
	text-decoration: none;
	position: relative;
	float:left;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);

	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 10px; width: 250px;
}
.tooltip:hover img.tooltipicon {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {

	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { /*background: #9FDAEE; border: 1px solid #2BB0D7;*/	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

/* Nodig voor de form errors in de webshop */
.formError {
	background-color: #F3D3D0;
	border: 1px solid #DE9896;
	margin: 10px 0; color:#A5002D;
	padding-left: 100px;
}


/*sportflock layout 60 40 ipv 30 70 of 70 30*/
#content #algemeenLeftWrapper.zestig-veertig{
    width: 60%;
    float: left;
}
#content #algemeenRightWrapper.veertig-zestig{
    width: 40%;
    float: right;
}
#content #algemeenRightWrapper.vijftig-vijftig,
#content #algemeenLeftWrapper.vijftig-vijftig {
    width: 50%;
    float: left;
}

/*CKEDITOR*/
.cke_chrome{
    float:left;
}


#optionsMessage>div{
    color: rgb(80, 80, 80);
    font-weight: bold;
    height: 34px;
    min-height: 34px;
    overflow: hidden;
    margin: 1px 0 1px 20px;
    position: relative;
    z-index: 1000;
    border: 2px solid rgb(255, 0, 0);
    background-color: #FFB2B2;
    padding: 5px;
    border-radius: 2px;
}

#optionsMessage>div:hover{
   height:auto;
}

#optionsMessage p {
    margin:0;
}
#optionsMessage ul {
    margin:0;
    padding-left:20px;
}
#optionsWrapper #optionsTitle{
    margin-right: 10px;
}