/* -----------------------------
Table of contents

A.	Layout
	0. Frame
	1. Header
	2. Content
	3. Content main
	4. Sidebar
	5. Nav-main
	6. Footer
B.	Herbruikbare patterns
C.	Extra pages
D.  Specifiek voor talen
----------------------------------*/

/* A. LAYOUT */
/* 0. Frame */
body {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.625em;
	margin:0px;
}

h1{
background-repeat:no-repeat;
text-indent: -210em;
padding:0px;
margin: 5px 0px 15px 0px;
}

#error h1{
background-image: url(../images/Ti_sorry.png);
_background: none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/images/Ti_sorry.png');
height:43px;  
width:395px;
margin-left:25px;  
}

h2{
color:#FF260B;
font-size:1.5em;
font-weight: normal;
margin: 0px 0px 15px 0px;
}
h3{
color:#666666;
font-size:1.3em;
margin: 0px 0px 5px 0px;
padding:0px;
font-weight:bold;
}
p{
color:#666666;
font-size:1.3em;
margin:0px 0px 25px 0px;
}
a{
color:#666666;}
a.red{color:#FF260B;}

/* A. LAYOUT */
/* 0. Frame */
#frame{
	margin-left:auto;
	margin-right:auto;
	width: 947px;
	position:relative;
}

/* A. LAYOUT */
/*1. Header*/
#header{
height:76px;
background-image:url(../images/Pi_bg_lineNav.gif);
background-repeat:repeat-x;
position:relative;
width: 940px;
}

#header #taalswitch {
float:left;
right:5px;
position:absolute;
top:5px;
}

#header ul#main_nav {
padding: 0px;
margin:46px 0px 0px 0px;
float:right;
display:inline;
list-style:none;
}
#header ul#main_nav li{
float:left;
}
#header ul#main_nav li a{
border: 1px solid white;
border-bottom: 1px solid #E9E9E9;
color:#666666;
display:block;
height:18px;
float:left;
font-size:1.4em;
margin-right:5px;
padding: 5px 10px;
text-decoration:none;
display:inline;
}
#header ul#main_nav li a.active, #header ul#main_nav li a:hover{
color:#FF290B;
border: 1px solid #E9E9E9;
border-bottom: 1px solid white;
}
#logo{
background-image:url(../images/Lo_fleximus.gif);
background-repeat:no-repeat;
height:42px;
left:0px;
position:absolute;
text-indent: -210em;
top:17px;
width:183px;}

/* 2. Content */
#content{
margin-top:30px;
float:left;
width: inherit;
}
.left{
float:left;
width:627px;
}
.right{
float:right;
width:307px;
}

/* 3. Footer */
p#footer{
border-top: 1px solid #E9E9E9;
clear:both;
font-size:1em;
margin-top:25px;
padding: 5px 0px 35px 3px;
float:left;
width:947px;
}



