/* @override http://192.168.103.26:8080/style/css.htm */

/*Farben
grün 		#7FB723 (Headlines, Linkfarbe)
hellgrün	#EFF9E0 (Kastenhintergrund)
hellrot	#FFEAD3 (Hintergrund bei leeren Pflicht-Formfeldern)
rot 		#db0900 (verliehene Dinge)
blau		#006bdb (geliehene Dinge)
orange	#FF9524 (Hintergrund Seitennavigation)
hellorange	#FFCA91 (linie unter vor-zurück-navi)
grau		#666666(Text)
*/

/* Reihenfolge: meistens von außen nach innen und hinten nach vorne (margin,border,padding,background, font, specials */

/*globales*/
html {padding-bottom: .005em; height: 100%;	}
body { background: #fff url(/resources/body_bg.jpg) repeat-x; margin: 0px; padding: 0px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size:100%; line-height: 150%; color: #666;}

div#rahmen { margin:0 auto; width:840px; }

div#head { height:60px; position:relative;}
div#head img { display:block; float:left; margin-left:8px;}

div#topnav { margin-top:5px; padding-right:8px; font-size:0.75em; text-align:right; color:#666; float: right; }
div#topnav a {margin:0; text-decoration:none; color:#666;}
div#topnav p {margin:0;}

div#content {margin-top:30px; }

div#footer {margin:0; padding-bottom:.5em; border-top: 1px dashed #ccc; font-size:0.7em; text-align:center; line-height:0.7em; color:#999;}
div#footer a {border-left:1px solid #999; padding:0 .5em; height:0.7em;}

div#skyscraper {position:absolute; top:76px; left:850px; width:120px; height:600px;}

/* 
/*Linke Seite*/
div#contentLeft { width:220px; float:left; }

/*LefBox*/
div.leftBox {margin-bottom:1em; }
div.leftBoxHeader { background:url(/resources/leftbox_header.gif) no-repeat; line-height:0; height:8px; overflow:hidden;}
div.leftBoxContent { background:url(/resources/leftbox_content.gif) repeat-y; padding:0 8px;}
div.leftBoxFooter { background:url(/resources/leftbox_footer.gif) no-repeat; line-height:0; height:8px; overflow:hidden;}
div.leftBoxContent ul a {color:#666;}
div.leftBoxContent ul a:hover {color:#FF9524;}

div.leftBoxContent p {margin:0;}
div.leftBoxContent p.topLine {margin-top: 0.5em; margin-bottom:0; padding-top:0.25em; border-top:1px dashed #999; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:0.875em; line-height:1.25em; clear:both;}

/*Login (alt - linke seite)*/
p.error { margin:0; font-size:0.75em; color:#db0900;}
p.error a {color:#db0900;}


/*Formular linke Seite*/
form.leftBox {margin:0; }
form.leftBox input { border: 1px solid #7FB723; width:100px;}
form.leftBox input.novalue {background:#FFEAD3;}
form.leftBox input.loginbutton {background: url(/resources/button_login_bg.gif) no-repeat; margin-top:2px; border:none; padding-bottom:2px; margin-right:15px; font-size:0.9em; font-weight:bold; color:#7FB723; width:75px; height:22px; cursor:pointer;}
form.leftBox input.addbutton {background: url(/resources/button_add_bg.gif) no-repeat; border:none; padding-bottom:2px; margin-right:15px; font-size:0.9em; font-weight:bold; color:#7FB723; width:100px; height:22px; cursor:pointer;}	

table.leftBox { width:204px; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:0.875em;}
table.leftBox td {vertical-align:top;}
table.leftBox td.right { text-align:right;}
table.leftBox caption {text-align:left;}

/*benutzen wir das noch?*/
div.leftBoxHidden {display:none;}
div.leftBoxContent ul { margin:0; padding:0; font-size:0.875em; line-height:1em;}
div.leftBoxContent ul li { margin:0.25em 0 0 0; list-style: none; }
div.leftBoxContent ul ul li {margin-left:0.25em;}

/* /*reche Seite*/
div#contentRight {  width:600px; float:right; }

div#contentRight.home {background: url(/resources/homepage_bg.gif) no-repeat; width:580px; height:175px; padding: 70px 10px 10px 10px; }
div#contentRight.home_en {background: url(/resources/homepage_bg_en.gif) no-repeat; width:580px; height:175px; padding: 70px 10px 10px 10px; }
div.homecontent {margin-right:70px;}
div.homecontent  p {margin:0;}
div.homecontent  img { margin:0 0 0 8px;}
div.homecontent  a img { margin:8px 0;}

div#fader p {margin:0;}

/*Brotkrumen*/
div#bread {margin-bottom:.5em; border-bottom:1px dashed #ccc; height:1.5em;}
div#bread p {margin:0; }

div#contentRight ul#rightBoxMainNav.bread {font-size:1em;}
div#contentRight ul#rightBoxMainNav.bread li {border:none;}

ul#rightBoxMainNav {margin:0; padding:0; display:inline; font-size:.9em; line-height:1em;z-index:5;}
ul#rightBoxMainNav li {background:none; position: relative; list-style:none; margin:0; padding:0 4px;  float:left; border-right:1px solid #fff; border-left: 1px solid #ccc; vertical-align:top; z-index:10;}
ul#rightBoxMainNav li a {color:#666; white-space:nowrap;}

ul#rightBoxMainNav li a:hover {text-decoration:underline;}


ul#rightBoxMainNav li.submenu img {cursor:pointer;}


/*Dropdown jetzt per div und img-onclick, kein CSS-Behavior*/
/*
ul#rightBoxMainNav li ul.dropDown {background:#fff; margin:0; padding:2px 8px 4px 8px; border:1px solid #7FB723; top:14px; left:0; min-width:100px; width:auto; position:absolute; display:none; z-index:3; line-height:1.5em;}
ul#rightBoxMainNav li ul.dropDown li {background:none; margin:0; border:none; padding:0; list-style:none; display:block; float:none; white-space:nowrap;}

ul#rightBoxMainNav li.submenu:hover ul.dropDown {display:block;}
ul#rightBoxMainNav li.over ul.dropDown {display:block;}
*/

ul#rightBoxMainNav li div.dropDown {background:#fff; margin:0; padding:2px 8px 4px 8px; border:1px solid #7FB723; top:18px; left:0; min-width:100px; width:auto; position:absolute; z-index:10; line-height:1.5em;}
ul#rightBoxMainNav li div.dropDown a {display:block;}
/*----------------------------------------------------------------------------------------------------*/

/*fade*/
div.fade-FF9524 {background:#E0F3C2; margin-bottom:1em; padding:.5em; border: 1px solid #7FB723; border-width: 1px 0 1px 0;}
p.attention {background: url(/resources/icon_attention.gif) no-repeat left; padding-left:1.5em; font-weight:bold;}

/*Headlines */
h1 {margin:0; margin-bottom:.5em; padding:0; font-family:"Trebuchet MS", Verdana, sans-serif; font-weight:normal; font-size:1.5em; line-height:1em; color:#7FB723; }
h2 {margin:0; margin-bottom:.5em; padding:0; font-family:"Trebuchet MS", Verdana, sans-serif; font-weight:normal; font-size:1.25em; line-height:1em; /*color:#7FB723;*/}
h3 {margin:0; margin-bottom:.25em; padding:0; font-family:"Trebuchet MS", Verdana, sans-serif; font-weight:bold; font-size:1em; line-height:1em; color:#7FB723;}

h2.aufklapp {margin:0;}

/*grüne box*/
div.rightBoxExtra {margin-bottom:1em; clear:both; }
div.rightBoxExtraHeader { background:url(/resources/rightbox_green_header.gif) no-repeat; line-height:0; height:8px; overflow:hidden;}
div.rightBoxExtraContent { background:url(/resources/rightbox_green_content.gif) repeat-y; padding:0 8px; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:.85em;}
div.pageNav {font-size:1em;}
div.rightBoxExtraFooter { background:url(/resources/rightbox_green_footer.gif) no-repeat; line-height:0; height:8px; overflow:hidden;}

div.rightBoxExtraContent p, div.rightBoxContent p {margin:0;}
div.rightBoxExtraContent img {vertical-align:middle;}
/*weiße box*/
div.rightBox {margin-bottom:1em; }
div.rightBoxHeader { background:url(/resources/rightbox_header.gif) no-repeat; line-height:0; height:8px; overflow:hidden;}
div.rightBoxContent { background:url(/resources/rightbox_content.gif) repeat-y; padding:0 8px;}
div.rightBoxFooter { background:url(/resources/rightbox_footer.gif) no-repeat; line-height:0; height:8px; overflow:hidden;}

/*rss*/
div.post {margin-bottom:1em; border-bottom: 1px dashed #999; padding-bottom:0;}
div.entry p {margin:0}
div.entry p.date {margin:0; margin-right:.25em; border-right: 1px solid #999; padding:0; padding-right:.25em; display:inline; float:left; font-weight:bold;}

/*Tabellen*/
table.content { border: 1px solid #EFF9E0; border-bottom:none; margin-bottom:1em;}
table.content caption {text-align:left; font-weight:bold; white-space:nowrap;}
table.content th { background:#EFF9E0; padding: 0 .5em; border-left:1px solid #fff; font-weight:bold; text-align:left; color:#666;}
table.content td { padding: 0.25em 0.5em; border-bottom:1px solid #7FB723; vertical-align:top;}
table.content tr.second { }
table.content td.center {text-align:center; vertical-align:middle;}
table.content td img {margin-bottom:-2px;}

/*hier mal gucken, ob das noch benutzt wird*/
table.rightBox { }
table.rightBox td {vertical-align:top; padding-right:1em;}
table.rightBox td.right { text-align:right;}
table.rightBox caption {text-align:left; white-space:nowrap;}

table.permissions { width:100% }  
table.permissions td { width:50% }  

/*Bilder*/
img {border:none;}
img.intextright { background-color: #E1E4E8; border: 3px solid white; padding: 5px; margin-left: 15px; float: right;}
img.ajaxclickable {cursor:pointer;}

/*Listen*/
div.rightBoxContent ul, table.content ul, ul.home  { margin:0; padding:0;}
div.rightBoxContent ul li, table.content ul li, ul.home li{ background:url(/resources/list_icon_green.gif) 0px 10px no-repeat; margin:0.25em 0 0 0.25em; padding:0 0 0 0.5em; list-style:none; }

/* ---------------------------------------------------------------------------------------------------- */
/*Member-Home*/
div.overview { margin:0 4px 8px 4px; background-image: url(/resources/button_home_lib_all_bg.gif); font-size: 1.5em; line-height:0.9em; text-align:center; width:187px; height:66px; float:left; display:table-cell; vertical-align:middle;}
div.given { background-image: url(/resources/button_home_lib_given_bg.gif);}
div.taken { background-image: url(/resources/button_home_lib_taken_bg.gif);}
div.overview a {color:#000; display:block; width:150px;}
div.overview>a {width:auto;}
div.overview a:hover {color:#000;}

/* kleiner$viewLibrary.getHref("specialSelection.takenItems") overview?*/
div.overviewSmall { margin:0 3px; font-size: 1.25em; text-align:center; width:62px; height:28px; float:left;}
div.overviewSmall a {color:#fff; display:block; width:60px;}
div.overviewSmall a:hover {color:#fff;}

div.allSmall {background: #7FB723 url(/resources/button_all_active_bg.gif) no-repeat;}
div.givenSmall {background: #db0900 url(/resources/button_given_active_bg.gif) no-repeat;}
div.takenSmall {background: #006bdb url(/resources/button_taken_active_bg.gif) no-repeat;}

/* ---------------------------------------------------------------------------------------------------- */
/*Library ViewControl*/
div.rightBoxExtraContent img.pageNav { margin-top:2px; margin-bottom:-2px; border:1px solid #7FB723;}

ul#rightBoxNav {margin:0; padding:0; display:inline; font-size:.9em; line-height:1em; z-index:4;}
ul#rightBoxNav li {background:none; position: relative; list-style:none; margin:0; padding:0 4px;  float:left; border-right:1px solid #fff; border-left: 1px solid #ccc; vertical-align:middle; z-index:4;}
ul#rightBoxNav li.noRightBorder {border-right:none;}
ul#rightBoxNav li.noLeftBorder {border-left:none;}

ul#rightBoxNav li div.dropDown {background:#fff; margin:0; padding:2px 8px 4px 8px; border:1px solid #7FB723; top:18px; left:0; min-width:100px; width:auto; position:absolute; z-index:4; line-height:1.5em;}
ul#rightBoxNav li div.dropDown a {display:block;}

ul#rightBoxNav li a {color:#666; white-space:nowrap;}
ul#rightBoxNav li a.onClickOnly {cursor:default;}
ul#rightBoxNav li a.onClickOnly:hover {text-decoration:none;}
ul#rightBoxNav li a:hover {text-decoration:underline;}

ul#rightBoxNav li input.search {color:#666; font-size:12px; width:70px}

ul#rightBoxNav li.submenu img {cursor:pointer;}


/*----------------------------------------------------------------------------------------------------*/

ul.dropDown a {color:#666;}
ul.dropDown a:hover {color:#FF9524;}

a.select { background: url(/resources/button_select_bg2.gif) right no-repeat; padding:0 13px 0 0; color:#666;}
a.select:hover {color:#666;}

span.selectedFilter {display:block; font-size:.75em;}

/* ---------------------------------------------------------------------------------------------------- */
/*Items-Anzeige - ViewLibrary*/

div.item {margin: 0px; padding:3px; border:1px solid #fff; clear:both; border-bottom:1px dashed #ccc; text-align:left; vertical-align:top; width:90%; height:auto; font-size:0.875em; line-height:1.2em;} 
div.item a.cover {width:75px; height:75px; display:block; text-align:center; float:left; margin:0; padding:0; margin-right:.5em;}
div.rent {background: url(/resources/rent_bg.gif) no-repeat;}
div.lent {background: url(/resources/lent_bg.gif) no-repeat;}

/*Print + ListView*/
div.metaInfo {display:block;}

/*amaton-titel unten im grünen kasten*/
div.similarItem { margin: 0px; padding:3px; border:1px solid #EFF9E0; text-align:center; vertical-align:middle; width:105px; height:75px; float: left; overflow:hidden;}

/*Seitennavigation unten im grünen Kasten*/
a.activePage {background: #FF9524; color:#fff; font-weight:bold; padding:0 4px;}
a.activePage:hover {color:#fff;}

/* Suche */
div.librarysearch {font-size:0.7em;}
input.search {font-size:1em; width:100px;}
input.gobutton {background: url(/resources/button_go_bg.gif) no-repeat; border:none; padding-bottom:2px; font-size:1em; font-weight:bold; color:#7FB723; width:35px; height:22px; cursor:pointer;}	
/* ---------------------------------------------------------------------------------------------------- */
/* ItemDetail*/

div.forwardbackward {margin-bottom:.5em; padding:0; height:1.4em; border-bottom: 1px dashed #FFCA91;}
div.forwardbackward  img { vertical-align:middle;}

/* Ajax-Controls*/
form.inplaceeditor-form textarea {border: 1px solid #7FB723; width:250px; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:.875em; color:#333;}
form.inplaceeditor-form input.editor_field {border: 1px solid #7FB723; width:300px; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:.875em; color:#333;}
form.inplaceeditor-form input.editor_ok_button {background: url(/resources/button_go_bg.gif) no-repeat bottom; margin-left:.5em; border:none; margin-top:-2px; font-size:1em; line-height:1em; font-weight:normal; color:#7FB723; width:35px; height:22px; cursor:pointer;}
form.inplaceeditor-form a.editor_cancel {margin-left:.5em;}

div.autocomplete {background:#fff; border: 1px solid #7FB723; margin:0; padding:0;}
div.autocomplete ul {margin:0; padding:0;}
div.autocomplete ul li {background:none; margin:0; padding:0 .5em;}
div.autocomplete ul li:hover{cursor:pointer; background:#EFF9E0;}



/*Definition List*/
div.rightBoxContent dl {margin:0; padding:0;}
div.rightBoxContent dl dt {margin:0; padding:0; font-weight:bold;}
div.rightBoxContent dl dd {margin:0; padding:0 0 0 0.5em;}

/*Form auf der rechten Seite*/
form {margin:0; padding:0; font-family: "Trebuchet MS", Verdana, sans-serif;}
form.rightBox {margin:0; }
form.rightBox input { border: 1px solid #7FB723; width:220px; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:.875em; color:#333;}
form.rightBox textarea { border: 1px solid #7FB723; width:250px; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:.875em; color:#333;}
form.rightBox textarea.wide { border: 1px solid #7FB723; width:320px; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:.875em; color:#333;}
form.rightBox input.checkbox {border: 0px; text-align:left; width:auto;}
form.rightBox input.novalue {background:#FFEAD3;}
form.rightBox input.addbutton {background: url(/resources/button_add_bg.gif) no-repeat; border:none; padding-bottom:2px; margin-right:15px; font-size:0.9em; font-weight:bold; color:#7FB723; width:100px; height:22px; cursor:pointer;}	
form.rightBox select {border: 1px solid #7FB723;}

/* ---------------------------------------------------------------------------------------------------- */
/* FAQ */

div.rightBoxHidden {display:none;}

ul#faq, ul#faq li, ul#faq ul, ul#faq ul li {list-style:none; margin:0; padding:0; background:none;}

ul#faq li.category {margin-bottom:1.5em;} 
ul#faq li.question {margin-left:1em; font-size:0.875em; list-style:circle;} 
ul#faq li.answer {margin-left:.5em; margin-bottom:.5em; padding:.5em; background:#EFF9E0; border: 1px solid #7FB723; border-width:1px 0; display:none; color:#333;}  

ul#faq li.question a {color:#666;} 
h2.faq {border-bottom: 1px solid #7FB723; padding-bottom:.25em; margin-bottom:0;}


/* ---------------------------------------------------------------------------------------------------- */
/*Links*/
a { text-decoration:none; color:#7FB723;}
a:hover {color:#FF9524;}

/* ---------------------------------------------------------------------------------------------------- */
/* WhyUpgrade*/

div.question {position:relative; display:inline;}
div.question img {vertical-align:middle;}
div.tooltip {position:absolute; top: 20px; left:20px; width: 20em; display:none; background:#f9fae0; font-size: 0.75em; border:1px solid #FF9524; padding: 0.5em; z-index:1;}
div.question:hover div.tooltip {display:block;}
/* ---------------------------------------------------------------------------------------------------- */
/*Diverse*/




div.rightBoxContent ul li.moreInfo {display:none; margin:0; padding:0; background:none;}

.floatleft {float:left;}
.floatright {float:right; text-align:right;}
.stopfloat {margin:0; height:0; overflow:hidden; clear:both;}
.nowrap {white-space: nowrap;}

dfn, abbr {border-bottom:1px dotted silver; font-style:normal; cursor:help; }


.debug { border: 1px dotted red;}			  
.debug2 { border: 1px dotted green;}


.nextbuttons {
	position: absolute;
	left: 10px;
	top: 200px;
}

div#contentRight.home, div#contentRight.home_en {
	position: relative;
}

