/******************************	

FC Twente
TRES internet (c) 2010

******************************/


/******************************	
RESET
******************************/

html, body, div, span, applet, object, iframe, table, caption, tbody,
tfoot, thead, tr, th, td, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

*:focus { outline: none; }
body { line-height: 1 }
ol, ul {list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
a img, :link img, :visited img { border: none; }
iframe { background: transparent; }
input, select { vertical-align: middle; }
strong { font-weight: bold; }

div.clear { clear: both; width: 100%; height: 1px; overflow: hidden; float: none !important; }


/******************************	
STYLE
******************************/
body {
	background: #ca0016;
	font-family: Arial;
	font-size: 12px;
}

#container {
	width: 771px;
	margin: 0 auto;
	background: #ffffff;
}

#header {
}

	#header img {
		float: left;
	}


#topmenu {
	background: #cb0016;
	font-size: 11px;
	font-weight: bold;
	width: 770px;
	display: block;
	height: 18px;
	border-right: 1px solid white;
}

	#topmenu ul {
		list-style: none;
	}

		#topmenu ul li {
			float: left;
			display: block;
			text-transform: uppercase;
			line-height: 18px;
			border: 1px solid #ffffff;
			border-width: 0 1px 0 0;
		}

			#topmenu ul li a, #topmenu ul li a:link, #topmenu ul li a:visited, #topmenu ul li a:active {
				color: #ffffff;
				display: block;
				background: #cb0016;
				padding: 0 10px;
				text-decoration: none;
			}

			#topmenu ul li a:hover {
				background: #ffffff;
				color: #cb0016;
			}


#contentContainer {
	background: url("../images/contentBG.png") left top repeat-y;
}

	#left {
		padding: 6px 3px;
		float: left;
		width: 180px;
	}

		#left #logo {
			height: 156px;
			border: 1px solid #ffffff;
			border-width: 0 0 1px 0;
		}

		#left #menu {
			clear: both;
			font-size: 11px;
			line-height: 18px;
			background: url("../images/menuFooter.png") left bottom no-repeat;
			padding: 0 0 15px 0;
		}

			#left #menu ul {
				display: block;
			}

				#left #menu ul li {
					border: 1px solid #ffffff;
					border-width: 0 0 1px 0;
					text-transform: uppercase;
				}


					#left #menu ul li a, #left #menu ul li a:link, #left #menu ul li a:visited, #left #menu ul li a:active {
						text-decoration: none;
						color: #ffffff;
						background: #ca0016;
						display: block;
						padding: 0 10px;
						height: 18px;
					}

					#left #menu ul li.odd a {
						background: #da4c5b;
					}

					#left #menu ul li a:hover {
						color: #ca0016;
						background: #ffffff;						
					}

		#itemsLeft {
		}

			#itemsLeft .item {
				width: 100%;
				text-align: center;
				margin: 15px 0 0 0;
			}


	#right {
		float: left;
		padding: 0 0 10px 4px;
		width: 580px;
		display: inline;
		overflow: hidden;
		line-height: 18px;
	}

		#breadcrumb {
			height: 18px;
			line-height: 18px;
			color: #ca0016;
			background: #ffffff;
			position: relative;
			left: -4px;
			padding: 0 0 0 4px;
		}
			#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
				color: #ca0016;
				text-decoration: none;
			}
			
			#breadcrumb a:hover {
				text-decoration: underline;
			}


		#right a, #right a:link, #right a:visited, #right a:active {
			color: #ca0016;
			text-decoration: underline;
			font-family: arial;
			font-size: 11px;
		}

		#right a:hover {
			color: #000000;
		}


	#right form {
		padding: 10px 0 0 0;
	}

		#right form input {
			margin: 2px 0;
		}

		#right input.inputText{ 
			border: 1px solid #c9c9c9;
			font-family: Arial;
			font-size: 11px;
			line-height: 18px;
			height: 18px;
			width: 345px;
		}


		#right form .inputButton {
			width: 160px;
			height: 31px;
			padding: 0 11px;
			cursor: pointer;
			border: 0;
			background: #CA0016;
			color: #ffffff;
			font-size: 9px;
			text-transform: uppercase;
			margin: 15px 0 10px 15px;
			text-align: left;
			background: white url("../images/buttonBG.png") left top no-repeat;
		}

			#right form .inputButton.back {
				background: #ffffff;
				color: #CA0016;
				text-align: right;
			}

			#right form .inputButton.disabled {
				color: #424242;
				text-align: right;
				background: white url("../images/buttonBGDisabled.png") left top no-repeat;
			}

		#right .submitbutton {
			width: 160px;
			height: 31px;
			padding: 0 11px;
			cursor: pointer;
			border: 0;
			background: #CA0016;
			color: #ffffff;
			font-size: 9px;
			text-transform: uppercase;
			margin: 15px 50px 10px 15px;
			text-align: left;
			float: right;
			background: white url("../images/buttonBG.png") left top no-repeat;
		}


	#right form .label {
		width: 215px;
	}

	#right form .value {
		text-align: right;
		width: 345px;
	}

	#right form .value.label {
		text-align: left;
		padding: 0 0 0 4px;
	}

	#content {
		padding: 0 13px 0 0;
		position: relative;
	}

	#footer {
		height: 100px;
		background: url("../images/footer.png") left bottom no-repeat;
		position: relative;
		margin: -1px 0 0 0;
	}


	

