/**
*	This stylesheet defines the default style for the DSH webinterface.
*
*   Please note that if these values should be overwritten to show something
*   different in the DSH Public or DSH Private interface, you should alter 
*		DSH Public > webroot/css/public-general.css
*		DSH Private > webroot/css/private.css
*	
*	If, however, the change should be made to a very specific Public DSH, they
*	can overwrite the defaultsettings in their own css
*	
*		Alfresco > .. > Specific > DSH <name> > webroot > lokaal.css
* 
*   CSS ALGEMEEN
**/


/**
*	This stylesheet defines the default style for the DSH webinterface.
*
*   Please note that if these values should be overwritten to show something
*   different in the DSH Public or DSH Private interface, you should alter 
*		DSH Public > webroot/css/public-general.css
*		DSH Private > webroot/css/private.css
*	
*	If, however, the change should be made to a very specific Public DSH, they
*	can overwrite the defaultsettings in their own css
*	
*		Alfresco > .. > Specific > DSH <name> > webroot > lokaal.css
* 
*   CSS ALGEMEEN
**/




*{
   margin:0;
	
}

html {margin:0; padding:0; height:100.1%;}

body {
	margin:0;
	padding:0;
	text-align:center;
	font: normal 62.5% Verdana, Arial, sans serif;
	color:#015A9C;
	line-height:1.6em;
	background:#80ADCE url(../img/bg_page.jpg?guest=true) top left repeat-x;
}

/* general */
a, img {outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-family:"Century Gothic", Verdana, Arial;} 
h1 {font-size:2.4em; line-height:1em;}
h2 {font-size:2.0em;}
h3 {font-size:1.2em; font-weight:bold;}
h6 {font-size:1.0em; margin:0 0 20px 0; padding:0;}
a {color:#06F;}
p {margin:5px 0;}

#wrapper {margin:0 auto; text-align:left; width:970px;}
#header,#header_generic {
        height:130px; 
	width:970px; 
	float:left;}

#logo {width:261px; float:left; height:130px; background:url(../img/logo_dsh.jpg?guest=true);}

/* searchbox + font size buttons */
#searchbox {background:url(../img/bg_search.png?guest=true) bottom left no-repeat; float:right; padding:5px;}
#searchbox form {margin:0;padding:0;}
#searchbox input {margin:0; padding:0;}

body#themas #t_themas {background-color:#fff;}
body#doelgroep #t_doelgroep {background-color:#fff;}
body#az #t_az {background-color:#fff;}
body#sociaalhuis #t_sociaalhuis {background-color:#fff;}

/* fontsize tabje */
#fontsize {background:url(../img/bg_fontsize.png?guest=true) bottom left no-repeat;float:right;padding:5px;}
#fontsize a {color:06f;}
#fontsize a img{padding:2px;}


/* horizontal navigation */
#navtop {clear:both; padding:0; width:100%; float:left; font-size:1.1em; height:40px;}
#navtop ul {
	margin-left:auto;
	margin-right:auto;
	width:600px;
	list-style-type:none;
}
#search table {
	width:100%;
}
#search table tr td {
	padding: 10px; 
	vertical-align: top;
}

#navtop li {padding:0;float:left; margin:0 2px 0 0; border-left:1px dotted #E6C100;}
#navtop a {padding:6px 10px 14px 10px; float:left; color:#005A9C; text-decoration:none; white-space:nowrap;}
#navtop li a:hover {background:none; background-color:#fff;}


/* vertical navigation */
#navleft {width:260px; background:url(../img/nav_bottom.png?guest=true) bottom left no-repeat; float:left; color:#fff; padding:0 0 20px 0;}
#navleft ul {background-color:#005A9C; margin:0; padding:10px 0 0 15px; list-style:none;}
#navleft li a.main {color:#fc0; font-size:1.4em; font-weight:bold; background:url(../img/nav_ico_collapse.png?guest=true) center left no-repeat; padding-left:18px;}
#navleft ul li ul{background-color:#005A9C; margin:0; padding:3px 0 10px 0; list-style:none;}
#navleft ul li ul li{font-size:1.1em; padding:2px 0; margin:0 0 0 18px;}
#navleft li a {color:#fff; text-decoration:none;}
#navleft li a:hover {color:#fff; text-decoration:none;font-weight:bold;}
#hr1,#hr2,#hr3,#hr4{color:#fc0; font-size:1.4em; font-weight:bold; background:url(../img/nav_ico_collapse.png?guest=true) center left no-repeat; padding-left:18px; cursor:pointer;}

/* content */
#content {width:710px; float:right; background-color:#fff; font-size:1.1em; height:auto;}
#content ul li{
    list-style: disc;
}

/* containers */
.container {padding:10px 0;}
.container h2 {float:left; margin:0; padding:0 0 5px 0;}
.container ul {clear:both;border-top:1px solid #fc0;}

a.archief {float:right; font-weight:bold; margin-right:10px;}

/*Classes*/
.readmore {background:url(../img/icon_readmore.gif?guest=true) center left no-repeat; padding-left:25px; font-weight:bold;}
.spacer { padding:40px 50px;} /* spacer div */


/* this css for tables*/

a img {
	border: 0;
}
table {padding:0; }
table td, table tr{padding:0; }
table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.sortable th, table.sortable td {
	padding: 2px 4px 2px 4px;
	border-style: solid;
	border-color: #444;
	
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #0033CC;
	
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color: #CCCCCC;
	color:#000;
}
table.sortable tr.even td {
	background-color: #fff;
	color:#000;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}

.unsortable1{
	font-size:1.3em;
	color:#fff;
	font-family:"Trebuchet MS",Arial,Sans-Serif;
	padding-left:100px;
}

.txt { 
	background-color:#FFFFFF;
	border: thin #999999 solid;
	/*width:100%;*/
}

input.file { 
	background-color:#FFFFFF;
	border: thin #999999 solid;
	/*-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;*/
	z-index: 2;
}

.txt:hover{
	background-color:#FFFFFF;
	border: thin  #999999 solid;
}

.link{
	text-decoration:none;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
}

.link:hover{
	text-decoration:underline;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
}
.linkon {
	cursor:pointer;
	text-decoration:underline;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
}

.linkoff {
	cursor:pointer;
	text-decoration:none;
	font-weight:normal;
	font:Arial, Helvetica, sans-serif;
}
.alert{
	color:#f00;
}