/********************************************************************************************************/
/*    General                                                                                            */
/********************************************************************************************************/

html, body {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 12pt;
    font-family: Arial;
}

/*
#wrapper {
    min-height: 100%;
    position: relative;
}
*/

#landing-mobiel {
    display: none;
}

.logo {
    padding-top: 30px;
    float: left;
}

.pakketlink {
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    color: #FFF;
}

/********************************************************************************************************/
/*    Containers                                                                                            */
/********************************************************************************************************/

#container {
    width: 960px;
    margin: 0 auto 100px;
}

#container #headerlogo {
 height: 100px;
 float:left;
 padding-top: 54px;
 margin-top:0px;
 background: url('/images/logo.png') no-repeat 0% 41% transparent;
}

#container #headerlogo #logotekst {
 font-size: 17pt;
 margin-left: 53px;
 font-family: Calibri,Arial,Helvetica,sans-serif;
}

#container #headerlogo #tekstrijschool {
 color: #000;
}

#container #headerlogo #tekstpakket {
 color: #888888;
}

#header-home {
    width: 960px;
    height: 419px;
}

#header-overig {
    width: 950px;
    height: 206px;
    font-size: 25px;
    font-family: "Times New Roman", sans-serif;
    text-shadow: 1px 1.732px 2px rgb( 0, 0, 0 );
    padding-top: 45px;
    padding-left: 10px;
    font-weight: bold;
}

#header-overig img {
    padding-right: 5px;
}

#headertitel {
    font-size: 85px;
    font-family: "Myriad Pro", sans-serif;
    line-height: 0.882;
    text-shadow: 1px 1.732px 2px rgb( 0, 0, 0 );
    width: 920px;
    padding-top: 180px;
    padding-left: 40px;
}

#headerlinks {
    font: 15pt Arial;
    height: 34px;
    width: 460px;
    padding-top: 10px;
    margin-top: 10px;
    margin-left: 45px;
}

#home {
    width: 29%;
    float: left;
    padding: 0 20px;
}

#home h2 {border-bottom: 5px solid #000;}
#home h2:before { content: "→";}

#home a {
    font: 12pt Arial;
    font-weight: bold;
    text-decoration: none;
}

#home ul{
    list-style: none;
    padding: 0;
}

#home li {
    padding-left: 40px;
    padding-bottom: 10px;
}

#homepakketten {
    padding-top: 10px;
}

#homepakketten a {
 color:#FFF;
 text-decoration:none;
}

#homepakketten a:hover {
 color:#000;
}

#pakket1, #pakket2, #pakket3, #pakket4 {
    float: left;
    margin-right: 25px;
    padding-top: 115px;
    padding-bottom: 3px;
    text-align: right;
    width: 210px;
    padding-right: 5px;
}

#footer-block {
    height: 105px;
}

#footer {
    height: 105px;
    clear: both;
    width: 100%;
/*  position: absolute; */
    bottom: 0px;
}

#footer a {
    color: #D40017;
}

#footer a:hover {
    color: #000;
}

#innerfooter {
    width: 960px;
    margin: 0 auto;
    padding-top: 30px;
}

#footerlinks {
    float: left;
}

#social {
    float: right;
}

/********************************************************************************************************/
/*    Tarieven Tabel                                                                                       */
/********************************************************************************************************/

.pakket {
    width: 265px;
}  

#linkertarieven {
    float: left;
    width: 450px;
}

#rechtertarieven {
    float: left;
    width: 480px;
    margin-left: 30px;
}

/********************************************************************************************************/
/*    Tarieven                                                                                       */
/********************************************************************************************************/

#tarievenwrap {
width: 782px;
margin: auto;
}

#tarievenwrap h3 {
 text-align: center;
}

#tarievenwrap .pakketwrap {
 width: 350px;
 border: 1px solid #888888;
 float: left;
 position: relative;
 padding: 10px;
 margin: 12px 6px;
 box-shadow: 5px 5px 2px #888888;
}

#tarievenwrap .tariefkosten {
 text-align: right;
 font-size: 16pt;
}

#tarievenwrap .tarievenlinks {
  background: none repeat scroll 0 0 #d40017;
  bottom: 12px;
  font-size: 14pt;
  height: 25px;
  margin: 0 0 0 auto;
  padding: 8px;
  right: 12px;
  text-align: center;
  vertical-align: top;
  width: 120px;
}


/********************************************************************************************************/
/*    Navigation                                                                                            */
/********************************************************************************************************/

#menu {
    margin:0;
    padding: 53px 0;
    list-style: none;
    height: 20px;
    margin-left: 245px;
}

#menu .submenu {
    display: inline;
}
#menu > li {
display: inline-block;
}

#menu li a {
    text-decoration: none;
    display: block;
    font-weight: bold;
    margin-right: 20px;
}

#menu li:last-child  a {
 padding: 7px;
 background: #D40017;
 margin-right: 0px;
 text-align: center;
}


/********************************************************************************************************/
/*	Forms   																							*/
/********************************************************************************************************/

form div.form-field {
    padding: 2px 0;
}

form div.form-field > label {
    display: inline-block;
    width: 200px;
    vertical-align: top;
}

form div.form-field > div.form-element {
    display: inline-block;
    padding-left: 200px;
}

form div.form-field > label + div.form-element {
    margin-left: -4px;
    padding-left: 0;
} 

form input.input-type-text,
form input[type=password], 
form select,
form textarea,
form button,
form input[type=submit] {
    width: 273px;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 8px;
    margin-right: 4px;
}

form select {
    padding-right: 0;
    width: 281px;
}

form button,
form input[type=submit] {
    width: auto;
    cursor: pointer;
}

form input.input-type-text.lang-veld,
form input[type=password].lang-veld, 
form select.lang-veld {
    width: 156px;
}

form input.input-type-text.kort-veld,
form input[type=password].kort-veld, 
form select.kort-veld {
    width: 95px;
}

form fieldset {
    margin: 10px 0;
    padding: 0;
    border: 0 none;
}

form fieldset > legend {
    width:100%;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

form .required-star {
    color: red;
}

/* Checkbox */
form div.form-field.has-checkbox div.form-element {
    float: left;
    width: 25px;
}

form div.form-field.has-checkbox > label {
    width: 383px;
}

/* Radiobutton */
form div.form-field.has-radio div.form-element > label {
    margin: 0 4px;
}

/* Errors */
form div.form-errors {
    border: 1px solid #F11;
    background: #F22;
    color: #FFF;
    font-weight: bold;
    padding: 10px;
    margin: 10px;
}

form div.form-field.has-errors > label {
    color: #F11;
    font-weight: bold;
}

form ul.errors {
    color: #F11;
    list-style: none;
    margin: 0;
    padding: 0 0 0 205px;
}

form ul.errors li {
    margin: 0;
    padding: 0;
}

#postcodeZoekenPopupHolder{
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 100;
}

#postcodeZoekenPopup {
    background-color: #FFF; 
    border: 1px solid #000; 
    padding: 10px; 
    width: 500px; 
    margin: 50px auto 0px;
    min-height: 190px;
    z-index: 100;
    position: relative;
}


#Opmerkingen {
    height: 60px;
}