/********************************
*	GENERAL
********************************/
html{overflow-y:scroll; overflow-x:hidden}
li{margin:0 0 0 20px;}
/********************************
*	LAYOUT
********************************/
body{text-align:center; margin:10px 0 0 0; background-image:url(../images/background.png);color:#333333; font:normal normal 11px/17px Trebuchet MS; background-repeat:repeat-x;}
#page{width:1000px; margin:0px auto 0px; border:dotted 0px #cccccc;}
#header{position:relative; height:241px; text-align : left; padding:0 0 0 30px;}
#container{width:1000px; float:left; min-height:450px;}
* html #container {height:450px;}

#side-left{float:left; width:312px; padding:47px 0 0 58px; text-align : left; background-color : transparent; } /*total width: 312+58=370px*/
#side-left2{background:#ffffff;margin-top:80px; width:203px; margin-left:25px;}
#menubottom{background-image:url(../images/menubottom.jpg); width:166px;height:183px;margin-left:12px;}
#content{ position : relative;  margin:0; width:620px; padding:49px 10px 0px 0px; text-align : left;  z-index: 2; background-color : transparent; float : right}

#footer{background:url(../images/footer.png); clear:left; position:relative;width:1000px; position : relative; height : 38px;}

/********************************
*	GENERAL
********************************/
ul{list-style:none;}

/********************************
*	HEADER
********************************/
#header h1 a{display:block; width:233px; height:75px; background:url(../images/Logo-vanbaast.png) 0 0 no-repeat;}
#header h1 a span{display:none;}

#header .menu{list-style:none; text-align:center; width:100%;}
#header .menu li{display:inline;}
#header .menu li a{background:red; padding:5px 10px 5px 20px; color:#ffffff; text-decoration:none;}
#header .menu li a.selected,
#header .menu li a:hover.selected,
#header .menu li a:hover{background:green;}

#bleuband{
	position : relative;
	background:url(../images/praktijk-paard.png) 0 0 no-repeat;
	margin : 0 0 0 9px;
	height : 166px;
	
}

#bleuband a{
	color : white;
}

#title{
	position : absolute;
	margin : 30px 0 0 170px;	
	color: White;
	line-height : 27px;
}

#title .title_1,#title .title_2{
	font-size : 14px;
	font-style : italic;
	font-weight: bold;
}
#title .title_2{
	font-size : 26px;
}
/********************************
*	MENU
********************************/
#menu {
	position : absolute;
	top:210px;
	left:118px;	
	width:95%;
	background:transparent;
	font-size:16px;
	line-height:normal;
	}
#menu ul {
	margin:0;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu a {
	float:left;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
	}
#menu a span {
	float:left;
	display:block;
	/*background:url(../images/tab.png) no-repeat right top;*/
	padding:5px 0px 4px 0px;
	color:#FFF;
	width:147px;
	text-align : center;
	}
#menu a  span .selected {

	float:left;
	display:block;
	background:url(../images/tab.png) no-repeat right top;
	padding:5px 0px 4px 0px;
	color:#CF0;
	width:147px;
	text-align : center;

	}

	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {
	float:none;
}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF; cursor:pointer;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;
	background:url(../images/tab.png) no-repeat right top;
}                    
                    
/********************************
*	LEFT
********************************/
#side-left .address{
	font-size: 12px;
	line-height: 17px;
}
#side-left .menu{
	font-size: 12px;
	line-height: 25px;
	color : #2092D8;
}
.accordion_title
{
	height:25px;
	padding-left:5px;
	margin-bottom:1px;
	width:100%;
	font-size:16px;
	color : #fff;
	line-height: 23px;	
	font-weight:normal;
	background-image:url(../images/jquery.gif);
}
.accordion_title:hover
{
	text-decoration:underline;
	color : #fff;
}
#side-left .menu a{color : #2092D8; text-decoration:none;}
#side-left .menu a:hover{color : #2092D8; text-decoration:underline;}

#side-left .menu_title{
	font-size: 22px;
	color : #2092D8;
}
/********************************
*	CONTAINER
********************************/
/**  CONTENT  **/

#content h2{color:#2092D8; font:normal normal 22px Trebuchet MS; padding:0px 0px 15px 0;}
#content h3{color:#2092D8; font:normal normal 16px Trebuchet MS; padding:0px; margin-top:10px;}
#content h31{color:#2092D8; font:normal normal 16px Trebuchet MS; padding:0px; margin:0px;}
#content h4{color:#2092D8; font:normal normal 13px/13px Trebuchet MS; padding:0px;}
#content h5{color:#2092D8; font:normal normal 11px/11px Trebuchet MS; padding:0px;}
#content h6{color:#2092D8; font:normal normal 9px/9px Trebuchet MS; padding:0px;}

#content .f13{text-align:justify; padding:0px 0px; color:#333333; font:normal normal 13px/21px Trebuchet MS;}
#content p{text-align:justify; padding:10px 0px; color:#333333; font:normal normal 11px/19px Trebuchet MS;}

#content a{font:normal normal 11px/17px Trebuchet MS; color:#2092D8; text-decoration:none;}
#content a:hover{font:normal normal 11px/17px Trebuchet MS; color:#2092D8; text-decoration:underline;}

#content .m{margin:0 20px 0 10px;}
.spacer{
	height:30px; width:1px;
}



