﻿* {
	color: white;
	font-family: "Calibri", "Gill Sans", "Gill Sans MT",  "Trebuchet MS", sans-serif; 
	font-size:13px;
	
}

input, select, option, textarea {
	color:black;
}

select {
	width: 160px !important;
	margin-left: 2px;
}

body {
    background: transparent url(../images/background.jpg) repeat;
}

a {
	color: white;
}

a:hover {
	color: white;
	text-decoration:none;
}

#wrapper {
    background-color: transparent;
    width: 800px;
    margin: 0px auto auto auto;
    padding: 2em;
   }


#top-banner {
	margin: 0px 0px 10px 0px;
}

#newsflash {
	text-align:left;
	font-size: 14px;
	display:inline;
		
}


#language_selection {
	display:inline;
	text-align:right;
	font-size: 12px;
	margin-right:80px;
	float:right;
}

#language_selection a {
	color: white;
}

#language_selection a:hover {
	text-decoration:none;
}




#menu {
	margin: 20px auto 20px auto;
	font-weight:bold;
}

#menu ul, li { margin: 0; padding: 0; background-color:black; }
#menu li { padding: 0 5px 0 9px;  list-style-type: none; display: inline;  }
#menu li a { color:#9d2d9d; text-decoration:none; }
#menu li a:hover { text-decoration:underline; }

#footer ul, li { margin: 0; padding: 0;  }
#footer li { padding: 0 5px 0 9px;  list-style-type: none; display: inline;  }
#footer li a { color:#9d2d9d; }


#header div#logo {
	 background: url(../images/header.png) transparent no-repeat;
	 height:80px;
	 width: 780px;
}

#header div#logo span { display: none; }

#content ul li {
	margin-left: 30px;
	list-style:square;

}


h1 {
    color: white;
    font-size: 20px;
    font-weight:bold;
    clear:both;
}


h2 {
    color: white;
    font-size: 16px;
    font-weight:bold;
}

h3 {
    color: white;
    font-size: 14px;
    font-weight:bold;
}


#content h1 {
    color: white;
    font-size: 20px;
    font-weight:bold;
    clear:both;
}


#content h2 {
    color: white;
    font-size: 16px;
    font-weight:bold;
}

#content h3 {
    color: white;
    font-size: 14px;
    font-weight:bold;
}

#footer {
    padding-top: 20px !important;
    text-align: center;
}

.content-filler {
	background-color:black !important;
}


.consulenten {
	clear: both;	
}

p.highlight {
	margin-left: 30px;
	background-color:black;
	font-size:14px;
}

img.consulentpage {
	width: 120px; 
	height: 120px;
	float:left;
	margin-right: 10px;

}


/******************************************************************
 * 				CONSULTENTEN BOX - MSN PAGE
 *******************************************************************/
.consulent-box-msn {
	float:left;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 260px;
	height:150px;
	background: url(../images/msn-vakje.png) no-repeat;
}


.consulent-box-msn .consulent-boxnr {
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 3px;

}

.consulent-box-msn .consulent-image {
	padding-left: 6px;
	float:left;
	margin-right:3px;

}	

.consulent-box-msn .consulent-image img {
	width: 80px; 
	height: 80px;
	
}

.consulent-box-msn .consulent-steekwoorden {
	font-size: 12px;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
}

.consulent-box-msn .profile-link {
	margin-top: 10px;
	font-size: 11px;
	text-align:center;
	/*height: px;*/
}

.consulent-box-msn .addInfo {
	clear:both;
	padding-top: 5px;
	font-size: 12px;
	text-align:center;
	height: 20px;
	font-weight:bold;
}




/******************************************************************
 * 				CONSULTENTEN BOX
 *******************************************************************/
.consulent-box {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 150px;
	height:200px;
	background: url(../images/consulent_bg.png) no-repeat;
	
	
}

.consulent-box .consulent-boxnr {
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 3px;

}

.consulent-box .consulent-image {
	padding-left: 6px;
	float:left;
	margin-right:3px;

}	

.consulent-box .consulent-image img {
	width: 80px; 
	height: 80px;
	
}

.consulent-box .consulent-status {
	font-size: 18px;
	padding-left: 6px;
	height: 60px;
	text-align:center;
}

.consulent-box .profile-link {
	
	font-size: 11px;
	text-align:center;
	height: 20px;
}


.consulent-box .consulent-status .online { color: lime; }
.consulent-box .consulent-status .online a { 
	color: lime;
}


.consulent-box .consulent-status .busy { color: orange; }
.consulent-box .consulent-status .offline { color: red; }

.telephone-info p {
	clear:both;
	font-size: 16px;
	text-align:center;
	font-weight:bold;
	
}

.consulent-box p.info {
	clear:both;
	padding-top: 3px;
	font-size: 11px;
	margin-left: 10px;
	padding-left: 0px;
	
}


/** HOME **/

#home_top_left {
	float: left;
	width:500px;
	margin-top:20px;
	margin-right:20px;
}


#home_top_right {
	padding-top: 10px;
}

/** LINKS **/
div.link_container {
	 margin-bottom: 10px;
}

div.link_container div.link_left {
	float:left;
	margin-right:50px;
	margin-left:25px;
}


/** WORKSHOPS **/

div.workshops {
	background-color:black;
}


div.workshops p {
	padding-left: 5px;
}


div.workshops img {
	padding: 0px 9px 0px 0px;
	margin: 0px 0px 8px 0px;
	width: 100px;
	height: 100px;
	}


div.workshop_title {
	background-color: #9d2d9d;
	/** TOP RIGHT **/
	padding: 3px 5px 3px 5px;
	font-variant: small-caps;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	clear: both;
}	
