/* ============================================================
	OAPEN
	acdhirr@trilobiet.nl 2010
	Layout styles
============================================================ */

/* general ------------------------------------------------- */

	.textOnly {
		display: none;
	}
	
	body {
		margin: auto;
		padding: 0;
		font-size: 11px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		background: url(../img_struct/bgmenu.png) repeat-x white 0 92px;
		min-width: 1000px;
	}

	#wrapper {
		margin: 0 auto;
		width: 1000px;
		min-height: 600px;
	}

		body.stretch #wrapper {
			width: auto;
		}
	
	#babel {
		position: absolute;
		background: url(../img_struct/bgmenu-right.png) no-repeat right 0;		
		height: 29px;
		width: 328px;
		right: 0;
		top: 92px;
		z-index: 2;
	}


	
/* header with menu -------------------------------------------- */

	#layHead {
		position: relative;
		height: 121px;
		background: white;
	}

		#layHead #bar {
			position: absolute;
			top: 91px; left: 0;
			width: 100%;
			height: 29px;
			z-index: 1;
			background: url(../img_struct/bgmenu.png) repeat-x;
			border-top: solid 1px white;

		}
	
		#layHead #logo {
			position: absolute;
			top: 5px;
			left: 22px;
			height: 81px;
			width: 121px;
			z-index: 3;
		}

		#layHead #stats {
			position: absolute;
			top: 15px;
			right: 22px;
			text-align: right;
			font-size: 10px;
			font-weight: bold;
			line-height: 1.6em;
			color: #A3C4D7;
		}

		#layHead #menu {
			position: absolute;
			top: 0; left: 0;
			padding: 58px 0 0 249px;
			height: 62px;
			z-index: 1;
		}

			#layHead #menu li {
				float: left;
				display: block;
				padding: 12px 20px;
				height: 38px;
				font-size: 14px;
				font-weight: bold;
			}

			#layHead #menu a {	
				color: #568fa7;
			}

			#layHead #menu .selected {
				background: #DEE9ED;
			}

		
		#layHead #submenu {
			position: absolute;
			top: 91px; left: 249px;
			height: 29px;
			z-index: 4;
		}

			#layHead #submenu ul {	
				margin-left: 231px;
			}

			#layHead #submenu li {	
				float: left;
				font-size: 12px;
				font-weight: bold;
				margin: 9px 1em 0 15px;	
			}

			#layHead #submenu a {	
				color: white;
			}

		#layHead #quicksearch {
			position: absolute;
			right: 20px; 
			bottom: 4px;
			z-index: 10;
			width: 243px;
		}

			#layHead #quicksearch input {
				width: 160px;
			}

			#layHead #quicksearch button {
				width: 68px;
			}



/* content area -------------------------------------------- */	
	
	#layContent {
		padding: 20px 22px;
	}


		
/* page foot ----------------------------------------------- */	
	
	#layFoot {
		clear: both;
		padding: 20px 22px 50px 22px;
		text-align: center;
		background: url(../img_struct/bgfoot.png) repeat-x white;
	}

		#layFoot a {
			padding: 0 2em;
		}
			#layFoot a:hover {
			}



/* TEI ----------------------------------------------- */	

	#Tei {
	}

		#Tei .buttonBar {
			position: absolute;
			top: 122px;
			left: 0;
			right: 0;
			height: 20px;
			background: #eee;	
			padding: 10px 20px;	
		}
		
		#Tei .toc {
			position: absolute;
			top: 170px;
			left: 0;
			bottom: 0;
			right: 60%;
			overflow: auto;
			padding: 0 40px 50px;
			border-right: solid 1px #ddd;
		}
		
		#Tei .toc .hit-count {
		    color: red;
		}
		
		#Tei .layContent>div.content {
			position: absolute;
			top: 170px;
			left: 40%;
			bottom: 0;
			right: 0;
			overflow: auto;
			padding: 0 40px 50px;
		}
		
		#Tei .content {
			margin: 0;
			padding: 0;
		}
		
		#Tei #layFoot {
			display: none;
		}
		
.inlinemenu {
    text-align: center;
    padding-top: 15px;
}
    .inlinemenu a {
        padding-right: 5px;
    }
   
ul.literature li {
    padding-bottom: 3px;
    padding-left:15px;
    text-indent:-15px;
    list-style-position:outside;
    list-style-type:none;
}