/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
background-color:#c7c5ca;
background-image:url(images/piste.jpg);
background-repeat:no-repeat;
background-position:center top;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size:11px;
}




#logo{
float:left; 
background-image:url(images/hoog.gif);
position:relative; 

width:252px; 
height:157px;
margin: 0px auto -1px auto; 
padding:0;
}

#header{ 
width:639px;
height:157px;
position:relative; 
margin: 0px auto -1px auto; 
float:right;
}

#topheader{
float:right; 
width:639px; 
height:67px; 
background-color:#c7c5ca; 
position:relative;
margin: 0px auto -1px auto; 
padding:0;
}

#menu{
float:right; 
width:639px; 
height:26px; 
background-image:url(images/bg_menu.gif); 
background-repeat:repeat-x;
font-size:12px;
}

#submenu{
float:right; 
width:639px; 
height:32px; 
background-image:url(images/bg_submenunieuw.gif); 
background-position:top; 
background-repeat:repeat-x;
}

#logorechts{
float:right;
background-image:url(images/logos/logoavt.gif); 
position:relative; 

width:159px;  
height:157px;
margin: 0px auto -1px auto; 
}

#totalheader{
margin-left: auto;
margin-right:auto; 
height:157px;
}

/*#toplinks{position:absolute; right:10px; top:10px;}*/
/*#submenu{float:right; width:526px; height:32px;  background-position:top; background-repeat:repeat-x;}*/

#contenttext{
float:right; 
width:910px;
background :#f4f4f4;
border : 1px solid #666666;
padding-bottom: 40px; 
}

#footer{
float:left; 
width:1021px; 
background-color:#834749; 
padding :10px;
height : 20px;
margin-top:10px; 
color:white;
font-size:11px; 	
text-decoration:none;
}

#container{

width:1050px; 
background:#ffffff; 
border : 1px solid #666666; 
padding-top: 10px;
padding-left:10px; 
padding-right:10px;
padding-bottom:10px;
position:absolute; 

top : 130px;

}

#page{
margin: 0px auto -1px auto; 
width : 1050px;
}
#content{
margin: 0px auto -1px auto; 
width : 1050px;
}



/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #666666;
	padding-top:10px;
}

.titletext {
	font:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:30px;
	font-weight:bold;
	color:#834749;
	margin-top  : 20px;
	padding : 0px;
	
}
.whitetitle {
	font:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color:#834749;
	margin-top : 0px;
}
.smallwhitetext {
	font:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight:bold;
	color:#666666;
	margin-top:0px;
}
.smallgraytext a{
	font: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight:bold;
	color:#834749;
}
.smallredtext a{
	font:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight:bold;
	color:#834749;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}


#leftnav{ 
float :left;
width : 130px;
padding : 0 0 0 0;
} 
#leftnav li { 
background :#f4f4f4;
padding : 2px 2px 2px 10px; 

margin : 0; 
font-size : 11px; 
border-bottom : 1px solid #666666; 
border-left : 1px solid #666666; 
border-right : 1px solid #666666; 

} 
#leftnav li a { 
text-decoration : none; 
color : #666666;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 

} 
#leftnav li a:hover, #leftnav li li a:hover { 
color : #0855A8; 
} 
#leftnav li li { 
background : #eeeeee ; 
border-bottom : 0; 

padding : 0 0 0 14px; 
} 
#leftnav li li a { 
color : #eeeeee; 
} 
#leftnav li.active a { 
color : #d52f1e; 
} 
#leftnav li.active ul a { 
color : #494949; 
} 
#leftnav li.active li a:hover { 
color : #d52f1e; 
} 
#leftnav ul { 
overflow:hidden;
padding: 0 0 0 0 ;
list-style : none;
width: 130px;
margin :0;
} 

h1 {
background-color: #834749;
font-size: 11px;
height : 19px;
color : #ffffff;
margin: 0;
border-bottom : 1px solid #666666; 
border-left : 1px solid #666666; 
border-right : 1px solid #666666; 
padding : 2px 0px 0px 10px;
}
h2{
color:#834749;
font-size: 14px;
}
table{
border : 1px solid #666666;
}

td{
border-bottom :solid 1px #c7c5ca;
border-right :solid 1px #c7c5ca;
padding-left : 2px}