/* CSS Document */

@font-face {
    font-family: 'helveticaltstd-lightcond';
    src: url('/fonts/helveticaltstd-lightcond-webfont.eot');
    src: url('/fonts/helveticaltstd-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helveticaltstd-lightcond-webfont.woff') format('woff'),
         url('/fonts/helveticaltstd-lightcond-webfont.ttf') format('truetype'),
         url('/fonts/helveticaltstd-lightcond-webfont.svg#helveticaltstd-lightcond-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
Index css:
*/

body {
	margin:					0;
	padding:				0;
	font-family:            Arial,Helvetica,sans-serif;
	font-size: 				12px;
	text-align:				left;
	color:					#555555;
	background:             #fff;
    height:                 100%;
    line-height:            20px;
}
  
html {
    overflow-y: 			scroll;
    height:                 100%;
}
div#body{
    min-height:            100%;
}
.container {
	height: 				100%;
	width:					960px; 
	margin: 				0 auto; 
	text-align:				left;
}
#topbar{
    height:            		82px;
    margin:             	0 0 25px 0;
}
#topbar .logo{
    float:              	left;
    margin:             	28px 83px 0 0;
}
#topbar ul li{
    list-style:         	none;
    border-right:       	1px solid #DBDBDB;
    display:            	block;
    float:              	left;
    margin:             	0;
    padding:            	0;
    position:           	relative;

}
#topbar ul li.last{
    border:             	none;
}
#topbar .topmenu{
    height:             	20px;
}
.topmenu {
    display:           		block;
    float:              	right;
    list-style:         	none outside none;
    margin:            	 	12px 0 -23px 75px;
    padding:            	0;
    position:           	relative;
}
.topmenu ul li a {
    color:              	#9a9a9a;
    display:            	block;
    font-size:          	12px;
    font-weight:        	normal;
    line-height:        	21px;
    padding:            	0 10px;
    text-decoration:    	none;
}
#topbar .search {
    background:         	url("/images/input-zoek.png") no-repeat;
    float:              	right;
    height:             	27px;
    margin:             	48px 8px 0 0;
    padding:            	0;
    width:              	312px;
}
#topbar .search .searchfield {
    background-color:   	#FFFFFF;
    border:             	0 none;
    color:              	#82A2D6;
    display:            	block;
    font-family:        	Arial,Helvetica,sans-serif;
    font-size:          	16px;
    margin:             	4px 0 0 5px;
    padding:            	0;
    width:              	225px;
}
#topbar .search .search-autocomplete {
    background:        		url("/images/zoek-button.png") no-repeat;
    border:             	0 none;
    cursor:             	pointer;
    height:             	26px;
    position:           	absolute;
    right:              	0;
    top:                	0;
    width:              	70px;
    font-size:          	14px;
    color:              	#0d3056;
    font-family:        	'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
}
#menu{
    background:         url('/images/menu-bg.png') repeat-x;
    color:              #ffffff;
    height:             39px;
}
#menu ul li{
    display:            block;
    list-style:         none;
    float:              left;
    background:         url("/images/menu-border.png") no-repeat scroll 0 0 transparent;
}
#menu ul{
    display:            block;
    height:             39px;
    list-style:         none outside none;
    padding:            0;
    position:           relative;
    float:              left;
    background:         url("/images/menu-border.png") no-repeat scroll right top transparent;
}
#menu ul a{
    color:              #FFFFFF;
    display:            block;
    font-family:        'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
    font-size:          18px;
    line-height:        39px;
    padding:            0 15px;
    text-decoration:    none;
}
#menu ul.right{
    float:              right;
}
#header{
    background:         url('/images/header-bg.png') repeat-x bottom;
    min-height:         15px;
    margin:             0 0 25px 0;
}
#header .vision{
    margin:             0 0 0 310px;
    padding:            20px 0;
    display:            block;
}
#header .vision ul li{
    list-style:         none;
    height:             121px;
    margin:             0 0 0 185px;
}
#header .vision img{
    margin:             0 10px 0 0;
}
#header .order{
/*    background:         url("/images/header-item-bg.png") no-repeat scroll 0 bottom transparent;*/
    background:         url("/images/book-bg.png") no-repeat scroll 0 bottom transparent;
    height:             100%;
    padding:            0 0 0 30px;
    position:           absolute;
    right:              -17px;
    top:                0;
    width:              299px;
    font-size:          24px;
    color:              #5f5f5f;
    font-family:        'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
}
#header .order span{
    margin:             35px 0 0 95px;
    display:            block;
    line-height:        25px;
}
#header .bg{
    position:           absolute;
    top:                13px;
    left:               0;
}
#header .order span a{
    line-height:        20px;
}
#header .order a{
    background:         url("/images/button.png") no-repeat scroll 0 0 transparent;
    color:              #ffffff;
    display:            block;
    font-size:          16px;
    height:             31px;
    padding:            6px 0 0 30px;
    text-decoration:    none;
    width:              93px;
    margin:             10px 0 0 0;
}
#header .order img{
    position:           absolute;
    top:                107px;
    left:               137px;
}
#content{
    padding:             0 0 134px 0;
    display:            block;
}
#content .block{
    background:         url('/images/blue-block.png') no-repeat;
    width:              228px;
    height:             465px;
    float:              left;
    margin:             0 13px 40px 0;
