/**                  
 * 1024x768.css
 *
 * Stylesheet definition for browsers with
 * a screenresolution that is equal or bigger than
 * 1024*768 px.
 *
 * @version 	1.0
 * @author	A.J. de Vries	
 * @package	www.schilderonderhoudsplan.nl
 * 
 * Copyright (c) 2005 Malibomba                               
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF THIS SITE,  
 * WITHOUT THE PERMISION OF THE AUTHOR.                       
 * Info? Mail to info@malibomba.com  
 *
 *
 * Colors:
 * Purple: 	 #753666
 * Purple light: #ab83a4
 * Blue: 	 #253662
 * Blue light:	 #d7e8ef
 *
 */
/*<![CDATA[*/ 

/* ------- HTML ELEMENTS -------- */

html {
	margin:0px;
	border:0px;
	width:100%;
	height:100%;
}

body { 
	padding: 0px; 
	margin: 0px; 
	overflow:auto;
	background: #eeeeee url(/pics/bg.jpg) repeat-y top; 
}


body, th, td, p, div, span {
	color: #253662;
	font-size: 11px;
	font-family: Verdana, Century Gothic, Arial, Tahoma;
}

p	{
	padding-left: 15px;
}
/* ------- LAYOUT ------ */

div#canvas { 
	padding: 0px; 
	width: 942px; 
	background-color: #fff;
	border: 0px solid gray;
	margin: 0px auto 0px auto; 
	text-align: left; 
}


/**
 * Header style(s) and
 * class definitions.
 */
div#header {
	height: 165px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;	
	float: left;
}

div#header_left {
	top:0px;	
	left:0px;
	width:367px;
	height:151px;
	position:relative;
	background:#753666;
	float: left;
}

div#logo {
	right: 50px;
	top: 30px;
	width: 240px;
	position:relative;
	background:#ffffff;
	float: right;
}


div#content {	
	display: block;
	float: left;
	width: 535px;
	padding: 12px;
	margin: 0;
	font-size: 10px;
	text-align:justify;
	z-index: 1;
	font-size: 11px;
}

#container_left_bar {
	display: block;
	width: 942px;
	margin: 0;
	padding: 0;
	background-image:url(/pics/bg_main.png);
	background-repeat:repeat-y;
}
	
#sidebarLeft {
	display: block;
	width: 186px;
	height: 585px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	float: left;
	text-align: left;
	background:#fff url('/pics/test2.jpg') no-repeat left top;
}

#sidebarRight {
	
}

#image_sidebar_right	{
	
}

#sidebarRight ul {
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

div#gototop {	
	display: block;
	background:#fff url('/pics/top.png') no-repeat right center;
	float: left;
	width: 505px;
	padding-right: 12px;
	margin: 0;
	font-size: 8px;
	text-align:right;
	cursor:pointer;
	cursor:hand;
}
/* -------  Content header text ------- */

div#content h1	{
	font-size: 16px; 
}
div#content h2	{
	font-size: 14px; 
}
div#content h3	{
	font-size: 12px; 
}
div#content h4	{
	font-size: 11px; 
	font-style: italic;
	font-weight: bold;
	
}
div#content h5	{
	font-size: 9px; 
}

div#content h6	{
	color: white;
	border: 1px solid black;
	background: red;
	text-align:center;
	font-family: times;
	font: italic small-caps 900 12px arial
	
	
}

div#content b	{
	color: #753666;
}

div#content a	{
	color: #753666;
	text-decoration: underline;
}

div#content img	{
	text-align: center;
}

#content ol {
	padding: 0px;
	margin: 0px 40px 40px 40px;
	list-style-type: decimal;
	font-size: 11px
}

#content ol.big_list	{
	font-size: 14px; 
	color: #753666;
}


H1, H2, H3, H4, H5, H6 { padding: 0; margin: 0; font-family: Verdana, Arial;}


/* -------  Submenu ------- */

#submenucontainer ul {
	padding: 0px;
	margin: 0px 0px 0px 0px;
 	font-size: 10px;  
	font-family: Verdana, Century Gothic, Arial, Tahoma;
	list-style-type: none;
	overflow:visible;
	position:relative;	
}

#submenucontainer li {
	margin: 0px 0px 0px 0px;
	z-index:99;
	
}

