@import url(css/content.css);
@media all
{

/* ###############################
   ##  Design und Ausrichtung	##
   ############################### */

	/* Allgemeines
	--------------*/

	html, body {
		font-family: Arial, sans-serif, Helvetica, Verdana;
		color: #000000;
		font-size: 13px;
		padding: 0;
		margin: 0;
		height: 100%;
		width: 100%;
	}

	body.site {
		background-image: url(img/bgr.jpg);
		background-repeat: repeat-y;
	}

	#header_logo a, #top_menu a, #breadcrump a, #menu a {
		border:0;
	}

	.highlight {
		color: #ffffff !important;
		background: #339800 !important;
		font-weight: bold !important;
		padding: 0 2px !important;
	}

	/* Container (Navigation u. Content)
	-------------------------------------*/

	#main {
		/*  */
		width: 100%;
		min-height: 100%;
		padding-bottom: 100px;
		position: relative;
		z-index: 1000;
		clear: both;
	}

	#menu, #content {
		position: relative;
		display: block;
		min-height: 100%;
	}

	#menu {
		float: left;
		width: 250px;
		min-height: 100%;
		position: relative;
		z-index: 1;
		overflow: auto;
		padding-top: 25px;
	}

	#menu_box {
		margin: 0 10px 0 7px;
	}

	#menu_box .navtitle {
		display: block;
		font-weight: bold;
		color: #666666;
		padding: 10px 0 10px 5px;
	}

	#menu_box .navtitle a {
		color: #666666;
	}

	#content {
		margin-left: 260px;
	}

	#text {
		float: left;
		padding: 5px;
		width: 97%;
	}

/* ######################
   ##  Header-Bereich  ##
   ###################### */

	#header {
		/*height: 120px;*/
			height: 86px;
		width: 100%;
		position: relative;
		background-image: url(img/header_bgr.jpg);
		background-repeat: repeat-x;
	}

	#header_logo a img {
		border:0;
		margin: 12px 0 0 15px;
	}

	#title_version {
		color: #aaaaaa;
		font-weight: bold;
		font-size: 12px;
		position: absolute;

		/*
		top: 5px;
		right: 10px;
		*/

		top: 27px;
		left: 210px;
	}

	#header h1 {
		color: #ffffff;
		font-size: 16px;
		margin: 15px 0 11px 15px;
		font-weight: bold;
		padding: 0;
		border: 0;
	}

  /* Header Menu
   --------------*/

	#top_menu {
		position: absolute;
		top: 27px;
		right: 10px;
	}

	#top_menu ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}

	#top_menu ul li {
		float: left;
		padding-left: 10px;
		background-image: none;
	}

	#top_menu ul li a {
		display: block;
		color: #ffffff;
		border-left: 1px solid #ffffff;
		padding-left: 7px;
		text-decoration: none;
		font-size: 12px;
	}

	#top_menu ul li a.logout {
		border:0px;
		padding-left: 0px;
		color: #349800;
		font-weight:bold;
	}

	#top_menu ul li a.icon_user {
		padding-left: 18px;
		border-left: 0;
		background-image: url(img/user_icon.gif);
		background-repeat: no-repeat;
	}

/* ##################
   ##  Breadcrump  ##
   ################## */

	#breadcrump {
		/*height: 34px;*/
		border-bottom: 1px solid #EEEEEE;
		background-color:#ffffff;
		padding-bottom: 4px;
	}

	#breadcrump a {
		display: block;
		float: left;
		margin-top: 9px;
		margin-left: 5px;
		background: transparent url(img/arrow.jpg) left -2px no-repeat;
		padding-left: 20px;
	}

	#breadcrump a.path_inactive {
		color:#555555;
		background: transparent url(img/arrow_grey.jpg) left -2px no-repeat;
	}


	#book_select {
		float: left;
		padding: 6px 0 0 35px;
		background-image: url(img/book.jpg) !important;
		background-repeat: no-repeat;
		background-position: 13px 8px;
	}

	#book_select select {
		border: 1px solid #809BB6;
	}


/* ###################
   ##  Footerzeile  ##
   ################### */

	#footer {
		clear: both;
		color: #666666;
		margin-top: 30px;
	}

	#footer a {
		color: #666666;
		display: inline;
		padding: 5px 5px 5px 20px;
		border: 0px;
	}

	.icon_pdf {
		background-image: url(img/icon_pdf.jpg);
		background-repeat: no-repeat;
		background-position: 0px 4px;
	}

	.icon_print {
		background-image: url(img/icon_print.jpg);
		background-repeat: no-repeat;
		background-position: 0px 4px;
	}


/* ##################
   ##  Navigation  ##
   ################## */

	#navigation {
		text-align: center;
		vertical-align: middle;
		display: block;
		height: 75px;
		padding-top: 10px;
	}

	ul.booklist {
		margin: 0;
		padding-left: 30px;
	}

	ul.booklist ul {
		margin: 0;
		padding-left: 20px;
	}

	.booklist li {
		list-style-image: url(images/folder.png);
		padding: 0px 0px 2px 0px;
		background-image: none;
	}

	.booklist li.page {
		list-style-image: url(images/page.png);
	}

	.booklist a {
		font-size: 12px;
		bottom: 2px;
		position: relative;
		text-decoration: none;
	}

	.booklist a:hover {
		text-decoration: underline;
	}

	.booklist a.active {
		font-weight: bold;
	}

