/* 
	# $Id: _css.tpl,v 1.1 2009/04/10 06:39:40 danielk Exp $
*/


body {
	height:100%;
}


/*
	Application Settings
*/

#MedischPlacement {
	width:100%;
	text-align:left;
	padding:2px;
	display:table;
	border: none;
	font-size: 9px;
	font-family: Verdana;
	}
	

	


.hrStyle{
	color:#c0c4cf;
	background-color:#c0c4cf;
	height:1px;
	border:1px;
}

.clearBreak{
	clear:both;
	padding-top:2px;
}

a.closeAnimatie{
    display: block; width: 150px; font-size: 11px;
}
a.closeAnimatie img {
    behavior: url("http://abc.medicalmedia.nl/_public/javascript/MedischABC/iepngfix.htc");
}

#WidgetHeading {
	padding:8px 0 10px 20px;
	xdisplay:none;
}

#loadingprogress {
	position:absolute;
}

.WidgetMenuSelected{
	background-color:#000000;
}

#WidgetHeading h1 {
	text-align:left;
	font-size:200%;
	color:#ffffff;
	margin:0;
	display: none;
}
	

.clearBoth{
	height:0;
}


#WidgetMenu {
	text-align:center;
	margin-left:5px;
}

#WidgetMenu ul {
	list-style-type: none;
	padding: 0px;
	font-size: 11px;
	text-align:center;
	margin:0;
}

#WidgetMenu li {
	float:left;
	margin:0 6px 0 6px;
}

#WidgetMenu a {
	color:#000;
	background-color:#F7F7F6;
	border:1px solid #cccccc;
	border-bottom: none;
	text-decoration:none;
	padding:5px;
	display:block;
}
	
#WidgetMenu a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#666699;
}

#WidgetBreadCrumb {
	clear:both;	
	background-color:#EAD8E2;
	display:block;
	height:16px;
	padding:5px;	
}

#WidgetBreadCrumb ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-align:right;
}

#WidgetBreadCrumb li {
	float:left;
	margin:0 6px 0 6px;
}

/*
	SearchBox
*/

#WidgetSearchBox {
	float:right;
	padding:10px;
	margin:5px 5px 0 0;
}

/*
	WidgetInterfaceContent
*/

#WidgetInterfaceContent{
	text-align:left;
}

/*
	Alphabet
*/

#WidgetAandoeningenAlphabet, #WidgetAnimatiesAlphabet{
	display:table;
	margin:0;
	border-bottom:1px solid #e6e6e6;
	width: 400px;
	height: 25px;
}

#WidgetAandoeningenAlphabet ul, #WidgetAnimatiesAlphabet ul{
	list-style-type: none;
	padding: 0px;
	margin:0;
}

#WidgetAandoeningenAlphabet li, #WidgetAnimatiesAlphabet li{
	float:left;
	margin:0;
	text-align:center;
}

#WidgetAandoeningenAlphabet a, #WidgetAnimatiesAlphabet a{
	color:#000;
	text-decoration:none;
	width:11pt;
	height:20px;
	padding-top:5px;
	display:block;
	font-size: 11px;
}

#WidgetAandoeningenAlphabet a:hover, #WidgetAnimatiesAlphabet a:hover{
	color:#ffffff;
	text-decoration:underline;
	display:block;
	background-color:#666699;
}

/*
	Lijst
*/

#WidgetAandoeningen, #WidgetAandoeningSpecialismen{
	text-align:left;
	width:410px;
	font-size: 11px;
	margin-top:10px;
}

#WidgetAandoeningen ul, #WidgetAandoeningSpecialismen ul{
	list-style-type: none;
	padding: 0px;
	margin-left:16px;
	font-size: 11px;
}

#WidgetAandoeningen a, #WidgetAandoeningSpecialismen a{
	color:#000;
	text-decoration:none;
	padding:2px;
	padding-left:10px;
	display:block;
}

#WidgetAandoeningen a:hover, #WidgetAandoeningSpecialismen a:hover{
	color:#ffffff;
	text-decoration:underline;
	display:block;
	background-color:#666699;
	text-decoration: none;
}


/*
	Specialismen Lijst
*/

#WidgetSpecialismenSideBar, #WidgetAnimatiesSpecialismenSideBar{
	border:1px solid #e6e6e6;
	width:160px;
	float:right;
	font-size: 11px;
	text-align:left;
	display:table;
	background: #EAD8E2;

}