#submenucontainer a {
	padding: 2px 0px 4px 20px; 
	background-image: url(/pics/bg_menu_off.png);
	margin: 0px 0px 0px 0px;
	display: block; 
	width: 165px;
	color: #333333;
	border-bottom:0.1em solid #cccccc;
	filter: alpha(opacity=80);
	
}

#submenucontainer a:link {	
	text-decoration: none;
	display: block; 
	width: 165px;
}

#submenulist a:visited {
	text-decoration: none;
	display: block; 
	width: 165px;
}

#submenucontainer a:hover {
	color: #253662;
	background-image: url(/pics/bg_menu_on.png);
	display: block; 
	width: 165px;
}

#submenu_active a:link {

	font-weight: bold;
	color: #ab83a4;
 	background-image: url(/pics/bg_menu_on.png); 
	display: block; 
	width: 165px;
}

#submenu_active a:visited {

	color: #ab83a4;
 	background-image: url(/pics/bg_menu_on.png); 
	display: block; 
	width: 165px;
}

#submenu_active a:hover {
	color: #253662;
 	background-image: url(/pics/bg_menu_on.png); 
	display: block; 
	width: 165px;
	filter: alpha(opacity=60);
}	

#sidebarRight .txt {
	text-align:center;
}

/*  ------- footer ------- */

#footer {
	background: url(/pics/bg_footer.png) repeat-x 200px 0px;
	font-family: Verdana, Century Gothic, Arial, Tahoma;
	font-size: 9px;
	color:#333333;
	clear: both;
	padding: 10px;
	margin-top: 1px;
	text-align: center;
}

a.footer:link		{	color: #1C2C56;	text-decoration: none;	}
a.footer:active		{	color: #1C2C56;	text-decoration: none;	font-weight: bold;}
a.footer:visited	{	color: #1C2C56; text-decoration: none;	}
a.footer:hover		{	color: #888888;	text-decoration: underline; }



/* ------- box ------- */	

#box_title {
	display:block;
	border:1px solid #ab83a4;
	background-color: #ab83a4;
	color:#FFFFFF;
	width:165px;
	margin-top:10px;
	font-family: Verdana, Century Gothic, Arial, Tahoma;
	padding:2px 0px 2px 20px;
	filter: alpha(opacity=80);
	
}
	
#box { 
	width: 100%;
	color: #FFFFFF;
	text-align:center;
	background-color: #753666;
	
	padding:3px 0px 3px 0px;
	font-size:10px;
}

#box a { 
	color: #FFFFFF; 	
	text-decoration:none;
}
	
#box a:hover { 
	color: #FFFFFF; 	
	text-decoration:underline;
}



/* ------- navigatie -------  */

div#header_bar  {
	position: absolute;
	left: 875px; 
	z-index: 200;

	
	font-size: 9px;
	color:#333333;
	clear: both;
	margin-top: 1px;
}


#header_bar a {
	color: #753666;
	text-decoration:none;
	
}


#navcontainer	{
	top:0px;	
	left:0px;
	width:942px;
	float: right;
	position:relative;
	background:#d7e8ef url('/pics/header_b.png') no-repeat left center;
	height: 20px;
	font-family: Verdana, Century Gothic, Arial, Tahoma;
	font-size: 10px;
	border-bottom: 1px solid #ab83a4;
	border-top: 1px solid #ab83a4;
	
}


ul#nav	{ 
	clear: left; 
	background:#d7e8ef url('/pics/header_b.png') no-repeat left center; 
	position: absolute; 
	top: 0px; 
	left:150px;
	list-style-type: none; 
	margin: 0px 0px 0px 0px;
	padding: 0; 
	width: 792px; 
	background: #D7E8EF; 
	z-index: 110; 
	font-family: Verdana, Century Gothic, Arial, Tahoma;
	border-bottom: 1px solid #ab83a4;

}

ul#nav #menuTitel	{
	color: #753666;
	font-weight: bold;
	font-family: Verdana, Century Gothic, Arial, Tahoma;
	font-size: 11px;
}

ul#nav a#menuTitel:hover	{
	color: #fff;
}

ul#nav li	{ 
	display: block; 
	float: left; 
}

ul#nav li span	{ 
	display: block; 
	width: 128px; 
}

ul#nav li a	{ 
	line-height: 20px; 
	display: block; 
	width: 128px; 
	color: #753666; 
	text-align: center; 
	text-decoration: none; 
	font-size: 9px;

	
}

ul#nav li a:hover	{ 
	color: #fff;
	cursor: pointer;
	background: #ab83a4;
}