/* ##################
   ##  CODEBLÖCKE  ##
   ################## */

	.CSS, .HTML, .JavaScript, .PHP, .Smarty  {
		display			: block;
		border-left: 2px solid #939393;
		margin: 7px 0 7px 0;
		font-size: 11px;
		padding		: 10px;
		background-color: #EAEAEA;
	}

	.CSS_title, .HTML_title, .JavaScript_title, .PHP_title, .Smarty_title {
		font-weight: bold;
	}

	.CSS li, .HTML li, .JavaScript li, .PHP li, .Smarty li {
		padding: 0px;
		background-image: none;
		list-style-type: decimal-leading-zero;
	}

	.JavaScript ol {
		margin-left: 0px;
		background-color: #EAEAEA;
	}

/* ########################
   ##  Handbucher Icons  ##
   ######################## */

	#handbuecher {
		border-top: 1px solid #EAEAEA;
		border-bottom: 1px solid #EAEAEA;
		padding: 11px 0 11px 0;
		margin-top: 15px;
	}

	#handbuecher table tr td a {
		border: 0;
		color: #666666;
	}

	#handbuecher table tr td {
		width: 90px;
	}


/* ###################################
   ##  Startseite (Quicklinks-Box)  ##
   ################################### */

	#quicklink_box {
		margin-top: 11px;
	}

	#quicklink_box tr td {
		vertical-align: top;
		width: 180px;
	}

	#quicklink_box tr td h2 {
		margin: 0 0 6px 0;
		font-size: 15px;
		color: #333333;
		font-weight: bold;
		border: 0;
	}

	#quicklink_box tr td ul {
		margin: 0;
		padding: 0;
	}

	#quicklink_box tr td ul li {
		list-style-type: none;
		background-image: url(img/bullet.jpg);
		background-repeat: no-repeat;
		background-position: 3px 4px;
		padding-left: 18px;
		padding-bottom: 4px;
	}

/* #############
   ##  Suche  ##
   ############# */

	/* Darstellung des Inputfeldes
	-------------------------------*/

	#search {
		position: absolute;
		top: 58px;
		right: 10px;
	}

	#search input {
		background-image: url(img/search_icon.jpg);
		background-repeat: no-repeat;
		background-position: right;
		padding-left: 5px;
		width: 200px;
	}

	input[type=text], input[type=password] {
		border: 1px solid #999999;
		height: 15px;
		font-size: 12px;
		color: darkgray;
	}

	* html #search input {
		border: 1px solid #339800;
		height: 15px;
		font-size: 12px;
		color: darkgray;
	}

	/* Darstellung der Suchtreffer
	-------------------------------*/

	.result_message {
		background-color: #F8F8F8;
		border: 1px solid #f1f1f1;
		font-weight: bold;
		color: #999999;
		padding: 5px;
		margin: 10px 0px 10px 0px;
	}

	.pagination {
		padding: 5px 0px 5px 0px;
	}

	.pagination a {
		display: block;
		float: left;
		background-color: #F6F6F6;
		border: 1px solid #E4E4E4;
		padding: 4px 8px 4px 8px;
		margin-right: 3px;
		margin-bottom: 5px;
		color: #999999;
		font-size:11px;
	}

	.pagination a.act {
		color: #000000;
		font-weight: bold;
		border: 1px solid #999999;
	}

	ul.s_results {
		margin: 0;
		padding: 0;
	}

	ul.s_results li {
		margin-bottom: 5px;
	}

	ul.s_results li span {
		display: block;
		padding: 3px 0 0 0 ;
		color: #aaaaaa;
	}

/* #########################
   ##  Quickedit Buttons  ##
   ######################### */

	.pedit_button {
		display: block;
		float: right;
		margin-top: 10px;
		margin-left: 5px;
		border: 1px solid #cecece !important;
	}

	.pencil {
		padding: 3px 3px 3px 23px;
		background-image: url(img/pencil.png);
		background-repeat: no-repeat;
		background-position: 3px 2px;
	}

	.textfield {
		padding: 3px 3px 3px 23px;
		background-image: url(img/textfield.png);
		background-repeat: no-repeat;
		background-position: 3px 2px;
	}

/* ######################################
   ##  Ansicht des Inhaltsverzeichnis  ##
   ###################################### */

	#inhaltsverzeichnis {
		margin-top: 20px;
	}

	#inhaltsverzeichnis ul li {
		list-style-type: none;
		background-image: url(img/file.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 18px;
		padding-bottom: 5px;
	}

	#inhaltsverzeichnis ul ul {
		padding-left: 0px;
		margin-top: 6px;
	}

	#inhaltsverzeichnis ul li a:hover {
		border-bottom: 1px dotted #444444;
	}

	#inhaltsverzeichnis a:active, a:focus{
		outline:none;
	}

	#inhaltsverzeichnis a, #inhaltsverzeichnis ul li a {
		color: #444444;
		border: 0px;
	}

	.inh_list {
		list-style-type: none;
		background-image: url(img/file.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 18px;
		padding-bottom: 225px;
		margin-bottom: 20px;
	}

}