/* B.	Herbruikbare patterns*/
a.cta	{
color:#FF280B;
font-size:1.4em;
text-decoration:none;
}
a.inherit	{
font-size: inherit;
}
a.cta:hover	{color:#666666;}
form input[type=text]{
color:#666666;
font-size:1.2em;
height: 18px;
padding: 3px;
}
form input[type=checkbox]{
margin-right:10px;
float:left;
}
p.intro{
font-size:1.5em;
padding:0px 60px 0px 27px;
line-height:140%;
margin-bottom:50px;}

.buttonMain{
background-repeat:no-repeat;
height: 73px;
padding:13px 18px;
width: 271px;
margin-top:15px;
float:left;
}
.buttonGrey{
background-image:url(../images/Pi_buHome_grey.jpg);
margin-right: 11px;
}
.buttonRed{
background-image:url(../images/Pi_buHome_red.jpg);
margin-right: 0px;
}
.buttonMain h2, .buttonRed h2{
font-size:1.4em;
margin: 0px 0px 0px 0px;
}
.buttonGrey h2{
color:#666;
}
.buttonRed h2{
color:#FFF;
font-weight: bold;
}
.buttonMain a.cta{
color:#666666;
display:block;
font-weight:bold;
padding: 10px 0px 10px 0px;
}
.buttonMain a.cta:hover{
color:#FF280B;
}
.buttonMain form{
margin:7px 0px 0px 0px;
}
.buttonMain form input[type=submit]{
background:none;
background-image:url(../images/Bu_homeSubmit.jpg);
width: 30px;
height: 29px;
text-indent: -210em;
border: none;
cursor:pointer;
}
.buttonMain form input[type=text]{
height: 19px;
width: 200px;
margin: 0px;
}
.buttonMain ul{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.buttonMain li{
color:#FFFFFF;
font-size:1.3em;
margin: 0px 0px 0px 16px;
padding: 0px 0px 0px 0px;
}
.buttonMain li a{
color:#FFFFFF;
}
.clearBoth{
clear:both}


/* C.	Extra pages*/
/*1. taalkeuze*/
#taalkeuze #logo{
left: 13px;}
#taalkeuze #frame{
width:640px;
_width:653px;
padding-top: 75px;
margin-top: 100px;
}
#taalkeuze .frame{
background-repeat: repeat-y;  
position:relative;
float:left;
margin:10px 13px 10px 0px;
padding-bottom:30px;
background-image:url(../images/Pi_afspraakSmallBlock_bg.gif);
width: 307px;
display:inline;
}
#taalkeuze .frame .content{
background-repeat: no-repeat;
background-image:url(../images/Pi_afspraakSmallBlock_top.gif);
padding: 22px 25px 0px 22px;
width: 263px;
}
#taalkeuze .frame .content h1{
color:#666666;
font-size:2em;
font-weight: normal;
margin: 0px 0px 10px 0px;
text-indent:0em
}
#taalkeuze .frame .bottom{
background-repeat: no-repeat;
height:30px;
left: 0px;
bottom:0px;
position:absolute;
background-image:url(../images/Pi_afspraakSmallBlock_bottom.gif);
width:307px;
}
#taalkeuze .frame .content p{
margin-bottom:5px;
}
#taalkeuze  p#footer{
border-top: 1px solid #E9E9E9;
clear:both;
font-size:1.1 em;
margin-top:25px;
padding: 5px 0px 35px 3px;
float:left;
width:637px;
}
/*1. home*/
#home #content{
background-image: url(../images/Pi_home.jpg);
background-repeat:no-repeat;
padding-top: 457px;
position:relative;
width:947px;
}
#home #content .intro{
left:480px;
position:absolute;
top:70px;
width:440px;
}
#home #content .intro p{
font-size:1.5em;
line-height:140%
}

/*2. wat*/
#wat .buttonMain{
margin-top:65px;}

#wat .frame{
background-repeat: repeat-y;  
position:relative;
float:left;
margin: 0px 13px 0px 0px;
padding-bottom:25px;
background-image:url(../images/Pi_afspraakSmallBlock_bg.gif);
width: 307px;
height: 445px;
display:inline;
}

#wat .frame .content{
background-repeat: no-repeat;
padding: 197px 25px 0px 22px;
width: 260px;
}

#wat .frame .img1{
background-image:url(../images/Pi_wat_1.jpg);
}
#wat .frame .img2{
background-image:url(../images/Pi_wat_2.jpg);
}
#wat .frame .img3{
background-image:url(../images/Pi_wat_3.jpg);
}
#wat .last{
margin:0px;}

#wat .frame .bottom{
background-repeat: no-repeat;
height:5px;
left: 0px;
bottom:0px;
position:absolute;
background-image:url(../images/Pi_watLargeBlock_bottom.gif);
width:307px;
}

/*3. cases */
#cases .buttonMain{
margin-top:65px;}

#cases .frame{
float:left;
margin: 0px 13px 0px 0px;
width: 227px;
display:inline;
}
#cases .frame img{
float:left;
margin: 0px 0px 15px 0px;
width: 227px;
}
#cases .last{
margin: 0px;
}
#cases .frame ul{
margin: 0px 0px 25px 0px;
padding: 0px 0px 0px 0px;
}
#cases .frame li{
font-size:1.3em;
margin: 0px 0px 5px 16px;
padding: 0px 0px 0px 0px;
width: 190px;
}
#cases .frame ul.fixedHeight{
height:110px;
}