/* Sec.Tick */

:-moz-any-link:focus {outline: none;}


#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#c5031b;
	width: 250px;
	color: #fff;
	}
TEXTAREA {
	BACKGROUND: #ffffff
}
H1 {
	FONT-SIZE: 17px;
	BACKGROUND: url(img/line_group.gif) bottom repeat-x; 
	HEIGHT: 22px !important;
	line-height: 18px;
	color: #c20519;
}
H2 {
	FONT-SIZE: 17px
}
H3 {
	LINE-HEIGHT: 24px; FONT-SIZE: 16px
}

.content {
	WIDTH: 730px; BACKGROUND: url(img/bg_content.gif) repeat-y; FLOAT: left; margin-bottom: -5px;
}
.content .gradient {
	WIDTH: 716px; DISPLAY: inline; BACKGROUND: url(img/bg_content_gradient.jpg) no-repeat 50% bottom; FLOAT: left; MARGIN-LEFT: 6px
}
.content .margin {
	LINE-HEIGHT: 18px; MARGIN: 0px 19px 20px; CLEAR: both
}
.content .article {
	MARGIN-TOP: 20px
}
.content .first {

	MARGIN-LEFT: 19px
}
.content .mleft {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 6px
}
.grouptitle {
	LINE-HEIGHT: 18px; MARGIN: 10px 0px 10px 19px; WIDTH: 680px; DISPLAY: inline; FLOAT: left; COLOR: #454545
}
.grouptitle .left {
	WIDTH: 400px; FLOAT: left
}
.grouptitle .right {
	TEXT-ALIGN: right; WIDTH: 280px; FLOAT: left; FONT-SIZE: 13px; FONT-WEIGHT: bold
}
.grouptitle IMG {
	VERTICAL-ALIGN: middle
}
.grouptitle A:link {
	COLOR: #c5031b
}
.grouptitle A:visited {
	COLOR: #c5031b
}
.grouptitle .line {
	MARGIN: 5px 0px; BACKGROUND: url(img/line_group.gif) repeat-x; HEIGHT: 2px !important; CLEAR: both
}


.contentklein{
	float: left;
	display: inline;
	width: 357px;
	height: 100%;
	BACKGROUND: url(img/contentklein_gradient.png) no-repeat 50% bottom;
	margin: 0 6px 0 2px;
	}

.contentkleintop{
	width: 357px;
	height: 14px;
	BACKGROUND: url(img/contentklein-top.png) no-repeat 50% bottom;
	}