/*    margin:             0 13px 40px 69px;*/
    position:           relative;
    list-style:         none;
	border: 			1px solid #d7d7d7;
	border-radius: 10px;
}
#content .block h2{
    font-family:        'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
    color:              #ffffff;
    font-size:          18px;
    margin:             8px 0 0 16px;
}
#content .block img{
    margin:             0 0 10px 0;
}
#content .block .block-content{
    width:              196px;
    color:              #6b6d66;
    font-size:          12px;
    margin:             20px auto 0;
    height:             390px;
    overflow:           hidden;
}
#content .block .block-content label.error{
    display:            block;
    padding:            0;
    width:              196px;
    font-size:          11px;
    margin:             0;
    display:            none;
}
#content .block .block-content input.error, #content .block .block-content textarea.error{
    border:             1px solid #8F1448;
}
#content .block .block-content h2{
    color:              #904565;
    font-size:          13px;
    font-style:         italic;
    font-weight:        bold;
    margin:             0 0 10px 0;
    font-weight:        bold;
    font-family:		Arial,Helvetica,sans-serif;
}
#content .block .block-content select{
    width:              196px;
    color:              #6B6D66;
}
#content .block .more{
    position:           absolute;
    background:         url('/images/arrow.png') no-repeat;
    height:             24px;
    bottom:             8px;
    left:               18px;
}
#content .block .more a{
    text-decoration:    none;
    font-size:          11px;
    color:              #8f1347;
    display:            block;
    padding:            5px 0 4px 26px;
}
#content .pink{
    background:         url('/images/pink-block.png') no-repeat;
}
#content .last{
    margin:             0;
}
#footer{
    background:         url('/images/footer-bg.png') repeat-x;
    height:             100px;
    padding:            20px 0 0 0;
    margin:             -100px 0 0 0;
}
#footer h2{
    font-family:        'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
    color:              #0D3056;
    font-size:          18px;
    margin:             0 0 20px 0;
}
#footer ul{
    border-right:       1px solid #A6B9CF;
    float:              left;
    position:           absolute;
    top:                10px;
}
#footer ul li{
    display:            block;
    float:              left;
    width:              120px;
    padding:            0 26px;
    border-left:        1px solid #A6B9CF;
    font-size:          11px;
    color:              #0d3056;
}
#footer ul li.large{
	width:				160px;
}
#footer ul li h2{
    color:              #0d3056;
    font-family:        Arial,Helvetica,sans-serif;
    font-size:          11px;
    font-weight:        bold;
    margin:             0;
}
#footer ul li a{
    color:              #0D3056;
    text-decoration:    none;
}
#footer ul li a:hover{
    text-decoration:    underline;
}
#footer ul li .text{
    height:             48px;
    overflow:           hidden;
}
#footer ul li strong{
    color:              #8F1347;
    font-weight:        bold;
}
#footer .specialist{
    color:              #901649;
    font-family:        'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
    font-size:          18px;
    position:           absolute;
    top:                23px;
    right:              25px;
    width:              185px;
    text-align:         center;
}
#footer .specialist a{
    color:              #901649;
    font-family:        'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
    font-size:          18px;
    text-decoration:    none;
}
div.left{
    float:              left;
    width:              229px;
}
.left .back{
    border-right:       1px solid #C1C1C1;
    padding:            0 20px 0 0;
    display:            block;
}
div.center{
    width:              518px;
    float:              left;
    padding:            0 20px;
    margin:             0 0 20px;
}
div.submenublock{
    width:              229px;
    height:             10px;
    background-color:   #0d3056; 
}
ul.submenu{
    background:         url('/images/submenu-bg.png') no-repeat #8492A1;
    width:              229px;
    min-height:         356px;
    list-style-image:   url('/images/submenu-index.png');
    list-style-position:inside;
    margin:             1px 0 20px 0;
    float:              left;
}
ul.submenu li{
    float:              left;
    width:              209px;
    border-bottom:      1px solid #ffffff;
    padding:            10px;
}
ul.submenu li a{
    color:              #0D3056;
    display:            block;
    float:              right;
    margin:             0;
    padding:            0;
    text-align:         left;
    text-decoration:    none;
    width:              195px;
}
.questions{
    background-color:   #e2ebf6;
    border:             1px solid #cfddeb;
    width:              150px;
    float:              left;
    padding:            10px;
}
.questions h2{
    color:              #1a171b;
    font-family:        'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
    font-size:          18px;
}
.questions ul li{
    list-style:         none;
    display:            block;
    margin:             10px 0 0 0;
}
.questions ul li a{
    color:              #1a171b;
    text-decoration:    none;
    font-size:          11px;
}
.anwser{
    margin:             0 0 20px 0;
}
.testimonial{
    margin:             0 0 20px 0;
	background-color:	#f2f2f2;
	border:				1px solid #d5d5d5;
	padding:			10px;
}
.testimonial img{
	margin:				10px 10px 10px 0;
	float:				left;
}
.testimonial h2{
    color:              #0D3056;
    font-family:        Arial,Helvetica,sans-serif;
    font-size:          14px;
    font-weight:        bold;
    margin:             0;
}
.testimonial a{
    color:              #901649;
    font-weight:        bold;
}
.grey{
    width:              100%;
    height:             100%;
    position:           absolute;
    top:                0;
    left:               0;
    background-color:   #6b6d66;
    opacity:            0.6;
    filter:             alpha(opacity=60);
    display:            none;
}
.popup{
    position:           absolute;
    left:               781px;
    top:                369px;
    width:              443px;
    height:             134px;
    padding:            0 0 0 1px;
    background:         url('/images/popup-bg.png') repeat-x;
    font-family:        'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
    display:            none;
}
.popup .popupheader{
    background:         url('/images/popup-header.png') repeat-x;
    color:              #ffffff;
    height:             32px;
    padding:            3px 0 0 10px;
    font-size:          20px;
}
.popup .check{
    float:              left;
    text-align:         right;
    font-size:          20px;
    color:              #0d3056;
    width:              109px;
    height:             72px;
    padding:            25px 17px 0 21px;
    cursor:             pointer;
    
}
.popup .first{
    background-color:   #ffffff;
    margin:             0 1px 0 0;
}
.popup .second{
    background:         url('/images/popup-second.png') repeat-x;
    margin:             0 1px 0 0;
}