#WidgetSpecialismenSideBar h4, #WidgetAnimatiesSpecialismenSideBar h4{
	margin:0;
	height:20px;
	padding-top:5px;
	text-align:center;
	font-size: 11px;
	background-color:#EAD8E2;
}

#WidgetSpecialismenSideBar ul, #WidgetAnimatiesSpecialismenSideBar ul{
	list-style-type: none;
	background-color:#EAD8E2;
	padding: 0;
	margin:0 0 0 -1px;
	width:147px;
	font-size: 11px;
    padding-left:14px;
}

#WidgetSpecialismenSideBar li, #WidgetAnimatiesSpecialismenSideBar li, #WidgetSpecialismenSideBarSlide li{
	border-top:1px solid #e6e6e6;
	width:160px;
	margin-left: -14px;
}

#WidgetSpecialismenSideBar a, #WidgetAnimatiesSpecialismenSideBar a{
	color:#000;
	text-decoration:none;
	padding:2px;
	padding-left:10px;
	display:block;
	xbackground: #000000;
}

#WidgetSpecialismenSideBar a:hover, #WidgetAnimatiesSpecialismenSideBar a:hover{
	color:#000000;
	text-decoration:none;
	display:block;
	background-color:#D8B2D8;
}

/*
	Aandoening Details
*/

#WidgetAandoeningDetails {
	padding:5px 0 5px 0;
	z-index:0;
	font-size: 11px;

}

#WidgetAandoeningDetails fieldset {
	border:1px solid #e6e6e6;
}

.AandoeningDetailsAnimatie{
	position:absolute;
	padding:0px;
	left: 50%; margin-left: -230px;
	width:461px;
	height:427px;
	z-index:150;
}

.AandoeningDetailsAnimatie a{
	display: block;
    position: relative;
    left: 3px;
    height: 20px;
    line-height: 20px;
    width: 60px;
    text-align: center;
	z-index:150;
	font-weight: bold;
	text-decoration: none;
	border: 3px solid #fff;
	border-bottom: 0;
	background: #000;
	color: #fff;
}

.AandoeningDetailsAnimatie a:hover {
	background: #fff;
	color: #000;
}

#PlayAnimatieContainer {
     background: #fff; border: 1px solid #ccc;
     height: 411px; width: 465px; 
     padding-left: 4px; padding-top: 4px;
}

.MedischABCBackgroundPlacement {
	position:absolute;
	left:0;
	top:0;
	width:99%;
	height:100%;
	background-color:#000000;
	z-index:100;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
	z-index:100;
}

#WidgetNavigatorButton {
	display:table;
}

#WidgetAandoeningDetailsAnimatie {
	border:1px solid #e6e6e6;
}

/*
	Animatie Overzicht
*/

#WidgetAnimaties, #WidgetAnimatiesSpecialismen, #WidgetAnimatieDetails {
	width:410px;
	font-size: 11px;
}

#WidgetAnimaties, #WidgetAnimatiesSpecialismen {
	text-align:center;
	margin-top:20px;
}

#WidgetAnimatieDetailsContainer {
	text-align:center;
}

#WidgetAnimaties h4, #WidgetAnimatiesSpecialismen h4{
	text-align:left;
	border-bottom:1px solid #ABABAB;
}

#WidgetAnimaties ul, #WidgetAnimatiesSpecialismen ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

#WidgetAnimaties li, #WidgetAnimatiesSpecialismen li{
	width:135px;
	height:120px;
	float:left;
	margin-left: 0px;
}

#WidgetAnimaties a, #WidgetAnimatiesSpecialismen a{
	display:block;
}

#WidgetAnimaties a:hover, #WidgetAnimatiesSpecialismen a:hover{

}

/*
	Details Common CSS
*/

#WidgetNavigatorTop {
	padding:5px;
	background-color:#FFFFFF;
	text-align:left;
	margin:10px 0;
}

.LaatsteAanpassing {
	float:right;
	font-size:xx-small;
}

.WidgetButton {
	display:block;
	width:155px;
	margin:10px; margin-left: 0;
	padding:5px 5px 2px 5px;
	height:20px;
	text-align:center;
	border:1px solid #CACAEF;
	float:left;
}

.WidgetButton img {
	height:16px;
}

.WidgetButton:hover {
	background-color:#CACAEF;
}

.WidgetButton a {
	vertical-align:top;
}

.WidgetActiveButton {
	background-color:#CACAEF;
}