.contentkleinbottom{
	width: 357px;
	height: 14px;
	BACKGROUND: url(img/contentklein-bottom.png) no-repeat 50% bottom;
	}

.contentkleinmiddle {
	width: 325px;
	BACKGROUND: url(img/contentklein-bg.png) repeat-y;
	padding: 15px;
	overflow: hidden;
}

.contentklein .gradientklein {
	WIDTH: 357px; DISPLAY: inline; BACKGROUND: url(img/contentklein_gradient.png) no-repeat 50% bottom; FLOAT: left; MARGIN-LEFT: 6px
}
.contentklein .margin {
	LINE-HEIGHT: 18px; MARGIN: 0px 19px 20px; CLEAR: both
}
.contentklein .article {
	MARGIN-TOP: 20px
}
.contentklein .first {

	MARGIN-LEFT: 19px
}
.contentklein .mleft {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 6px
}




body, td{ font-family: Arial; font-size: 11px;cursor:;}
form{margin:0px;}
button{cursor:pointer;}
select{font-family:verdana;font-size:10px;}
a{color:#c5031b;text-decoration:none;}
h1{}
h2{}
h3{}
h4 { 
	margin: 0 0 8px 0;
	font-size:12px;
	color: #CA0016;

}
h5{}


table.totalWidth{width: 567px;}

.usrCheckbox{position:relative;width:13px;height:13px;overflow:hidden;}
.usrCheckbox .image{position:absolute;width:26px;height:39px;background-image:url('../mediadepot/md10.jpg');}
.usrCheckbox .over{top:-13px;}
.usrCheckbox .selected{left:-13px;}
.usrCheckbox .disabled{top:-26px;}

.iconQ{position:relative;overflow:hidden;width:14px;height:14px;}
.iconQ .image{position:absolute;width:14px;height:14px;background-image:url('../mediadepot/md20.gif');}

.icon{position:relative;overflow:hidden;width:18px;height:13px;}
.icon .image{position:absolute;width:36px;height:104px;background-image:url('../mediadepot/md11.gif');}
.icon .disabled{left:-18px;}

.txt{
	position: absolute;
	width: 150px;
	margin: -9px 0 0 3px;
}

.icon .cc{top:-0px;}
.icon .ccAdd{top:-13px;}
.icon .ccDelete{top:-26px;}
.icon .scc{top:-39px;}
.icon .sccAdd{top:-52px;}
.icon .sccDelete{top:-65px;}
.icon .sccLock{top:-78px;}
.icon .sccEdit{top:-91px;}


.div_melding{
	position: absolute; 
	overflow:none;
	z-index:100; 
	/*margin-left: -50px;*/
	/*background-color:#c5031b; */
	left: 0; 
	top: 0;
	}

.div_meldingHide{
	display:none;
	}

.div_melding .meldingBGDiv {
	position:absolute;
	width:100%; 
	height:100%;
	}

.div_melding .div_meldingBox{
	width:371px;
	height:110px;
	border:1px solid #000000; 
	background-color:#C5031B; 
	margin: 125px auto 0; 
	top: 125px;
	}
/*.div_melding .meldingBoxBGDiv {position:absolute;width:100%;height:100%;}*/

.div_melding .meldingContentTable{
	position:relative; 
	width:100%;
	height:100%;
	background-color:#c5031b; 
	-moz-opacity:.90; 
	opacity:.90; 
	filter:alpha(opacity=90);
	}

.div_melding .meldingTCell{
	width:100%;
	text-align:center;
	padding:15px;
	height:40px;
	color:#ffffff;
	}

.div_melding .meldingBCell{
	width:100%;
	text-align:center;
	vertical-align:top;
	height:32px;
	}

.div_melding button{
	border:1px solid #ffffff;
	background-color:#c5031b;
	color:#ffffff;
	}

.div_melding .btnSluiten{
	width:100px;
	}

/*.div_melding .meldingBGDiv {
	background-image:url('../images/popupBG.png');
	}*/

.div_melding .meldingBGDiv {
	background:#333333;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	/*-khtml-opacity: 0.8;*/
	opacity: 0.8;
}

.div_melding .meldingBoxBGDiv {
	background-color:#c5031b; 
	}

#div_Info{
	width:1px;
	height:1px;
	}

