@charset "utf-8";
/* CSS Document */

*{
	padding: 0px; 
	margin:0px;
}


.bg
{
	background-image: url(http://www.orthin.nl/images/body.gif);
	background-repeat:no-repeat;
	background-position: 60px 450px;
}
body
{
	background-color:#FFFFFF;
	width: 100%;
	height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color:#666666;
}

#center
{
	height: 100%;
	width: 100%;
	position:absolute;
}

#container
{
	width: 883px;
	left: 50%;
	margin-left: -442px;
	position:absolute;
	margin-top: 20px;
	clear:both;
}

#topRij
{
	width: 100%;
	height: 70px;
	clear:both;
}

#logo
{
	display:block;
	width: 197px;
	height: 64px;
	float:left;
	margin-left: 10px;
	background-image:url(Custom/Components/FrontEnd/images/Logo.jpg);
}

#shortnav
{
	width: 200px;
	float:right;
	height: 20px;
	margin-top: 40px;
	text-align:right;
	font-family:myriad, "myriad Pro", Arial, Verdana, "Tekton Pro";
	font-size: 12px;
	color:#d5d5d5;
}

#shortnav a
{
	color:#00684D;
	text-decoration:none;
	padding-left: 2px;
	padding-right: 2px;
}

#menuRij
{
	width: 100%;
	height: 251px;
	margin-top: 6px;
	clear:both;
}

#menu
{
	width: 212px;
	height: 251px;
	background-image:url(Custom/Components/FrontEnd/images/MenuBg.jpg);
	background-repeat:no-repeat;
	float:left;
}

#header
{
	width: 671px;
	float:left;
	height: 251px;
	position:relative;
}

#menuBalkRij
{
	height: 19px;
	width: 100%;
	clear:both;
	background-image: url(Custom/Components/FrontEnd/images/menbalkrij.jpg);
	background-repeat: repeat-x;
}

#contentbox
{
	width: 100%;
	clear:both;
	float:left;
	background-image:url(Custom/Components/FrontEnd/images/contentbg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#contentbox .links
{
	float:left;
	width: 630px !important;
	width: 630px;
	margin:0px;
	padding-bottom: 45px;
}

#contentbox .linksHulpmiddelen
{
	float:left;
	width: 300px !important;
	width: 300px;
	margin:0px;
	padding-bottom: 45px;
}

#contentbox .linksContent
{
	float:left;
	width: 517px !important;
	width: 511px;
	margin:0px;
	padding-bottom: 45px;
}


#contentbox .rechts
{
	float:right;
	width: 244px;
	height: auto!important;
	min-height: 304px;
	height: 304px;
	background-image:url(Custom/Components/FrontEnd/images/rechtsbg.jpg);
	position:relative;
	background-position: left top;
}

#contentbox .rechts_home
{
	float:right;
	width: 244px;
	height: auto!important;
	min-height: 394px;	
	height:394px;	
	background-image:url(Custom/Components/FrontEnd/images/rechtsbg.jpg);
	position:relative;
	background-position: left top;
}

#logos
{
	position:relative;
	top:15px;
	left:8px !important;
	left:6px;
	height:90px;
	display:inline;
}

.logospan
{
	position:relative;
	left:8px;
}

#contentbox .rechtsContact
{
	float:right;
	width: 366px;
	height: auto!important;
	min-height: 304px;
	height: 304px;
	background-image:url(Custom/Components/FrontEnd/images/rechtsbgContact.jpg);
	position:relative;
	background-position: left top;
}


#contentbox .contentFull
{
	float: left;
	margin-left: 46px;
	width: 500px;
	position:relative;
	padding-top: 28px;
}

#contentbox .contentFull h3
{
	font-family:"myriad Pro", Arial, Verdana, "Tekton Pro";
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 5px;
	padding-left: 2px;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 23px;
	color:#4F4F4F;
	width: 280px;
}

.lichaamsdeel
{
	color:#00684D;
}

#contentbox #rechtsFlash
{
	float:left;
	width: 320px;
	position:relative;
	margin-top: 20px;
	margin-right:10px;
	/*border: 1px solid #467D6A;*/
	margin-bottom: 20px; 
}

#contentbox #ajax-content {
	float:right;
	width:200px;
	padding-top: 75px;
}
#contentbox #OrthotheekDiv
{
	width:132px;
}

#contentbox .rechts h3,
#contentbox .rechts_home h3,
#contentbox .rechtsContact h3
{
	font-family:"myriad Pro", Arial, Verdana, "Tekton Pro";
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 5px;
	padding-left: 2px;
	border-bottom: 1px solid #5f9b8b;
	margin-bottom: 23px;
	color:#FFFFFF;
	margin-left: 30px;
	margin-top: 28px;
	margin-right: 27px;
	font-style:normal;
}

#contentbox .rechts .quote,
#contentbox .rechts_home .quote
{
	background-image:url(Custom/Components/FrontEnd/images/quote.jpg);
	width: 185px;
	height: 89px;
	position:absolute;
	top: 70px;
	right: 11px;
	color:#FFFFFF;
	padding-left: 13px;
	padding-top: 5px;
	display:block;
}

.contentLinksContact h1
{
	width: 158px;
}

h1, 
.contentRechts h3
{
	font-family:"myriad Pro", Arial, Verdana, "Tekton Pro";
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 5px;
	padding-left: 2px;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 23px;
	width: 280px;
	color:#4F4F4F;
	font-style:normal;
	overflow:visible;
}

.contentRechts h3
{
	width: 260px;
}


.contentRechts,
#flash-MSG
{
	padding-top: 28px;
	width: 285px;
	float:right;
}

#flash-MSG
{
	padding-top: 0px;
	margin-right: 5px;
}

.contentScheiding
{
	width: 0px;
	overflow:hidden;
	float:left;
	height: 117px;
	margin-top: 117px;
	background-color:#ababab;
}

.contentLinks
{
	padding-top: 28px;
	width: 281px;
	float:left;
	margin-left: 15px;
	margin-right: 10px;
}

.contentLinksContact
{
	padding-top: 28px;
	width: 159px;
	float:left;
	margin-left: 15px;
	margin-right: 10px;
}


.content
{
	padding-top: 28px;
	width: auto;
	float:left;
	margin-left: 15px !important;
	padding-right: 45px;
	margin-left: 7px;
	
	 
}

.content h1
{
	width: 100%;
}

p
{
	padding-bottom: 18px;
}

#footer
{
	height: 56px;
	width: 100%;
	clear: both;
	background-color: #ededed;
	background-image:url(Custom/Components/FrontEnd/images/botBg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top: -20px;
	position:relative;
}




.hulpmiddelen
{
	background-image: url(Custom/Components/FrontEnd/images/hulpmiddelen.jpg);
	background-repeat:no-repeat;
	width: 262px;
	height: 92px;
	margin-top: 30px;
	position:relative;
}


/* Menu */

#menu ul
{
	list-style:none;
	margin-top: 14px;
}

#menu ul li.first a
{
	border-top: 1px solid #297A64;
}

#menu ul li
{	
}

#menu ul li.active,
#menu ul li:hover,
#menu ul li.hover
{
	background-color:#8ABCAD;
	background-image:url(Custom/Components/FrontEnd/images/opacity.gif);
}

#menu ul li.nostyle
{
	background: none;
}


#menu ul li.active a,
#menu ul li:hover a,
#menu ul li.hover a
{

	color:#00684D;
	/*font-weight:bold;  --> in ie6 heeft hij anders 2 regels voor prakt. info! --> oplossing moet geocht wordne*/
	border-bottom: 1px solid #8ABCAD;
}

#menu ul li a
{
	color:#ffffff;
	text-decoration:none;
	font-family: myriad, "myriad Pro", Arial, Verdana, "Tekton Pro";
	font-size: 14.25px;
	margin-right: 30px;
	margin-left: 30px;
	border-bottom: 1px solid #297A64;
	width: 134px;
	display:block;
	padding: 2px;
	height: 26px;
}

#menu ul li span.nostyle
{
	color:#ffffff;
	text-decoration:none;
	font-family: myriad, "myriad Pro", Arial, Verdana, "Tekton Pro";
	font-size: 14.25px;
	margin-right: 30px;
	margin-left: 30px;
	border-bottom: 1px solid #297A64;
	width: 134px;
	display:block;
	padding: 2px;
	height: 26px;
}
#menu ul li a:hover
{
}


/* Address */

#a1
{
	padding-top:18px;
	padding-left: 16px;
	float:left;
	display:block;
	font-weight:bold;
}

#a2
{
	padding-top: 18px;
	padding-left: 30px;
	float:left;
	display:block;
}

#a3
{
	padding-left: 14px;
	padding-top: 18px;
	float:left;
	display:block;
}

address
{
	height: 56px;
	width: 323px;
	background-image: url(Custom/Components/FrontEnd/images/addressbg.jpg);
	line-height:normal;
	font-style:normal;
	color: #FFFFFF;
	font-size: 10px; /* Kleiner kan niet in FF!, ontwerp staat 9px verdana... */
	font-family:Arial, Helvetica, sans-serif; /* Arial is kleiner dan verdana...*/
}

address a
{
	color: #fff;
	text-decoration:none;
}

address a:hover
{
	text-decoration: underline;
}



/* Nieuws */

#contentbox ul.nieuwslijst
{
	list-style:none;
	clear:both;
	margin: 0px;
	padding: 0px;
	}

#contentbox ul.nieuwslijst li
{
	clear:both;
	padding: 0px;
	margin: 0px;
}

#contentbox ul.nieuwslijst .datum
{
	display:block;
	float:left;
	background-image: url(Custom/Components/FrontEnd/images/nieuws.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left: 20px;
	color: #408e7a;
}

#contentbox ul.nieuwslijst .tekts
{
	display:block;
	float:left;
	padding-left: 5px;
}

#contentbox .clear
{
	clear:both;
	background: transparent;
	border:none;
	height: 1px;
}

/* Quote */

.quoteImg
{
	width: 92px;
	height: 92px;
	position:absolute;
	top: 170px;
	left: 8px;
	display: block;
}




#quoteNav
{
	position:absolute;
	width: 46px;
	height: 14px;
	top: 265px;
	left: 176px;
}

#quoteNav .prev
{
	display:block;
	float:left;
	background-image:url(Custom/Components/FrontEnd/images/prev.png);
	width: 20px;
	height:14px;
}

#quoteNav .next
{
	display:block;
	float:right;
	background-image:url(Custom/Components/FrontEnd/images/next.png);
	width: 20px;
	height:14px;	
}

/* Hulp */
.hulpmiddelen h2
{
	font-family:"myriad Pro", Arial, Verdana, "Tekton Pro";
	font-size: 18px;
	font-weight: 600;
	width: 168px;
	color:#4F4F4F;
	padding-left:104px;
	padding-top: 25px;
}

.hulpmiddelen .hulp
{
	text-decoration:none;
	color: #00684D;
	background-image:url(Custom/Components/FrontEnd/images/pijl.gif);
	background-repeat:no-repeat;
	padding-left: 8px;
	background-position:center left;
	line-height:normal;
	position:absolute;
	bottom: 28px;
	right: 30px;
}

/* Header Tekst*/


#headerTxt
{
	width: 266px;
	position:absolute;
	right: 20px!important;
	right: 10px;
	top: 50px;
}

#headerTxt p
{
	padding-bottom: 0px;
}


#headerTxt h1
{
	border:none;
	padding-bottom: 0px;
	margin-bottom: 16px;
	font-size: 24px;
	overflow:visible;
	height:auto;
	position:relative;
	line-height: normal;
}

/* Footer nav */

#footernav
{
	position:absolute;
	right: 0px;
	margin-top: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d5d5d5;
	padding-bottom: 20px;
}

#footernav a
{
	text-decoration:none;
	padding-left: 3px;
	padding-right: 3px;
	color: #666666;
}

/* Webshop*/
a.webshop
{
	background-image:url(Custom/Components/FrontEnd/images/pijl.gif);
	background-repeat:no-repeat;
	padding-left: 8px;
	background-position:center left;
	text-decoration:none;
	color: #00684D;
	display:block;
	width: 120px;
	text-align: left;
	position:absolute;
	right: 0px;
	margin-top: 4px;
}


/* Lijsten */

#contentbox ul
{
	margin-left: 14px;
	list-style: none;
}

#contentbox ul li
{
	background-image:url(Custom/Components/FrontEnd/images/pijl.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

#contentbox ul li a
{
	color: #00684D;
	text-decoration: none;

}

#contentbox ul li a.active
{
	font-weight: bold;

}
/* a style*/

#contentbox a
{
	color: #00684D;
	text-decoration: none;
}

#contentbox a:hover
{
	text-decoration: underline;
}

/* Table style */


#afspraak_maken td,
#contactopnemen td
{
	color: #00684D;
	font-weight: bold;
	vertical-align: top;
}

#afspraak_maken td label,
#contactopnemen td label
{
	color: #666666;
	font-weight: normal;
}

#afspraak_maken .orange,
#contactopnemen .orange
{
	color:#CE6200;
}

/* Nieuws */
.volletxt
{
	height:0px;
	overflow:hidden;
	clear: both;
	margin-right: 10px;
}

#contentbox ul.nieuwslijst li
{
	list-style: none !important;
	background: none;
}

#contentbox ul.nieuwslijst li a:link
{
	color:#666666;
	text-decoration:none;
}

#contentbox ul.nieuwslijst li a:hover
{
	text-decoration: underline;
}


#contentbox ul.nieuwslijst li a .datum
{
	color: #00684D;
	text-decoration: none;
}

#contentbox ul.nieuwslijst li a:hover .datum
{
	color: #00684D;
	text-decoration: none;
}

/* De Mensen */

.PersoomImg
{
	width: 92px;
	height: 92px;
	float: left;
	margin-left: 15px!important;
	margin-left: 7px;	
}
	
.PerssonKort
{
	width: 108px;
	float: left;
	margin-left: 10px;
	font-size: 11px;
	color:#FFFFFF;
}
	
.PerssonTekst
{
	clear:both;
	width: 170px;
	margin-left: 44px;
	color: #ffffff;
}

.PerssonKort .kopje
{
	display:block;
	color:#003525;
	font-size: 11px;
}


/* FAQ Items */

#contentbox ul.faq li
{
	background-image:none;
	padding-left: 0px;
}

#contentbox ul.faq li a
{
	background-image:url(Custom/Components/FrontEnd/images/pijl.gif);;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}



/* Sitemap */

table.sitemap tr td
{
	padding-right: 10px;
	width: 45%;
}


td h4
{
	color: #fff;
	background-color: #639d8e;
	padding-left: 4px;
	font-size: 11px;
}

#contentbox ul.sitemap
{
	margin-bottom: 15px;
}

#contentbox ul.sitemap li
{
	background: none;
}


#contentbox ul.sitemap li ul li ul li
{
	background-image:url(Custom/Components/FrontEnd/images/pijl.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/* Vestigingen */
#contentbox ul.vestigingen
{
	margin-left: 2px;
}
#contentbox ul.vestigingen li
{
	padding-left: 0px;
	background: none;
}

#contentbox ul.vestigingen li a
{
	background-image:url(Custom/Components/FrontEnd/images/pijl.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
}

#contentbox ul.vestigingen li div
{
	padding-left: 10px;
}

/* Inputs style */
table input 
{
	height:18px;
	width: 144px;
	border: 1px solid #7a7a7a;
	background-color: #fff;
	margin-bottom: 8px;
	font-size:11px;
	padding-top: 2px;
}

table label.radio
{
	padding-top: 10px;
	padding-bottom: 16px;
	display:block;
}

table label input.radio
{
		border: none;
	width:auto;
	height: auto;
	padding-top: 0px;
	margin-bottom: 0px;	
}

table textarea
{
	width: 296px;
	height: 106px;
	border: 1px solid #7a7a7a;
	background-color: #fff;
	font-family:Verdana, Arial;
	font-size:11px;
}

input#Verzenden
{
	width:94px;
	height:25px;
	margin-top: 10px;
	margin-left: 202px;
	margin-bottom: 26px;
	border:none;
}

option
{
	padding-right: 10px;
}

#formulierTabel tr 
{
	vertical-align:top;
}



/* effect mensen */
/*.mensen,
 .diensten 
{
	height:0px;
	overflow:hidden;
}
*/
/* Google Maps */

#googlemaps
{
	margin-left: 30px;
	margin-right: 26px;
}

/* Slider */

.quoteHouder
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#sliderDiv
{
	overflow:hidden;
}

/* ProductPopUp */
#ProductPopUp
{
	width: 530px;
	position:absolute;
	border: 9px solid #00684D;
	background-color:#FFFFFF;
	z-index: 999;
	overflow:auto;
}

#OrtheekPopUp
{
	width: 530px;
	position:absolute;
	border: 9px solid #00684D;
	background-color:#FFFFFF;
	z-index: 999;
	overflow:auto;
}

#productAfbeelding
{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#OrtheekPopUp #productAfbeelding
{
	margin-top:0px;
}
.close
{
	background-image:url(Custom/Components/FrontEnd/images/sluiten.png);
	display: block;
	width: 59px;
	height: 13px;
	float:right;
	margin-right: -20px !important;
	margin-right: 0px;
	margin-top:10px;
}

.close2
{
	background-image:url(Custom/Components/FrontEnd/images/sluiten.png);
	display: block;
	width: 59px;
	height: 13px;
	float:right;
	margin-right: 20px !important;
	margin-top:10px;
}

h1#popUpTitle
{
	border:none;
	text-decoration:none;
	font-size: 18px;
	margin-left: 30px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.PopUpRechts
{
	width:310px;
	margin-right: 30px !important;
	margin-right: 10px;
	float: right;
}

.PopUpLinks
{
	width: 150px;
	float:left;
}

h3
{
	color:#00684D;
	font-style:italic;
	font-weight:normal;
	font-size: 11px;
}

#PopUptxt
{
	padding-top: 20px;
	padding-bottom: 20px;
}

#PopUptxt2
{
	margin-top: -30px;
	padding-bottom: 20px;
}

#PopupBackground 
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 900;
	overflow: hidden;
}

a.bijlage
{
	color: #000;
	background-image:url(Custom/Components/FrontEnd/images/bijlage.gif);
	padding-left: 22px;
	display:block;
	height: 20px;
	background-repeat:no-repeat;
	background-position:2px center;
	background-color:#DDD;
	text-decoration:none;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
}

a.bijlage:hover
{
	text-decoration: underline;
}

/* Form */

#HelpTekst 
{
	position:absolute;
	width:212px;
	font-size: 11px;
	display:none;
	z-index:2000;
}

#HelpLinks 
{
	background-image:url(Custom/Components/FrontEnd/images/helprechts.gif);
	width:12px;
	background-repeat:no-repeat;
	background-position:top left;
	height:12px;
	float: right;
	position:relative;
}

#HelpRechts
{
	float:left;
	width: 200px;
	position:relative;
}

#HelpTekstTarget 
{
    margin-left:12px;
	padding:10px;
	background-color:#eceef1;
}


/* Header Backgrounds*/

.header
{
	background-image:url(Custom/Components/FrontEnd/images/contact.jpg);
}
.onze_diensten
{
	background-image:url(Custom/Components/FrontEnd/images/onze_diensten.jpg);
}
.bedrijfsprofiel
{
	background-image:url(Custom/Components/FrontEnd/images/bedrijfsprofiel.jpg);
}
.de_mensen
{
	background-image:url(Custom/Components/FrontEnd/images/mensen.jpg);
}
.contact
{
	background-image:url(Custom/Components/FrontEnd/images/contact.jpg);
}
.praktische_informatie
{
	background-image:url(Custom/Components/FrontEnd/images/praktische_informatie.jpg);
}

.home
{
	background-image:url(Custom/Components/FrontEnd/images/home.jpg);
}


/* Footer Img's  */

.footer-imgs
{
	position:absolute;
	width: 560px;
	top: 0px;
	right: 0px;
}

.footer-imgs a
{
	display: block;
	margin-right: 10px;
	margin-left: 20px;
	width: 100px;
	height: 56px;
	background-image: url(Custom/Components/FrontEnd/images/footer.png);
	float: left;
}

.footer-imgs .btn_1{ background-position: -338px bottom;}
.footer-imgs .btn_1:hover{ background-position: -338px 0px;}

.footer-imgs .btn_2{ background-position: -220px bottom; width: 120px;}
.footer-imgs .btn_2:hover{ background-position: -220px 0px;}

.footer-imgs .btn_3{ background-position: -118px bottom}
.footer-imgs .btn_3:hover{ background-position: -118px 0px}

.footer-imgs .btn_4{ background-position: 0px bottom;}
.footer-imgs .btn_4:hover{ background-position: 0px 0px;}