/******************************************
Badon
CSS : Eefje Ferwerda
E-mail: egraauwmans@lautenbagreclame.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: 0px;}

/*LAYOUT
**************************************************/
body {
	font: normal 13px/16px Palatino, Times, Lucida, Tahoma, sans-serif;
	color: #000;
	background: #fff;
		letter-spacing: 1px;

	}

div#site{
	background: transparent;
  }
  
div#top{
  height: 285px;
  width: 100%;
  }

div#main{
  width: 100%;
  }

div#bottom{
  clear: both;
  height: 30px;
  margin: 0 auto;	
  position: fixed;
	bottom: 0px;
	width: 100%;
  }

div#footer{
	clear: both;
  width: 900px;
  height: 30px;
  margin: 0 auto;
	background: url("img/bg_footer.jpg") right bottom no-repeat;   
	}
  
div#header{
  width: 900px;
  height: 280px;
  margin: 0 auto;
  }

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

div#header_top{
  width: 900px;
  height: 95px;
  float: left;
  display: inline;
  background: url("img/header_img.jpg") center bottom no-repeat; ;
  }

div.streamer {
	float: left;
	display: inline;
	width: 400px;
	margin: 55px 0px 0px 310px;
}

div.streamer2 {
	float: right;
	display: inline;
	width: 430px;
	position: absolute;
	margin: 125px 0px 0px 0px;
}

div#header_bottom{
  width: 900px;
  height: 190px;
  float: left;
  display: inline;
	background: url("img/bg_headerbottom.jpg") right top no-repeat;   
	} 

div#header_tekst{
	float: left;
	display: inline;
	width: 390px;
	padding: 30px 5px 10px 30px;
}

div#logo {
	float: left;
	display: inline;
	width: 280px;
	height: 190px;
}

div#sidebar1{
  float:left;
  display: inline;
  width:280px;
  background-color: #fff;
  }
  
/*content
**************************************************/
div#content{
  float: left;
  display: inline;
  width:620px;
	background: #fff url("img/bg_content.jpg") left top repeat-y;
	margin-bottom: 35px;   
 	}

div#content .bg_badon {
	width: 193px;
	height: 141px;
	float: right;
	background: #fff url("img/bg_content_home.jpg") left top no-repeat;   
	} 

div#content .bg_team {
	width: 193px;
	height: 141px;
	float: right;
	background: #fff url("img/bg_content_team.jpg") left top no-repeat;   
	} 

div#content .bg_referenties {
	width: 193px;
	height: 141px;
	float: right;
	background: #fff url("img/bg_content_referenties.jpg") left top no-repeat;   
	} 

div#content .bg_nieuws {
	width: 193px;
	height: 141px;
	float: right;
	background: #fff url("img/bg_content_nieuws.jpg") left top no-repeat;   
	} 

div#content .bg_contact {
	width: 193px;
	height: 141px;
	float: right;
	background: #fff url("img/bg_content_contact.jpg") left top no-repeat;   
	} 

div#bodytext {
	float: left;
	display: inline;
	width: 390px;
	padding: 10px 5px 10px 30px;
}


/*Typographie
**************************************************/
a:link {
	color: #48484a;
  }

a:visited {
	color: #48484a;
  }

a:hover {
	color: #48484a;
	text-decoration: none;
  }

a:active {
	color: #48484a;
  }

a.teruglink {
	font: normal 9px/18px verdana, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

a.teruglink:link {
	text-decoration: none;
	color: #61003d;
}

a.teruglink:visited {
	color: #61003d;
	text-decoration: none;
}

a.teruglink:hover {
	color: #61003d;
	text-decoration: none;
}

a.teruglink:active {
	color: #61003d;
	text-decoration: none;
}


div#footer div#tekst {
	float: left;
	display: inline;
	margin-top: -2px;
	margin-left: 310px;
}

div#footer h1 {
	font: normal 9.5px/25px verdana, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	text-align: left;
	letter-spacing: 1px
}

div#footer h1 sup {
	color: #fff;
	line-height: 5px;
}

h1 {
	font: normal 11px/18px verdana, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #61003d;
	letter-spacing: 1px;
}

h1 strong{
	color: red;
}

h1.streamer {
	font-family: Lucida Bright, Lucida, Palatino, Tahoma, sans-serif, Arial;
	text-transform: none;
	font-weight: 400;
	font-size: 25px;
	line-height: 24px;
	color: #fff;
	letter-spacing: 1px;
	font-style: italic;
}
	
.sIFR-active h1.streamer {
margin: 0px 0 0 0;
font-size: 23px;
line-height: 26px;
}

h1.streamer2 {
	font-family: Lucida Bright, Lucida, Palatino, Tahoma, sans-serif, Arial;
	text-transform: none;
	font-weight: 400;
	font-size: 25px;
	line-height: 24px;
	color: #3e3e40;
	letter-spacing: 1px;
	font-style: italic;
	text-align: right;
}

