/******************************************
Website : www.commu2.nl
CSS : Diederik Dijkstra
E-mail: ddijkstra@lautenbag.nl
WWW: http://www.lautenbag.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

:-moz-any-link:focus {outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;}

img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 1px;}

/*LAYOUT
**************************************************/

body{
	background: #e6bb0e url(img/bg.jpg) left top repeat-x;}

div#header{
  float: left;
  display: inline;
  height: 127px;
  line-height: 127px;
  width: 700px;
  text-align: center;
  margin: 0;
  padding: 0;
  background: transparent url(img/bg_miniheader.jpg) left top no-repeat;}

div#topmenu{
  float: left;
  display: inline;
  background: transparent url(img/bg_mini_topmenu.jpg) left top no-repeat;
  margin: 0 0 0 250px;
  width: 450px;
  height: 55px;}

div#logo{
  float: left;
  display: inline;
  background: transparent url(img/mini_logo.jpg) left top no-repeat;
  margin: 0 0 0 250px;
  width: 450px;
  height: 72px;}

div#container{
  width:920px;
  margin:0 auto}

div#wrapper{
  float:left;
  display: inline;
  width:100%}

div#content{
  margin: 0 220px 0 250px;}

div#notebook{
  background: transparent url(img/bg_mini_content.jpg) left top no-repeat;
  height: 583px;}

div#tekst{
  float: left;
  display: inline;
  overflow: auto;
  margin: 20px 0 0 50px;
  padding-right: 10px;
  height: 510px;
  width: 360px;}

div#sidebar_1{
  float:left;
  display: inline;
  width:250px;
  height: 583px;
  margin-left:-920px;
  background: transparent url(img/bg_mini_sbar1.jpg) left top no-repeat;}

div#box{
  margin: 110px 25px 0 55px;}

div#sidebar_2{
  float:left;
  display: inline;
  width:220px;
  margin-left:-220px;
  margin-top: -127px;
  height: 710px;
  background: transparent url(img/bg_sbar2.jpg) left top no-repeat;}

div#footer{
  clear:left; width:100%; height: 1px; overflow: hidden;
  background-color: transparent}

/*TYPOGRAFIE
**************************************************/

body{
	font: normal 12px/18px Georgia, Times, Times New Roman, Arial, sans-serif;
	color: #362243;}

div#sidebar_1{
	font: normal 11px/16px Georgia, Times, Times New Roman, Arial, sans-serif;}

div#footer{
  text-align: center;
  color: #fff;
  padding: 20px 0;}

/*PARAGRAPHS*/
p {padding: 0 0 20px;}

/*HEADINGS*/
h1,h2,h3,h4{
  font-family: Georgia, Times, Times New Roman, Arial, sans-serif;
  font-weight: bold;
  color: #362243;
  padding: 0 0 20px}

h1{ font-size: 28px; line-height: 32px;} 
h2{ font-size: 22px; line-height: 26px;}
h3{ font-size: 16px; line-height: 20px;}
h4{ font-size: 12px; line-height: 18px;}

div#tekst h1, div#tekst h2{
  padding: 0 0 10px;
  margin: 0 0 10px;
  background: transparent url(img/header_line.jpg) left bottom no-repeat;}
  
div#box h3{
  color: #fff;
  padding: 20px 0 2px;
  font-weight: normal}

/*LISTS*/
div#tekst ul{
	list-style-type: disc;
	margin: 0 0 20px;
	padding: 0 0 0 15px;}

div#tekst ul li{
	padding: 0 0 0 5px;}

div#tekst ol{
	list-style-type: decimal;
	margin: 0 0 20px;
	padding: 0 0 0 25px;}

div#tekst ol li{
	padding: 0 0 0 10px;
	margin: 0;}

