/* ----------Medworld.nl CSS------------------ */
/* ----------Pieter Smit  -------------------- */
/* ----------start MEGA MULTI BROWSER RESET--- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
/* ----------end MEGA MULTI BROWSER RESET-------------- */

body {
	background-color: #FFF;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0px;
	margin:0px;
	overflow:auto; 
}
a {color: #1894CD; text-decoration:none;}
a:visited {color:#1894CD; text-decoration:none;}
a:hover {color: #1894CD; text-decoration:underline;}
a:active { color:#000000;}

h1 {
	font-size: 11px;
	background-color: #1894CD;
	padding:0px 0px 5px 0px;
	margin:0px 
}
h2 {
	font-size:20px;
	font-weight: normal;
	margin:0px;
	padding:0px 0px 5px 0px;
	color: #1894CD;
	font-family:Arial, Helvetica, sans-serif;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
		width: 850px;
		padding:0px;
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		padding-top:20px;
} 

/* ----------2 headers -------------------------------- */
/* ----------headerA = for not logged in -------------- */
/* ----------headerb = logged in users   -------------- */
/* ----------make sure they keep the     -------------- */
/* ----------same except the background  -------------- */
#headera {
		width: 850px;
		height: 100px;
		background-image:url(../images/header_a.jpg);
		padding: 0px;
		margin: 0px; 
		border-top:1px solid #51A4D8;
		border-left:1px solid #51A4D8;
		border-right:1px solid #51A4D8;
}
#headerb {
		width: 850px;
		height: 100px;
		background-image:url(../images/header_b.jpg);
		padding: 0px;
		margin: 0px; 
		border-top:1px solid #51A4D8;
		border-left:1px solid #51A4D8;
		border-right:1px solid #51A4D8;
}

div#login {
		float: right;
		padding:4px ;
		padding-right:12px ;
}
#logintitle { float:right; width: 180px; font-size:11px; background-color: #FF9900; display: block; margin: 1px; margin-bottom: 0px; padding: 3px; color: #ffffff;margin-top:6px ;margin-right:6px ;}

div#loginstroke {
		position:absolute;
		top: 104px;
		float: right;
		padding:4px ;
		padding-right:12px ;
}

/* ----------outer und inner----------------- */

#outer{ 
	border-left: solid 150px #F2F2F2; /* linke Menue Spalten Farbe  */ 
	border-right: solid 158px #F2F2F2; /* rechte Menue Spalten Farbe  */ 
	background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{margin:0; width:100%; }

/* --------------left und right navigavtion------------- */
#left {
		width: 150px;
		height: 470px;
		background-image:url(../images/sidebar_bg.jpg);
		float:left; 
		position:relative; 
		margin-left:-150px; 
		margin-right:1px;
		border-left:1px solid #51A4D8;
}
#right {
		width: 160px;
		height: 470px;
		background-image:url(../images/sidebar_bg.jpg);
		float:right; 
		position:relative; 
		margin-right:-160px;  
		margin-left:1px;
		border-right:1px solid #51A4D8;
}
/* -----------------Menu items left--------------------- */ 

#leftmenutitle {width: 135px; font-size:10px; font-weight:bold; background-color: #FF9900; display: block; margin: 5px; margin-top: 35px; margin-bottom: 0px; padding: 3px; color: #ffffff;}

.leftmenu    {width: 140px; margin: 5px; margin-top: 1px; padding: 5px; font-size: small}
.leftmenu td {background-image:url(../images/menu_left_item_bg.gif); padding: 0px; border-width: 0px; vertical-align: top;}

#leftmenu a {text-align:left; display: block; margin: 0px; padding: 4px;}
#leftmenu a.menuMainLeft {padding-left: 3px;}
#leftmenu a.menuSubLeft {padding-left: 9px;}
	  
td#leftmenu a {text-decoration:none; font-size:10px; background-color: transparent; display: block; margin: 0px; padding: 3px; border-bottom: 1px solid #f2f2f2; color:#000000;}
td#leftmenu a:hover {background-color: #FF9900; text-decoration:none;}
td#leftmenu a.menuMainLeft {border-bottom: 1px solid #FFF; width:auto;padding-left: 12px;}
td#leftmenu a.menuSubLeft {padding-left: 15px; border-bottom: 1px solid #cccccc;padding-left: 12px;}

.logo {
margin: 10px; 
/*margin-top: 180px;*/
} /* LOGO IB    */ 

/* -----------------Services Right--------------------- */ 

#Servicesrighttitle {width: 145px; font-size:10px; font-weight:bold; background-color: #1894CD; display: block; margin: 2px; margin-top: 35px; margin-left: 5px; padding: 3px; color: #ffffff; margin-bottom: 0px; }
	
.rightmenu    {width: 151px; margin: 5px; margin-top: 1px; padding: 5px; font-size: small}
.rightmenu td {background-image:url(../images/menu_right_item_bg.gif); padding: 0px; border-width: 0px; vertical-align: top;}

#rightmenu a {text-align:left; display: block; margin: 0px; padding: 4px;}
#rightmenu a.menuMainright {padding-left: 3px;}
#rightmenu a.menuSubright {padding-left: 9px;}
	  
td#rightmenu a {font-size:10px; background-color: transparent; display: block; margin: 0px; padding: 3px; border-bottom: 1px solid #f2f2f2; color:#000000;}
td#rightmenu a:hover {background-color: #1894CD; text-decoration:none; width:auto;}
td#rightmenu a.menuMainright {border-bottom: 1px solid #FFF; width:auto;}
td#rightmenu a.menuSubright  {border-bottom: 1px solid #cccccc;}