.popup .third{
    background:         url('/images/popup-third.png') repeat-x;
}

ul.specialist{
	margin:				0;
	padding:            0;
    list-style:         none;
}

ul.specialist li{
    display:            block;
    float:              left;
    margin:             0 17px 15px 0;
    width:              450px;
}

ul.specialist li h2{
    color:              #9A1D51;
    font-family:        'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
}

ul.specialist li img{
	float:				left;
	margin:				3px 15px 15px 0;
}

.questions form{
    width:              160px;
}
.questions form .field label{
    display:            block !important;
}
.questions form .field input, .questions form .field textarea, .questions form .field select{
    width:              140px !important;
}
.questions form .buttons{
    padding:            0 0 0 72px !important;
}
.questions form.contact .field label.error{
    padding:            0 0 0 0px !important;
}
.cumlaude{
    position:           absolute;
    top:                50px;
    left:               70px;
}
.question input{
    width:              190px !important;
    color:              #6b6d66;
}
.question textarea{
    width:              190px !important;
    height:             56px !important;
    color:              #6b6d66;
}
.question select{
    color:              #6b6d66;
}

span.item_title{
	display:			block;
	cursor:				pointer;	
}

.item_content{ display: none; }
/*
Template css:
*/




/*
Float images:
*/

.leftfloatimg {
	position:				relative;
	display:				block;
	float:					left;
	margin:					0 10px 10px 0;
}

.rightfloatimg {
	position:				relative;
	display:				block;
	float:					right;
	margin:					0 0 10px 10px;
}

/*
Menu / List items:
*/

ul#mainnav {
	display:				block;
	margin:					0;
	padding:				0;
	list-style:				none;
}

ul#mainnav li {
	display:				block;
	margin:					0;
	padding:				0;
	list-style:				none;
}

/*
Titels:
*/

h1 {
	font-size:				20px;
	font-weight:                            normal;
	margin:					0 0 5px;
	color:					#9a1d51;
        font-family:                            'helveticaltstd-lightcond',Arial,Helvetica,sans-serif;
}

h2 {
	font-size:				16px;
	font-weight:                            normal;
	margin:					0 0 5px;
	color:					#666;
}

h3 {
	font-size:				15px;
	font-weight:                            normal;
	margin:					0 0 5px;
	color:					#666;
}

h4 {
	font-size:				14px;
	font-weight:                            normal;
	margin:					0 0 5px;
	color:					#666;
}

h1 a, h2 a, h3 a, h4 a {
	color:					#666;
}



/*
Clear floats:
*/

.clear {
	display:				block;
	height:					0;
	clear:					both; 
} 

.hasPlaceholder {
	color: 					#777;
}

/*
Tags:
*/
ul{
    padding:                                    0;
    margin:                                     0;
}
div {
	position:				relative;
	display:				block;
}

img {
	border:					0;
}

a img {
	border:					0;
}

hr {
	height: 				0;
	border:					0;
	border-top:				1px solid #d3d4c2;
}
a{
    color:                                      #901649;
    text-decoration:                            none;
}

.book{
	width: 150px;
	float: left;
	padding: 10px;
}