﻿/* General */
* {
    /* margin: 0; */
    /* padding: 0; */
}

.clear {clear:both;}
.hide {display: none;}
img {border:none;}

img.thumb{
    border:solid 1px #004857;
    background:#fff;
    padding:1px;
    margin:0 6px 6px 0;
}

form{margin:0;padding:0;}


/*-----------------------------------------------------------------------------*/

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif; */
	line-height:1.5;
	font-size : 11px;
	color: #000;
	background:#808080;
	margin:0;
	padding:0;
}

.alert{
	font-weight:bold;
	color:Red;
}

hr.type1{color:#000;height:1px;}


/*  Stylen link algemeen */

a:link,a:visited,a:active{
	color : #004858;
    text-decoration: underline;
}

a:hover{
	color : #004858;
    text-decoration: none;
}

/*  Stylen link met afbeelding */

a.lock{
	background: url(../Images/Menu/lock.png) no-repeat;
	padding: 0 0 6px 20px;
}

a.lockopen{
	background: url(../Images/Menu/lock_open.png) no-repeat;
	padding: 0 0 6px 20px;
}

a.go:link, a.go:visited, a.go:active{
	background: url(../Images/Icons/application_go.png) no-repeat;
	padding: 0 0 6px 25px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

a.go:hover{
	text-decoration:underline;
}

a.pdf:link, a.pdf:visited, a.pdf:active{
	background: url(../Images/Icons/Btn_PDF.gif) no-repeat;
	padding: 0 0 6px 25px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

a.pdf:hover{
	text-decoration:underline;
}

/* Formulier elementen 
-----------------------------------------------------------------------------*/

.formbuttondummy{
	width:1px;
    background-color: #b9bec2;
    border: 1px solid #b9bec2;
	color : #b9bec2;
	text-decoration:none;
	padding: 0;	
	font-size: 1px;
}

.formitem{
	background-color:#f5f6f6;
	color:#000;
	border:1px solid #004858;
	width:200px;
}

.formitemfileupload{
	background-color:#fff;
	color:#000;
	border-top:1px solid #abadb3;
	border-right:1px solid #e3e9ef;
	border-bottom:1px solid #e3e9ef;
	border-left:1px solid #e3e9ef;
	width:390px;
}

.formbutton{
	background-color:#004858;
	color:#fff;
	border:none;
}

#emailfile .label{
	margin:0;
	padding:0;
}


.formitem2{
	clear: both;
	padding: 3px 0;
	margin: 0;
}

.formlabel1{
	float:left;
	width: 110px;
	padding-right: 6px;
	text-align: left;
	color: #404040;
	font-style:normal;
}

.formlabel2{
	display:block;
	color: #404040;
	font-style:normal;
}

.formfield1{
	font-size: 11px;
	border: 1px solid #496eaa;
	width: 270px;
	margin-right:6px;
}

.formfield2{
	font-size: 11px;
	border: 1px solid #496eaa;
	width: 100%;
}



/* Login
-----------------------------------------------------------------------------*/

#loginheader{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing: -1pt;
	margin:0 0 0 30px;
	color: #808080;
	padding:50px 0 0 0;
	font-weight:normal;
}

#login,
#logoff{
	margin:0;
	padding:15px 0 40px 30px;
	font-size:10px;
	border-bottom:solid 1px #b2babc;
	color: #808080;
}

.formfieldusername,
.formfieldpassword{
	font-size:10px;
	width:110px;
	border:solid 1px #b2babc;
	background:#fff;
	margin-bottom:3px;
}

.formfieldlogin,
.formfieldlogoff{
	display:block;
	margin-top:6px;
	font-size:10px;
	border:solid 1px #b2babc;
	background:#b2babc;
	color:#fff;
}

#username{
	font-weight:bold;
	padding:12px 0;
}


/* Taalkeuze
-----------------------------------------------------------------------------*/
#languagesection{}

#translator{float:right;padding-left:20px;padding-right:7px;}

/* de twee volgende definities verwijzen naar de ID's in het Javascript van Microsoft */
/* #MST_Tgt{font-size:10px;height:20px;} */
/* #MST_Link img{height:20px;} */

#translator .googletranslation{font-size:10px;height:20px;border:solid 1px #aaa;}

#languageselection{
	float:right;
	font-size: 11px;
	margin:0;
	padding:0 3px;
	list-style-type:none;
}

#languageselection li{
	float:left;
}

#languageselection a.lsnormal, a.lsselected{
	display:block;
	float:left;
	height:19px;
	line-height:19px;
	margin: 0 5px 0 0;
	padding: 0 9px;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:0;
}

#languageselection a.lsnormal{
	color:#fff;
}

#languageselection a.lsnormal:hover, a.lsselected{
	color:#fff;
	background: #004858;
}


/* menumain
-----------------------------------------------------------------------------*/

#menumain{
	margin:0;
	padding:50px 0;
	list-style:none;
	background-color:Transparent;
	border-bottom:solid 1px #b2babc;
}

#menumain li{
}


#menumain a:link,
#menumain a:visited,
#menumain a:active,
#menumain a.selected:link,
#menumain a.selected:visited,
#menumain a.selected:active{
	height:23px;
	width:150px;
	display:block;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing: -1pt;
	margin:0 0 0 20px;
}

