/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: frismedia.nl
+	Date		: 16-05-2007
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      HTML ELEMENTS     */

body {
color:black;
background-color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:0;
margin-bottom:25px;
padding:0;
background:url(/sdn0200webapp/layout/images/bg.gif) no-repeat top left;
behavior:url("/sdn0200webapp/layout/csshover.htc");
}

form {
margin:0;
padding:0;
}

.titel {
	font-weight: bold;
	text-decoration: none;
}

a {
color:#218ad4;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a img {
border:0;
}

p {
/*margin:1em 0;*/
}

span.SdnSubTitelPlhSpacer
{
	margin-top:14px;
	font-weight:bold;
}
/*      HTML ELEMENTS     */
/*++++++++++++++++++++++++*/



/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */
.clearfix:after, div#menu_top:after, form:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix, div#menu_top, form {height: 1%;}
/* End hide from IE-mac and IE-win */

/*    GENERAL CLASSES     */
/*++++++++++++++++++++++++*/



/*++++++++++++++++++++++++*/
/*      MAIN DIVS        */

.right_border, #topBarSpacer, #right, #left, #naam, #minMenuWidth, #globe img {display:none;}
u {text-decoration:none;}

div#surftag {
position:absolute;
left:837px;
top:25px;
z-index:100;
margin:0;
padding:0;
width:125px;
height:35px;
}

div#globe {
position:absolute;
top:12px;
left:13px;
width:155px;
height:47px;
background:url(/sdn0200webapp/layout/images/logo_surfdiensten.gif) no-repeat;
}

div.advertentie {
position:relative;
clear:both;
color:#999999;
font-size:10px;
font-weight:bold;
margin:15px 15px 0 72px;
}

div#top {
position:relative;
left:230px;
top:36px;
padding:0;
font-weight:bold;
font-size:1em;
text-decoration:none;
z-index:10;
width:480px;
/*height:40px;*/
}

div#primair {
float:left;
/*margin-top:75px;*/
margin-top:47px;
margin-left:16px;
width:214px;
}

/* IE 6 hack */
* html div#primair {
margin-left:7px;
}

table.tableFrame {
float:left;
width:auto;
/*margin:60px 0 0 0;*/
margin:45px 0 0 0;
padding:0;
}

table.tableFrame h2.header {
text-transform:uppercase;
}


table.tableFrame tr td {vertical-align:top; margin:0;}

table.tableFrame tr td#mainTable {
width:458px;
margin:0;
padding:0;
}


table.tableFrame tr td#mainTable div.content {
width:458px;
background:url(/SDN0200WebApp/Layout/Images/maintable_bg_side.gif) repeat-y #fff ;
/*background:url(/SDN0200WebApp/Layout/Images/maintable_bg.gif) repeat-y bottom left #fff ;*/
margin:0;
padding:0 10px 10px 10px;


}
div.content_footer 
{
	width:478px;
	height:12px;
	background:url(/SDN0200WebApp/Layout/Images/maintable_bg_bottom.gif) no-repeat #fff ;
	margin:0 -10px -10px -10px;
}



table.tableFrame tr td#mainTable div.content h2.header {
background:url(/SDN0200WebApp/Layout/Images/maintable_header.gif) top left no-repeat #F67C20;
margin:0 -10px 5px -10px;
padding:5px 0 0 9px;
width:469px;
color:#FFF;
font-size:1.4em;
font-weight:bold;
}

table.tableFrame tr td#mainTable div.content ul {
text-indent:-1em;
list-style-position: inside;
margin-left:0;
padding-left:1em;
}

table.tableFrame tr td#mainTable div.content #plhPage_Titel {
font-size:14px;
font-weight:bold;
}

table.tableFrame tr td#mainTable div.content strong {
font-size:12px;
font-weight:bold;
}

table.tableFrame tr td#mainTable div.content p[align="center"] {
text-align:left;
}

div.history {
/*position:relative;
left:0px;
top:47px;*/
font-size:11px;
margin:10px 0px 0px 0px;
width:700px;
font-weight:normal;
}

div.history b {
font-weight:normal;
}

