@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto Condensed|Cabin Condensed|Caveat');
/**************************
BODY
***************************/
body {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	background-image: url(pictures/site/background_top.fw.png);
	background-color: #DDD;
	background-repeat: repeat-x;
}
body,td,th {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: none;
	color: #000;
	line-height: 25px;
}
a:link, a:visited, a:active {
	color: #F60;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
/************************
HEADERS
************************/
h1 {
	font-size: 34px;
	color: #F60;
	text-decoration: none;
	font-weight: 700 ;
	margin-top: 0px;
	margin-bottom: 30px;
	vertical-align: top;
	text-align:left;
}
h2 {
	font-size: 28px;
	color: #F60;
	text-decoration: none;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align:left;
}
h3 {
	font-size: 28px;
	color: #3AA5E2;
	text-decoration: none;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align:left;
}
h4 {
	font-size: 24px;
	color: #F60;
	font-weight: 700;
	margin: 0px;
	text-align: left;
}
h5 {
	font-size: 24px;
	color: #3AA5E2;
	text-decoration: none;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 15px;
}
h6 {
	font-size: 20px;
	color: #000;
	text-decoration: none;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 15px;
}
/************************
Menu
************************/
.menu_top, a.menu_top:link, a.menu_top:visited{
	float: left;
	display: block;
	padding: 14px 18px;
	color: #FFF;
	font-weight: 700;
	font-size: 20px;
	text-decoration: none;
}
a.menu_top:hover{
   	color: #000;
	background-color: #3AA5E2;
}
.menu_top_act, a.menu_top_act:link, a.menu_top_act:visited, a.menu_top_act:hover{
	float: left;
	display: block;
	padding: 14px 18px;
	color: #000;
	font-weight: 700;
	font-size: 20px;
	text-decoration: none;
	background-color: #3AA5E2;
}
.menu_sub, a.menu_sub:link, a.menu_sub:visited, a.menu_sub:active{
	float: left;
	display: block;
	padding: 12px 20px;
	color: #FFF;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	background-color: #3AA5E2;
}
a.menu_sub:hover{
    color: #3AA5E2;
	background-color: #383838;
}
.menu_sub_act, a.menu_sub_act:link, a.menu_sub_act:visited, a.menu_sub_act:active{
	float: left;
	display: block;
	padding: 12px 20px;
	color: #3AA5E2;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	background-color: #383838;
}
.menu2, a.menu2:link, a.menu2:visited, a.menu2:active{
	float: left;
	display: block;
	padding: 14px 16px;
	color: #FFF;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	background-color: #383838;
}
a.menu2:hover{
    color: #3AA5E2;
	background-color: #383838;
}
.menu2_act, a.menu2_act:link, a.menu2_act:visited, a.menu2_act:active{
	float: left;
	display: block;
	padding: 14px 16px;
	color: #3AA5E2;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	background-color: #383838;
}
/*************************
BREADCRUMBS
**************************/
.breadcrumbs, a.breadcrumbs:link, a.breadcrumbs:visited, a.breadcrumbs:active{
	color: #666;
	font-size: 18px;
	text-decoration: none;
}
a.breadcrumbs:hover{
    color: #F60;
}
/************************
HEADER pictures
************************/
.header_button, a.header_button:link, a.header_button:visited, a.header_button:active{
	float: none;
	display: block;
	width: 230px;
	padding: 10px 10px;
	line-height: 35px;
	color: #FFF;
	font-size: 24px;
	font-weight: 700;
	background-color: #FF6600;
	text-decoration: none;
}
a.header_button:hover{
    color: #000;
}
.merken_button, a.merken_button:link, a.merken_button:visited, a.merken_button:active{
	float: none;
	display: block;
	width: 180px;
	padding: 10px;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	text-shadow: 1px 1px #000;
	background-color: #FF6600;
	text-decoration: none;
}
a.merken_button:hover{
    color: #000;
	text-shadow: 0px 0px #000;
}
.markten_button, a.markten_button:link, a.markten_button:visited, a.markten_button:active{
	float: none;
	display: block;
	width: 390px;
	padding: 10px;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	text-shadow: 1px 1px #000;
	background-color: #FF6600;
	text-decoration: none;
}
a.markten_button:hover{
    color: #000;
	text-shadow: 0px 0px #000;
}
.ass_button, a.ass_button:link, a.ass_button:visited, a.ass_button:active{
	float: none;
	display: block;
	width: 215px;
	padding: 10px;
	color: #FFF;
	font-size: 22px;
	font-weight: 700;
	text-shadow: 1px 1px #000;
	background-color: #FF6600;
	text-decoration: none;
}
a.ass_button:hover{
    color: #000;
	text-shadow: 0px 0px #000;
}
.foto_button, a.foto_button:link, a.foto_button:visited, a.foto_button:active{
	float: none;
	display: block;
	width: 380px;
	padding: 15px;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	background-color: #000;
	text-decoration: none;
}
a.foto_button:hover{
    color: #F60;
}
.header_l1, a.header_l1:link, a.header_l1:visited, a.header_l1:active{
	font-family: 'Cabin Condensed', sans-serif;
	color: #FFF;
	font-weight: 700;
	font-size: 75px;
	line-height: 120px;
	text-shadow: 3px 3px 3px #000;
	text-decoration: none;
}
a.header_l1:hover{
    color: #F60;
}

.header_l2 {
	font-family: 'Cabin Condensed', sans-serif;
	color: #FFF;
	font-weight: 700;
	font-size: 32px;
	text-shadow:  3px 3px 3px #000;
	text-decoration: none;
}
a.header_l2:link, a.header_l2:visited, a.header_l2:active{
	color: #FFF;
}
a.header_l2:hover{
    color: #F60;
}

/*************************
BUTTONS
**************************/
.button, a.button:link, a.button:visited, a.button:active{
	float: left;
	display: block;
	padding: 4px 20px;
	color: #FFF;
	font-size: 18px;
	text-shadow: 1px 1px #000;
	background-color: #FF6600;
	text-decoration: none;
}
a.button:hover{
    color: #000;
	text-shadow: 0px 0px #000;
}
.button_bl, a.button_bl:link, a.button_bl:visited, a.button_bl:active{
	float: left;
	display: block;
	padding: 4px 22px;
	color: #000;
	font-weight: 700;
	font-size: 18px;
	background-color: #3AA5E2;
	text-decoration: none;
}
a.button_bl:hover{
    color: #FFF;
}
.button_centre, a.button_centre:link, a.button_centre:visited, a.button_centre:active{
	float: none;
	display: block;
	padding: 4px 20px;
	color: #FFF;
	font-size: 18px;
	background-color: #FF6600;
	text-decoration: none;
}
a.button_centre:hover{
    color: #000;
}
.button_ass, a.button_ass:link, a.button_ass:visited, a.button_ass:active{
	float: none;
	display: block;
	border: 2px solid black;
	width: 180px;
	padding: 18px;
	color: #FFF;
	text-shadow: 3px 3px #000;
	font-size: 26px;
	font-weight: 700;
	background-color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
}
a.button_ass:hover{
    color: #F60;
	background-color: rgba(0, 0, 0, 1);
}
/*************************
PAGE
**************************/
.cursief {
	font-style: italic;
}
.product_title, a.product_title:link, a.product_title:visited, a.product_title:active{
	font-size: 20px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
a.product_title:hover{
	color: #F60;
}
.product_title_small, a.product_title_small:link, a.product_title_small:visited, a.product_title_small:active{
	font-size: 18px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
a.product_title_small:hover{
	color: #F60;
}
.download_pdf, a.download_pdf:link, a.download_pdf:visited, a.download_pdf:active{
	font-size: 18px;
	color: #000;
	text-decoration: none;
	font-weight: 100;
	margin-top: 0px;
	margin-bottom: 0px;
}
a.download_pdf:hover{
	color: #F60;
}
.wit, a.wit:link, a.wit:visited, a.wit:active{
	color: #FFF;
	font-size: 20px;
	text-decoration: none;
}
a.wit:hover{
    color: #F60;
}
.zwart, a.zwart:link, a.zwart:visited, a.zwart:active{
	color: #000;
	text-decoration: none;
}
a.zwart:hover{
    color: #F60;
}
.sitemap, a.sitemap:link, a.sitemap:visited, a.sitemap:active{
	color: #000;
	font-size: 18px;
	text-decoration: none;
}
a.sitemap:hover{
    color: #F60;
}
.haakjes, a.haakjes:link, a.haakjes:visited, a.haakjes:active, a.haakjes:hover{
	color: #999;
}
.vet, a.vet:link, a.vet:visited, a.vet:active, a.vet:hover{
	font-weight: 700;
}
.vet_20, a.vet_20:link, a.vet_20:visited, a.vet_20:active, a.vet_20:hover{
	font-weight: 700;
	font-size: 20px;
	line-height: 35px;
	color: #F60;
}
a.vet_20:hover{
	text-decoration: underline;
}
.nieuws, a.nieuws:link, a.nieuws:visited, a.nieuws:active, a.nieuws:hover{
	color: #F60;
	font-weight: 700;
	line-height: 45px;
}
.nieuws_item, a.nieuws_item:link, a.nieuws_item:visited, a.nieuws_item:active{
	font-size: 28px;
	color: #000;
	font-weight: 700;
	margin-bottom: 0px;
}
a.nieuws_item:hover{
	color: #F60;
}
.weblink, a.weblink:link, a.weblink:visited, a.weblink:active{
	color: #666;
	text-decoration: none;
	font-weight: 100;
	margin-top: 0px;
	margin-bottom: 0px;
}
a.weblink:hover{
	color: #F60;
}
.schrijf, a.schrijf:link, a.schrijf:visited, a.schrijf:active{
	font-family: 'Caveat', sans-serif;
	font-size: 30px;
	text-decoration: none;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*************************
HEADER
**************************/
.header, a.header:link, a.header:visited, a.header:active{
	color: #ccc;
	font-size: 16px;
	text-decoration: none;
}
a.header:hover{
    color: #F60;
}
/*************************
FOOTER
**************************/
.foot, a.foot:link, a.foot:visited, a.foot:active{
	color: #CCC;
	font-size: 18px;
	text-decoration: none;
}
a.foot:hover{
    color: #3AA5E2;
}
/*************************
COPYRIGHT
**************************/
.copy, a.copy:link, a.copy:visited, a.copy:active{
	color: #333;
	font-size: 16px;
	text-decoration: none;
}
a.copy:hover{
    color: #F60;
}