/* - - - - - - - - - - - - - - - - - - - - -
Title: Adapt ergotherapie
Author: 2manydots Nederland
URL: /styles/screen.css

Created: Dec 05, 2007
Modified: Dec 17, 2007
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {
	margin:0;
	padding:0;
	border:0;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#343434;
	background-color:#391d76;
	text-align:justify;
}

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

img { border:none;}
.clear { clear:both;}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#36a7e9;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3c68ae;
	margin-top:20px;
}

/* ******************  navigation  *************** */
ul#nav , #nav li {
	list-style-type: none;
	margin:83px 0px 0px 0px;
	padding:0;
	float:left;
}

ul#nav {
	width:619px;
	border-bottom:10px solid #31a0e1;

}

#nav li, #nav a {
	float: left;
	height: 26px;
	line-height: 21px;
	padding:0px;
	margin:0px;
}

#nav li a {
	outline: 0;
	text-indent: -4000px;
	background: transparent url(../images/navigation.gif) no-repeat;
}

/* BUTTONS */
#globalnav #nav #ergotherapie a {width: 175px;  background-position:0 0;}
#globalnav #nav #adapt a {width: 114px;  background-position:-176px 0;}
#globalnav #nav #procedure a {width: 100px; background-position:-292px 0;}
#globalnav #nav #mogelijkheden a {width: 133px; background-position:-394px 0;}
#globalnav #nav #contact a {width: 83px;  background-position:-529px 0;}

/* OVER STATES */
#globalnav #nav #ergotherapie a:hover { background-position:0 -56px;}
#globalnav #nav #adapt a:hover { background-position:-176px -56px;}
#globalnav #nav #procedure a:hover { background-position:-292px -56px;}
#globalnav #nav #mogelijkheden a:hover { background-position:-394px -56px;}
#globalnav #nav #contact a:hover { background-position:-529px -56px;}


/* PRESSED STATES */
#globalnav #nav #ergotherapie a:active { background-position:0 -28px;}
#globalnav #nav #adapt a:active { background-position:-176px -28px;}
#globalnav #nav #procedure a:active { background-position:-292px -28px;}
#globalnav #nav #mogelijkheden a:active { background-position:-394px -28px;}
#globalnav #nav #contact a:active { background-position:-529px -28px;}

/* ON STATES */
#globalnav.ergotherapie #nav li#ergotherapie a {background-position:0px 0px;}
#globalnav.adapt #nav li#adapt a {background-position:-176px -28px;}
#globalnav.procedure #nav li#procedure a {background-position:-292px -28px;}
#globalnav.mogelijkheden #nav li#mogelijkheden a {background-position:-394px -28px;}
#globalnav.contact #nav li#contact a {background-position:-529px -28px;}



/* ******************  containers  *************** */
div#headcontainer {
	width:876px;
	background-color:#fff;
	border-top:5px solid #524491;
	border-left:5px solid #524491;
	border-right:5px solid #524491;
	margin:0 auto;
}

div#headcontainer div#header {
	background-image:url(../images/bg_header.gif);
	background-repeat:repeat-x;
	height:26px;
	padding:0px 20px 0px 0px;
}

div#header div#nieuwsbrief {
	float:right;
	margin:4px 0px 0px 0px;
	padding:0;
}

div#nieuwsbrief img {
	float:left; 
	margin-top:5px; 
	margin-right:10px;
}

div#nieuwsbrief .aanmelden {
	float:left; 
	margin-left:4px;
}

div#nieuwsbrief input {
	float:left;
}

div#content {
	background-image:url(../images/content_bg.gif);
	background-position:center bottom;
	background-repeat:repeat-y;
	clear:both;
	float:left;
	overflow:auto;
}

div#leftcolumn {
	width:257px;
	float:left;
	color:#381778;
	background-image:url(../images/bg_leftcdol.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

div#leftcolumn div#gebruikersinstellingen {
	background-image:url(../images/bg_gebruikersinstellingen.gif);
	background-repeat:no-repeat;
	width:220px;
	height:104px;
	padding: 29px 0px 0px 15px;
	margin:16px 0 0 0;
	color:#fff;
}

div#leftcolumn div#contactInfo{
	font-size: 11px;
	padding: 0 0 15px 15px;
}

div#leftcolumn div#gebruikersinstellingen p {
	margin:0px 0px 5px 0px;
}

div#leftcolumn div#gebruikersinstellingen p a {
	color: #fff;
}

div#leftcolumn p {
	margin:0px 0px 10px 15px;
}

div#centercolumn {
	float:left;
	width:619px;
	padding:0px 0px 20px 0px;
	background-image:url(../images/bg_centedrcolumn.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

div#readspeaker {
	float:right; 
	width:600px; 
	margin:15px 15px 0 0;
}
div#readspeaker img {float:right;}

div#content-text {
	clear:both;
	padding-left:14px;
}

div#centercolumn p {
	padding:0px 60px 10px 0px;
}

/* ******************  form objects  *************** */
input.enieuw {
	font-size:12px;
	color:#391d76;;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #391d76;
	background-color:#fff;
	padding:2px 4px 2px 4px;
}

select {
	border:1px solid #fff;
	background-color:#3c68ae;
	color:#fff;
	width:90px;
	float:left;
	margin-bottom:6px;
}

label {
	margin:2px 0px 6px 0px;
	font-size:12px;
	width:85px;
	height:16px;
	float:left;
}

/* ******************  footer  *************** */
div#footer {
	background-image:url(../images/bg_footer.gif);
	background-repeat:no-repeat;
	width:864px;
	height:35px;
	margin:0 auto;
	padding:10px 0 0 22px;
	font-size:11px;
}

div#footer p {
	margin:0px 0px 0px 79px;
	float:left;
}

div#footer p.toegang {
	margin:0;
	float:left;
}

div#footer a {
	color:#381778;
	text-decoration:none;
}


div#footer a:hover {
	color:#381778;
	text-decoration:underline;
}

div#footer .copyright {
	text-indent:-6000px;
}