#div_Info .meldingBGDiv {
	position:absolute;
	width:1px;
	height:1px;
	}

#div_Info .div_meldingBox{
	position:absolute;
	top:175px;
	left:15px;
	width:271px;
	height:70px;
	border:1px solid #000000;
	}

#div_Info .meldingTCell{
	text-align:left;
	}


.accountHeader, .accountHeader td {
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 0 0 2px;
	font-weight: bold;
}
.accountHeader { 
	z-index: 2;
	width: 580px;
	margin-bottom: 15px;
	font-weight: bold; 
	background: url("../images/accountHeader.png") left top no-repeat;
	line-height: 20px;
	color: #ffffff;
}
.accountHeader .accountField {
	background-image: url('../mediadepot/md32.gif');
	background-position: right bottom; 
	background-repeat: no-repeat;
	cursor: default;
	color: #CA0016;
	position: relative;
	padding: 10px 0 0 0;
}

.accountHeader .accountField .loggedIn {
	color: #cecece;
	text-transform: none;
	font-weight: normal;
}

.accountField{float: right; text-align: right;}
.accountField span{padding-right: 18px;}
.accountHeader .accountSelectboxPanel{z-index:2;position:absolute; width:140px; right: 0}

.accountHeader .accountSelectboxPanel .accountSelectbox{display:none;position:absolute;left:0px;cursor:default;}
.accountHeader .over .accountSelectboxPanel .accountSelectbox{display:block;}

