* { 
	margin: 0; 
	padding: 0; 
	outline:none;
}

html {
    overflow-y:scroll;
}

body {
	margin: 0;
	padding: 0;
	background: black url(/images/bg-body.jpg) top left repeat-x;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
}
img {
	border: none;
	margin: 0;
	padding:0;
}

#wrapper {
    width:980px;
    margin:0 auto;
}

#top {
	width: 965px;
	height:429px;
	margin: 0;
	padding:0;
	background:  url(/images/bg-top.jpg) bottom right no-repeat;
}

#doorhandle {
    position:absolute;
    margin: 0 0 0 165px;
    width:681px;
    height:213px;
	background: url(/images/bg-doorhandle.jpg) bottom right no-repeat;
    z-index:-3;    
}
#logo {
    position:absolute;
    margin: 0px 0 0px 175px;
}


#top-left {
	position:absolute;
	margin: 165px 0 0 165px;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#999999;
}
#top-left a {
	text-decoration: none;
	color:#999999;
	color:#E5007D;
}
#top-left a:hover {
	text-decoration: underline;
}
#top-right {
	position:absolute;
    width:128px;
    margin:165px 0 0 850px;
}
#hometext{
    margin:5px 0 0 -200px;
    width:380px;    
}

* html #hometext {
    position:relative;
}

#menu {
position:absolute;
margin: 370px 0 0 38px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
    background: url(/images/menu.jpg) top left no-repeat;
    height:59px;
}

#menu li {
	display: inline;
    color:gray;
    width:59px;
    height:59px;	
}

#menu a {
	display: block;
	float: left;
    width:59px;
    height:59px;
    border: none;	
}
#menu a:active, #menu a:focus, 
{
  outline: none;
  border:none;
}


#menu span {
    display:none;
}



#home a:hover {
	background:url("/images/menu.jpg") 0px -60px no-repeat;
}
#home_active a {
	background:url("/images/menu.jpg") 0px -120px no-repeat;
}

#portfolio a:hover {
	background:url("/images/menu.jpg") -59px -60px no-repeat;
}
#portfolio_active a {
	background:url("/images/menu.jpg") -59px -120px no-repeat;
}

#ftp a:hover {
	background:url("/images/menu.jpg") -118px -60px no-repeat;
}
#ftp_active a {
	background:url("/images/menu.jpg") -118px -120px no-repeat;
}
#menu li#ftp, #menu li#ftp a,#menu li#ftp_active, #menu li#ftp_active a {
    width:60px;
}

#contact a:hover {
	background:url("/images/menu.jpg") -178px -60px no-repeat;
}
#contact_active a {
	background:url("/images/menu.jpg") -178px -120px no-repeat;
}


#offerte a:hover {
	background:url("/images/menu.jpg") -237px -60px no-repeat;
}
#offerte_active a {
	background:url("/images/menu.jpg") -237px -120px no-repeat;
}
#menu li#offerte, #menu li#offerte a {
    width:61px;
}



#content-top{
	position:absolute;
	margin: 100px 0 0 365px;
	width: 465px;
	height: 310px;
	
}

#bar {
	width:100%;
	height:40px;
	background: url(/images/bg-bar.jpg) top left repeat-x;
}

#bottom {
	width: 829px;
	height:310px;
	margin: 0;
	padding:0;
}
#bottom-left {
    position: absolute;
	margin: 30px 0 0 65px;
	width:265px;
	height:145px;
	
}
#content-bottom {
	position: absolute;
	margin: 0 0 0 365px;
	width: 465px;
	height: 310px;
    font-family:arial, sans-serif;
}

.small {
	width:275px;
	float:right;
}

h2 {
    font-family:verdana, sans-serif;
	font-size:20px;
	color:#E5007D;
	margin: 5px 0 15px 0;
}

#nextdoormovie {
    margin:80px 0 0 5px;
    height:200px;
    width:300px;
    background:white;
}
p {
margin: 5px 0 14px 0;
}

#googlemaps {
    margin:67px 0 0 0;
}
#googlemaps span{
    font-size:0.75em;
}
#googlemaps a {
    font-size:0.75em;
}

#googlemaps_link {
    margin:220px 0 0 0;
}
#googlemaps_link a {
    font-family:Arial;
    font-weight:bold;
    font-size:10px;
    color:#E5007D;
    text-decoration:none;
}
#googlemaps_link a:hover {
    text-decoration:underline;
}

#offerteform {
     height:262px;
     margin:67px 0 0 0;
     font-family:arial;
     font-weight:bold;
     font-size:12px;  
}
.offerteholder {
    clear:both;
    width:465px;
    height:42px;
	padding: 0; 
    background: url(/images/bg-textfield.jpg) top right no-repeat; 
}
.offertetextareaholder {
    clear:both;
    width:465px;
    height:86px;
	padding: 0; 
    background: url(/images/bg-textarea.jpg) top right no-repeat; 
}

