body{
	font-family: 'Lato', Helvetica, Arial;
	font-size: 16px;
	color: #666666;
	font-weight: 400;
	letter-spacing: 1px;
	background-color: #F26522;
}
p{
	font-family: 'Lato', Helvetica, Arial;
	line-height: 20px;
	font-weight: 200;
	color: #CCC;
}



p.yellow{
	font-family: 'Lato', Helvetica, Arial;
	line-height: 20px;
	font-weight: 200;
	color: #FFFFFF;
}



h1{
font-size:40;
color: #000000;

}

h3{
font-size:20;
margin: 40px 0px 20px 0px;
color: #FFFFFF;
text-align:left;
}


h5{
font-size:20;
margin: 10px 0px 20px 0px;
color: #F26522;
text-align:left;
font-weight:bold;
}



h1, h2, h3, h4, h5, h6{
	text-transform: uppercase;
	font-family: 'Lato', Helvetica, Arial;
	font-weight: 300;
}
a{
	color: #F26522;
	text-decoration: none;
}
a:hover, a:focus{
	color: #F26522;
	text-decoration: none;
}

.footer
{
	padding: 20px 0;
	border: 0px dotted #CCC; 
}

a.footerke{
	color: #FFFFFF;
	text-decoration: none;
}
a.footerke:hover, a.footerke:focus{
	color: #FFFFFF;
	text-decoration: underline;
}





.container
{
background-color: none;
}

.jumbotron  {
padding: 10px;
margin-bottom: 0px;
background-color: #FEFEFE;
	border: 1px dotted #ccc; 

}


.zoek
{
	padding: 2px 80px 2px 20px;
	background-color: #F26522;
	border: 0px dotted #ccc; 
	color:#FFF;
	text-align:right;
}


.black
{
	padding: 2px 80px 2px 20px;
	background-color: #000000;
	border: 0px dotted #ccc; 
	color:#CCC;
	text-align:right;
}



a.lang{
	color: #FFFFFF;
	text-decoration: underline;
}
a.lang:hover, a.lang:focus{
	color: #FFFFFF;
	text-decoration: none;
}

.content
{
	padding: 2px 20px 2px 20px;
	background-color: #FFFFFF;
	border: 0px dotted #666666; 
	color:#666;
	text-align:left;
}

.sresult
{
	padding: 20px 0;
	background-color: #FFFFFF;
	border: 0px dotted #CCC; 
}



.ook
{
	padding: 20px 0;
	background-color: #FCFCFC;
	border: 0px dotted #CCC; 
}



.result
{
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
	border: 1px solid #F26522;
	margin: 20px 0px 0px 0px
}

.detail
{
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
	border: 1px solid #F26522;
	margin: 20px 0px 0px 0px
}



.detail h2
{
	margin-top: 10px;

	margin-bottom: 20px;
	text-align: left;
	font-size:18;
	color: #000000;
}


.spectits
{
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: left;
	font-weight:100;
	font-size:12;
	color: #999999;
}

.contenttxt
{
	margin-top: 20px;
	line-height:1.5;
	margin-bottom: 20px;
	text-align: left;
	font-weight:100;
	font-size:14;
	color: #666666;
}

.spectxt
{
	margin-top: 20px;
	line-height:1.5;
	margin-bottom: 20px;
	text-align: left;
	font-weight:100;
	font-size:14;
	color: #666666;
}




.detailpic
{
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
	border: 0px solid #F26522;
	margin: 20px 0px 0px 0px
}



.sresult h4
{
	margin-top: 20px;

	margin-bottom: 20px;
	text-align: center;
	font-size:18;
	font-weight:600;
	color: #F26522;

}


.ook h4
{
	margin-top: 20px;

	margin-bottom: 20px;
	text-align: center;
	font-size:18;
	font-weight:600;
	color: #F26522;

}



.navbar-brand {
padding: 0;
margin: 0;
width:250px;
height: 100px;
background: url(img/brandedtowellogo.png) no-repeat;
text-indent: -9999px;
}


.navbar-default{
	background: none;
	border: none;
	padding: 0 0 0 0;
}


.navbar-default .navbar-nav>li>a{
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #F26522;
	padding: 11px 0;
	text-align: center;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color: #000000;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	color: #000000;
	background: none;
	outline: 0;
}

.navbar-toggle{
	border: none;
	margin-top: 0;
	margin-right: 0;
	width: 32px;
	height: 32px;
	text-align: center;
	color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background: none;
	outline: none;
}

.navbar-default .navbar-collapse{
	border: 1;
	border-color: #F26522;
	background: rgba(255,255,255,0);
	border-radius: 2px;
	box-shadow: none;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
background-color: none;
color: none;
}

.form-ssearch {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #F26522;
background-color: #FFF;
background-image: none;
border: 1px solid #F26522;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.form-search {
display: block;
width: 200px;
height: 34px;
padding: 2px 6px;
font-family: 'Lato', Helvetica, Arial;
font-size: 20px;
font-weight:lighter;
line-height: 1.42857143;
color: #F26522;
background-color: #FFFFFF;
background-image: none;
border: 1px solid #FFFFFF;
border-radius: 0px;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.form-qty {
display: block;
width: 75px;
height: 34px;
padding: 2px 6px;
font-family: 'Lato', Helvetica, Arial;
font-size: 20px;
font-weight:lighter;
line-height: 1.42857143;
color: #F26522;
background-color: #FFFFFF;
background-image: none;
border: 1px solid #FFFFFF;
border-radius: 0px;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 1px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.btn-zoek {
color: #FFFFFF;
background-color: #F26522;
border-color: #FFFFFF;
}

.btn-leginmandje {
color: #FFFFFF;
background-color: #F26522;
border-color: #F26522;
width: 100%;
}


.btn-social {
margin: 10 0 0 0;
color: #F26522;
background-color: #FFFFFF;
border-color: #F26522;
width: 100%;
}




.navbar-default .navbar-nav > li > a {
color: #F26522;
}



.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 18px;
font-family: 'Lato', Helvetica, Arial;
background-color: #F26522;
border: 1px solid #F26522;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
background-color: #FFFFFF;
color: #F26522;
}

.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #FFFFFF;
white-space: nowrap;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
}

@media(min-width:768px){

.navbar-default .navbar-collapse{ background: none; }
.navbar-default .navbar-nav{ float: right;}
.navbar-default .navbar-nav>li{ margin-left: 30px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ 
	border-bottom: 2px solid #fff;

}


}