.accountHeader .accountSelectbox{width:140px;border:1px solid #c5031b;}
.accountHeader .accountSelectbox td{cursor:pointer;height:23px;width:140px;padding:0 3px 0 10px; color: #fff;background-color:#c5031b; font-weight: normal; margin-top: -5px;}
.accountHeader .accountSelectbox .over td{background-color:#fff;color:#c5031b;}

/*
.accountHeader .accountSelectbox{width:140px;border:1px solid #c5031b;}
.accountHeader .accountSelectbox td{cursor:pointer;height:23px;width:140px;padding-left:10px;border:1px solid #ffffff;background-color:#ffffff;}
.accountHeader .accountSelectbox .over td{background-color:#c5031b;color:#ffffff;}
*/


.tabs{width:400px;height:26px;font-family:verdana;font-size:11px;margin-bottom:16px;}
.tabs td{font-family:verdana;font-size:11px;}
.tabs .tabImg{height:26px;position:relative;background-image:url('../mediadepot/md1.gif');background-repeat:repeat-x;}


.tabs .spacing{text-align:center;width:133px;background-position:0 0;}
.tabs .tabItem{width:124px;height:26px;cursor:pointer;}
.tabs .tabItem .tabLeft{ width:6px; background-position:0 -26px;}
.tabs .tabItem .tabMid{color:#000000;background-position:0 -52px; text-align:center;text-transform:uppercase;}
.tabs .tabItem .tabRight{width:6px;background-position:0 -78px;}

.tabs .over .tabLeft{}
.tabs .over .tabMid{color:#c5031b;}
.tabs .over .tabRight{}

.tabs .selected .tabLeft{background-position:0 -104;}
.tabs .selected .tabMid{background-position:0 -130;color:#c5031b;}
.tabs .selected .tabRight{background-position:0 -156;}


.taakbalk{width:660px;margin-bottom:6px;}
.taakbalk .titelbalk {position:relative;overflow:hidden;height:20px;}
.taakbalk .titelbalk .center {position:absolute;overflow:hidden;top:0px;left:5px;width: 650px;height:21px;background-image:url('../mediadepot/md30.png');background-repeat:repeat-x;background-position:0px -20px;}

.taakbalk .titelbalk .left{position:absolute;overflow:hidden;top:0px;left:0px;width:5px;height:21px;background-image:url('../mediadepot/md30.png');background-repeat:no-repeat;background-position:0px -0px;}
.taakbalk .titelbalk .right{position:absolute;overflow:hidden;top:0px;right:0px;width:5px;height:21px;background-image:url('../mediadepot/md30.png');background-repeat:no-repeat;background-position:0px -40px;}
.taakbalk .titelbalk .container{height:20px;margin-left:5px;}
.taakbalk .container .item{margin-left:9px;cursor:pointer;}
.taakbalk .container .disabled{color:#777777;cursor:default;}
.taakbalk .container .disabled .icon .image{left:-18px;}


.grid{width:660px;font-family:verdana;font-size:11px;cursor:default;}
.grid td{font-family:verdana;font-size:11px;}

.grid .titelbalk{position:relative;overflow:hidden;height:20px;background-image:url('../mediadepot/md9.jpg');background-repeat:repeat-x;background-position:0px -21px;}
.grid .titelbalk .left{position:absolute;overflow:hidden;top:0px;left:0px;width:5px;height:21px;background-image:url('../mediadepot/md9.jpg');background-repeat:no-repeat;background-position:0px -0px;}
.grid .titelbalk .right{position:absolute;overflow:hidden;top:0px;right:0px;width:5px;height:21px;background-image:url('../mediadepot/md9.jpg');background-repeat:no-repeat;background-position:0px -42px;}
.grid .titelbalk .title{position:absolute;left:9px;top:4px;font-weight:bold;}
.grid .titelbalk .titleRight{position:absolute;right:9px;top:2px;font-weight:normal;}

.grid .dataview_panel{width:100%;background-color:#000000;}
.grid .dataview{width:100%;border:1px solid #bebebe;}
.grid .dataview .datarow td{height:20px;}
.grid .dataview .odd{background-color:#ebebeb;}
.grid .dataview .even{background-color:#ffffff;}
.grid .dataview .over{background-color:#8399dc;color:#000000;}
.grid .dataview .isGray{color:#bebebe;}
.grid .dataview .selected{background-color:#c5031b;color:#ffffff;}
.grid .dataview .header{height:16px;font-weight:normal;background-color:#919191;color:#ffffff;}
.grid .dataview .header a{color:#ffffff !important; }
.grid .dataview .disabled{color:#bebebe;}

.grid .dataview td{text-align:left;padding-left:4px;}
.grid .dataview .column0{width:24px;}
/*
	.grid .dataview .column3{text-align:center;}
	.grid .dataview .column4{text-align:center;}
*/
.grid .footerbalk{height:20px;}
.grid .footerbalk table{width:100%;margin-top:3px;}
.grid .footerbalk td{font-size:10px;}
.grid .footerbalk .title{}

.grid .footerbalk .pages{text-align:right;padding-right:10px;}
#right .grid .footerbalk .pages a{text-decoration:none;color:#000000;}
#right .grid .footerbalk .pages a.selected{font-weight:bold;text-decoration:underline;}

.grid .footerbalk .navigation{width:26px;}
.grid .footerbalk .navigation .navigationPlaceholder{position:absolute;}
.grid .footerbalk .navigation .prev{position:absolute;cursor:pointer;top:-8px;left:0px;width:10px;height:12px;background-image:url('../mediadepot/md6.jpg');background-position:0 0;}
.grid .footerbalk .navigation .next{position:absolute;cursor:pointer;top:-8px;left:16px;width:10px;height:12px;background-image:url('../mediadepot/md7.jpg');background-position:0 0;}

.grid .footerbalk .navigationPlaceholder .disabled{cursor:default;background-position:0 -12;}


.checkbox{
	background: transparent;}

#contentbottom{
	float: left;
	display: inline;
	margin: 5px 0 0 0;
	width: 731px;
	height: 11px;
	background: url("/websites/secTicketing/stylesheet/img/content_bottom.png") no-repeat;}