@charset "utf-8";
/* CSS Document voor Support IT Default template*/
/* Basic Page CSS voor Header en Footer */
html, body {
height: 100%;
width:	100%;
}

html, body, ul, li {
margin:0px;
padding:0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}

img {
border:0;
}

#clear {
	clear:both;
}

#container-page {
width: 100%;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
background-image:url(../images/background.jpg);
background-repeat:repeat-y;
}

.clear {
clear:both;
}

#container-content {
width: 100%;
position: relative;
padding-bottom: 50px;
}

#top{
position:relative;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
background-position:20px 5px;
background-color:#444444;
width:100%;
height:50px;
color:#FFFFFF;
text-align:right;
}

#footermenu ul, #top ul {
margin-right:20px;
font-weight:bold;
}

#footermenu li, #top li {
list-style:none;
position:relative;
float:right;
margin-left:20px;
margin-right:20px;
min-width:50px;
margin-top:15px;
}

#footermenu li a, #top li a {
color:#FFFFFF;
text-decoration:none;
}

#footermenu li a:hover, #top li a:hover {
color:#cc0000;
}

#contentwrapper {
width:100%;
min-width:1000px;
_width:1000px;
height:100%;
position: relative;
clear:both;
}

#left {
width:150px;
height:100%;
float:left;
padding:10px;
}

#content {
float:left;
width:80%;
padding:10px;
}

#content td, #content th {
text-align:left;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #333;
padding-right:25px;
}

#ticketdetail td, #ticketdetail th {
border:0px;
vertical-align:top;
padding-left:25px;
}


#content ul {
margin-left:20px;
}

#container-foot {
clear:both;
color:#FFFFFF;
background-image:url(../images/footer_bg.gif);
background-repeat:repeat-x;
width: 100%;
position: absolute;
bottom: 0 !important;
bottom: -1px;
height: 50px;
}

#footer {
float:left;
padding:10px;
width:200px;
}

#footermenu {
float:right;
font-size:10px;
width:500px;
}

#left div.menu h3 {
font-size:13px;
margin-bottom:5px;
}

#left div.menu ul {
list-style:none;
}

#left div.menu  a {
color: #333333;
text-decoration: none;
background: url(../images/menu_mark.gif) no-repeat 0px 3px;
padding-left: 9px;
}

#left div.menu  a.active, #left div.menu  a:hover {
color:#cc0000;
}

/* CSS Voor Login Form */
#login_top {
width:100%;
height:200px;
background-image:url(../images/logo_large.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#444444;
}

#login_form {
height:150px;
width:320px;
margin:auto;
margin-top:20px;
padding:40px;
padding-top:10px;
border: 1px dotted #999999;
}

#login_form input {
width: 130px;
}
#login_form input.submit {
width: 100px;
}


dl,dt,dd{ margin:0; padding:0; }    

dl {width:500px;}
dl.deliverable {width:850px;}
dl.deliverable dt {width:200px;}
dl.deliverable dd {width:550px;}

#login_form dl  { width: 330px;}    

dd label {
	display:block;
	float:none;
}
dd.header, dt.header{
font-weight:bold;
font-size:14px;
margin-bottom:1em;
}

dt, dd {
	margin-bottom:0.5em;
	padding:5px;
	overflow:hidden;
	float:left;
	width:40%;
}  

.nieuw dt {
	width:30%;
}  

.nieuw dd {
	width:68%;
}

dt{clear:left;}


#login_footer {
position:absolute;
bottom:0;
width:100%;
text-align:center;
padding-bottom:5px;
}

#error {
clear:both;
color:#CC0000;
}

#content #error {
clear:both;
color:#CC0000;
padding:10px;
border: 1px dotted #CC0000;
background-color:#FFDFDF;
margin:10px;
}

#notify {
color:#009966;
padding:10px;
border: 1px dotted #009966;
background-color:#CAFFE4;
margin:10px;
}

/* CSS voor CONTENT */
#breadcrumbs {
font-size:10px;
}

a {
color:#cc0000;
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:underline;
}

.note {
	border-bottom:#333333 dotted 1px;
}

table.matrix{
	border: 1px solid #333;
	width:750px;
}

table.matrix th, table.matrix td{
	border: 1px solid #333;
	padding:5px;
	border-bottom:1px solid #333;
}

table.matrix th.top {
	text-align:center;
}

.deliverable td {
	border:0;
}