@charset "utf-8";
/* CSS Document */

html{
	width:100%;
	height:100%;	
}

body{
	background-color:#FFF;	
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:100%;
	height:100%;
}

#sitekader{
	position:absolute;
	float:left;
	width:955px;
	border:1px solid #C00;
}

#logo{
	position:absolute;
	width:115px;
	height:115px;
	top:20px;
	left:28px;
	background-image:url(../images/logo_stubborn.png);
	background-repeat:no-repeat;
}


#loginWindow{
	position:absolute;
	width:382px;
	height:163px;
	top:170px;
	left:184px;
	background-image:url(../images/inloggen.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:13px;
}

#loginTablePos{
	position:relative;
	margin-top:50px;
	margin-left:22px;
	width:100%;
	height:100%;
}

div.login{
	position:absolute;
	top:70px;
	left:222px;
	background-color:#485E21;
	height:18px;
	width:80px;
	font-size:12px;
	text-transform:uppercase;
	color:#FFF;
	/*padding-left:8px;*/
	text-align:center;
	padding-top:3px;
	cursor:pointer;	
}

#loginerror{
	position:absolute;
	top:70px;
	left:0px;
	color:#F00;
}

td.loginCel{
	height:32px;
	width:80px;
}


div.toevoegen{
	background-color:#485E21;
	height:18px;
	width:86px;
	font-size:12px;
	text-transform:uppercase;
	color:#FFF;
	text-align:center;
	/*padding-left:8px;*/
	padding-top:3px;	
}

#cms{
	position:absolute;	
	width:128px;
	height:32px;
	top:47px;
	left:200px;
	background-image:url(../images/cms.png);
	background-repeat:no-repeat;
}

#klantnaam{
	position:absolute;
	top:32px;
	left:263px;
	height:40px;
	width:400px;
	font-size:30px;
	letter-spacing:-1px;
	color:#b3b3b3;
}

#menucontainer{
	position:absolute;
	top:180px;
	width:180px;
}

div.streepje{
	position:relative;
	float:left;
	width:180px;
	height:1px;
	font-size:1px;
	background-image:url(../images/nav_lijn.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

div.titel_on{
	color:#000;
	background-image:url(../images/nav_selected.png);
	background-repeat:no-repeat;
}

div.titel{
	position:relative;
	float:left;
	width:180px;
	height:40px;
	color:#485E21;
	font-size:13px;
	text-transform:uppercase;
}

div.titelpos{
	margin-top:12px;
	margin-left:35px;
}

div.item{
	position:relative;
	float:left;
	width:180px;
	height:25px;
	color:#485E21;
	font-size:11px;
	text-transform:uppercase;
}

div.itempos{
	margin-top:7px;
	margin-left:55px;
}

div.item_off{
	background-image:url(../images/bol_geel.png);
	background-repeat:no-repeat;
	background-position: 35px 10px;
}

div.item_on{
	background-image:url(../images/bol_wit.png);
	background-repeat:no-repeat;
	background-position: 35px 10px;
	color:#b3b3b3;
}

div.spacer{
	position:relative;
	float:left;
	width:180px;		
}

#padnaam{
	position:absolute;
	width:754px;
	height:20px;
	top:145px;
	left:200px;
	background-image:url(../images/pad.png);
	background-repeat:no-repeat;
}

select.select_opmaak2 {
	background-color: #FFF;
	border: 1px solid  #5e574e;
	background-image:url(../images/select_arrow.png);
	background-repeat:no-repeat;
	background-position: right;
	color:#000;
}

input.input_opmaak {
	background-color: #FFF;
	border: 1px solid  #485E21;
	/*width: 265px;*/
	color:#000;
}

#padtekst{
	font-size:10px;
	text-transform:uppercase;
	color:#485E21;
	margin-top:4px;
	margin-left:6px;
}

div.sectieInhoud{
	position:absolute;
	width:754px;
	left:200px;
	top:195px;
	
	/*height:700px;
	border:1px solid #F33;*/
}

div.sectionTitle{
	position:relative;
	float:left;
	width:100%;
	height:25px;
	border-bottom:1px solid #485E21;
}

div.sectionTitleTekst{
	font-size:15px;
	color:#485E21;
	margin-top:3px;
	margin-left:6px;
}

div.tableRow{
	position:relative;
	float:left;
	width:100%;
	height:43px;
}

div.tableFill_1{
	background-image:url(../images/row_light.png);
	background-repeat:no-repeat;
}

div.tableFill_2{
	background-image:url(../images/row_dark.png);
	background-repeat:no-repeat;
}

div.spacer2{
	position:relative;
	float:left;
	width:100%;
	height:43px;
}