/********************************
*	MESSAGES					
********************************/
.errorBorder	{padding:5px; margin:10px; background:#ffffff; border:solid 1px #c22c21; color:#c22c21;}
.messageBorder	{padding:5px; margin:10px; background:#ffffff; border:solid 1px #A6BFD5; color:#333333;}

.errorContent	{background:#fde2df; padding:10px; line-height:20px;}
.messageContent	{background:#efefef; padding:10px; line-height:20px;}

.errorContent span	{display:block; margin:0 0 0 15px;}
.messageContent span{display:block; margin:0 0 0 15px;}


/********************************
*	CONTACT					
********************************/
.contact{
    width:450px;
}
.contact label
{
    float:left;
    clear:both;
    width:25%;
    text-align:left;
    display:block;
    line-height:15px;
}
.contact input,
.contact input.required{
    margin:5px 0;
    display:block;
    width:70%;
    border:1px solid #A6BFD5;
    background:#efefef;
    height:18px;
}
.contact input.required{
    background-color:#dedede;
}
.contact input:focus,
.contact textarea:focus
{
    border-left:solid 1px #666;
    border-top:solid 1px #666;
    background:#ffffff;}

.contact textarea
{
    width:70%; 
    height:130px;
	border:1px solid #A6BFD5;
    background:#efefef;
	overflow:scroll;
}

.contact .btn{
    margin:2px 0 2px 25%;
    width:auto;
    border:1px solid #333333;
    background:#cccccc;
    line-height:17px;
    height:22px;
} 





/********************************
*	SITEMAP
********************************/
.sitemap{padding-top:10px; list-style:none;}
.sitemap li{display:block; line-height:20px; height:20px; color:#F2743F; background:url(../images/sitemap.png) -100px 0px no-repeat;}
.sitemap li a{color:#F2743F; line-height:20px; padding:2px 0px;}
.sitemap li a:hover{text-decoration:underline;}
.sitemap li.lev0F a, .sitemap li.lev0 a, .sitemap li.lev0L a{color:#ffffff; background:#F2743F; padding:2px 5px; text-transform:uppercase;}
.sitemap li.lev0F  {background-position:0px    0px; padding:0 0 0 15px;}
.sitemap li.lev0   {background-position:0px -180px; padding:0 0 0 15px;}
.sitemap li.lev0L  {background-position:0px -440px; padding:0 0 0 15px;}
.sitemap li.lev1F  {background-position:0px    0px; padding:0 0 0 25px;}
.sitemap li.lev2F  {background-position:0px  -20px; padding:0 0 0 35px;}
.sitemap li.lev3F  {background-position:0px  -40px; padding:0 0 0 45px;}
.sitemap li.lev1S2 {background-position:0px  -60px; padding:0 0 0 25px;}
.sitemap li.levS2  {background-position:0px  -80px; padding:0 0 0 25px;}
.sitemap li.lev12S3{background-position:0px -100px; padding:0 0 0 35px;}
.sitemap li.levS3  {background-position:0px -120px; padding:0 0 0 35px;}
.sitemap li.lev1S3 {background-position:0px -140px; padding:0 0 0 35px;}
.sitemap li.lev1   {background-position:0px -180px; padding:0 0 0 25px;}
.sitemap li.lev12  {background-position:0px -200px; padding:0 0 0 35px;}
.sitemap li.lev2   {background-position:0px -220px; padding:0 0 0 35px;}
.sitemap li.lev3   {background-position:0px -240px; padding:0 0 0 45px;}
.sitemap li.lev13  {background-position:0px -260px; padding:0 0 0 45px;}
.sitemap li.lev23  {background-position:0px -280px; padding:0 0 0 45px;}
.sitemap li.lev123 {background-position:0px -300px; padding:0 0 0 45px;}
.sitemap li.lev123L{background-position:0px -320px; padding:0 0 0 45px;}
.sitemap li.lev13L {background-position:0px -340px; padding:0 0 0 45px;}
.sitemap li.lev23L {background-position:0px -360px; padding:0 0 0 45px;}
.sitemap li.lev3L  {background-position:0px -380px; padding:0 0 0 45px;}
.sitemap li.lev12L {background-position:0px -400px; padding:0 0 0 35px;}
.sitemap li.lev2L  {background-position:0px -420px; padding:0 0 0 35px;}
.sitemap li.lev1L  {background-position:0px -440px; padding:0 0 0 25px;}



/********************************
*	FOOTER
********************************/
/** MENU **/
#footer .menu{list-style:none; text-align:left; width:100%; padding:5px 0;}
#footer .menu li{display:inline;}
#footer .menu li a{padding:5px 10px; color:#666666; text-decoration:none;}
#footer .menu li a.selected, #footer .menu li a:hover.selected, #footer .menu li a:hover{color:#FFFFFF; text-decoration:underline;}


/** LINK WEBS **/
a.webs{font:normal normal 10px/15px Verdana,Arial,Helvetica; color:#FFFFFF;
	text-decoration:none; position:absolute; bottom:15px; right:25px;}
a.webs:hover{text-decoration:underline; font-style:normal; font-weight:normal;}
a.webs span{display:none;}
.pointer
{
	cursor : pointer;
}
#accordion a:hover{color:#2092D8;}

ul {list-style-type:circle;}
li {margin: 0 0 0 30px;}
.li2{ margin: 0 0 0 50px;list-style-type:square;	}
.li3{ margin: 0 0 0 70px;list-style-type:circle;	}