/* theme settings
=================================================================== */

#slogan {
	color: #fff; padding:25px 0 25px; margin: 0 auto; width: 965px; text-align: center; font-size: 30px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}

header
{
	margin: 10px 0 10px 3px;
}

#content
{
    background:#fff;
	background:rgba(255,255,255,0.8);
}

#content h1
{

	font-size:32px;
	color:#eccc17;
	margin:0 0 10px 0;
}

#content a
{
	color:#191911;
}

#content a:hover
{
	color:#3F4961;
}

#content h2,h3,h4,h5
{

	font-size:24px;
	color:#191911;
	margin:10px 0;
}

.content_1 ul, .content_1 ol
{
	list-style-type:square;
	margin:10px 0 10px 15px;
}

.content_1 li
{
    line-height:1.5;
	margin:4px 0 0 15px;
}

#content table,th,td
{
	line-height:1.5;
	border:1px solid #000;
	margin:15px 0;
}

#content td
{
	padding:4px;
}

aside
{
    background:#eccc17;
	background:rgba(236,204,23,0.8);
}

#top
{
	height:420px;
}

#bottom
{
	color:#fff;
	line-height:1.5;
	padding-bottom: 5px;
}

#bottom h2
{
	font-size:18px;
}

#bottom .itempropname
{
	position:relative;

	font-size:18px;
	color:#fff;
	bottom:-8px;
}

#bottom a,footer,footer a
{
	color:#fff;
}

#bottom a:hover,footer a:hover
{
	color:#f0f0f0;
	text-decoration:underline;
}

/* Search
=================================================================== */
#search
{
	height: 32px;
	min-width: 34px;
	border: 0px solid #444f54;
	float: right;
	background: transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin: 5px;
}

#search input
{
	background: url(images/search.png) no-repeat 0px 0px;
	border: 0px solid #3f484f;
	height: 32px;
	width: 0px;
	margin: 0px;
	padding: 0px 0px 0px 34px;
	border: 0px;
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

#search input:focus
{
	background: #fff;
	height: 32px;
	width: 200px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	border: 0px;
	outline: none;
}

/* twitter live
=================================================================== */
.tweet {
    margin: 4px 0;
    width: 100%;
    padding: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.tweet img {
    float: left;
    margin: 0 8px 4px 0;
}
.tweet .text {
    margin: 0;
}
.tweet .time a {
    font-size: 80%;
    color: #888;
    white-space: nowrap;
    text-decoration: none;
}
.tweet .time a:hover {
    text-decoration: underline;
}
#twitterSearch .tweet {
    min-height: 24px;
}
#twitterSearch .tweet .text {
    margin-left: 32px;
}

/* content examples used
=================================================================== */
.col1, .col2, .col3, .col4, .col5, .col6 {float:left; overflow:hidden;}
.col1 {margin-bottom:27px;}
.col2 {width:315px; margin-right:43px;}
.col1 .last {margin-right:0;}
.col2 ul, ol, .col3 ul, ol{list-style:none;margin:0;padding:0;}
.col2 li{margin:0;padding:0;}
.col2 h2, .col3 h2 {font-size: 20px;text-transform: uppercase;margin-top:20px;padding-bottom: 15px;line-height: 26px;}
.col2 h2, .col3 h2 {font-size: 20px;text-transform: uppercase;margin-top:20px;padding-bottom: 15px;line-height: 26px;}
.col3 h3 {margin:0;}
.col4 {background: url(images/dotted_line_zwart.png) 0 bottom repeat-x; margin:0 0 0 0}
.list1 li {margin: 0 8px 2px 0;float: left;}
.list1 .details {position: absolute;background: url(images/hover_bg.png) repeat;width: 148px;height: 51px;color: white;text-shadow: 1px 1px 3px #4B433A;padding-top: 30px;text-align: center;}
.list2 li {list-style: none;margin-bottom: 2px;}
.list2 img {margin-top: 5px;margin-right: 10px;}.list2 {margin-left:2px; margin-right:34px;}
.list4 li {margin-bottom:25px;}
.list4 div {overflow:hidden; position:relative; top:0px;}
.list4 img {margin-right:20px;}
.list4 li a {color:#fff;}
.list4 h3 {margin-top:-10px;}
.fleft {float:left;}
.more {font-size:15px; text-transform:uppercase; float:right; margin-bottom:16px;}
.more img {margin-top: 5px;margin-right: 6px;position: relative;}

/* target small screens (mobile devices or small desktop windows)*/
@media only screen and (max-width: 480px)
{
	#slogan {
	display: none;
	}
	.more
	{
	float:left!important;
	}

	.col2
	{
	width:100%!important;
	margin-right:43px;
	}

	.list2
	{
	margin:0!important;
	}

	.list4 div
	{
	float:left;
	}
	#search
	{
    display: none;
    }
}

.mx_form td:first-child {
	padding-top: 11px !important;
	padding-right: 20px !important;
}