/*4. contact*/
#contact p.intro{
margin-bottom:55px;
}
#contact .right img{
margin: 10px 0px 32px 0px;
}
#contact .frame{
background-repeat: repeat-y;  
position:relative;
float:left;
margin-bottom:10px;
padding-bottom:30px;
}
#contact .frameLarge{
background-image:url(../images/Pi_afspraakLargeBlock_bg.gif);
width: 627px;
}
#contact .frameSmall{
background-image:url(../images/Pi_afspraakSmallBlock_bg.gif);
width: 307px;
}
#contact .frame .content{
background-repeat: no-repeat;
}
#contact .frameLarge .content{
background-image:url(../images/Pi_afspraakLargeBlock_top.gif);
padding: 27px 30px 0px 27px;
width: 570px;
}
#contact .frameSmall .content{
background-image:url(../images/Pi_afspraakSmallBlock_top.gif);
padding: 22px 25px 0px 22px;
width: 260px;
}
#contact .frame .bottom{
background-repeat: no-repeat;
height:30px;
left: 0px;
bottom:0px;
position:absolute;
}
#contact .frameLarge .bottom{
background-image:url(../images/Pi_afspraakLargeBlock_bottom.gif);
width:627px;
}
#contact .frameSmall .bottom{
background-image:url(../images/Pi_afspraakSmallBlock_bottom.gif);
width:307px;
}
#contact .frameSmall .content p{
margin-bottom:5px;
}
#contact .frameSmall .content h2.noMargin{
margin-bottom:5px;
color:#666666
}

#contact form ul{
list-style:none;
margin:0px;
padding:0px;
}
#contact form ul li{
margin:0px 0px 5px 0px;
padding:0px;
position:relative;
float:left;
clear:both;
width: 570px;
}
#contact form ul li.xtraSpace{
margin:0px 0px 25px 0px;
}
#contact form ul li.narrow{
width: 430px;
}

#contact form label{
display:block;
font-size:13px;
margin-bottom:3px;
clear:both;
}
#contact form input[type=text]{
height: 18px;
padding: 3px 23px 3px 3px;
}
#contact form .inputLarge {
width:400px;
}
#contact form .inputMedium{
width:240px;
}
#contact form .inputSMedium{
width:205px;
}
#contact form .inputSmall{
width:120px;
}
#contact form .inputXSmall{
width:85px;
}
#contact form .inputXXSmall{
width:30px;
}
#contact form .rightMargin{
margin-right: 10px;
}
#contact form .error {
color:#FF290B;
font-size:1.1em;
float: left;
padding:0px 0px 0px 10px;
width:120px;
}
#contact form .pos{
float:left;
position:relative;
clear:none;
display:inline;
}
#contact form .pos .ico {
background-repeat:no-repeat;
height:16px;
position:absolute;
width:15px;
right: 5px;
top:6px;
}
#contact form input[type=text].errorfield{
background-color:#FFCBC4;
}
#contact form .pos .icoError {
background-image:url(../images/Pi_ico_error.gif);
}
#contact form .pos .icoValid {
background-image:url(../images/Pi_ico_valid.gif);
}


#contact .popup{
padding: 25px;
position:relative;
width:565px;
background-color: White;
}
#contact .popup h2{
font-size:2em;
}
#contact .popup p.intro{ 
padding-left:0px;
margin-bottom: 25px; 
}
#contact .popup a.close{
background-image:url(../images/BU_close.jpg);
background-repeat:repeat;
height: 34px;
position:absolute;
right:25px;
top: 25px;
text-indent: -210em;
width:34px;
}



/***************/
span.Optin label
{
	clear: none !important;
}

div.ValSum
{
	padding: 10px;
	/*border: 1px solid red;*/
	margin-bottom: 20px;
	font-size: 1.5em;
	background-color: #FFCBC4;
	width: 408px;
}

a.NoLine
{
	text-decoration: none;
}

/**************/

/*5. aanpak*/


#aanpak .frame{
background-repeat: repeat-y;  
position:relative;
float:left;
margin-bottom:10px;
padding-bottom:30px;
}
#aanpak .frameSmall{
background-image:url(../images/Pi_afspraakSmallBlock_bg.gif);
width: 307px;
margin-right:13px;
}
#aanpak .last{
margin-right:0px;
}

#aanpak .frame .content{
background-repeat: no-repeat;
}
#aanpak .frameSmall .content{
background-image:url(../images/Pi_afspraakSmallBlock_top.gif);
padding: 22px 25px 0px 22px;
position: relative;
width: 260px;
}
#aanpak .frame .bottom{
background-repeat: no-repeat;
height:30px;
left: 0px;
bottom:0px;
position:absolute;
}
#aanpak .frameSmall .bottom{
background-image:url(../images/Pi_afspraakSmallBlock_bottom.gif);
width:307px;
}
#aanpak .frameSmall .content h2{
width:180px;
margin: 3px 0px 28px 0px;
}
#aanpak .frameSmall .content img{
position:absolute;
right:20px;
top:10px;
}

#aanpak .frameSmall .content p{
margin-bottom:5px;
}

#aanpak .buttonMain{
margin-top:65px;
margin-bottom: 30px;
}