@charset "utf-8";
/* CSS Document by amazingthings.be*/
/* c o n t e n t :	
				main styles
				returning styles
				homepage styles
					top
					header
					main
						main left
						main content
						main right
					footer
*/

/* MAIN STYLES */
body {
	font-family:Verdana, Tahoma, Helvetica;
	font-size:11px;
	color: #545353;
	background: url(http://www.amazingthings.be/fileadmin/templates/webthing/images/bg_gras.jpg) top left repeat;
}


h1{
	font-size:17px;
	color: #A91E3A;
	font-weight:normal;
	font-family: "Century Gothic",Verdana, Tahoma, Helvetica;
}
h2{
	font-size:16px;
	color: #A91E3A;
	font-weight:normal;
}

h3,#right h1 {
	font-size:12px;
	font-family: "Century Gothic",Verdana, Tahoma, Helvetica;
	color: #A91E3A;
}

.news-single-item h3{
	margin-top:-15px;	
	font-size:11px;
	font-style:italic;
	}
h4{
	font-size:12px;
	color: #666;
}
h5{
	font-size:11px;
	color: #666;
	margin-top:15px;
}

h6 {
	font-size:16px; 
	font-variant:small-caps; 
	color:#A91E3A; 
	font-weight:normal;
	margin-bottom:10px;
	}
p {
	margin-top:0;
	text-align:justify;
	color:#333;
	line-height: 14px;
}

a{
	color: #A91E3A;
}

a:visited {
	color: #A91E3A;	
}

img {
	border: none;	
}

a img {
	border:none;
}

#main img{
	padding:2px;
	border: 0;
}

th, td {
	font-size:11px;
}
div, form, select, input, table, td {
	margin: 0;
	padding: 0;
}

input, select {
	font-size: 13px;
}


#contenttext ol, #right ol{
	font-size: 11px;
	color:#333;
	line-height: 15px;
	margin: 10px 0 10px 0;
}

#contenttext ol li, #right ol li {
	margin: 5px 0 5px 30px;
}


#contenttext ul, #right ul {
	font-size: 11px;
	color:#333;
	line-height: 13px;
	margin: 5px 0 10px 0;
	list-style-type: none;
}

#contenttext ul li, #right ul li {
	background: url('http://www.amazingthings.be/fileadmin/templates/webthing/images/background-li.gif') no-repeat 5px 6px;	
	padding: 3px 3px 3px 25px;
}

.contenttable{ 
	background-color:#ffcc66;
	padding: 10px;
	}
	
hr{
	border-top:dotted 1px #fc6;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	padding:0;
	}

form {
	margin:0;
	padding:0;
}

fieldset {
	border:none;
}

form label {
	/*width:300px;*/
	float:left;
}

.tx-newloginbox-pi1 form label {
	width:150px;
	float:left;
}


.tx-newloginbox-pi1 th {
	text-align:left;
}

/************************************nog checken*****************************

#main ol, #right ol{
	font-size: 11px;
	color:#333;
	line-height: 15px;
	margin: 10px 0 10px 0;
}

#main ol li, #right ol li {
	margin: 5px 0 5px 30px;
}


#main ul, #right ul{
	font-size: 11px;
	color:#333;
	line-height: 13px;
	margin: 5px 0 10px 0;
	list-style-type: none;
}

#main ul li, #right ul li {
	background: url('images/background-li.gif') no-repeat 5px 6px;	
	padding: 3px 3px 3px 25px;
}

.contenttable{ 
	background-color:#ffcc66;
	padding: 10px;
	}
	
hr{
	border:0;
	}*/


/* RETURNING STYLES */
/* top */

#top {
	margin:0 auto;
	width:900px;
	color:#FFFFFF;
}

#top div#all {
/*	width:900px;*/
	float:right;
	text-align:right;
	margin-top:15px;
}

#top #all div#searchbox {
		margin-right:0;
}

#top #all div.tx-macinasearchbox-pi1 {
	margin-right:0;
}

#top #quicknav, #top #langnav, #top #searchbox, #top #rss  {
	float:right;
	margin-right:15px;
}

#top #searchbox {
	margin-bottom:5px;
}

#searchbox .zoektxt {
	margin: 2px 5px 0 10px;
	float:left;
	font-size:10px;
	color:#fff;
}

#tx_indexedsearch_input{
	font-size:11px;
	border:1px solid #A91E3A;
	color:#333;
	padding:1px;
	background-color:#FFF8EA;
	}
#searchbox .zoekbttn{	
	 vertical-align:middle;
	 position:relative;
	 padding-left:5px;
	 }

#top #rss{
	margin-left:15px;
}

/************************broodkruimel***********************/
#bread {
	font-size:9px;
	color:#8E9390;
	margin-bottom:5px;
	margin-top:5px;
	float:left;
	width:100%;	
}
#bread ul {
	padding:0 0 0px 0; 
	margin:0; 
	list-style:none; 
	position:relative; 
	padding: 0 0 0 105px;
	margin-top:-11px;
}
#bread li{
	display: inline;
}

