* {
  margin: 0;
  padding: 0;
}
  
html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height: 100%;
}

img {
	border: 0;
}

a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #0162bc; text-decoration: none; }

p {
  margin: 10px 0 10px 0;
}

#beker {
  margin: 0 auto;
  min-height: 100%;
  position: relative; /* om #footer te positioneren t.o.v. #beker */
  width: 861px;
}

#header {
  background: #ffffff url('./images/bg_header_main.png') repeat-x;
  height: 282px;
  /* border: 1px fuchsia solid; */
  width: 845px;
  margin: 0 auto 10px auto;
}

#nav {
  padding: 0;
  position: absolute;
  height: 5px;
  top: 282px;
  width: 100%;
}
  
#content {
  float: left;
  margin: 0 0 40px 15px; /* hoogte van de footer */
  width: 680px;
}

#content_text ul{
	list-style:none;
	margin:13px 0 13px 20px
}

#content_text ul li{
	padding:0 0 3px 18px;
	background:url(./images/bllt.png) left 4px no-repeat
}

#content2 {
  margin: 0 auto 40px auto; /* hoogte van de footer */
  width: 680px;
}

#balk {
  float: right;
  margin: 0 15px 40px 0;
  width: 140px;
  height: 450px;
}

#footer {
	background: #ffffff url('./images/bg_footer.png') no-repeat;
	bottom: 0;
	height: 15px;
	padding: 5px 0 5px 0;
	position: absolute;
	color: #afafaf;
	font-size: 11px;
	width: 100%;
	overflow: hidden;
}

.clear {
  clear: both;
  height: 0px;
}

input.button {
  cursor: pointer;
}

/*cms stuff*/

blockquote{	
	line-height:140%;
	margin:0 0 16px 0
}

blockquote{
	background:#fff;
	color:#333;
	border:1px solid #0271d9;
	border-left:5px solid #0271d9;
	padding:7px
}

.album{
	background:#fff;
	border:1px solid #0271d9;
	border-left:5px solid #0271d9;
	padding:7px
}
	
blockquote p{
	margin: 0
}

#sdm{
	float:right;
	width:200px
}

#sdm h2{
	border:1px solid #0271d9;
	background:#fff;
	text-transform:uppercase;
	font-size:12px;		
	padding:2px 0 0 6px;
	line-height:22px;
	margin:0 0 10px 0
}

#sdm p{
	padding:0 0 0 7px
}

#sdm p a{
	font-weight:bold;
	color:#1D1D1D
}

#sdm p a:hover{
	text-decoration:none
}

#sdm ul{
	list-style:none;
	padding:0 0 0 7px
}

#sdm li{
	padding:0 0 4px 0
}

input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: white;
	border: 1px solid black;
	border-left:4px solid #bfdaf4;
	padding: 1pt;
	margin: 5px;
}
        
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: white;
	border: 1px solid black;
	border-left:4px solid #bfdaf4;
	padding: 1pt;
	margin: 5px;
}
/*END cms stuff*/



/* extra stuff */
#header_sub1 {
  background: #ffffff url('./images/bg_header_left.png') no-repeat;
  width: 296px;
  height: 206px;
  float: left;
}

#header_sub2 {
  background: #ffffff url('./images/bg_header_right.png') no-repeat;
  width: 274px;
  height: 206px;
  float: right;
}

#nav_slice {
	margin: 10px 0px 2px 13px;
	width: 832px;
	background: #ffffff url('./images/bg_slice.png') top center no-repeat;
	height: 1px;
	float: left;
}



/*navigation menu*/
#nav_container {
	margin: 8px 0;
	height: 65px;
	width: 845px;
	float: left;
}

#nav_wrap {
	height: 65px; /* however tall it needs to be to fit your background image */
	width: 845px;
	padding: 0px 182px 0px 182px;
	margin: 0px auto 0px auto;
	background-image: url(./images/small-drop.png);
	background-repeat: no-repeat;
	padding-top: 30px; /* gives the image room to be viewed, pushing the ul down */
}

#nav_wrap ul {
	list-style-type: none;
}

#nav_wrap ul li{
	display: inline;
}

#nav_link_home, #nav_link_pd, #nav_link_about, #nav_link_contact {
	height: 26px;
	/*text-indent: 10000px;*/
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 50px;
}

#nav_link_home:hover, #nav_link_pd:hover, #nav_link_about:hover, #nav_link_contact:hover {
	background-position:  bottom left;
}

#nav_link_home {
	width: 43px;
	background:  url(./images/nav_home.png)  top  left no-repeat; 
}

#nav_link_home a {
	padding-left: 43px; /* width of icon + whitespace */
}

#nav_link_pd {
	width: 157px;
	background:  url(./images/nav_producten_diensten.png)  top  left no-repeat; 
}

#nav_link_pd a {
	padding-left: 157px; /* width of icon + whitespace */
}

#nav_link_about {
	width: 68px;
	background:  url(./images/nav_over_ons.png)  top  left no-repeat; 
}

#nav_link_about a {
	padding-left: 68px; /* width of icon + whitespace */
}

#nav_link_contact {
	width: 63px;
	margin-right: 0px;
	background:  url(./images/nav_contact.png)  top  left no-repeat; 
}

#nav_link_contact a {
	padding-left: 63px; /* width of icon + whitespace */
}

/*ticker - ticker*/

#NewsTicker{
	width:140px;
	height:380px;
	margin:0px auto 0px auto;
	position: relative;
}

#NewsVertical {
	width: 140px;
	height: 380px;
	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	top: 0px;
}

#NewsOverlay {
	width: 140px;
	height: 380px;
	display: block;
	position: absolute;
	z-index: 20;
	top: 0px;
	background:  url(./images/balk-top.png) top center no-repeat;
}

/* --------------- */
/* Ticker Vertical */
#TickerVertical {
	width: 140px;
	height: 380px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#TickerVertical li {
	display: block;
	width: 120px;
	color: #333333;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 6px;
	float: left;
}

#TickerVertical li .NewsTitle{
	display: block;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
}

#TickerVertical li .NewsTitle a:link, #TickerVertical li .NewsTitle a:Visited {
	display: block;
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
	text-decoration:none;
}

#TickerVertical li .NewsTitle a:hover {
	text-decoration:underline;
}
		
#TickerVertical li .NewsImg{
	float:left;
	margin-right:10px;
}

#TickerVertical li .NewsFooter{
	display: block;
	color: #000000;
	font-size: 10px;
	margin:6px 0 14px 0;
}


/*footer*/


#footer_text1 {
	float: right;
	width: 190px;
}

#footer_text2 {
	float: right;
	width: 320px;
}

#content_text {
	background: #ffffff url('./images/content_bg.png') no-repeat;
	margin: 0 auto;
	padding: 10px 15px 5px 15px;
	width: 642px;
	height: 300px;
}