div.cel_1{
	position:relative;
	float:left;
	width:263px;
	height:100%;
	padding-left:5px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
}

div.cel_2{
	position:relative;
	float:left;
	width:68px;
	height:100%;
	text-align:right;
	padding-right:12px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
	font-weight:normal;
}

div.cel_3{
	position:relative;
	float:left;
	width:116px;
	height:100%;
	padding-left:12px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
	font-weight:normal;
	background-image:url(../images/btn_pijl.png);
	background-repeat:no-repeat;
	background-position: 100px 15px;
}

div.cel_4{
	position:relative;
	float:left;
	width:130px;
	height:100%;
	padding-left:12px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
	font-weight:normal;
	background-image:url(../images/btn_pijl.png);
	background-repeat:no-repeat;
	background-position: 114px 15px;
}


div.cel_5{
	position:relative;
	float:left;
	width:110px;
	height:100%;
	padding-left:12px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
	font-weight:normal;
	background-image:url(../images/btn_kruis.png);
	background-repeat:no-repeat;
	background-position: 100px 15px;
}

div.cel_6{
	position:relative;
	float:left;
	width:334px;
	height:100%;
	padding-left:5px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
}

div.cel_7{
	position:relative;
	float:left;
	width:90px;
	height:100%;
	padding-left:24px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
	font-weight:normal;
}

div.cel_8{
	position:relative;
	float:left;
	width:142px;
	height:100%;
	padding-left:25px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
	font-weight:normal;
	background-image:url(../images/btn_pijl.png);
	background-repeat:no-repeat;
	background-position: 135px 15px;
}

div.cel_9{
	position:relative;
	float:left;
	width:90px;
	height:100%;
	padding-left:12px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
	font-weight:normal;
	background-image:url(../images/btn_pijl.png);
	background-repeat:no-repeat;
	background-position: 80px 15px;
}

div.cel_11{
	position:relative;
	float:left;
	width:397px;
	height:100%;
	padding-left:5px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
}

div.cel{
	position:relative;
	float:left;
	height:100%;
	padding-left:5px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
}

td.tabledata29{
	font-size:12px;
	color:#000;
	height:29px;
}

td.tabledata{
	font-size:12px;
	color:#000;
	vertical-align:top;
	padding-top:4px;
}

div.cel_10{
	position:relative;
	float:left;
	width:515px;
	height:100%;
	padding-left:5px;
	padding-top:12px;
	border-right:2px solid #FFF;
	color:#000;
	font-size:12px;
}

div.formWord1{
	position:relative;
	float:left;
	width:100px;
	height:27px;
	font-size:12px;
	color:#000;
	clear:both;
	padding-top:3px;
	padding-left:5px;
}

div.formDataRow{
	position:relative;
	float:left;
	width:500px;
	height:29px;
	font-size:12px;
	color:#000;
	padding-top:1px;
	padding-left:5px;
	clear:both;
}

div.formDataWide{
	position:relative;
	float:left;
	font-size:12px;
	color:#000;
	padding-top:1px;
	padding-left:5px;
}

div.formData{
	position:relative;
	float:left;
	width:500px;
	height:29px;
	font-size:12px;
	color:#000;
	padding-top:1px;
	padding-left:5px;
	clear:both;
}

div.formDataHigh{
	position:relative;
	float:left;
	width:740px;
	height:235px;
	font-size:12px;
	color:#000;
	padding-top:1px;
	padding-left:5px;
	clear:both;
}

div.formData2{
	position:relative;
	float:left;
	width:500px;
	height:29px;
	font-size:12px;
	color:#000;
	padding-top:1px;
	clear:both;
	padding-left:22px;
	font-weight:normal;
}

div.formData3{
	position:relative;
	float:left;
	width:500px;
	font-size:12px;
	color:#000;
	padding-top:1px;
	clear:both;
	padding-left:22px;
	font-weight:normal;
}

div.spacer3{
	position:relative;
	float:left;
	width:100%;
	height:20px;
}

div.ok{
	background-color:#485E21;
	height:18px;
	width:27px;
	font-size:12px;
	text-transform:uppercase;
	color:#FFF;
	/*padding-left:8px;*/
	text-align:center;
	padding-top:3px;	
}

div.annuleren{
	background-color:#485E21;
	height:18px;
	width:90px;
	font-size:12px;
	text-transform:uppercase;
	color:#FFF;
	/*padding-left:8px;*/
	text-align:center;
	padding-top:3px;	
}

#ok1{
	position:absolute;
	top:46px;
	left:615px;
}

#annuleren1{
	position:absolute;
	top:46px;
	left:663px;
}