#bread a {
	color:#A91E3A;
}
#bread a:hover {
	text-decoration:none;
}

#top #row2{
	float:right;
	width:900px;
	text-align:right;
}

#top #row2 div{ 

}
/*****************************topmenu*****************************/
#quicknav a{
	font-size:9px;
	color: #fff;
}

#quicknav a:hover{
	font-size:9px;
	color: #B7272A;
	text-decoration:none;
}

a.language, #langnav a {
	color: #fff;
	text-decoration:underline;
	text-transform:uppercase;
}

a.language:hover, #langnav a hover {
	text-decoration:none;
	color: #B7272A;
}


a#language_active, #langnav .active a{
	text-decoration:none;
	color:white;
	font-weight:bold;
	padding:0px 2px 0px 2px;
	font-size:11px;
}

/* header */

#header {
	margin:0 auto;
	width:900px;
}

/************************************************* main *************************/


#maincontainer {
		margin:0 auto;
		width:900px;
}

#main {
	float:left;
	width:900px;
	/*background-image:url(../images/main_bg.gif);

	background-repeat:repeat-y;*/
	margin-top:3px;
	background-color:#FFFFFF;
}

	/* main left */
#main #left {
	float:left;
	/*width:168px;*/
}

	/* main content */
#main #content {
	width:460px;
	margin:0px 30px 0px 27px;
	padding-top:5px;
	float:left;
}

#main #content2 {
	width:650px;
	margin:0px 30px 0px 27px;
	padding-top:5px;
	float:left;
}

#main #right .bodytext a {
	color:#A91E3A;
	display:inline;
}

	/* main right */
#main #right {
	width:190px;
	float:left;
	list-style: none;
	border-left:1px dotted #A3A66F;
	padding-top:10px;
	line-height:15px;
	padding-left:10px;
}

#main #right a {
	color:#FFFFFF;
	display:block;
	margin:-10px 5px 0 0;
}

#main #right h3 a, #main #right .news-latest-date a {
	color:#A91E3A;
	display:block;
	margin:0;
}

#main #right div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}

#main #right a:hover {
	text-decoration:none;
}

#content .csc-frame {
	/*width:415px;*/
}

#main #right #agenda,#main #right .csc-frame-frame0, #main #right .csc-frame-frame1{
	margin-top:10px;
	margin-bottom:0px;
	float:left;
	width:143px;
	overflow:hidden;
	height:154px;
	border:1px solid #ccc;
	padding:10px 10px 10px 10px;
	background-image:url(../images/bg_frame0.jpg);
	background-repeat:repeat-x;
	background-color:#F0F0F0;
}
#main #right .csc-frame-frame1{
	height:100%;
	width: 138px;
	margin: 0 0 13px 0;
}

#main #right .csc-frame-frame0 a, #main #right .csc-frame-frame1 a {
	background-position:100% 75%;
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:left;
	display:block;
	margin:0;
	padding:0 12px 0 0;
}

/*
#main #right .csc-frame-frame1 {
	margin-top:0;
	margin-bottom:5px;
	float:left;
	width:143px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:10px 10px 10px 10px;
	background-image:url(../images/bg_frame1.jpg);
	background-repeat:repeat-x;
	background-color:#F0F0F0;
}

#main #right .csc-frame-frame1 a {
	background-position:100% 95%;
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:left;
	float:left;
	margin:0;
	padding:0 5px 0 0;
	width:137px;

}



#main #right .csc-frame-frame2 {
	float:left;
	margin-top:0;
	margin-bottom:10px;
}

*/
/*



#main #right a {
	display:none;
	display:inline;
}



#main #right .csc-frame a {
	color:#1e4372;
	font-size:10px;
	display:block;
	margin-top:10px;
}


*/
#main #right .csc-frame-frame1 h1 {
	color:#A91E3A;
}


#main #right #agenda div {
	margin:5px 10px 0px 10px;
}


/*
#main #right #direct_links,#main #right .csc-frame-frame1 {
	margin-bottom:5px;
	margin-top:0;
	float:left;
	width:143px;
	overflow:hidden;
	height:143px;
	border:1px solid #ccc;
	background:#00234B;
	padding:10px 10px 10px 10px ;
	coolor:white;	
}
*/
/*

#main #right .csc-frame-frame1 a, #main #right .csc-frame-frame1 h1{
	color:white;
}



#main #right #teaser, #main #right .csc-frame-frame2, #main #right .csc-frame-frame3   {
	margin-bottom:5px;
		margin-top:0;
	float:left;
	width:145px;
	height:145px;
	overflow:hidden;
	border:0px;
	padding:10px 10px 10px 10px ;
}
/*/


/*
#main #right #teaser h1,#main #right .csc-frame-frame2 h1,#main #right .csc-frame-frame3 h1, 
#main #right #teaser p,#main #right .csc-frame-frame2 p,#main #right .csc-frame-frame3 p
#main #right .csc-frame-frame p,#main #right .csc-frame-frame3 p  {
	color:white;
}

*/

#main #right #direct_links div {
	/*margin:10px 10px 10px 10px;*/
}

