/*
 * $Id: main.css 51 2010-03-08 14:16:45Z danny $
 */
div.rechtbank_bg { background: url('/images/rechtbank_bg.png') no-repeat scroll; }
div.brasserie_bg { background: url('/images/rechtbank_bg.png') no-repeat scroll; }

div#container {
	background: url('/images/layout/line-right.gif') 985px repeat-y;
	width: 1023px;
	margin: 0 auto;
}

div#header {
	height: 367px;
	padding:0px;
	margin: 0px;
	position:relative;
}

div#topbar {
	position: absolute;
	width: 100%;
	height: 19px;
	background-color: #000000;
	text-align: right;
	z-index: 5;
}

div#topbar .lang {
	color: #C9C9C9;
	font-size: 0.9em;
	margin: 0px 14px;
}

div#topbar a {
	color: #C9C9C9;
	font-size: 0.9em;
	margin: 0px 5px;
}

div#logo {
	position: absolute;
	left: 40px;
	top: 51px;
	width: 214px;
	height: 316px;
	z-index: 3;
}

div.de-rechtbankLogo { background: url('/images/rechtbanklogo.png'); }
div.brasseriederechtbankLogo { background: url('/images/rechtbanklogo_lime.gif'); }
div.courthotelLogo   { background: url('/images/hotellogo.png'); }

ul#mainMenu, div.sideMenu {
	position: absolute;
	font-size: 0.9em;
	font-weight: bold;
}

div.sideMenu {
	left: 20px;
	top: 390px;
}

ul#mainMenu {
	top: 40px;
	right: 56px;
}

* html ul#mainMenu { top: 52px; }


ul#mainMenu li {
	float: left;
	position: relative;
	padding: 0px 4px;
	list-style-type:none;
}

ul#mainMenu li.mainLimit {
	padding: 0px;
	font-weight: normal;
}

ul#mainMenu a, div.sideMenu ul a {
	padding: 2px 5px;
	color: #333333;
}

ul#mainMenu a:hover, div.sideMenu ul a:hover {
	background-color: #333333;
	color: #FFFFFF;
	text-decoration: none;
}

div.sideMenu ul li {
	padding: 12px 0px;
	list-style-type:none;
}

ul.toOther {
	text-transform: uppercase;
	padding-top: 40px;
	font-size: 1.1em;
}

div.sideMenu ul.toOther a { color: #54075B; }
div.sideMenu ul.toOther a:hover {
	background-color: #54075B;
	color: #fff;
}

ul#sideMenu span.noBold {
	font-weight: normal;
	padding-right: 3px;
	padding-left: 3px;
}

div#lineTop {
	background: url('../images/layout/line.gif') repeat-x;
	position: absolute;
	width: 786px;
	height: 5px;
	font-size: 1px;
	line-height: 1px;
	left: 200px;
	top: 70px;
}

div#topPics, div#fadePics {
	position: absolute;
	top: 90px;
	right: 45px;
	z-index: 6;
}

div#topPics img, div#fadePics img {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
}

div#fadePics {
	z-index: 3;
}


div#topPics div, div#fadePics div {
	float: left;
	display: inline;
	position: relative;
	top: 0px;
	left: 10px;
	width: 140px;
	height: 160px;
	padding: 0px 10px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	margin-right: 20px;
}

/* contain temporary images */

div#topPics div#thumb1 {
	background-image: url('/images/thumbs/thumb1.png');
}

div#topPics div#thumb2 {
	background-image: url('/images/thumbs/thumb2.png');
}

div#topPics div#thumb3 {
	background-image: url('/images/thumbs/thumb3.png');
}

div#topPics div#thumb4 {
	background-image: url('/images/thumbs/thumb4.png');
}
/**********************************************************/

div#picMasks {
	position: absolute;
	top: 90px;
	right: 55px;
	z-index: 10;
}

div#picMasks div {
	float: right;
	position: relative;
	position: relative;
	top: 0px;
	padding: 0px;
	list-style-type:none;
}

div#picMasks div.mask1 {
	background: url('../images/layout/mask.png') no-repeat;
	width: 160px;
	height: 160px;
	margin-right: 20px;
}

div#picMasks div.mask2 {
	background: url('../images/layout/mask.png') 0px -160px no-repeat;
	width: 160px;
	height: 80px;
	margin-right: 20px;
}

div#picMasks div.mask3 {
	background: url('../images/layout/mask.png') 0px -400px no-repeat;
	width: 160px;
	height: 160px;
	margin-right: 20px;
}

div#picMasks div.mask4 {
	background: url('../images/layout/mask.png') 0px -240px no-repeat;
	width: 160px;
	height: 160px;
}

* html div#picMasks div.mask1 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/mask1.png", sizingMethod="crop");
}

* html div#picMasks div.mask2 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/mask2.png", sizingMethod="crop");
}

* html div#picMasks div.mask3 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/mask3.png", sizingMethod="crop");
}

* html div#picMasks div.mask4 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/mask4.png", sizingMethod="crop");
}

div#lineBottom {
	background: url('../images/layout/line.gif') repeat-x;
	position: absolute;
	width: 786px;
	height: 5px;
	font-size: 1px;
	line-height: 1px;
	left: 200px;
	top: 269px;
}

div#lineRight {
	background: url('../images/layout/line.gif') repeat-y;
	position: relative;
	width: 1px;
	height: 100%;
	font-size: 1px;
	line-height: 1px;
	left: 985px;
	top: 0px;
	z-index: 0;
}

h1#pageTitle{
	position: absolute;
	top: 300px;
	left: 286px;
	padding-top: 0px;
	margin-top: 0px;
	text-transform: uppercase;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #54075B;
}

div#body {
	position: relative;
	top: 0px;
	left: 270px;
	width: 697px;
	background-color: #E5E6E7;
	padding-bottom: 1px;
}

#body div#crown {
	position: absolute;
	left: 571px;
	top: -40px;
	width: 73px;
	height: 37px;
	background: url('/images/layout/crown.png') no-repeat;
}

* html #body div#crown {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/crown.png", sizingMethod="crop");
}

div#footer {
	position: relative;
	width: 697px;
	left: 272px;
}

div.footer {
	height: 7px;
}

div.bar1 {
	font-size: 1px;
	line-height: 1px;
	background-color: #54075B;
}

.brasserie div.bar1, .brasserie_bg div.bar1  { background-color: #a3b139; }

div.bar2 {
	font-size: 1px;
	line-height: 1px;
	background-color: #44034A;
}

.brasserie div.bar2, .brasserie_bg div.bar2 { background-color: #70712f; }

table.documentTable thead tr td{
	background: #54075B;
	color: #FFFFFF;
}

div.processedContent {
	margin-bottom: 15px;
	margin-right: 7px;
}

a {
	color: #54075B;
}

div.textCol img, div.contentTextOneColumn img, div.contentTextTwoColumns img {
	padding-left: 30px;
	background-color: transparent;
}