/* ######################################################################### */
/*   URL: www.lorddevilliers.co.za / .com                                    */
/*   Path: ./_css/lorddevilliers_1.1.css                                     */
/*   Author: tatze - www.gearz.de                                            */
/*   Date: 18.12.2009                                                        */
/* ######################################################################### */


/* ######################################################################### */
/* General Output */
/* ######################################################################### */

@media all {

	html * {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 14px;
	}
	
	body {
		text-align: left;
		text-decoration: none;
		font-weight: normal;
	}
	
	fieldset, input, option, select { font-size: 12px; }
	
	table {
		width: 100%;
	}
	
	th, td {
		margin: 0;
		vertical-align: top;
		padding: 5px;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 12px;
	}
	
	th { font-weight: bold; }
	
	td { border: none }
	
	h1, h2, h3, h4, h5 {
		padding: 0;
		padding-top: 1.5em;
		padding-bottom: 0.5em;
		margin: 0;
		margin-bottom: 0.75em;
		font-weight: normal;
	}
	
	h1.firstheading, h2.firstheading, h3.firstheading, h4.firstheading, h5.firstheading {
		padding-top: 0;
	}
	
	h1 { font-size: 1.4em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1.1em; }
	h5 { font-size: 1em; }

/* 	h3.first { padding-top: 0; }*/

	p { margin-top: 0; }

	hr {
		border: 1px solid #ddd;
		border-left: 1px solid black;
		border-top: solid black 1px;
		background: transparent;
	}
	
	li, dd { padding-bottom: 0.5em; }
	
	li { list-style-type: square; }
	
	dt { font-weight: bold; }
	
	.center { text-align: center; }
	
	.right { text-align: right; }
	
	.left { text-align: left; }
	
	.floatright { float: right; }
	
	.floatleft { float: left; }
	
	.clear {clear:both;}
	
	.red { color: red; }
	
	.huge { font-size: 14pt;}

	.large { font-size: 12.5pt; }
	
	.medium { font-size: 11pt; }
	
	.small { font-size: 9.5pt; }
	
	.bold { font-weight: bold; }
	
	.italic { font-style: italic; }
	
	.normal {
		font-style: normal;
		font-weight: normal;
	}
	
	.top { vertical-align: top; }
	
	.middle { vertical-align: middle; }
	
	.bottom { vertical-align: bottom; }
	
	.indentBlock { margin-left: 1.5em; }
	
	.middle { vertical-align: middle; }
	
	.left { text-align: left; }
	
	.underline { text-decoration: underline; }
	
	.noborder { border: none; }
	
	.border { border: 1px solid black; }
	
	.autoCenter {
		margin: auto;
		padding: 10px;
		width: 550px;
	}
	
	img.floatleft, table.floatleft {
		margin: 15px;
		margin-left: 0;
	}

	img.floatright, table.floatright {
		margin: 15px;
		margin-right: 0;
		margin-top: 2px;
	}

	.hidden { display: none; }
	
	.colright {
		float: right;
		display: block;
		width: 320px;
		text-align: left;
		margin-top: 0;
	}

	.colleft {
		display: block;
		width: 320px;
		text-align: left;
	}
	

}


/* ######################################################################### */
/* Display Output */
/* ######################################################################### */

