/*  ///////////////////////////////

		CSS FILE
		http://www.acslijters.nl
		
		Author:
		Roy Scheepens
		
		URL:
		http://royscheepens.no-ip.info
		
		Feel free to use its content, for learning purposes ofcourse ;) Ctl+C/Ctrl+V is not appreciated!
		
//////////////////////////////// */

* {margin:0;padding:0;border:0;}

body {background:url("../img/mainBg.jpg") repeat-y center 0;text-align:center;font:.7em/1.1em "Trebuchet MS";}

h1 {font-size:130%;font-weight:bold;}
h2 {font-size:120%;font-weight:bold;color:#2a313d;}
/*  ///////////////////////////////

		CONTAINERS 
		
//////////////////////////////// */

div#mainContainer {margin:0 auto;width:760px;min-height:400px;}
div#leftContainer {width:380px;min-height:400px;text-align:right;float:left;background:url("../img/leftContainerBg.jpg") no-repeat top right;}
div#rightContainer {width:380px;min-height:400px;text-align:left;float:right;background:url("../img/rightContainerBg.jpg") no-repeat top left;}

/*  ///////////////////////////////

		LEFT CONTENT
		
//////////////////////////////// */

div#leftPageContent {float:right;width:280px;margin:125px 15px 0 0;text-align:left;}
div#leftPageContent p {line-height:17px;color:#FFF;}
div#leftPageContent p.Author {margin:15px 0 0 0;padding:3px 0;width:275px;line-height:17px;color:#FFF;border-top:1px solid #e4e8f0;text-align:right;}
div#leftPageContent img {float:left;padding:2px;margin:7px 7px 0 0;border:1px solid #FFF;}

/*  ///////////////////////////////

		RIGHT CONTENT
		
//////////////////////////////// */

div#rightPageContent {float:left;width:360px;margin:0 0 0 -2px;text-align:left;}
div#rightPageContent div.pageHeader {margin:0 0 5px 20px;padding:6px 0 3px 0;width:100%;border-top:1px solid #eee;}
div#rightPageContent div.pageHeader img {display:none;}
div#rightPageContent div.pageContent {font-size:100%;line-height:18px;margin:5px 0 0 20px;color:#2a313d;}
div#rightPageContent div.pageDetails {margin:10px 0 15px 20px;padding:3px 0 3px 0;font-size:90%;width:100%;text-align:right;color:#777;border-top:1px solid #ddd;}

div#rightPageContent ul {margin:20px 0 0 25px;}


div#rightPageContent div.pageDetails a, div#rightPageContent div.pageDetails a:visited {text-decoration:none;color:#777;}


div#rightPageContent div.pageDetails a:hover {text-decoration:underline;color:#444;}

div#rightPageContent div.pageContent a,
div#rightPageContent div.pageContent a:visited {
text-decoration:underline;color:#343a46;
}

div#rightPageContent div.pageContent a:hover {
text-decoration:none;color:#343a46;
}

div#tekstGr {text-align:right;width:100%;margin:0;font-size:100%;color:#888;}
div#tekstGr span {position:relative;top:-3px;}

/*  ///////////////////////////////

		NAVIGATION
		
//////////////////////////////// */

ul#Navigation {margin:130px 0 0 0;list-style:none;width:80%;}
ul#Navigation li {margin:0 0 25px 20px;}
ul#Navigation li a, ul#Navigation li a:visited {text-decoration:none;color:#414858;font-size:140%;font-weight:bold;}
ul#Navigation li a:hover {color:#7c8bad;border-bottom:1px solid;}
ul#Navigation li a img{display:none;}

/*  ///////////////////////////////

		DOWNLOADS
		
//////////////////////////////// */

table#downloadsListing {width:100%;margin:5px 0 0 20px;}

table#downloadsListing tr td, table#downloadsListing tr th {padding:2px;color:#2a313d;}
table#downloadsListing tr.tableHead {}

table#downloadsListing a, table#downloadsListing a:visited {color:#626D7F;text-decoration:none;}
table#downloadsListing a:hover {text-decoration:underline;}

td.fileIcon {width:18px;}
td.fileName {width:230px;}
td.fileSize {width:50px;}

/*  ///////////////////////////////

		CONTACT
		
//////////////////////////////// */

div.error, div#emailSuccess, div.info, p#loadBar{padding: 12px 10px 10px 40px;background-repeat: no-repeat;background-position: 10px 13px;margin:10px 0 5px 0px;width:310px;font-size: 100%;color: #555;}
div.info, p#loadBar {background-image: url("../img/information.png");background-color: #f7f9fa;border: 1px solid #afd1f5;color:#294b6e;}
div#emailSuccess {background-image: url("../img/accept.png");background-color:#edffe4;border:1px solid #9cd580;color:#386522;}
div.error {	background-image: url("../img/error.png");background-color: #ffede5;border: 1px solid #dea3a3;color:#c40000;}
p#loadBar img {margin:5px 0 0 -5px;}

div#contactForm {margin:10px 0 0 20px;}

input {width:350px;padding:4px;border:1px solid #DDD;font-size:90%;background:url("../img/inputBg.gif") repeat-x top left;}

textarea {width:352px;padding:2px;height:200px;border:1px solid #DDD;font:100% "Trebuchet MS";background:url("../img/inputBg.gif") repeat-x top left;}
input:focus, textarea:focus {border:1px solid #aaa;}

fieldset div {margin:5px 0 0 0;}
label {color:#2a313d;clear:right;margin:5px 0 3px 5px;display:block;}

input.CCbox {width:18px;margin-right:5px;border:0;}

input.submit {width:80px;border:3px double #ccc;background:#FFFFFF;color:#2a313d;font-weight:bold;font-size:90%;margin:0;background:url("../img/inputBg.gif") repeat-x top left;}

/*  ///////////////////////////////

		CONTACT
		
//////////////////////////////// */

div#pageFooter {margin:20px 0 10px 20px;width:310px;color:#777;}
div#pageFooter a, div#pageFooter a:visited {color:#555;text-decoration:none;}
div#pageFooter a:hover {text-decoration:underline;}