#offerteform div label {
    float:left;
    display:block;
    width:170px;
    line-height:42px;
}
#offerteform div input {
    float:left;
    border:none;
    width:285px;
    margin: 12px 0 0 0;
    color:white;
    background-color:transparent;
    cursor:default;
}
#offerteform div textarea {
    float:left;
    border:none;
    width:285px;
    height:59px;
    margin: 12px 0 0 0;
    color:white;
    background-color:transparent;
    cursor:default;
}
.hide {
    display:none;
}

#verzendknop {
    margin:220px 0 0 0;
}
#verzendknop img {
    border:none;
}

.kolom {
    float:left;
}
#loginform {
    overflow:auto;
     margin:87px 0 0 0;
     font-family:arial;
     font-weight:bold;
     font-size:12px;   
}
#loginbuttom {
    float:left;
    margin:48px 0 0 40px;
}

.loginholder {
    clear:both;
    width:255px;
    height:40px;
	padding: 0; 
    background: url(/images/bg-loginfield.jpg) top right no-repeat; 
}

.loginholder label {
    float:left;
    display:block;
    width:90px;
    line-height:40px;
}
.loginholder input {
    float:left;
    border:none;
    width:150px;
    margin: 11px 0 0 0;
    color:white;
    background-color:transparent;
    cursor:default;
}
#loginerror {
    margin:22px 0 0 0;
    font-weight:normal;
    width:350px;
}
#loginerror h2 {
    color:#e5007d;
    font-size:16px;
}


#login_link {
    margin:200px 0 0 0;
}
#login_link a {
    font-family:Arial;
    font-weight:bold;
    font-size:10px;
    line-height:18px;
    color:#E5007D;
    text-decoration:none;
}
#login_link a:hover {
    text-decoration:underline;
}




#bottomalignleft {
    width:400px;
}
#bottomalignright {
    text-align:right;
    width:400px;
    margin:0 0 0 65px;
}
#bottomalignright a{
    color:#E5007D;
    font-weight:bold;
    text-decoration:none;
}
#bottomalignright a:hover{
    text-decoration:underline;
}

#ftpmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#ftpmenu li {
	height:24px;
	line-height:24px;
}
#ftpmenu li a {
	color:white;
	margin: 0 0 0 25px;
}
#ftpmenu li a:hover {
	color:#00b2ff;
	text-decoration:none;
}

#leftmenu_download, #leftactive_download {
    background: url('/images/icon_folder.jpg') top left no-repeat;
}
#leftmenu_upload, #leftactive_upload {
    background: url('/images/icon_upload.jpg') top left no-repeat;
}
#leftmenu_help, #leftactive_help {
    background: url('/images/icon_help.jpg') top left no-repeat;
}
#leftmenu_logout, #leftactive_logout {
    background: url('/images/icon_logout.jpg') top left no-repeat;
}

#ftpmenu li#leftactive_download a, #ftpmenu li#leftactive_upload a, #ftpmenu li#leftactive_help a {
	color:#00b2ff;
}

#ftp-username {
    height:61px;
}

#ftp-explorer {
    width:465px;
    height:235px;
    padding: 0 0 0 4px;
    background: url(/images/bg-explorer.jpg) top left no-repeat; 
}
#wrapper-explorer {
    clear:both;
    width:448px;
    height:180px;
    overflow:auto;
    }

#ftp-explorer .name{
    width:260px;
}
#ftp-explorer .size{
    width:60px;
    text-align:right;
}
#ftp-explorer .date{
    width:90px;
    text-align:right;
}
#ftp-explorer .delete{
    width:20px;
    text-align:right;
}
#ftp-explorer .heading {
    height:24px;
    color:black;
    margin: 5px 1px 10px 1px; 
    float:left;    
}    
#ftp-explorer .heading a {
    display:block;
    float:left;
    height:24px;
    line-height:24px;
    color:black; 
    text-decoration:none;
}    
#ftp-explorer .heading img {
    display:block;
    float:left;
    margin: 0 0 0 5px;
} 
#ftp-explorer .size img, #ftp-explorer .size a {
    float:right
}  
#ftp-explorer .date img, #ftp-explorer .date a{
    float:right
}     

#ftp-explorer .name a {
    color:white;
    text-decoration:none;
}    
#ftp-explorer .name a:hover {
    text-decoration:underline;
}    
#ftp-explorer div a.black {
    color:black;
}