.sIFR-active h1.streamer2 {
margin: 0px 0 0 0;
font-size: 23px;
line-height: 26px;
}


h2 {
	font: normal 11px/18px verdana, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

h2 strong {
	color: #898888;
}

h2 bold {
	color: #61003d;
	font-weight: 600;
}

h3 {
	font: normal 11px/18px verdana, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;
}

h3 strong{
	color: #898888;
}

h3 strong a{
	color: #898888;
}

h4 {
	font: normal 11px/18px verdana, Arial, Tahoma, sans-serif;
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;
}

h5 {
	font: normal 11px/16px Palatino, Lucida, Verdana, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;
}

h6 {
	font: normal 11px/16px Palatino, Lucida, Verdana, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;
}

p {
	letter-spacing: 1px;
	margin-bottom: 10px;
}

ul{
	margin-bottom: 10px;
}

li {
	font: normal 13px/16px Palatino, Times, Lucida, Tahoma, sans-serif;
	color: #000;
	letter-spacing: 1px;
	list-style-position: inside;
	}
	

/*menu
**************************************************/
div#menu{
  width: 100%;
  float: left;
  display: inline;
  clear: left;
  margin: 0px;
  }

ul.menu {
	width: 100%;
	float: left;
	display: inline;
}

ul.menu li {
	float: left;
	display: block;
	text-align: right;
	height: 36px;
	width: 280px;
	margin: 0px 0px 5px 0px;
	list-style: none;
}

ul.menu li a{
	float: left;
	display: block;
	text-align: right;
	width: 250px;
	height: 24px;
	padding: 3px 15px 0px 0px;
	font: normal 11px/18px verdana, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

ul.menu li a:link{	
	color: #d9d9da;
	text-decoration: none;
}

ul.menu li a:visited{
	color: #d9d9da;
	text-decoration: none;
}

ul.menu li a:hover{
	text-decoration: none;
	color: #fff;
}

ul.menu li a:active{
	color: #d9d9da;
	text-decoration: none;
}


		
ul.menu li.badon {
 	background: url("img/badon.jpg") left top no-repeat; 
	}
ul.menu li.badon_actief {
 	background: url("img/badon_actief.jpg") left top no-repeat; 
	}
ul.menu li.badon_actief a {
 	color: #fff; 
	}
	
ul.menu li.team {
 	background: url("img/hetteam.jpg") left top no-repeat; 
	}
ul.menu li.team_actief {
 	background: url("img/hetteam_actief.jpg") left top no-repeat; 
	}
ul.menu li.team_actief a {
 	color: #fff; 
	}
	
ul.menu li.referenties {
 	background: url("img/referenties.jpg") left top no-repeat; 
	}
ul.menu li.referenties_actief {
 	background: url("img/referenties_actief.jpg") left top no-repeat; 
	}
ul.menu li.referenties_actief a {
 	color: #fff; 
	}
	
ul.menu li.nieuws {
 	background: url("img/nieuws.jpg") left top no-repeat; 
	}
ul.menu li.nieuws_actief {
 	background: url("img/nieuws_actief.jpg") left top no-repeat; 
	}
ul.menu li.nieuws_actief a {
 	color: #fff; 
	}
	
ul.menu li.contact {
 	background: url("img/contact.jpg") left top no-repeat; 
	}
ul.menu li.contact_actief {
 	background: url("img/contact_actief.jpg") left top no-repeat; 
	}
ul.menu li.contact_actief a {
 	color: #fff; 
	}

/*-----Contactform-----*/

div#formulier {
	margin-top: 0px;
	padding-right: 0px;
	width: 375px;
	float: left;
	display: inline;
	clear: none;
	letter-spacing: 1px;
	}

form#formulier{
	margin: 10px 0 0px 0px;
	width: 375px;
	line-height: 16px;
	}

form#formulier div label{
	clear both;
	float: left;
	display: inline;
	width: 170px;
	}

form#formulier div {
	float: left;
	display: inline;
	width: 185px;
	margin: 5px 0 5px 0;
}

input{
	clear: both;
	float: left;
	display: inline;
	width: 170px;
	margin: 0px 0px 10px 0px;
	}

input.single{
	clear: right;
	float: left;
	display: inline;
	width: 150px;
	}

form#formulier textarea{
	clear: both;
	float: left;
	display: inline;
	width: 175px;
	height: 150px;
	margin: 10px 0px 10px 0px;
	}

input.knop{
	height: 28px;
  width: 28px;
  text-align: center;
  color: #fff;
  border: none;
 	float: left;
  display: inline;
  margin: 0px 0 10px 0px;
  height: 30px;
  width: 60px;
  background-color: #61003d;
  cursor: pointer;
 	}

div.clearform {
	clear: both;
}

sup{
		font: normal 10px/18px Tahoma, Arial, sans-serif;
		color: #e30000;
}