/*Lageveld Framework
Reset*/

html, body {margin: 0; padding: 0; border: 0; background:transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote,
a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	}
img {margin:0; padding:0; border:0;}

table, tr, th, td, tbody, tfoot, thead {
	margin:0; padding:0; border:0;
	vertical-align:baseline;
	background:transparent;
}

table {border-collapse:collapse; border-spacing:0;}

input, select, textarea, form, fieldset {	margin:0; padding:0; border:0;}

article, aside, dialog, figure, footer, header, hgroup, nav, section {	display:block;}
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000;
 	}
	
ol, ul {list-style:none;}


/* Global */

html	{	}	
body	{background-color:#000;	}



/* Headings */

h1, h2, h3, h4,h5,h6 { font-weight:bold; color: #000 }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0;}

/* Text Elements*/ 

p				{ color:#000; font-size:14px; line-height:150%	}
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0;	}
p .right		{ margin: 1.5em 0 1.5em 1.5em; padding: 0;	}
/*
a				{	}
a:link			{color: #ffffff;	}
a:visited		{color: #0f0;	}
a:active		{color: #000;	}
a:focus			{color: #666;	}
a:hover			{color: #f00;	}
*/
blockquote		{color:#000; font-size:12px;	}

strong			{font-weight: bold;	}
em				{font-style: italic;	}

/* Images */

/* Lists */

ul				{	}
ol				{ list-style-type:decimal;	}

ul li			{ color:#000; font-size:14px;	}
ol li			{ color:#000; font-size:12px;	}

dl				{	}
dt				{	}
dd				{	}



/* Tables */

table			{ width:100%;	}

tr				{	}	
.odd			{ background-color:#eee;	}
.even			{ background-color:#fff;	}

th				{ font-weight:bold;	}
thead, th		{ background:#ccc;	}

tbody			{	}

th,td,caption	{	}
caption			{	}

tfoot			{	}
.tfooter		{ background-color:#ccc; text-align:center; font-style:italic;	}

caption			{ background: #efefef;}



/* Miscellaneous */

sup, sub		{ line-height:0;	}

abbr, acronym	{ border-bottom: 1px dotted #666;	}
adress			{	}
del				{ background:#FFCECE; color: #F00;	}

code, pre		{ background-color:#FF9; padding: 2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-style:normal;	}
					
/* Containers */
/* F0CE0D = pwkleurgeel */

#wrapper			{width:950px; margin:0px auto; background-color:#dddddd;	}
#wrapperlp			{width:420px; margin:0px auto; background-color:#dddddd;	}

#top				{	}

#banner				{background-color:#F0CE0D; width:100%; padding:5px 0;overflow:hidden;	}
#banner img			{float:left; height: 90px; margin:0px 0 0 20px; border-radius:5px;}
#banner h1			{font-size:28px; margin:20px 0 0 225px; width:550px; padding-left:10px}
#social_media 		{float:right; position:relative; right:10px; bottom:20px;}
#social_media ul li	{display:inline;}
#social_media ul li img:hover	{margin-top: -1px;}
#social_media ul img	{width:24px; height:24px;}

#content-wrapper	{	}	
#leftnav			{	}

#topnav				{background-color:#444444; padding:0px; position:relative; left:200px; width:750px;}
#topnav ul			{height:30px; width:750px; padding:10px 5px 0 0;}
/* #topnav ul			{width:100%; margin:0px;} */
#topnav ul li			{display:inline; float:right;}
#topnav ul li a			{margin:0; padding: 9px 20px; }

#topnav a:link		{color:#ffffff;}
#topnav a:visited	{color:#ffffff;}
/* #topnav a:active		{color:#ffffff;} */
#topnav a:hover		{color:#ffffff; background-color:#770000;}
/* #topnav a:focus		{color:#ffffff;} */

#leftside			{width:	200px; min-height:850px; background-color:#F0CE0D; float: left;}
#leftside img.salt	{width:100%; margin-top:20px;}
#leftside img#swap	{width:100%; cursor:pointer;}
#leftside h3			{color:#fff; background-color:#444; margin-top:10px; padding:5px;}
#twitter			{position:relative; left: 20px; top:10px;}
#customtb			{position:relative; left: 20px; top:10px;}
#leftside p			{width:160px; color:#fff; background:#BD8D0B; font-size:10px; font-family:sans-serif; margin:15px 0 0 15px;  padding:5px;}
#customtb a 			{display: block; padding: 2px 5px 2px 20px; width:50px; border: 1px solid #ccc; text-decoration:none;
					 background: url('https://twitter.com/favicons/favicon.ico') 1px center no-repeat;
					 background-color:#000; color:#fff; }
#customtb a:hover	{background-color:#888;}
#rightside			{	}

#content			{width: 710px; padding:20px 20px;margin-left:200px; }


.bold				{font-weight: bold;}
.bgc				{color: #BD8D0B;}
p,h1,h2,h3,h4,h5,h6 	{margin:0px 0px 0px 0px; text-align:center;} 

#footer				{background-color:#F0CE0D; width:100%; clear:both;}
#footer h6			{text-align:center; padding:5px;}
#footer img			{float:right; width:20px; height:20px; position:relative; left:20px;}
#eXTReMe			{	}
#lastupdate			{float:right; color:#fff;}


#box1	{	}

#box2	{	}

#box3	{	}

#box4	{	}

#box5	{	}

#box6	{	}

/* Layout Extra */

/* Navigation Extra */

/* Forms */

form 					{text-align:left; margin:20px 0 0 10px; border:1px solid black; width: 410px; padding-top:15px; float:left; background-color:#F8F99D;}
#formnb					{width:450px; padding-top:10px; margin:0 0 0 10px; float:left;}
form ol					{list-style:none;}
#picsformpage img		{width:180px; margin: 5px 0 15px 55px; border-radius:8px; cursor:pointer;}
#picsformpage h5			{width:170px; display:inline-block; margin:5px 0 0 55px; background-color:#444; color:#fff; padding:5px; border-radius:5px;}

label, submit, input, textarea  {border:0; padding:0; margin:0; background:none;	}

label 					{float:left; width: 100px; text-align:right; display:block;}

input, textarea 				{border:1px #333 solid; margin-left:20px; width:240px; margin-bottom:15px; background-color: #ccc;}

textarea:focus, input:focus	{background-color:#fff;}
	
textarea 					{height: 150px; position:relative; z-index:1;}

select					{	}

.submit 					{width: 90px; height: 25px; margin-left: 170px; font-size:12px;}

/* Miscellaneous */

.copyright-text	{font-size:80%; font-style:italic; color:#333;	}
.footer-text	{font-size:80%; font-style:normal; color:#666;	}

.title			{font-size:18px; font-weight:bold; color:#333;	}
.subtitle		{font-size:14px; font-style:italic; color:#333;	}


.float-right	{ float: right;	}
.float-left		{ float: left;	}
.clear			{ clear: both;	}

.hide			{ display: none;	}
.block			{ display: block;	}
.inline			{ display: inline;	}

.first			{ font-weight:bold;	}
.last			{ font-weight:bold;	}
.left			{ font-weight:bold; text-align:left;	}
.right			{ font-weight:bold; text-align:right;	}

.added			{ background:#D7D7FF;	}
.removed		{ background:#FFCECE; color:#f00	}



/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info {
	padding: 0.8em; margin-bottom:1em; border: 2px solid #ddd;}

.error, .alert { background:#fbe3e4; color: #8a1f11; border-color: #fbc2c4;	}

.notice			{ background:#fff6bf; color: #514721; border-color: #ffd324;	}

.success		{ background:#e6efc2; color: #264409; border-color: #c6d880;	}

.info			{ background:#d5edf8; color: #205791; border-color: #92cae4;	}

.error a	{	color: #8a1f11;}	
.alert a	{	color: #8a1f11;}	
	
.notice a	{	color: #514721;}	
.success a	{	color: #264409;}	
.info a		{	color: #205791;}	

/* clear the floats 	
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
	
.clearfix {display:inline-block }
*html .clearfix {height:1%;}
.clearfix {display:block;}
 clear floats einde*/

/* span-class om text of letters te markeren met rand en/of achtergrondkleur*/
span.rond { display: inline-block;
font-size: 15px;
border-radius: 15px;
background: #ffff00;
color: #dd0000;
border: solid 1px #000000;
text-align: center;
width: inherit;
padding: 2px 5px 0px 5px;
height: 20px;
vertical-align: 0px;}
/*einde markeren*/