table tr td.ondersteunend div.content {
background:url(/SDN0200WebApp/Layout/Images/ondersteunend_content_bg.gif) no-repeat bottom left;
margin:0px 0 0 15px;
width:211px;
padding:0 10px 10px 10px;
}

table tr td.ondersteunend div.content > p:first-child {
margin:0;
padding:0;
}

table tr td.ondersteunend div.content h2.header {
background:url(/SDN0200WebApp/Layout/Images/ondersteunend_content_header.gif) top left no-repeat #F67C20;
margin:0 0 5px -10px;
padding:5px 0 0 9px;
width:222px;
color:#FFF;
font-size:1.4em;
font-weight:bold;
}

table tr td.ondersteunend div.content input#txtLoginName {
width:115px !important;
height:13px;
float:right;
margin:-16px 0 15px 0;
padding:0;
font-size:1em;
}



table tr td.ondersteunend div.content input#txtLoginPassword {
width:115px !important;
height:13px;
float:right;
margin:-14px 0 0 0;
padding:0;
font-size:1em;
}

table tr td.ondersteunend div.content input#btnLogin {
background:url(/SDN0200WebApp/Layout/Images/ondersteunend_content_form_submit.gif) top left no-repeat;
font-size:1em;
font-weight:bold;
width:54px !important;
border:none;
color:white;
padding:3px;
margin:5px 0 0 50px;
float:right;
clear:both;
}




/*      MAIN DIVS        */
/*++++++++++++++++++++++++*/



/*++++++++++++++++++++++++*/
/*          NAV           */
div#menu_top
{
	background:url(/SDN0200WebApp/Layout/Images/menu_top.jpg) no-repeat;
	padding:0 0 0 0.5em;
	margin:0;
	width:480px;
	color:white;
	height:27px;
}

div#menu_top ul
{
	float:left;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	text-indent: 0;
}

div#menu_top ul li
{
	margin:3px 0 4px 0;
	padding:0 0 5px 7px;
	background-color:black;
}

div#menu_top ul li a
{
	color:white;
	background-color:black;
	padding:0 7px 5px 0;
	margin:0;
}

div#menu_top ul li:hover
{
	background:url(/SDN0200WebApp/Layout/Images/menu_top_ulbg_links.gif) no-repeat top left;
}
div#menu_top ul li ul li:hover {background:none;}
div#menu_top ul li:hover a
{
	background:url(/SDN0200WebApp/Layout/Images/menu_top_ulbg_rechts.gif) no-repeat top right;
	text-decoration:none;
}

div#menu_top ul li ul
{
	display:none;
	position:absolute;
	left:0;
	top:21px;
	width:140px;
	background:url(/SDN0200WebApp/Layout/Images/menu_top_ululbg.gif) no-repeat bottom left;
}
div#menu_top ul li:hover ul {display:block;}

div#menu_top ul li:hover ul li {
background:url(/SDN0200WebApp/Layout/Images/pijl_menu_top.gif) no-repeat top left;
padding-left:20px;
margin:0;
}
div#menu_top ul li:hover ul li a {
background:#999999;
padding:0;
margin:0.5em 0;
width:110px;
display:block;
}
div#menu_top ul li ul li a:hover {text-decoration:underline;}


div#primair ul {
margin-top:0;
margin-bottom:0.5em;
} 


div#primair ul li {
margin:0; 
padding:0.2em 0 0.2em 2em;
list-style:none;
background:url(/SDN0200WebApp/Layout/Images/pijl_menu_primair1.gif) no-repeat;
}

div#primair ul li ul li {padding:0 0.9em; margin:0.5em 0; text-indent:0em; font-size:12px;background:url(/SDN0200WebApp/Layout/Images/menu_primair_bullet.gif) no-repeat;}

div#primair ul ul {display:none; background:none;}

div#primair ul li ul {margin:0; padding:0;}


div#primair ul a {
font-size:1.1em;
font-weight:bold;
color:#0086c5;
margin:0;
}

div#primair ul ul a {
color:black;
font-weight:normal;
text-decoration:none;
}
/* extra */