@media screen {
	
	body {
		background: #1F3622 url(../_img/page/body.jpg) repeat-x top left;
		color: #d9d4c0;
		margin: 0 auto;
		min-height: 635px;
	}

	h1, h2, h3, h4, h5 {
		color: #e0e0e0;
		border-bottom: 1px solid #aaa;
		text-decoration: none;
	}

	a, a:visited {
		color: #cfae23;
		text-decoration: underline;
	}
	
	a:hover {
		color: white;
	}
	
	a.button, a.button:visited {
		text-decoration: none;
		color: black;
	}
	
	table.tab30 { width: 30%; }
	table.tab50 { width: 50%; }
	table.tab75 { width: 75%; }
	table.tab85 { width: 85%; }
	table.tab90 { width: 90%; }

	table.tab30, table.tab50, table.tab75, table.tab85, table.tab90 { margin: 0 auto; }
	
	th.tab50, td.tab50 { width: 50px; }
	th.tab100, td.tab100 { width: 100px; }
	th.tab150, td.tab150 { width: 150px; }
	
	tr.uneven { background: #234028;}
	
	fieldset {
		border: 1px solid #aaa;
		margin: auto;
		padding: 10px 20px 20px 20px;
		width: 650px;
		font-size: 12px;
		background: #305534;
	}
	
	legend {
		background: #305534;
		border: 1px solid #aaa;
		color: white;
		margin-left: 5px;
		padding: 2px 6px;
		font-weight: normal;
	}
	
	fieldset.marked, fieldset.marked legend {
		border: 1px solid #aaa;
	}
	
	th.marked, td.marked {
		background: #B5461F;
	}
	
	input {
		background: #eee;
		border: 1px solid #333;
/* Disabled -> extra CSS-file */
/*		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;*/
	}

	label {
		float: left;
		text-align: right;
		margin-right: 0.5em;
		display: block;
	}

	input.submit, .button {
		color: #000;
		background: #cfae23;
		border: 1px outset black;
		cursor: pointer;
		padding: 5px;
		font-size: 14px;
/* Disabled -> extra CSS-file */
/*		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;*/
	}

	input.readonly {
		background: #305534;
		color: white;
		border: 1px solid #aaa;
		padding: 2px;
	}
	
	select {
		max-width: 500px;
	}

	.submit:hover, .button:hover {
		background: white;
		cursor: pointer;
	}
	
	.checkbox {
		background: #305534;
		border: none;
	}
	
	fieldset table {
		border-collapse: collapse;
	}
	
	fieldset .alert {
		color: white;
		background: #305534 url('../_img/page/arrow.png') no-repeat left center;
		font-size: 12px;
		padding: 5px 5px 5px 35px;
	}
	
	fieldset .info {
		display: block;
		color: white;
		background: #305534 url('../_img/page/info.png') no-repeat left bottom;
		padding: 15px 0px 0px 30px;
		font-size: 13px;
		margin-left: -8px;
	}
	
	
	#page {
		background: url('../_img/page/bg.jpg') repeat-y top center;
		width: 1004px;
		margin: 0 auto;
		padding-bottom: 50px;
		min-height: 500px;
	}

	#header {
		background: #355f3b url('../_img/page/header.jpg') no-repeat bottom center;
		display: block;
		width: 1004px;
		height: 172px;
		margin: 0 auto;
	}
	
	#languageEn {
		display: block;
		height: 25px;
		width: 37px;
		position: relative;
		top: 82px;
		left: 851px;
		z-index: 8;
	}
	
	#languageZa {
		display: block;
		height: 25px;
		width: 37px;
		position: relative;
		top: 57px;
		left: 898px;
		z-index: 8;
	}
	
	#languageDe {
		display: block;
		height: 25px;
		width: 37px;
		position: relative;
		top: 32px;
		left: 945px;
		z-index: 8;
	}
	
	#links {
		position: fixed;
		top: 180px;
		color: black;
		width: 195px;
		float: left;
		margin-left: 5px;
		z-index: 20;
	}

	#navlist {
		display: block;
		padding: 0;
		text-align: left;
	}

	#navlist li {
		list-style: none;
	}
		
	#navlist li, #navlist li a {
		display: block;
		margin: 0;
		margin-top: 2px;
		margin-bottom: 2px;
		padding: 0;
		height: 30px;
		width: 195px;
		border-bottom: 1px solid transparent;
		border-top: 1px solid transparent;
		text-decoration: none;
	}

	#navlist li a, #navlist li ul li a {
		margin: 0;
		height: 28px;
	}

	#navlist li.nav1 a {
		background: transparent url('../_img/page/menu.png') no-repeat 0px -2px;
	}

	#navlist li.nav2 a {
		background: transparent url('../_img/page/menu.png') no-repeat 0px -37px;
	}

	#navlist li.nav3 a {
		background: transparent url('../_img/page/menu.png') no-repeat 0px -75px;
	}

	#navlist li.nav4 a {
		background: transparent url('../_img/page/menu.png') no-repeat 0px -111px;
	}

	#navlist li.nav5 a {
		background: transparent url('../_img/page/menu.png') no-repeat 0px -147px;
	}

	#navlist li.nav6 a {
		background: transparent url('../_img/page/menu.png') no-repeat 0px -183px;
	}

	#navlist li.nav7 a {
		background: transparent url('../_img/page/menu.png') no-repeat 0px -218px;
	}

	#navlist li ul.sub li a {
		color: #ffe87a;
		width: 180px;
		padding-left: 10px;
		text-decoration: none;
	}

	#navlist li ul.sub li.nav31 a {
		background: transparent url('../_img/page/menu.png') no-repeat -200px -2px;
	}

	#navlist li ul.sub li.nav32 a {
		background: transparent url('../_img/page/menu.png') no-repeat -200px -39px;
	}

	#navlist li ul.sub li.nav33 a {
		background: transparent url('../_img/page/menu.png') no-repeat -200px -75px;
	}

	#navlist li ul.sub li.nav34 a {
		background: transparent url('../_img/page/menu.png') no-repeat -200px -111px;
	}

	#navlist li ul.sub li.nav35 a {
		background: transparent url('../_img/page/menu.png') no-repeat -200px -147px;
	}

	#navlist li ul.sub li.nav41 a {
		background: transparent url('../_img/page/menu.png') no-repeat -200px -183px;
	}

	#navlist li ul.sub li.nav42 a {
		background: transparent url('../_img/page/menu.png') no-repeat -200px -218px;
	}

	#navlist li ul.sub li.nav43 a {
		background: transparent url('../_img/page/menu.png') no-repeat -200px -253px;
	}

	#navlist li.nav3 ul.sub li, #navlist li.nav3 ul.sub li a {
		width: 165px;
	}

	#navlist li.nav4 ul.sub li, #navlist li.nav4 ul.sub li a {
		width: 210px;
	}

	#navlist li a.active, #navlist li a.active:visited {
		border-top: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		background-color: #365e3b;
	}
	
	#navlist li ul li a.active, #navlist li ul li a.active:visited {
		border-top: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		background-color: #203723;
	}
	
	#navlist li:hover {
		border-top: 1px solid white;
		border-bottom: 1px solid white;
		background-color: #365e3b;
	}

	#navlist li ul li:hover {
		width: 195px;
		background-color: #365e3b;
	}

	#navlist li, #navlist li:hover { position: relative; }
	
	#navlist li ul {
		position: absolute;
		top: -13px;
		left: 195px;
		display: none;
		padding-top: 10px;
		padding-bottom: 10px;
		background: #203723;
		border: 1px solid #d8d8d8;
		border-left: 2px solid #172818;
	}
	
	#navlist li ul li {
		margin-left: -40px;