#ok2{
	position:absolute;
	top:75px;
	left:615px;
}

#annuleren2{
	position:absolute;
	top:75px;
	left:663px;
}

#ok3{
	position:absolute;
	top:251px;
	left:615px;
}

#annuleren3{
	position:absolute;
	top:251px;
	left:663px;
}

#ok4{
	position:absolute;
	top:570px;
	left:615px;
}

#annuleren4{
	position:absolute;
	top:570px;
	left:663px;
}
	
select.select_opmaak {
	background-color: #FFF;
	border: 1px solid  #5e574e;
	width: 265px;
	background-image:url(../images/select_arrow.png);
	background-repeat:no-repeat;
	background-position: right;
	color:#000;
}
	
option {
     background-color: #FFF;
	 color:#000;
}
option.alt {
	background-color: #FFF;
	color:#000;
}

span.projectText{
	font-size:10px;	
}

textarea.projecten{
	width: 265px;
	height: 70px;
	background-color: #FFF;
	border: 1px solid  #5e574e;
	scrollbar-3dlight-color:#FFF; 
	scrollbar-arrow-color: #485E21;
	scrollbar-highlight-color:#5e574e; 
	scrollbar-shadow-color:#FFF; 
	scrollbar-darkshadow-color:#FFF; 
	scrollbar-base-color: #FFF; 
	color:#CCC;
}

textarea.projecten2{
	width: 400px;
	height: 200px;
	background-color: #FFF;
	border: 1px solid  #5e574e;
	scrollbar-3dlight-color:#FFF; 
	scrollbar-arrow-color: #485E21;
	scrollbar-highlight-color:#5e574e; 
	scrollbar-shadow-color:#FFF; 
	scrollbar-darkshadow-color:#FFF; 
	scrollbar-base-color: #FFF; 
	color:#CCC;
}

textarea.about{
	width: 400px;
	height: 50px;
	background-color: #FFF;
	border: 1px solid  #5e574e;
	scrollbar-3dlight-color:#FFF; 
	scrollbar-arrow-color: #485E21;
	scrollbar-highlight-color:#5e574e; 
	scrollbar-shadow-color:#FFF; 
	scrollbar-darkshadow-color:#FFF; 
	scrollbar-base-color: #FFF; 
	color:#CCC;
}

textarea.ecoarea{
	width: 500px;
	height: 200px;
	background-color: #FFF;
	border: 1px solid  #5e574e;
	scrollbar-3dlight-color:#FFF; 
	scrollbar-arrow-color: #485E21;
	scrollbar-highlight-color:#5e574e; 
	scrollbar-shadow-color:#FFF; 
	scrollbar-darkshadow-color:#FFF; 
	scrollbar-base-color: #FFF; 
	color:#CCC;
}

textarea.about2{
	width: 735px;
	height: 500px;
	background-color: #FFF;
	border: 1px solid  #5e574e;
	scrollbar-3dlight-color:#FFF; 
	scrollbar-arrow-color: #485E21;
	scrollbar-highlight-color:#5e574e; 
	scrollbar-shadow-color:#FFF; 
	scrollbar-darkshadow-color:#FFF; 
	scrollbar-base-color: #FFF; 
	color:#CCC;
}

/*FOTOSORTERING*/
#sortlist{
	width:734px;
	margin: 0 auto;
	padding: 10px;
	margin-bottom: 20px;
	text-align:center;
	float:left;
	/*background-color:#4B443B;*/
}

#sortlist div.sorting {
	float: left;
	margin: 4px;
	padding: 4px;
	/*border: 1px solid #485E21;*/
	background-color:#efefef;
}
          
#sortlist div.sorting:hover {
	float: left;
	margin: 4px;
	padding: 4px;
	/*border: 1px solid #666;*/
}

img.picture{
	cursor: move;
}
/*FOTOSORTERING*/

td.hight29{
	height:29px;	
}

div.error{
	color:#F00;
	font-size:12px;
}

a.noAnimo:link {  
	color:#000000;
	text-decoration: none;
}

a.noAnimo:visited {  
	color: #000000;
	text-decoration: none;
}

a.noAnimo:hover {
	color: #000000; 
	text-decoration: none;
}

a.noAnimo:active { 
	color:#000000; 
	text-decoration: none;
}

a.yellowLink:link {  
	color:#485E21;
	text-decoration: underline;
}

a.yellowLink:visited {  
	color: #485E21;
	text-decoration: underline;
}

a.yellowLink:hover {
	color: #485E21; 
	text-decoration: underline;
}

a.yellowLink:active { 
	color:#485E21; 
	text-decoration: underline;
}

/*
border:1px solid #F33;
*/