/*LINKS*/
a {         text-decoration: underline; font-weight: bold;}
a:link {    color: #ff4800; }
a:visited { color: #ff4800; }
a:hover {   color: #ff4800; text-decoration: none;}
a:active {  color: #ff4800; }

h1 a {         text-decoration: none; font-weight: bold; }
h1 a:link {    color: #362243; }
h1 a:visited { color: #362243; }
h1 a:hover {   color: #ff4800; text-decoration: none;}
h1 a:active {  color: #ff4800;}

h2 a {         text-decoration: none; font-weight: bold; }
h2 a:link {    color: #362243; }
h2 a:visited { color: #362243; }
h2 a:hover {   color: #ff4800; text-decoration: none;}
h2 a:active {  color: #ff4800;}

h3 a {         text-decoration: none; font-weight: bold; }
h3 a:link {    color: #362243; }
h3 a:visited { color: #362243; }
h3 a:hover {   color: #ff4800; text-decoration: none;}
h3 a:active {  color: #ff4800;}

div#box a {         text-decoration: none; font-weight: bold;}
div#box a:link {    color: #362243; }
div#box a:visited { color: #362243; }
div#box a:hover {   color: #362243; text-decoration: underline;}
div#box a:active {  color: #362243; text-decoration: underline;}


/*MENU-BOTTOM
******************************************/
     
div#sidebar_2 ul{
  float: left;
  display: inline;
	width: 208px;
	margin: 0 0 0 6px;
	padding: 0;
	line-height: 19px;
	list-style: none;
	background: transparent url(img/bg_menu.jpg) left top repeat-y;}
   
div#sidebar_2 li{
	float: left;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0 0 0 26px; 
  line-height: 19px;
  height: 37px;
  background: transparent url(img/menu_pijl.png) 10px 5px no-repeat;} 

div#sidebar_2 a {         text-decoration: none; font-weight: normal; padding: 1px; color: #0000c5; font-size: 14px;}
div#sidebar_2 a:link {    color: #0000c5 }
div#sidebar_2 a:visited { color: #0000c5; }
div#sidebar_2 a:hover {   color: #0000c5; text-decoration: underline;}
div#sidebar_2 a:active {  color: #0000c5;}

div#menu_tp{
  float: left;
  display: inline;
  width: 220px;
  height: 27px;
  background: transparent url(img/menu_top.png) left top no-repeat;}

div#menu_bt{
  float: left;
  display: inline;
  width: 220px;
  height: 78px;
  background: transparent url(img/menu_bottom.png) left top no-repeat;}


/*TOPMENU
******************************************/
     
div#topmenu ul{
	width: auto; 
	width: 224px;
	margin: 0 0 0 214px;
	padding: 0;
	line-height: 55px;
	list-style: none;}
   
div#topmenu li{
	float: left;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0; 
  line-height: 55px;
  height: 55px;}
        
div#topmenu a,
div#topmenu a:link,
div#topmenu a:active,
div#topmenu a:visited{
	display: inline-block;
  /* hide from ie/mac \*/
  display: block;
  /* end hide */
  font-weight: bold;
  text-decoration: none;
  padding: 0;
  margin: 0;
  height: 55px;}

div#topmenu a:hover{
	text-decoration: none;
  margin: 0;
  height: 55px;}

/*HOME*/
div#topmenu li.home a,
div#topmenu li.home a:link,
div#topmenu li.home a:active,
div#topmenu li.home a:visited,
div#topmenu li.home a:hover{
	background:url('img/btn_home.jpg');
  width: 108px;}

div#topmenu li.home a:hover{
	background-position:0 -55px;}

/*CONTACT*/
div#topmenu li.contact a,
div#topmenu li.contact a:link,
div#topmenu li.contact a:active,
div#topmenu li.contact a:visited,
div#topmenu li.contact a:hover{
	background:url('img/btn_contact.jpg');
  width: 116px;}

div#topmenu li.contact a:hover{
	background-position:0 -55px;}

/*REACTIEFORMULIER
**************************************************/

div#commentform{
  float: left;
  display: inline;
  width: 350px;
  margin: 20px 0;
  padding: 0;
  border-bottom: 1px dotted #222;}

div#commentform p,
div#commentform label span.info{
  font: normal 11px/14px Arial, sans-serif;
  color: #666;
  padding: 0 0 1.0em;}

div#commentform form{ margin: 0 0 1.5em; padding: 0;}
input, textarea{ outline: none;}

label{
  float: left;
  display: inline;
  font: 11px/28px Arial, sans-serif;
  color: #362243;
  margin: 0 0 0 10px;
  padding: 0;
  width: 100px;}

div#reactieformulier input{
  float: left;
  display: inline;
  font: bold 12px Arial, sans-serif;
  background-color: #fff;
  color: #362243;
  margin: 0 0 5px 0;
  border: 1px solid #ccc;}

input.single{
  width: 240px;
  padding: 4px 0 0 3px;
  height: 20px; 
  line-height: 20px}

textarea {
  float: left;
  display: inline;
	height: 200px;
  font: normal 12px/15px Arial, sans-serif;
  background-color: #fff;
  color: #362243;
	padding: 5px 4px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
  overflow: auto;
  width: 350px;
  resize: none;
  scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff; 
	scrollbar-shadow-color: #fff; 
  scrollbar-track-color: #fff;
  scrollbar-3dlight-color: #fff;
  scrollbar-arrow-color: #ff4800;
	scrollbar-darkshadow-color: #fff}

div#reactieformulier input.button{
  font: bold 12px Tahoma, Verdana, Arial, sans-serif;
  float: right;
  display: inline;
  background-color: #362243;
  border: 3px double #ccc;
  color: #efefef;
  padding: 5px;
  margin: 0 0 9px 20px;
  text-align: center;}

div#reactieformulier input.button:hover{
 background: #ff4800;
 border: 3px double #fff;
 color: #fff;}
 
div#letters {
	padding-left: 390px;
}

div#letters a {
	color: black;
	text-decoration: none;
}

div#letters a.normaal {
	font-size: 16px;
}

div#letters a.groot {
	font-size: 20px;
}

div#uitgelicht{
	float: left;
	display: inline;
	background:url('img/uitgelicht.png');
	width: 250px;
	height: 265px;
	margin: 50px 0 0 0px;
}

div#uitgelicht a.weblog{
	float: right;
	margin: 14px 25px 0px 0px;
	display: inline;
	font-size: 14px;
	padding: 5px 15px 5px 10px;	
	color: #362243;

}
	
div#uitgelicht_blok{
	float: left;
	display: inline;
	padding: 0px 15px 10px 35px;
	width: 180px;
}

div#uitgelicht_blok h1 {
	font-size: 18px;
	padding-bottom: 5px;
}


div#sidebar_2 div#uitgelicht div#uitgelicht_blok a{
	color: #ff001d;
	font-size: 12px;
	
}
	
a.banner{
	width: 149px;
	height: 23px;
	float: right;
	margin: 5px 0 0 0;
	text-decoration: none;
}