/*		padding-left: -40px;*/
	}
	
	#navlist li:hover ul {
		display: block;
	}

	#content {
		position: relative;
		top: 30px;
		left: 240px;
		z-index: 4;
		display: block;
		width: 730px;
		line-height: 1.4em;
		padding-bottom: 30px;
	}

	#footer {
		background: url('../_img/page/footer.jpg') no-repeat top center;
		display: block;
		height: 60px;
		width: 1010px;
		color: #816728;
		margin: 0 auto;
		padding-top: 30px;
	}
	
	#footertext, #footertext a, #footertext.dontprint {
		color: #aaa;
		text-decoration: none;
		text-align: center;
		font-size: 9pt;
/*		margin-top: 40px;*/
	}
	
	.print { display: none; }
	
	.picture {
		padding: 3px;
		border: 1px solid #aaa;
	}

	.pictureText {
		margin-bottom: 15px;
	}

	a:hover img.picture, .gallery a:hover img {
/*		border: 1px solid #ffe87a;*/
		border: 1px solid white;
	}

	a .picture, a:visited .picture  {
/*		border: 1px solid #ffe87a;*/
		border: 1px solid #aaa;
	}

	a:hover .picture:hover   {
/*		border: 1px solid #FFEE00;*/
		border: 1px solid white;
	}

	a.gallery, a:visited.gallery {
		text-decoration: none;
	}

	
	td.gallery a img {
		margin-top: 10px;
	}

	a:hover img.picture {
		background: #1c2e1e;
	}
	
	.warning {
		background: #dad4c4;
		color: #A34441;
		font-weight: bold;
		border: 2px solid #A34441;
		text-align: center;
		margin: 5px;
		padding: 5px;
	}
	
	.hint {
		background: #dad4c4;
		color: #A34441;
		border: 2px solid #A34441;
		font-size: 13px;
		text-align: center;
		margin: 5px;
		padding: 10px;
	}
	
	.warning a, .warning a:visited, .hint a, .hint a:visited {
		color: #C74247;
		text-decoration: underline;
	}
	
	.warning a:hover {
		color: red;
	}

	.background1 { background: #305534; }

	.background2 { background: #213a25; }

	.markleft {
		border-left: 1px solid #A34441;
	}

	.markright {
		border-right: 1px solid #A34441;
	}

	.markbottom {
		border-bottom: 1px solid #A34441;
	}

	.mark {
		border: 1px solid #A34441;
	}

}


/* ######################################################################### */
/* Printer Output */
/* ######################################################################### */

@media print {
	
	body { color: black; }
	
	#links, #footer, .dontprint { display: none; }
	
	#content { padding-top: 20px; }
	
	a, a:visited { color: black; }

/*	a:link:after, a:visited:after { content:" [" attr(href) "] "; }*/

	h1, h2, h3, h4, h5 { border-bottom: 1px solid #ccc; }
	
	fieldset { border: 1px solid #ccc; }
	
}