/* Main css for b4u coaching */

* { padding: 0; margin: 0; }

#body{
	background-color:#22337A;
}

#wrapper { 
	margin: 0 auto;
	margin-bottom:10px;
	height:100%;
	width: 952px;
}

#menu {
	min-height:930px;
	height: auto !important;
	height:930px;
	width:291px;
	background-image: url(images/simpellogo_r1_c2_1.gif);
	float:left;
}

#menubuttons{
	position:relative;
	width:163px;
	height:331px;
	list-style:none;
	left:127px;
	top:155px;
}

#main_container{
	height:100%;
	width:661px;
	float:right;
	overflow:hidden;
}

#header{
	height:179px;
	width:100%;
	font:bold 13px arial;
	background-image: url(images/simpellogo_r1_c3.gif)
}

#header #crumb{
	position:relative;
	color:#FFFFFF;
	top:145px;
	margin-left:20px;
}

#header #crumb a:visited{ color:#FFFFFF; }
#header #crumb a:hover{ color:#CCCCCC; }


#titlebar{
	height:60px;
	width:100%;
	font: 21px arial;
	color:#661315;
	background-image: url(images/simpellogo_r2_c3.gif);
}

#titlebar p{
	position:relative;
	top:18px;
	margin-left:15px;
}

#textbody {
	min-height: 690px;
	height: auto !important;
	height: 690px;
	width:100%;
	background-image: url(images/simpellogo_r6_c3.gif);
	background-repeat: repeat-y;
	padding: 1px 0px 5px 0px;
}

#footer{
	height:21px;
	width:100%;
	background-image: url(images/simpellogo_r8_c3.gif);
	background-repeat: repeat-x;
}

.clearcontainer{
	height:1%;
	width:100%;
	clear:both;
}

#body{
	font: 11px arial;
}

.menu_item{
	height:28px;
	width:100%;
	margin-bottom:22px;
}

.menulink{
	display:block;
	width:164px; 
	height:28px;
}

#textbody .list{ margin-left:50px; padding-right: 5px;}

#textbody p{ margin: 10px 8px 5px 15px; }

/* Menu Button states */
#menu_home a{ background-image: url(images/menubuttons/home1.gif); }
#menu_home a:hover{ background-image: url(images/menubuttons/home2.gif); }
#menu_home_active a{ background-image: url(images/menubuttons/home3.gif); }

#menu_werkwijze a{ background-image: url(images/menubuttons/werkwijze1.gif); }
#menu_werkwijze a:hover{ background-image: url(images/menubuttons/werkwijze2.gif); }
#menu_werkwijze_active a{ background-image: url(images/menubuttons/werkwijze3.gif); }

#menu_diensten a{ background-image: url(images/menubuttons/diensten1.gif); }
#menu_diensten a:hover{ background-image: url(images/menubuttons/diensten2.gif); }
#menu_diensten_active a{ background-image: url(images/menubuttons/diensten3.gif); }

#menu_wiezijnwij a{ background-image: url(images/menubuttons/wiezijnwij1.gif); }
#menu_wiezijnwij a:hover{ background-image: url(images/menubuttons/wiezijnwij2.gif); }
#menu_wiezijnwij_active a{ background-image: url(images/menubuttons/wiezijnwij3.gif); }

#menu_klantervaringen a{ background-image: url(images/menubuttons/klantervaringen1.gif); }
#menu_klantervaringen a:hover{ background-image: url(images/menubuttons/klantervaringen2.gif); }
#menu_klantervaringen_active a{ background-image: url(images/menubuttons/klantervaringen3.gif); }

#menu_contact a{ background-image: url(images/menubuttons/contact1.gif); }
#menu_contact a:hover{ background-image: url(images/menubuttons/contact2.gif); }
#menu_contact_active a{ background-image: url(images/menubuttons/contact3.gif); }

#menu_links a{ background-image: url(images/menubuttons/links1.gif); }
#menu_links a:hover{ background-image: url(images/menubuttons/links2.gif); }
#menu_links_active a{ background-image: url(images/menubuttons/links3.gif); }


/* home page css */


#leftcol{
	width:340px;
	height:100%;
	float:left;
	overflow:hidden;
}

#rightcol{
	position:relative;
	width:311px;
	height:100%;
	float:right;
	right:6px;
}

#eyecatcher{
	width:346px;
	height:45px;
	margin:15px 0 15px 0;
	padding-top:4px;
	color:#990000;
	background-image: url(images/simpellogo_r4_c3.gif);
}

#eyecatcher p{
	margin: 2px;
	text-align:center;
}

#eyecatcher .bigtext{
	font-size:17px;
	font-weight:bold;
}

#eyecatcher .smalltext{
	font-size:11px;
}

/* end homepage css */

/* common items */

.bluetext{ color: #1F3379; }

.underline{
	text-decoration: underline;
	font-weight:bold;
}

.img{ margin-top:5px;}

.heading {
	font-size: 16pt; 
	color:#661315;  
}

.smallheading{
	font-size: 13px;
	font-weight: bold;
	color:#213379;  
}

.smallheading_odd{
	font-size: 13px;
	font-weight: bold;
	color:#6E2022;  
}

.bold{ font-weight:bold; }

.small{ font-size:10px; }

#pdfLink{
	color:#1F3379;
	font-size: 13px;
	font-weight: bold;;
	position:absolute;
	left:450px;
	top:5px;
	padding-right: 18px;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

form { margin-left:15px; }



form .formheading { 
	color: #1F3379; 
	font-weight: bold;
	margin-bottom:15px;
	margin-top: 20px;
}


form label {
	float: left;
	display: block;
	width: 120px;
}


form .input{margin: 5px 0px 5px 15px;}

form .input input {width: 200px;}

form .submit{ 
	position: relative; 
	left: 280px
}

form .submit input{ width: 78px;}

form .error-message { color: red; }

#reviews { 
	list-style: none;
	margin-left: 10px;
}

#numbers { text-align:center; }