#extralinks {width: 145px; font-size:10px; background-image: url(../images/extralinks_bg.jpg); padding: 3px; margin: 3px; margin-top: 30px;  color: #666666; border:1px solid #51A4D8;}

/* -----------------Inhalt--------------------- */ 
#contenta{ 
		position: relative; 
		margin: 0px; 
		height: 444px;
}
#contentb{ 
		position: relative; 
		margin: 0px; 
		height: 400px;
}
.topthema {
		height: 14px;
		width: 450px;
		background-color: #A2D1FE;
		
		font-family: Arial, sans-serif;
		font-size: 15px;
		font-weight:bold;
		color: #FFF;
		line-height: 16px;
		
		margin: 0px;
		padding: 6px;
		border: 0px none;
}
.topthematxt {
		width: 450px;
		background-color: #F6FBFF;
		
		font-family: Arial, sans-serif;
		font-size: 15px;
		font-weight:bold;
		color: #A2D1FE;
		line-height: 16px;
		
		margin: 0px;
		padding: 6px;
		border: 0px none;

}
.overflowa { /* Das Gebäude ist nur eine SCROLLBAR overflow above 470 px, Aber das css snippet ist wirklich gut!    */ 
		overflow:auto; 

		width: 500px;
		
		margin: 0px;
		padding: 0px;
		padding-left: 10px;
		padding-right: 10px;
		border: 0px none;

		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #6D6F71;
		line-height: 16px;

		scrollbar-face-color: #F4F4F4;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-shadow-color: #F4F4F4;
		scrollbar-3dlight-color: #D1D7DC;
		scrollbar-arrow-color:  #999999;
		scrollbar-track-color: #EFEFEF;
		scrollbar-darkshadow-color: #98AAB1; 
}
.overflowb { /* Das Gebäude ist nur eine SCROLLBAR overflow above 470 px, Aber das css snippet ist wirklich gut!    */ 
		overflow:auto; 

		width: 500px;
		
		margin: 0px;
		padding: 0px;
		padding-left: 10px;
		padding-right: 10px;
		border: 0px none;

		font-family: Arial, sans-serif;
		font-size: 12px;
		color: #6D6F71;
		line-height: 16px;

		scrollbar-face-color: #F4F4F4;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-shadow-color: #F4F4F4;
		scrollbar-3dlight-color: #D1D7DC;
		scrollbar-arrow-color:  #999999;
		scrollbar-track-color: #EFEFEF;
		scrollbar-darkshadow-color: #98AAB1; 
}
.bottommenubara {
		position:absolute;
		height: 13px;
		width: 540px;
		top: 565px;
		background-color: #EEEEEE;
		
		margin: 0px;
		padding: 4px;
		padding-left: 12px;
		border: 0px none;
		margin-top:4px; 

}
.bottommenubarb {
		position:absolute;
		height: 13px;
		width: 525px;
		top: 490px;
		background-color: #EEEEEE;
		
		margin: 0px;
		padding: 4px;
		padding-left: 12px;
		border: 0px none;
		margin-top:4px; 

}
.contactbar {
		position:absolute;
		width: 400px;
		top: 512px;
		
		margin: 0px;
		padding: 4px;
		border: 0px none;
		margin-top:4px; 

}
a.bottommenu:link,a.bottommenu:visited {
		font-family: Arial, sans-serif;
		font-size: 11px;
		color: #1894CD;
		text-decoration: none;
}
a.bottommenu:hover, a.bottommenu:active {
		color: #1894CD;
		text-decoration: underline;
		font-family: Arial, sans-serif;
		font-size: 11px;
}
input, textarea {
		background: #FFF; 
		font-family: Arial, sans-serif;
		font-size: 11px;
		color: #939598; 
		border: 1px solid #88AEC1;

}
SELECT, OPTION	{
		background: #999999; 
		font-family: Arial, sans-serif;
		font-size: 11px;
		color: #939598; 
}
.noborder { /* CSS short for Input that looks ugly with a border, think of checkbox radiobuttons, and search icon */
		background: none; 
		color: #000; 
		border: none;
}
form{
		margin:0px;
}
#breadcrumbs {
		padding: 1.9em 0 1.4em 0; /* CSS short hand rule first value is top then right, bottom and left */
		font-size: 80%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
		margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
}
#search {
		padding-top:13px;
		padding-right:13px;
		float:right;
}

.headings,a.headings:link,a.headings:visited {
		font-size: 14px;
		color: #1894CD;
		font-weight:bold;	
		text-decoration: none;
		line-height: 22px;
}
a.headings:hover, a.headings:active {
		font-size: 14px;
		color: #1894CD;
		font-weight:bold;	
		text-decoration: underline;
		line-height: 22px;
}


.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:230px; 
float:left; 
margin:0 3px;
}
.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#FF9900;
color:#fff;
}

/*  ----------------footer---------------------- */ 
#footer {
		clear:left;
		padding:0px;
		margin:0px;
		text-align: center; 
		color: #CCCCCC;
		font-size: 11px;
		border-top:1px solid #51A4D8;
} 
.footermenu,a.footermenu:link,a.footermenu:visited {
		font-size: 11px;
		color: #CCCCCC;
		text-decoration: none;
}
a.footermenu:hover, a.footermenu:active {
		color: #CCCCCC;
		text-decoration: underline;
		font-size: 11px;
}