/*
div#primair ul ul {display:none;}

div#primair ul li a
{
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#0086c5;
	padding:2px 2px 2px 23px;
	margin:0;
	text-decoration:none;
}
*/
div#primair ul ul {margin:0 0 15px 20px;position:relative;width:130px;}
div#primair ul ul li {position:relative;padding-top:0;z-index:16;}
/*
div#primair ul ul li a
{
	position:relative;
	display:block;
	color:black;
	width:105px;
	font-weight:normal;
	background:url(/SDN0200WebApp/Layout/Images/menu_primair_bullet.gif) no-repeat 4px 13px;
	padding:5px 10px 5px 12px;
	margin:0;
	z-index:15;
}
*/
div#primair ul ul li.pijl:hover ul 
{
	display:block;
	position:absolute;
	width:152px;
	top:0;
	left:95px;
	background:url(/SDN0200WebApp/Layout/Images/menu_primair_ulbot.gif) bottom left no-repeat;
	z-index:10;
}

div#primair ul ul li.pijl:hover ul li {
background:url(/SDN0200WebApp/Layout/Images/menu_primair_bullet.gif) no-repeat 5px 13px;
}

div#primair ul ul li.pijl:hover a{background:url(/SDN0200WebApp/Layout/Images/menu_primair_litop.gif) 1px top no-repeat;}

div#primair ul ul li.pijl:hover {background:url(/SDN0200WebApp/Layout/Images/menu_primair_libot.gif) 1px bottom no-repeat;}


div#primair ul ul li.pijl ul li a
{
background:none!important;
}

/*          NAV           */
/*++++++++++++++++++++++++*/

button {width:auto;}

/* niet in originele index.html: div#contentbox */
div#contentbox {
background:url(/SDN0200WebApp/Layout/Images/contentbox_bg.gif) no-repeat bottom left;
margin:15px 0 0 15px;
width:211px;
padding:0 10px 10px 10px;
font-size:1em;
}

div#contentbox h2.header {
background:url(/SDN0200WebApp/Layout/Images/ondersteunend_content_header.gif) top left no-repeat #F67C20;
margin:0 0 5px -10px;
padding:5px 0 0 9px;
width:222px;
color:#FFF;
font-size:1.4em;
font-weight:bold;
}

div#contentbox hr {
height: 0;
border: 0;
border-top:1px solid #ccc;
}

div#contentbox p {
margin:0;
padding:0;
}

div#contentbox p.datum {
color:#999999;
}

div#contentbox a.titel {
font-weight:bold;
}

.koprood {
	font-weight: bold;
	font-size: 11px;
	color: #CC0033;
	text-decoration: none;
}


/* laatste toevoegingen */

input#btnZoek {
background-color:#F67C20;
	color:#FFFFFF;
	border:none;
	margin:8px 0 0 0;
	font-weight:bold;
	cursor:pointer;
	font-size:1em;
}

 input.button {
background-color:#F67C20;
	color:#FFFFFF;
	margin:8px 0 0 0;
	border:1px solid #000000;
	font-weight:bold;
	cursor:pointer;
	font-size:1em;
	/*width:150px; */
}

input[type=submit] {
background-color:#F67C20;
	color:#FFFFFF;
	border:1px solid #000000;
	margin:8px 0 0 0;
	font-weight:bold;
	cursor:pointer;
	font-size:1em;
}



#ProductOverview1_DataGrid1 img {
margin-right:-3px;
}

table#ProductOverview1_DataGrid1 table div {
width:175px;
}

table#ProductOverview1_DataGrid1 table td.prodhead span.h4 {color:#F67C20;}


/* productoverview */
table.ProductOverView
{
}

table.ProductOverView img
{
margin-right:-3px;
}

table.ProductOverView table div 
{
width:175px;
}

table.ProductOverView table td.prodhead span.h4 {color:#F67C20;}


/* end productoverview */




table.innerTable 
{
	width:450;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

table.innerTable TH
{
	text-align:left;
}

table.innerTable INPUT
{
	font-family:Arial, Helvetica, sans-serif;
	
}