/*
Theme Name: Handleidingen Reclamebureau RAM
Theme URI: https://www.reclamebureauram.nl/
Description: De template voor de website van Reclamebureau RAM
Author: Reclamebureau RAM
Author URI: https://www.reclamebureauram.nl/
Version: 1.0
*/

body
{
	background:#f6f6f6;
	color:#585858;
	
	margin:0 auto;
	
}

h1 {color: #0b3b64 !important; }
h2 {color: #777 !important; }
h6 {color: #003865 !important; font-weight:800; line-height: 1.5 !important; margin-bottom: 0px !important; }


a
{
	color:#0b3b64;
	font-weight:bold;
	text-decoration:underline;
}

a.dropdown-toggle {text-decoration:none !important;}

.breadcrumbs {font-size: 0.7em !important; margin-bottom: 20px;}

img
{
	border:0;
	max-width:100%;
	height: auto;
}

#wrapper
{
	width:90%;
	margin:0 auto;
}


#header
{
	width:91.1032028469751%; /* 1024px : 1124px */
	margin:0 auto;
	margin-top:10%;
}

#logo
{
	width:47.4609375%; /* 486px :1024px */
}

#main
{
	width:91.1032028469751%; /* 1024px : 1124px */
	margin:0 auto;
}

#grijs
{
	width:91.1032028469751%; /* 1024px : 1124px */
	margin:0 auto;
}

#content
{
	width:85.1032028469751%; /* 1024px : 1124px */
	font-size: 0.857142857142857em; /* 12 : 14px */
	margin:0 auto;
	padding:0 11%;
	margin-top:-12%;
	margin-bottom:-23%;
}

.content{padding-bottom: 20px;}
.one_half 
{
	width: 40% !important;
	margin-right: 10% !important;
}

.btn-primary {
    color: #fff;
    background-color: #b3b3b3;
	border-color: #b3b3b3;
}

.btn-primary:hover {
    color: #fff;
    background-color: #003865;
	border-color: #003865;
}

.btn-primary.focus, .btn-primary:focus {

	box-shadow: none !important;}

.dropdown-menu {

   background-color: unset !important;
    font-size: 0.8rem !important;
    color: #999 !important;
    padding-left: 5px;
    background-clip: unset !important;
    border: none !important;
    border-radius: 0px !important;
}




.raminfo{font-size: 0.8rem !important; margin-top: 20px !important;}

.alert {padding: .75rem 0.7rem !important;}

.footer {background: #0b3b64;}
.footerrow {max-width: 1024px; margin: 0 auto !important;}
.footercol {color:#fff; padding:15px; font-size:11px !important;}
.footera {color: #fff !important; }

/* MEDIA QUERIES */
/*widescreen */
@media only screen and (min-width : 1200px)
{
  #wrapper
{
	width:1124px;
	margin:0 auto;
}

}

/* tablet landscape */
@media only screen and (max-width : 1024px)
{

}

/* tablet portrait */
@media only screen and (max-width : 980px)
{
}

/* smartphone landscape */
@media only screen and (max-width : 768px)
{
.one_half 
{
	width: 90% !important;
	margin-right: 10% !important;
}
}

/* smartphone portrait */
@media only screen and (max-width : 480px)
{
.one_half 
{
}
}




/* =General CSS
-------------------------------------------------------------- */
.full_width,
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	float: left;
}
.clear_column {
	clear:both;
	display:block;
	font-size:0; height:0;
	line-height:0; width:100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.one_half_last,
.one_third_last,
.two_third_last,
.one_fourth_last,
.three_fourth_last,
.one_fifth_last,
.two_fifth_last,
.three_fifth_last,
.four_fifth_last,
.one_sixth_last
{
	float: right;
}

/* =Shortcodes Templates
-------------------------------------------------------------- */

/* =Default Template (no margin)
-------------------------------------------------------------- */
/*
.full_width  {
	width: 100%;
}
.one_half  {
	width: 50%;
}
.one_third  {
	width: 33.3%;
}
.two_third  {
	width: 66.6%;
}
.one_fourth  {
	width: 25%;
}
.three_fourth  {
	width: 75%;
}
.one_fifth  {
	width: 20%;
}
.two_fifth  {
	width: 40%;
}
.three_fifth  {
	width: 60%;
}
.four_fifth  {
	width: 80%;
}
.one_sixth  {
	width: 16.6%;
}
.five_sixth  {
	width: 83.4%;
}
*/
/* =Responsive
-------------------------------------------------------------- */
/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px) {
	.full_width,
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.three_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth {
		clear: both;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
	}
}

/* =Small Margins Template
-------------------------------------------------------------- */

.full_width  {
	width: 100%;
}
.one_half {
	width: 45% !important;
	margin-right: 5% !important;
}
.one_half_last {
	width: 45% !important;
	margin-right: 5% !important;
}
.one_third {
	width: 30% !important;
	margin-right: 3% !important;
}
.one_third_last {
	width: 30% !important;
	margin-right: 3% !important;
}
.two_third {
	width: 63% !important;
	margin-right: 3% !important;
}
.two_third_last {
	width: 63% !important;
	margin-right: 3% !important;
}
.one_fourth {
	width: 22.5% !important;
	margin-right: 2% !important;
}
.one_fourth_last {
	width: 22.5% !important;
	margin-right: 2% !important;
}
.three_fourth {
	width: 72.5% !important;
	margin-right: 2% !important;
}
.three_fourth_last {
	width: 72.5% !important;
	margin-right: 2% !important;
}
.one_fifth {
	width: 18% !important;
	margin-right: 2% !important;
}
.one_fifth_last {
	width: 18% !important;
	margin-right: 2% !important;
}
.two_fifth {
	width: 38% !important;
	margin-right: 2% !important;
}
.two_fifth_last {
	width: 38% !important;
	margin-right: 2% !important;
}
.three_fifth {
	width: 58% !important;
	margin-right: 2% !important;
}
.three_fifth_last {
	width: 58% !important;
	margin-right: 2% !important;
}
.four_fifth {
	width: 78% !important;
	margin-right: 2% !important;
}
.four_fifth_last {
	width: 78% !important;
	margin-right: 2% !important;
}
.one_sixth {
	width: 14% !important;
	margin-right: 2% !important;
}
.one_sixth_last {
	width: 14% !important;
	margin-right: 2% !important;
}