﻿/* top menu */

#pageheader
{
	position: relative;
	width: 932px;
	float: left;
	
	/* IE6 fix -> #lefttoplogo margin-top: -10px; hides top of image in IE6 */
	background-image: url('/image-aevitae-links'); 
	background-repeat: no-repeat;
	background-position: left top;
}

#hiddenie6fixbar
{
	width: 100%;
	height: 10px;
}

#topmenu
{
	float: left;
	width: 750px;
	height: 116px;
}

#tabbar
{
	width: 750px;
	height: 28px;
}

#lefttoplogo
{
	float: left;
	width: 129px;
	height: 38px;
	margin-top: -10px;
}

#lefttoplogo a
{
	display: block;
	width: 129px;
	height: 38px;
	text-decoration: none;
}

#tabgezondleven
{
	position: relative;
	float: left;
	width: 155px;
	height: 28px;
	background-image: url('/img/menu/tabs_5_r2_c3.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	
}

#tablevensfase
{
	position: relative;
	float: left;
	width: 155px;
	height: 28px;
	background-image: url('/img/menu/tabs_5_r2_c4.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

#tabmedisch
{
	position: relative;
	float: left;
	width: 155px;
	height: 28px;
	background-image: url('/img/menu/tabs_5_r2_c5.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

#tabspreekuur
{
	position: relative;
	float: left;
	width: 156px;
	height: 28px;
	background-image: url('/img/menu/tabs_5_r2_c6.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
#tabbar .onhover
{
	background-position: left -28px;	
}

#tabbar .active
{
	background-position: left bottom;	
}

.dropdownmenu
{
	position: absolute;
	top: 28px;
	left: 0px;
	width: 150px;
	display: none;
	background-image: url('/img/menu/uiklapmenu2_AE_bottom_500px.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* Tab spreekuur is 155px wide, this is 5px wider than the other ones. So we have therefor some special css */
#tabspreekuur .dropdownmenu
{
	width: 155px;
	background-image: url('/img/menu/uiklapmenu_155px_AE_bottom_500px.png');
}

.dropdownmenu a
{
	width: 150px;
	font-weight: bold;
}

#tabspreekuur .dropdownmenu  a
{
	width: 155px;
}

.dropdownmenu .onhover
{
	padding: 5px 14px 5px 14px !important;
	/*margin: 5px 0px 5px 0px!important;*/
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}

.dropdownmenu .onhover a
{
	color: #D5B076;
	text-decoration: none;	
}

.dropdownmenu .onhover .dropdownmenu a
{
	color: #003867;
}

.dropdownmenu .onhover .dropdownmenu .onhover a
{
	color: #D5B076;
	text-decoration: none;	
}

.dropdownmenu .item
{
	position: relative;
	width: 120px;
	border-top: solid 1px #CCCCCC;
	padding: 5px 15px 5px 15px;
}

#tabspreekuur .dropdownmenu .item
{
	width: 125px;
}

.dropdownmenu .dropdownmenu
{
	position: absolute;
	left: 150px;
	top: 0px;
	background-image: url('/img/menu/uiklapmenu2_bottom_500px.png');
	background-position: left bottom;
	background-repeat: no-repeat;
}

#tabspreekuur .dropdownmenu .dropdownmenu
{
	left: 155px;
	background-image: url('/img/menu/uiklapmenu_155px_bottom_500px.png');
}

.dropdownmenu .roundedcorners
{
	width: 150px;
	height: 5px;
}

#tabspreekuur .dropdownmenu .roundedcorners
{
	width: 155px;
}

#topmenu .notheme
{
	background-image: url('/img/menu/header_tab1.jpg');
}

#topmenu .lifestyle
{
	background-image: url('/img/menu/header_tab1.jpg');
}

#topmenu .levensfase
{
	background-image: url('/img/menu/header_tab2.jpg');
}

#topmenu .medisch
{
	background-image: url('/img/menu/header_tab3.jpg');
}

#topmenu .spreekuur
{
	background-image: url('/img/menu/header_tab4.jpg');
}

#tabbackground
{
	width: 750px;
	height: 78px;
}

#rightlogo
{
	float: right;
	width: 182px;
	height: 106px;
	background-image: url('/image-aevitae-rechts');
	background-position: left bottom;
	background-repeat: no-repeat;
}

#breadcrumb
{
	padding-left: 30px;
	padding-bottom: 10px;
	color: #FFFFFF;
	height: 14px;
	padding-top: 54px;
}

#breadcrumb ul,
#breadcrumb li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline;
}
#breadcrumb li
{
	
}

#breadcrumb a
{
	color: #FFFFFF;
}


#searchbar
{
	height: 30px;
}

#searchbox
{
	float: right;
	width: 182px;
	height: 25px;
	/*border-left: solid 1px #CCCCCC; */ /* Added by javascript in linefiller.js */
	padding-top: 5px;
	line-height: 19px;
}
#searchbox form,
#searchbox input
{
	padding: 0px;
	margin: 0px;
}

#searchbox #zoekwrapper
{
	position: relative;
	width: 182px;
	height: 25px;
}

#searchbox #magnifier
{
	float: left;
	width: 26px;
	height: 19px;
}

#searchbox #textbox
{
	position: relative;
	float: left;
	width: 134px;
	height: 19px;
}

#searchbox #keywords
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 15px;
	border: solid 1px #003867;
	color: #444444;
	padding: 1px;
	
}

#searchbox #button
{
	float: left;
	width: 18px;
	height: 19px;
}