ul#nav ul	{ 
	margin: 0px; 
	padding: 0px; 
	list-style-type: none; 
	text-align: left; 
	width: 250px; 
	position: absolute;  
	border-left: 1px solid #ab83a4; 
	border-right: 1px solid #ab83a4; 
	border-bottom: 1px solid #ab83a4;
	overflow: hidden; 
}

ul#nav ul li	{ 
	background-color: #D7E8EF; 
}

ul#nav ul li span	{ 
	border-right: 0px; 
	border-top: 0px; 
	border-bottom: 0px; 
	width: 250px; 
}

ul#nav ul li span a	{ 
	width: 250px; 
	text-align: left; 
	padding: 0px 5px 0px 5px;
	height: auto;
}

#menu2Content	{ 
	display: none; 
	z-index: 180; 
	height: 0px; 
	
}

#menu3Content	{ 
	display: none; 
	z-index: 180; 
	height: 0px; 
	
}

#menu4Content	{ 
	display: none; 
	z-index: 180; 
	height: 0px; 
}

#menu5Content	{ 
	display: none; 
	z-index: 180; 
	height: 0px; 
}

#menu6Content	{ 
	display: none; 
	z-index: 180; 
	height: 0px; 
}

/* mozilla */

#header, #header_left, #logo, #container_left_bar, #sidebarLeft, #content, #sidebarRight, #submenucontainer, #box_title, #box, #footer, #submenucontainer, #navcontainer, #nav, #submenulist	{ 
	 
}



/* ---  buttons --- */

.knop 	{
	font-family: verdana;
	font-size:9pt;
	font-weight:normal;
	font-style:italic;
	color:#753666;
	background-color:#d7e8ef;
	border-style:double;
	border-width:2px;
	border-color:#753666;
	}


.knop2 	{
	font-family: verdana;
	font-size:9pt;
	font-weight:normal;
	color:#753666;
	background-color:#d7e8ef;
	border-style:single;
	border-width:1px;
	border-color:#753666;
	}
	
	
.left10	{
	padding-left: 10px;
}



/**
 * Frameless popup styles and classes
 */
.popup {
	z-index:100;
	position:absolute;
	border:1px solid black;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#777777,Direction=135,Strength=3);
}

.popupCaption {
	width:100%;
	cursor: move;
	background-color:#0c2e82;
}

.ptr {
	cursor:default;
}





/*--  TAB menu in offerte--*/

.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
}

.dynamic-tab-pane-control .tab-row .tab {

	width:			70px;
	height:			16px;
	background-image:	url( "/pics/tab.png" );
	
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	
	cursor:			Default;

	margin:			1px -1px 1px 2px;
	padding:		2px 0px 0px 0px;
	border:			0;

	z-index:		1;
	font:			11px Tahoma;
	white-space:	nowrap;
	text-align:		center;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	width:			74px !important;
	height:			18px !important;
	background-image:	url( "/pics/tab.active.png" ) !important;
	background-repaet:	no-repeat;

	border-bottom-width:	0;
	z-index:		3;
	padding:		2px 0 0px 0;
	margin:			1px -3px -3px 0px;
	top:			-2px;
	font:			11px Tahoma;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font:			11px Tahoma;
	color:			Black;
	text-decoration:	none;
	cursor:			default;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	font:			11px Tahoma;
	width:			70px;
	height:			16px;
	background-image:	url( "/pics/tab.hover.png" );
	background-repaet:	no-repeat;
}


.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid #692C5A;
	background:		#D2E5ED;
	z-index:		2;
	position:		relative;
	top:			-2px;

	font:			11px Tahoma;
	color:			Black;
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:	1;
	white-space:	nowrap;
}


.dynamic-tab-pane-control .tab-page {
	height:	100%;
	display: block;
}
html>body .dynamic-tab-pane-control .tab-page {	
	height:auto;
	min-height: 500px;
}

.dynamic-tab-pane-control .tab-page .dynamic-tab-pane-control .tab-page {
	height:100%;
	display: block;
}
html>body .dynamic-tab-pane-control .tab-page .dynamic-tab-pane-control .tab-page {
	height:auto;
	min-height: 500px;
}

legend	{
	color:		#692C5A;
	font-weight: bold;
}

/* opties in het offerte formulier */
.opened .whenclosed {display:none;}
.closed .whenopened {display:none;}


/*]]>*/