#menumain a:link,
#menumain a:visited,
#menumain a:active{
	color: #808080;
}

#menumain a.selected:link,
#menumain a.selected:visited,
#menumain a.selected:active{
	color : #004858;
}

#menumain a:hover{
	color : #004858;
}

.menusub{
	margin:0 0 0 12px;
	padding:0;
	list-style-type:none;
	/*background-color:orange;*/
}

#menumain .menusub a:link,
#menumain .menusub a:visited,
#menumain .menusub a:hover,
#menumain .menusub a:active{
	text-transform:none;
	letter-spacing:normal;
	font-size:10px;
}

/* Contact
-----------------------------------------------------------------------------*/

#contactinfo{
	margin:0 0 50px 0;
	padding:50px 0 50px 30px;
	color: #808080;
	font-size:10px;
	border-bottom:solid 1px #b2babc;
}

#contactinfo a:link,
#contactinfo a:visited,
#contactinfo a:active{
	color: #808080;
	text-decoration:none;
}

#contactinfo a:hover{
	color: #808080;
	text-decoration:underline;
}

/* Content - secties
-----------------------------------------------------------------------------*/

#maincontainer{
	width: 906px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	/* background: #fff url(../images/Borginsole/Background.jpg) no-repeat 0 190px; -> zie css sectie */ 
}

#topsection{
	/* background: #fff url(../images/Borginsole/Header.jpg) no-repeat; -> zie css sectie */ 
	height: 190px;
}

#contentwrapper{
	float: left;
	width: 100%;
}

/* als contentsub leeg is -> in code worden marges overschreven */

#contentcolumn{
	margin: 0 263px 0 172px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
	float: left;
	width: 172px; /*Width of left column in pixel*/
	margin-left: -906px; /*Set margin to that of -(MainContainerWidth)*/
	background-color:Transparent;
}

#rightcolumn{
	float: left;
	width: 263px; /*Width of right column*/
	margin-left: -263px; /*Set left margin to -(RightColumnWidth)*/
	background-color:Transparent;
}


/* Content
-----------------------------------------------------------------------------*/

#content{
	padding:30px;
}

#content h1{
	margin:0;
	padding:0 0 12px 0;
	color:#004858;	
	letter-spacing:-1px; 
	font-size: 16px;
	font-weight:normal;
}

#content h1.type1{
	margin:0 0 24px 0;
	padding:36px 0 0 0;
	color:#004858;	
	letter-spacing:-1px; 
	font-size: 16px;
	font-weight:normal;
	border-bottom:solid 5px #004858;
	width:400px;
}

#content h1.type2{
	margin: 18px 0;
	padding: 0 0 3px 0;
	font-size:13px;
	font-weight:bold;
	color:#004858;
	border-bottom: solid 1px #004858;
	font-variant:small-caps;
}

#content h2{
	margin:0;
	padding: 0 0 12px 0;
	font-size:14px;
	font-weight:normal;
	color:#004858;
}

#content h3{
	margin:0;
	padding: 12px 0;
	font-size:13px;
	font-weight:normal;
	color:#004858;
	font-style:italic;
}

#contentsub{
	padding:50px 25px;
	font-size:11px;
}

#contentsub p{
	margin:0;
	padding:6px 0;
}

#contentsub h1{
	margin:0;
	padding: 0 0 12px 0;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

#contentsub h2{
	margin:0;
	padding: 12px 0;
	font-size:12px;
	font-weight:bold;
	color:#000;
}

/* Overzicht podologen
-----------------------------------------------------------------------------*/

.userinfomain{margin:9px 0 0 0;color:#004858;}
.userinfonamecol1{clear:both;float:left;width:145px;padding:0;font-weight:bold;}
.userinfonamecol2{float:right;width:250px;text-align:right;padding:0;}

.userinfonamecol1 a:link,.userinfonamecol1 a:visited,.userinfonamecol1 a:active,.userinfonamecol1 a:hover {text-decoration:none;}
.userinfo{
	clear:both;
	margin:12px 0 18px 0;	
	padding:15px;
	line-height:1;
	border:solid 1px #004858;
	background:#fff;
	display:none;
}

.userinfocontact{}

.userinfocontactdescription{
	margin-top:6px;
}

.userinfocontactdescription p{
	margin:0;
	padding:0;
}

/* Google map
-----------------------------------------------------------------------------*/

#map{
	padding:6px;	
	border:solid 1px #aaa;
	margin-bottom:12px;
}

/* tabellen
-----------------------------------------------------------------------------*/

#bijscholing,
#voordrachten{
	border: #000 1px solid;
	font-size: 9px;
	background: #fff;
	border-collapse: collapse;
}
#bijscholing td,
#voordrachten td{
	border: #ccc 1px solid;
	font-size: 9px;
	background: #fff;
}

/* type1 */

table.type1{
    border-collapse: collapse;
    border-style:none;
}    
table.type1 caption{display:none;}
table.type1 th{display:none;}

table.type1 tr td{
    vertical-align:top;
    text-align:left;
    padding:3px 9px 3px 0;
}


/* Pagina afbeeldingen */

#pageimages{
    padding:12px 0 12px 0;    
}

/* copyright */

#copyright{text-align:center;padding:24px 0;}

