/*
Theme Name: New Vision V2
Theme URI: http://www.newvision.nl
Description: Standaard thema Newvision.nl
Version: 1.0
Author: Patrick van Halen
Author URI: patrick@newvision.nl

*/

/* Typografie */

:root { overflow-y: scroll; }

* {
margin: 0px;
padding: 0px;
}

p { line-height: 18px; margin-bottom: 10px; }

body, div, input, select {
font-family: "Trebuchet MS", "Lucida Grande", "Arial", "Helvetica", "sans-serif";
font-size: 13px;
line-height: 16px;
color: #000;
margin: 0px;
padding: 0px;
}

input, select, textarea {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
color: #000;
margin: 0px;
padding: 0px 0px 0px 2px;
}

a {
color: #469FDF;
outline: none;
}


a:hover {
color: #0094FF;
outline: none;
}

img {
border: 0px;
outline: none;
}

h1 {
color: #000000; font: 20px "Trebuchet MS";
text-transform: uppercase;
line-height: 20px;
letter-spacing: 0px;
font-weight: bold;
}

/* Lay-out */

body {
background: #FFF;
margin: 0px;
padding: 0px;
}

#stramien {
width: 950px;
text-align: left;
margin: 0 auto;
}

#header {
display: block;
height: 74px;
width: 950px;
margin-bottom: 10px;
}

#logo {
float: left;
position: relative;
top: 0px;
left: -15px;
width: 178px;
}

#menu {
padding-top: 23px;
}

#slideshow {
background: url('images/bg_shadow.jpg') no-repeat 0px 0px;
margin-top: 10px;
padding: 0px 0px 14px 0px;
width: 950px;
height: 261px;
overflow:hidden;
clear: both;
}

#slideshow-rechts {
float: right;
display: block;
width: 166px;
height: 277px;
background: url('images/bg_side.jpg') no-repeat top left;
padding-top: 20px;
text-align: center;
}

#splash-onder {
background: url('images/bg_shadow_onder.jpg') no-repeat 0px 0px;
width: 950px;
height: 31px;
margin-bottom: 10px;
clear: both;
}

.linkcat, .linkcat ul, .linkcat li {
margin: 0px;
padding: 0px;
list-style: none;
}

#slideshow-rechts h2 {
display: block;
font-size: 13px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
text-align: center;
margin-bottom: 10px;
border-bottom: none;
}

#slideshow-rechts li {
display: block;
text-align: center;
margin: 0px;
padding: 0px;
list-style: none;
margin-bottom: 10px;
}

#slideshow-rechts span {
display: block;
text-align: center;
margin: 0px;
padding: 0px;
list-style: none;
margin-bottom: 10px;
}

#content {
background: url('images/bg_shadow.jpg') no-repeat 0px 0px;
margin-top: 10px;
width: 950px;
height: 261px;
clear: both;
}

#content-ab {
background: url('images/bg_shadow.jpg') no-repeat 0px 0px;
margin-top: 10px;
width: 950px;
clear: both;
}

hr {
width: 920px;
height: 0px;
border: 0px;
border-top: 1px solid #bae1f7;
}

#content-links {
padding: 15px;
width: 950px;
height: 261px;
}

#content-links-ab {
padding: 15px;
width: 950px;
}

#content-rechts {
float: right;
display: block;
width: 315px;
margin-right: 15px;
text-align: left;
}

#content-rechts li {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}

#content-rechts h2 {
font-size: 13px;
color: #469FDF;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0px;
padding: 0px;
padding-bottom: 26px;
}

#map {
border: 1px solid #999;
}

h2 {
font-size: 21px;
font-weight: strong;
color: #000;
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 0px;
}

h3 {
font-size: 16px;
font-weight: normal;
color: #000;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}

#klant h2 {
color: #469FDF;
font-size: 18px;
font-weight: normal;
}

#klant h3 {
font-size: 14px;
font-weight: normal;
color: #000;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
margin-left: 15px;
}

#footer {
display: block;
margin-top: 11px;
width: 950px;
text-align: right;
clear: both;
}

#footer-links {
font-size: 11px;
float: left;
}

#footer-rechts {
font-size: 11px;
}

/* Upload */

#upload-container {
position: relative;
width: 950px;
text-align: right;
background-color: #FFF;
border: 1px solid #DCDCDC;
clear: both;
padding: 0px;
margin: 0px;
z-index: 1;
}

#blok-links {
width: 540px;
height: 100px;
padding: 15px;
text-align: left;
list-style: none;
}

#blok-rechts {
width: 350px;
height: 100px;
text-align: left;
float: right;
}

#aanvraag {
display: block;
padding: 15px;
}

#status {
padding: 19px 0px 19px 0px;
margin: 0px;
background: #FFF;
}

#status, x:-moz-any-link {
padding: 14px 0px 14px 0px;
margin: 0px;
background: #FFF;
}

#status, x:-moz-any-link, x:default {
padding: 14px 0px 14px 0px;
margin: 0px;
background: #FFF;
}

