/*
Webdesign door GoodReason
 www.goodreason.nl
*/

* {
margin: 0;
padding: 0;
}


body {
background-color : #1c1c1c;
color : #333;
font : normal normal 62.5%/1.5 Arial, Verdana, "Times New Roman", sans-serif;
}

#container{
margin-left: auto;
margin-right: auto;
width: 915px; /*1015px*/
padding-left: 15px;
padding-right: 15px;
background-color: #303030;
overflow: hidden;
display: block;
}

#header{
margin-top: 15px;
background-color: black;
width: 100%;
width: 915px; /*1015px*/
background-image: url(images/header.jpg);
height: 180px;
display: block;
float: left;
}

.header_titel{
margin-top: 36px;
height: 101px;
width: 328px;
background-image: url(images/header_titel.jpg);
background-repeat: no-repeat;
height: 101px;
display: block;
}
#header2{
margin-top: 15px;
background-color: black;
width: 100%;
width: 1015px;
background-image: url(images/header2.png);
height: 180px;
display: block;
float: left;
}
#header3{
margin-top: 15px;
background-color: black;
width: 100%;
width: 1015px;
background-image: url(images/header3.png);
height: 180px;
display: block;
float: left;
}

.menu{
margin-top: 13px;
display: block;
float: left;
width: 100%;
height: 30px;
background-image: url(images/menubg.png);
background-repeat: repeat;
}

.item{
padding-top: 5px;
height: 26px;
width: 168px;
display: block;
float: left;
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-size: 1.3em;
}

.item:hover{
height: 26px;
width: 168px;
display: block;
float: left;
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 1.3em;
background-image: url(images/opacity10.png);
background-repeat: repeat;
}
.item#active{
height: 26px;
width: 168px;
display: block;
float: left;
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 1.3em;
background-image: url(images/opacity10.png);
background-repeat: repeat;
}

.left{
margin-top: 15px;
width: 332px;
height: 3550px;
background-color: #474747;
display: block;
float: left;
color: #FBFBFB;
background-image: url(images/left_bg.png);
background-position: bottom;
background-repeat: no-repeat;
}


.left h1{
margin-left: 20px;
margin-top: 10px;
}

.left p{
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;
text-align: justify;
}

.left .fotorij{
margin-left: 17px;
margin-top: 10px;
margin-right: 5px;
}

.right .fotorij{
float: left;
display: block;
margin-left: 15px;
margin-right: 20px;
font-size: 1.2em;
}

.left img{
display: block;
float: left;
padding: 2px;
}

.right{
margin-top: 15px;
float: left;
display: block;
color: #FBFBFB; 
width: 580px; /*680px*/
/* background-color: black; */
}

.bar{
margin-left: 0px;
display: block;
float: right;
margin-top: 10px;
font-size: 1.2em;
width: 385px;
margin-right: 23px;
}



.right .bar .een{
float: left;
}
.right .bar .twee{
float: right;
}



.right .content{
display: block;
float: left;
margin-top: 15px;
margin-left: 20px;
margin-bottom: 25px;
}

.right h1{
margin-top: 10px;
margin-left: 15px;
}

.right p{
float: left;
display: block;
margin-left: 15px;
margin-right: 20px;
font-size: 1.2em;
}

.right .content img{
display: block;
float: left;
/* border: 1px solid #444444; */
border: 1px solid #FFFFFF;
}

.right .content p{
float: left;
display: block;
margin-left: 20px;
margin-right: 20px;
text-align: justify;
width: 285px; /*385px*/
margin-bottom: 0px;
min-height: 130px;
}

.right .head{
float: left;
display: block;
margin-left: 15px;
width: 669px;
height: 50px;
}

.right .voornummer{
float: left;
display: block;;
width: 5px;
margin-top: 12px;
height: 25px;
background-color: #474747;
}

.right .head .nummer{
float: left;
display: block;
height: 50px;
width: 50px;
background-color: #474747;
font-size: 3.5em;
font-weight: bold;
text-align: center;
border: 1px solid #999999;
}

.right .head h1{
margin: 0;
font-size: 1.6em;
float: left;
display: block;
margin-top: 12px;
padding-left: 15px;
width: 497px; /*597px*/
height: 25px;
background-color: #474747;
}


#footer{
margin-top: 15px;
margin-bottom: 15px;
width: 915px; /*1015px*/
height: 26px;
background-color: #474747;
display: block;
float: left;
color: #FBFBFB;

}

#footer p{
margin-left: 15px;
margin-top: 5px;
font-size: 1.1em;
}

#footer p a{
text-decoration: none;
}

#footer .footerlinks{
float: right;
text-decoration: underline;
margin-right: 5px;
}


a img {
border : none;
}

a {
outline: none;
color: white;
}

a:hover{
color:#cccccc;
}

h1 {
font-size: 2.2em; /* 22px */
margin: 0px;
}

h2 {
font-size: 2.0em; /* 20px */
margin-bottom: 15px;
}

h3 {
font-size: 1.8em; /* 18px */
margin-bottom: 15px;
}

h4 {
font-size: 1.2em; /* 16px */
margin-bottom: 15px;
}

h5 {
font-size: 1.4em; /* 14px */
margin-bottom: 15px;
}

p {
font-size: 1.2em; /* 12px */
margin-bottom: 15px;
}

ul {
list-style-type : none;
}

div {
	font-size : 100%;
}

/* FORM CSS */

form{
float: left;
display: block;
padding: 15px;
width: 425px;
font-size: small;
}


label{
float: left;
width: 200px;
text-align: left;
margin-right: 15px;
}

input{
background-color: #f5f5f5;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
margin-bottom: 10px;
width: 187px;
}


.verzendenbtn input{
background-color: #f5f5f5;
border-width: 2px;
border-style: solid;
border-color: #cccccc;
margin-bottom: 10px;
width: 187px;
height: 20px;
}

.verzendenbtn input:hover{
background-color: white;
border: none;
margin-bottom: 10px;
width: 187px;
height: 20px;
}


input:focus {
background-color: white;
}

select{
width: 150px;
background-color: #f5f5f5;
border-color: #cccccc;
border-style: solid;
border-width: 1px;
margin-bottom: 10px;
}

select:focus{
background-color: white;
}

.bestellen .bedrijfsvorm{
width: 200px;
}


textarea{
width: 400px;
height: 100px;
background-color: #f5f5f5;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
margin-bottom: 10px;
}

.fout{
display: block;
float: left;
margin: 0;
padding: 0;
color: red;
font-weight: bold;
}

.foutafbeelding{
display: block;
float: left;
margin-bottom: 10px;
}

.bestellingverzonden{
display: block;
float: left;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #f5f5f5;
border: 1px solid #cccccc;
}

.bordernone{
border: none;
outline: none;
}

.klein{
font-size: 10pt;
font-style: italic;
}