#main #right  ul li {
/*
/*	list-style:none;*/
	margin:0;
	padding:0 0 8px 10px;
/*	background-image:url(../images/icon_li2.gif);*/
	background-repeat:no-repeat;
	background-position:0 5px;
}


#main #right  ul li a{
	padding-left:5px;
	text-decoration:underline;
	display:inline;
}

#main #right  ul li a:hover{
	text-decoration:none;
}

#main #content #mailform input, #main #content #mailform textarea {
	width: 369px;
}

#main #content #mailform input.mf-file {
	width: 309px;
}

#main #content #mailform input.pollanswer, #main #content #mailform input.pollsubmit {
	width: auto;
}

#main #content #mailform input.mf-submit {
	margin-top: 20px;
	width: auto;
}

#right .csc-frame {
	margin-bottom: 10px;
}


/* footer */
#footer {
	float:left;
	width:900px;
	height:50px;
	padding-top:30px;
	color:#b7272a;
	background:url(../images/footer.jpg) no-repeat top left;
	/*background-color:#252324;*/
	font-size:9px;
	line-height:16px;
	color: #A91E3A;
	text-align:right;
}

#footer a {
	color:#b7272a;
}

#footer a:hover {
	text-decoration:none;
}


/* HOMEPAGE STYLES */
ul.subnav {
	margin:0;
	padding:0;
	margin-top:5px;
}

ul.subnav a {
		padding-left:15px;
		display:block;
}


ul.subnav a:hover {
	text-decoration:underline;
	color: #eb0438;
}


ul.subnav a:active {
	text-decoration:underline;

	color:#eb0438;
	background-position: left  5px ;
	background-repeat: no-repeat;;
	padding-left:15px;
}

ul.subnav a.subactive {
	text-decoration:underline;
	color:#eb0438;
	background:#FFFFFF left 5px no-repeat;
	padding-left:15px;
}


#right ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	line-height:14px;
}


#right ul li {
	margin-left:0;
	padding-left:0;
}

table.tx-damdownloads-pi1-list {
	border-collapse:collapse;
	width:100%;
}

.tx-damdownloads-pi1-list td {
	padding:5px 5px 5px 5px ;
	border-bottom:1px solid #ccc;
}


.tx-damdownloads-pi1-list td.img {
	width:70px;
}


.tx-damdownloads-pi1-list td img {
	border:1px solid #ccc;
}


#right h1 {
/*
	margin:0;
	padding:0;
*/
}

#right .spacer-gif  {
	float:left;
}

/* Search result in green */
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup{color:#57ad42;}
.textwidth{width:140px;}

/***********************************************************************/

/*******************************MENU************************************/
#nav li.noact {
	background:#C60C0D;
	padding:0 5px 0 15px;
}
#nav li.act {
	padding:0 5px 0 15px;
	background-color:#ED4A4A; /*tab link background during active state*/
	border-top:#fff solid 1px;
	height:18px;
}

#nav, #nav ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	font: bold 10px arial, sans-serif; 
	text-transform: uppercase; 
	background:#C60C0D; 
	position:relative; 
	z-index:200;
	}
#nav {
	height:19px; 
	width:710px; 
	padding:0 0 0 190px;
	margin-top:0px;
	}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 10px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:white; height:19px; margin-right:5px;padding-right:5px; line-height:19px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background-color:#A3A66F; /*tab link background during hover state*/}
#nav a:hover {position:relative; z-index:300; }

#nav :hover ul {left:0; top:19px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
#nav a:hover a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
#nav a:hover a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


#nav ul ul ul{position:absolute; left:-9999px; top:-9999px;}

/***********linker navigatie**************************************************/

#navi, #navi ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		border-right:1px dashed #A3A66F;
		width:173px;
		padding-top:5px;
		line-height:15px;
		min-height:150px;
	}
#navi ul { /* all lists */
	margin-bottom:50px;
	}
#navi li { /* all list items */
		position : relative;
		float : left;
	}

#navi ul li {
	margin-left:0;
	padding: 0px 5px 0px 10px;
}

#navi ul li a {
	display:block;
	width:140px;
	text-decoration:none;
	padding:5px 5px 5px 10px ;
	color:#333;
}

#navi ul.subnav {
	margin-left:30px;
	margin-top:15px;
	font-size:10px;
}

#navi ul li a.open,#navi ul li a:hover {
	text-decoration:none;
	color: #FFF;
	background-color:#A3A66F;
}

#navi ul#sub-level1 li a{
	display: block;	
	padding: 5px 5px 5px 0;
	border-bottom: dotted 1px #A91E3A;;
	padding-left:10px;
}
#navi li.act a {
	background-color:#C1C49F; /*tab sublink background during active state*/
	display:block;
	width:140px;
	color:#fff;
	border-top:1px #fff solid;
}
/************************images linkerkolom***************************/
#img_links img, #img_links{
	text-align:center; 
}
#img_links a{
	font-size:11px;
	 color:#A91E3A;
}
#img_links img {
	text-align:center; 
	padding:5px;
}