@charset "UTF-8"; /* wat doet dit??? auto dreamweaver bij aanmaak css document??*/

/* Kleuren StylingandMore:
paars: #5A3169
text: #000

/* Maten:
webbreedte: 700px
banners: b=200px h=150px */


/* ALGEMEEN
---------------------------------------------------------- */

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

body {
	background:url(../images/site/bg.gif) top center repeat;
	text-decoration:none;
	font:normal 12px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
}

img {
	border: 0px;
}

table {
	border:0px solid red;
}

a {
	color:#5A3169;
	text-decoration:none;
}

a:hover {
	color:#5A3169;
	text-decoration:underline;
}

.main {
  	margin-left:auto;
  	margin-right:auto;
  	width:700px;
  	height:100%;
  	background:url(../images/site/bg2.gif) top center repeat-y;
}

h1 {
	font:bold 14px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#5A3169;
	padding-bottom:5px;
	text-align:left;
}

h2 {
	font:bold 12px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:5px;
	padding-top:7px;
	text-align:left;
}

p {
	margin-top:7px;
	text-align:left;
}

/* HEADER
---------------------------------------------------------- */

#logo {
	background:url(../images/site/logo2.gif) top left no-repeat;
	text-indent:-9999px;
	height:66px;
	width:240px;
	margin:0;
	padding:0;
	position: absolute;
	float:left;
}

address {
	float:right;
	position:relative;
	width:200px;
	heigth:80px;
	min-height:80px;
	margin:0 24px 0 0;
	background:url(../images/site/adresbg.png) top left no-repeat;
	display:inline;
	overflow:visible;
}

address p {
	margin: 14px 0 0 12px;
	font:bold 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
}

address a, address a:hover {
	color:#FFF;
}

/* MENU
----------------------------------------------------------
ul#menu {
	position:absolute;
	height:24px;
	width:682px;
	background:#5A3169;
	margin-top:245px;
	display:block;
	padding-left:18px;
}

ul#menu li a {
	font:bold 11px/23px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	display:block;
	height:24px;
	padding-left:2px;
	padding-right:2px;
}

ul#menu li a:hover {
	text-decoration:none;
	color:#5A3169;
	background:#FFF;
}

ul#menu li {
	position:relative;
	border:0px dotted #CCC;
	margin-right:21px;
	float:left;
	list-style-type:none;
	height:24px;
	display:inline-block;
}

*/


#menucontainer {
	text-align: left;
}

#menucontainer ul {
	position:absolute;

		
	margin-top:245px;
	padding-left:18px;
	margin-left: 0 !important;
	background-color:#5A3169;
	color:#FFF;
	width:682px;
	font:bold 11px/23px Tahoma, Arial, Helvetica, sans-serif;
	
}

#menucontainer ul li {
	display:inline;
}

#menucontainer ul li a {
	padding: 0.2em 1em;
	background-color:#5A3169;
	color:#FFF;
	text-decoration: none;
	float: left;
}

#menucontainer ul li a:hover {
	background-color:#FFF;
	color:#5A3169;
}

#menucontainer ul li.actief a {
	background-color:#8A6E96;
}


/* CONTENT
---------------------------------------------------------- */
#content {
	position:relative;
	width:700px;
	min-height:200px;
	background:#FFF;
	text-align:left;
	display:table-cell;
}

#inhoud {
	width:428px;
	min-height:50px;
	margin:24px 0 24px 24px;
	padding:0;
	position:relative;
	float:left;
	display:inline;
}

#banners {
	width:200px;
	min-height:150px;
	margin:24px 24px 24px 0;
	padding:0;
	position:relative;
	float:right;
	text-align:left;
	display:inline;
}

#banners p {
	margin:5px 0 19px 0;
	color:#5A3169;
	font-style:italic;
}

ul.opsomming {
	list-style-type:square;
	list-style-position:inside;
}


/* CONTENT PORTFOLIO
---------------------------------------------------------- */

.pfitem {
	position:relative;
	border:0px red solid;
	display:table;
	width:700px;
}


.pfinhoud {
	width:428px;
	min-height:50px;
	float:left;
	margin:24px 0 0 24px;
	padding:0;
	position:relative;
	float:left;
	display:inline;
	overflow:hidden;
}

.pffoto {
	width:200px;
	min-height:150px;
	margin:24px 24px 0 0;
	padding:0;
	position:relative;
	float:right;
	text-align:left;
	display:inline;
}

#pfvlak {
	position:relative;
	margin-bottom:24px;
}

.pfinhoud h1 {
	padding-bottom:10px;
}

.pfitem h2 {
	font:bold 12px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:0;
	padding-top:0;
	text-align:left;
}

/* PARTNERS
---------------------------------------------------------- */
.partnervlak {
	margin:24px 0 24px 24px;
	padding:0;
	position:relative;
	width:652px;
}


/* CONTENT PORTFOLIO ITEM
---------------------------------------------------------- */

.fotopf {
	margin:0 24px 24px 24px;
}

.inleiding {
	font-style:italic;
}

#submenucontainer {
	width: 200px;
}

#submenucontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
}

#submenucontainer a {
	display:block;
	padding:3px 4px 4px 10px;
	width:200px;
	background-color:#8A6E96;
}

#submenucontainer a:link, #submenu a:visited {
	color:#FFF;
	text-decoration:none;
}

#submenucontainer a:hover {
	background-color:#5A3169;
	color:#FFF;
}

/* CONTACTFORMULIER
---------------------------------------------------------- */

input.actie {
	background-color:#FFF;
	border:1px solid #5A3169;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:15px;
	width:253px;
}

input.box {
	background-color:#FFF;
	border:1px solid #5A3169;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:15px;
	width:15px;
}

textarea {
	background-color:#FFF;
	border:1px solid #5A3169;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:125px;
	width:253px;
}

.contactform {
	padding-top:20px;
	padding-bottom:20px;
}

.contactform td {
	padding:2px 0;
}


/* FOOTER
---------------------------------------------------------- */
#footer {
	position:relative;
	height:24px;
	width:700px;
	background:#5A3169;
}

.png {
	behavior:url('./etc/iepngfix.htc');
}