@charset "iso-8859-1";

html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #808080; }
h1 { margin: 0px 0px 15px 0px; font-size: 16px; color: #EE7F00; font-weight: normal; }
h2 { margin: 3px 0px 1px 0px; font-size: 13px; color: #EE7F00; font-weight: normal; }
p { margin: 0px 0px 10px 0px; line-height: 16px; }
p.meerruimte { margin-top :25px;  }
a { color: #EE7F00; text-decoration: none; outline: none; }
a:hover { color: #EE7F00; text-decoration: underline; }
ul { list-style-type: circle; }
form { display: inline; }


/* OPBOUW */
#container { width: 840px; margin: 0px auto 0px auto; } 
#header { float: left; margin: 0px 90px 10px 90px; width: 660px; height: 235px; display: inline; }
#header #photoheader { height: 160px; width: 660px; }
#header #cube {  margin-bottom: 15px; }
#header img { float: left; border:none; }
#header #slogan { float: right; margin-top: 20px; width: 425px; height: 22px; text-align: center; font-size: 15px; color: #EE7F00; font-style: italic; line-height:22px; }
#main {  float: left; margin: 0px; width: 840px;}
#content { float: left; width: 355px; }

/* INTRO */
#intro-container { margin: 0px auto 0px auto; width: 640px;  }
#intro { margin: 25px auto 0px auto; text-align:center; }
.intro-text { width: 100%; text-align: center; margin-top: 25px; }

/* OVERIGE */
#contact table { font-size: 11px; line-height: 25px; color:#999999; border: none; }
#contact input, #contact textarea { width: 225px; background-color: #F2F2F2; border: 1px solid #666666; font-size: 13px; padding: 3px; outline: none; }
#contact textarea { height: 100px; }
#contact .tel { width: 125px; }
#contact #submitter { background-color: #CCCCCC; border: 1px solid #999999; width: auto; font-size: 10px; padding: 5px 10px 5px 10px; margin-top: 10px; }
.map a:visited { color: #E90E08; text-decoration: none; }
.map a:hover { text-decoration: underline; }


/* NAVIGATIE */
#navigation { float: left; width: 250px; display: inline; }
#navigation #menu { float: left; margin: 0px 0px 00px 0px; padding: 0px; z-index: 1; } 
#navigation #menu li { position: relative; margin: 0px 0px 10px 90px; width: 148px; list-style-type: none; }
#navigation #menu li a { width: auto; padding: 1px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #999999; text-decoration: none;text-transform: uppercase;  }
#navigation #menu li a:hover { color: #EE7F00; }
#navigation #menu .submenu { position: absolute; z-index: 2; top: 0; left: -90px; width: 80px; background-color: #CCCCCC; margin: 0px; padding: 0px; }
#navigation #menu .submenu li { margin: 0px; padding: 0px 0px 0px 5px; width: 80px; list-style-type: none; }
#navigation #menu .submenu li a { margin: 0px; padding:0px; text-transform: none; color: #000000; }
#navigation #menu .submenu li a:hover { color: #EE7F00; }

/* CRUMBS */
#breadcrumbs { float: right; height: 14px; font-size: 10px; line-height: 14px; text-align:right; color: #ABABAB; width: 100%; margin-bottom: 10px; display:inline; }
#breadcrumbs a { color: #ABABAB; text-decoration:none; }
#breadcrumbs a:hover { color: #EE7F00; text-decoration:none; }

/* LOGIN */
#login { float: left; background-color: #CCCCCC; margin-left: 90px; padding: 5px; width: 120px; text-align:center; display: inline; }
#login .kopje { text-align:left; margin: 0px 0px 5px 0px; color: #EE7F00; font-size: 14px;  }
#login .rood { text-align: left; font-size: 11px; color: #E90E08; }
#login input { background-color: #FFFFFF; width: 114px; border: 1px solid #999999; margin-bottom: 3px; font-size: 10px; line-height:18px;  }  
#login #inlogger { background-color: #CCCCCC; border: 1px solid #999999; width: auto; }

#username { background-image: url("/images/username.jpg"); }
#password { background-image: url('/images/password.jpg'); }
.userinput { background-position: 0 0; }
.userclear { background-position: 0 -20px; }
.passinput { background-position: 0 0;}
.passclear { background-position: 0 -20px;}


/* SIDEBAR RECHTS */
#sidebar { float: right; width: 120px; margin-right: 90px; display: inline; }
#sidebar p { margin: 0px 0px 10px 0px; color: #FFFFFF; }
#sidebar .side-kopje { color: #EE7F00; font-size: 14px; }
#sidebar .item { background-color: #CCCCCC; padding: 5px; margin-bottom: 10px; }
#sidebar .item a { color: #FFFFFF; text-decoration: none; }
#sidebar .item a:hover { color: #666666; text-decoration: none; }
.verhuisd { margin-bottom: 10px; }


/* FOOTER */
#footer { float: left; margin: 10px 90px 10px 90px; width: 660px; text-align: center; border-top: 1px solid #CCCCCC; display: inline;  }
#footer p { margin: 5px 0px 5px 0px; font-size: 10px; line-height: 11px; color:#999999;}
#footer #partners { width: 100%; }
#footer #partners ul { margin: 10px auto 0px auto; padding: 0px; width: 410px; height: 40px; margin-bottom: 10px; }
#footer #partners li { display: inline; }
#footer #partners li a { float: left; margin: 0px 5px 0px 5px; height: 0px; padding-top: 40px; overflow: hidden; background-image: url("/images/logos.jpg"); background-repeat: no-repeat; }
#footer a { color: #999999; text-decoration: none; }
#footer a:hover { color: #EE7F00; text-decoration: none; }

/* PARTNERS */
#footer #partners li#partner-hanze a { width: 117px; background-position: 0 0; }
#footer #partners li#partner-rijks a { width: 117px; background-position: -117px 0; }
#footer #partners li#partner-kvk a { width: 55px; background-position: -234px 0; margin-left: 10px;}
#footer #partners li#partner-gem a { width: 75px; background-position: -289px 0;  }

/* PARTNERS MOUSEOVER */
#footer #partners li#partner-hanze a:hover { background-position: 0 -40px; }
#footer #partners li#partner-rijks a:hover { background-position: -117px -40px; }
#footer #partners li#partner-kvk a:hover { background-position: -234px -40px; }
#footer #partners li#partner-gem a:hover { background-position: -289px -40px; }