#upload-links {
float: left;
width: 110px;
}

#upload-rechts {
line-height: 16px;
}

#status .progress {
background: #FFF url(images/progress.gif) no-repeat;
background-position: +50% 0;
margin-right: 5px;
}

#status .progress-text {
font-size: 11px;
font-weight: bold;
}

#list {
display: block;
width: 350px;
margin: 0px;
padding: 0px;
background: #FFF;
border-bottom: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
list-style: none;
}

#list li {
line-height: 0px;
margin: 0px;
padding: 0px;
list-style: none;
border-left: 1px solid #DCDCDC;
}

#list li.file {
border-bottom: 1px solid #eee;
background: url(images/file.png) no-repeat 4px 4px;
}

#list li.file.file-uploading {
background-image: url(images/uploading.png);
background-color: #D9DDE9;
}

#list li.file.file-success {
background-image: url(images/success.png);
}

#list li.file.file-failed {
background-image: url(images/failed.png);
}

#list li.file .file-name {
font-size: 11px;
margin-left: 44px;
display: block;
clear: left;
line-height: 40px;
height: 40px;
}

#list li.file .file-size {
font-size: 11px;
line-height: 18px;
float: right;
margin-top: 2px;
margin-right: 6px;
}

#list li.file .file-info {
display: block;
margin-left: 44px;
font-size: 10px;
line-height: 20px;
}

#list li.file .file-remove {
clear: right;
float: right;
line-height: 18px;
margin-right: 6px;
}

/* Stream */

.stream {
list-style: none;
margin: 0px;
padding: 0px;
}
 
.stream li {
position: relative;
float: left;
margin-right: 10px;
padding: 0px;
width: 61px;
height: 61px;
text-align: center;
border: 2px solid #DCDCDC;
z-index: 1003px;
}

/* Inlog formulier */

#login, #login div {
color: #FFFFFF;
}

.clear {
clear: both;
height: 0;
line-height: 0;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

#iframe { overflow: hidden; }

.upload-icon {
float: left;
margin-right: 10px;
}

#flashdiv {
position: relative;
z-index: 100;
}

.contact-gegevens {
float: left;
display: block;
width: 150px;
height: 174px;
border-right: 1px solid #999;
margin-right: 15px;
}

.contact-formulier {
float: left;
display: block;
height: 174px;
border-right: 1px solid #999;
margin-right: 15px;
}

.contact-formulier fieldset {
display: inline;
margin-right: 15px;
float: left;
border: none;
}

.contact-formulier legend {
color: #469FDF;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 10px;
}

.form-input input {
width: 200px;
border: 1px solid #999;
background: #F5F5F6;
margin-bottom: 5px;
}

.form-input input:focus {
background: #FFF;
}

.contact-formulier textarea {
width: 200px;
height: 75px;
background: #F5F5F6;
border: 1px solid #999;
}

.contact-formulier textarea:focus {
background: #FFF;
}

body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
display: none;
line-height: 250%;
padding-left: 36px;
width: 95%;
}

body div.formcontainer p.error {
background: url('images/error.png') no-repeat 12px 50%;
}

body div.formcontainer p.important {
background: url('images/important.png') no-repeat 12px 50%;
}

body div.formcontainer p.information {
background: url('images/information.png') no-repeat 12px 50%;
}

body div.formcontainer p.success {
background: url('images/success.png') no-repeat 12px 50%;
}

.form-submit {
display: inline;
}

.form-submit {
display: block;
float: both;
clear: both;
}

.form {
margin: 0px;
padding: 0px;
}

dl {
clear: both;
display: block;
margin-bottom: 20px;
}

dt {
clear: both;
display: block;
float: both;
margin-bottom: 20px;
}

span.progress-50-percent {
color: #FFF;
display: block;
}

span.progress-bar {
background-color: #ebebeb;
clear: both;
display: block;
font-family: Arial, Helvetica, Tahoma, Sans-Serif;
height: 20px;
position: relative;
width: 330px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

span.progress-bar-bg {
background-color: #00A8EC;
display: block;
height: 20px;
position: absolute;
width: 0;
z-index: 1;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

span.intro {
font-size: 15px;
line-height: 24px;
}

span.progress-bar-text {
display: block;
font-weight: 400;
height: 20px;
position: relative;
text-align: center;
width: 330px;
z-index: 2;
}

#upload_iframe {
display: none;
}

#uploaden-content input[type=file] {
background: #EBEBEB;
padding: 8px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px;
}

#uploaden-content input[type=submit], #contact-c input[type=submit] {
background: #00A8EC;
color: #FFF;
cursor: pointer;
padding: 10px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px;
}

#uploaden-content input[type=submit]:hover, #contact-c input[type=submit]:hover {
background: #00A8EC;
}

#uploaden-content input[type=text], #contact-c input[type=text] {
background: #FFF;
border: 3px solid #CCC;
padding: 10px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#overlay {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5000;
background-color: #000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
text-align: center;
padding-top: 180px;
color: #FFF;
}