.aanmaakholder {
    clear:both;
    width:355px;
    height:40px;
	padding: 0; 
    background: url(/images/bg-loginfield.jpg) top right no-repeat; 
}

.aanmaakholder label {
    float:left;
    display:block;
    width:185px;
    line-height:40px;
}
.aanmaakholder input {
    float:left;
    border:none;
    width:150px;
    margin: 11px 0 0 0;
    color:white;
    background-color:transparent;
    cursor:default;
}
#verzendaanmaak label {
    float:left;
    display:block;
    width:178px;
    line-height:40px;
}

#portmenu ul {
    list-style:none;
    margin: 10px 0 0 5px;
}

#portmenu a {
    color:#808080;
}
#portmenu a:hover, #portmenu .active a {
    color:#ffffff;
    text-decoration:none;
}
#portfoliotitle {
    height:66px;
    margin:0;
    color:#c7c8ca;
}
#portfoliotitle h3 {
    color:#c7c8ca;
    font-weight:bold;
    font-size:12px;
    margin: 0 0 0 0;
    padding:20px 0 0 0;
}
#portfolioimg {
    height:263px;
    width:458px;
    overflow:none;
}
#portfolioimg img {
    margin:0;
}

.thumb-wrapper, .thumb-holder {
    width:94px;
    overflow:auto;
    margin: 2px 0 0 0;
}
.thumb-holder, .thumb-holder a, .thumb-holder img {
    margin:0;
    padding:0;
}
.thumb-holder img {
    float:left;
}

.thumb-background {
    height:48px;
    background: url('/images/bg-thumb-portfolio.jpg') top left repeat-x;
}

.thumb-bar {
    height:300px;
    width:94px;
    overflow:hidden;
}

#bottom-left {
    text-align:center;
}

/*
oude tag kleuren

#bottom-left a.tag1 {
    font-size:24px;
    font-weight:bolder;
    color:#E5007D;
}
#bottom-left a.tag2 {
    font-size:22px;
    font-weight:bold;
    color:#E5007D;    
}
#bottom-left a.tag3 {
    font-size:20px;
    color:#289ad0;   
}
#bottom-left a.tag4 {
    font-size:18px;
    color:#289ad0;
}
#bottom-left a.tag5 {
    font-size:16px;
    color:#79c0e2;
}
#bottom-left a.tag6 {
    font-size:14px;
    color:#79c0e2;    
}
#bottom-left a.tag7 {
    font-size:12px;
    font-weight:bold;
    color:#79c0e2;    
}
#bottom-left a.tag8 {
    font-size:11px;
    font-weight:bold;    
    color:#90c6e0;
}
#bottom-left a.tag9 {
    font-size:11px;
    color:#9dc0d0;
}
#bottom-left a.tag10 {
    font-size:11px;
    color:#91abb7;
}
#bottom-left a.tag11 {
    font-size:10px;
    color:#91abb7;
}
#bottom-left a.tag12 {
    font-size:10px;
    color:#c8dbe4;
}
#bottom-left a.tag13 {
    font-size:9px;
    color:#c8dbe4;
}
#bottom-left a.tag14 {
    font-size:9px;
    color:#c6ced2;
}
#bottom-left a.tag15 {
    font-size:8px;
    color:#c6ced2;
}

#bottom-left a {
    font-size:8px;
    color:#c6ced2;
    text-decoration:none;
}

 */

#bottom-left a.tag1 {
    font-size:20px;
    color:#bbb;
}
#bottom-left a.tag2 {
    font-size:18px;
    color:#bbb;    
}
#bottom-left a.tag3 {
    font-size:17px;
    color:#aaa;   
}
#bottom-left a.tag4 {
    font-size:16px;
    color:#aaa;
}
#bottom-left a.tag5 {
    font-size:16px;
    color:#999;
}
#bottom-left a.tag6 {
    font-size:14px;
    color:#888;    
}
#bottom-left a.tag7 {
    font-size:12px;
    color:#777;    
}
#bottom-left a.tag8 {
    font-size:11px;   
    color:#777;
}
#bottom-left a.tag9 {
    font-size:11px;
    color:#666;
}
#bottom-left a.tag10 {
    font-size:11px;
    color:#555;
}
#bottom-left a.tag11 {
    font-size:10px;
    color:#555;
}
#bottom-left a.tag12 {
    font-size:10px;
    color:#555;
}
#bottom-left a.tag13 {
    font-size:9px;
    color:#555;
}
#bottom-left a.tag14 {
    font-size:9px;
    color:#444;
}
#bottom-left a.tag15 {
    font-size:8px;
    color:#444;
}

#bottom-left a {
    font-size:8px;
    color:#444;
    text-decoration:none;
}


#bottom-left a:hover {
    text-decoration:underline;
}