/*

	CSS-Styles for the Goobi-Presentation-Website
	
	Author: Thomas Jung, TJWD
	Phone: +49 351 5636328
	Mail: thomas@tjwd.de
	Web: www.tjwd.de

*/

* { margin:0; padding:0; }


html, body {
	position:relative;
	width:100%;
	min-height:100%;
}

.mainframe {
	font-size: 62.5%;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif;
	background:#bbb;
	text-align: center;
}

#sitebody {
	position: relative;
	width: 980px;
	margin: 0 auto;
	background: url('../images/goobi/sitebg.gif') repeat-y 0 0;
	padding: 0 0 80px 0;
	text-align: left;
}

#tagline {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 660px;
	background: url('../images/goobi/tagline_side.gif') no-repeat 0 0;
}

#header {
	position: relative;
	background: url('../images/goobi/sitetop.gif') no-repeat 0 0;
	width: 980px;
	height: 260px;
}
#header h1 {
    position: relative;
    top:80px;
    left:70px;
    width: 840px;
    height:180px;
    background: url('../images/goobi/headerbg.gif') no-repeat 0 0;
    display: block;
}

#header h1 .headerlogo {
	position: absolute;
	top:11px;
	right:41px;
	width: 220px;
	height: 120px;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	background: url('../images/goobi/goobilogo.gif') no-repeat 0 0;
}

#header #sitenav,
#header h2  { display: none; }

#nav {
	position: absolute;
	right:85px;
	top:260px;
	width: 290px;
	border-top:1px solid #999;
}

#nav h3 { display: none; }
#nav ul { list-style-type: none; }

.navparent {
	position: relative;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	margin-top: -1px;
	background-repeat: no-repeat;
	padding-top:5px;
	background-color: #fff;
}

.parentlink {
	position: relative;
	display:block;
	font-size: 1.6em;
	font-weight: bold;
	color: #28f;
	text-decoration: none;
	padding-left: 50px;
}

.navicon {
	position: absolute;
	top:1px;
	left:0;
	width: 40px;
	height: 50px;
	display: block;
	background-position: 0 0;
}

* html .navicon { left:-50px; }

#nav a.act { color: #e90; }

#nav a:hover .navicon,
#nav .navparent:hover .navicon { background-position: -40px 0; }
#nav a.act .navicon { background-position: -80px 0; }

#nav a:hover .navinfo,
#nav .navparent:hover .navinfo { border-bottom: 3px solid #9cf; }
#nav .act .navinfo { border-bottom: 3px solid #e90; }

#start .navicon { background-image: url('../images/goobi/nav_start.gif'); }
#blog .navicon {background-image: url('../images/goobi/nav_blog.gif'); }
#arc .navicon { background-image: url('../images/goobi/nav_arc.gif'); }
#funct .navicon { background-image: url('../images/goobi/nav_funct.gif'); }
#coop .navicon { background-image: url('../images/goobi/nav_coop.gif'); }
#support .navicon { background-image: url('../images/goobi/nav_support.gif'); }
#contact .navicon { background-image: url('../images/goobi/nav_contact.gif'); }



.navinfo {
	font-size: 0.625em;
	color: #666;
	font-weight: normal;
	border-bottom: 3px solid #eee;
	display: block;
	padding:0 0 5px 0;
	
}

.navchild {
	position: relative;
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #ccc;
	padding:0;
}

.childlink {
	position: relative;
	padding:5px 0 5px 50px;
	width: 240px;
	display: block;
	margin:0;
	background: url('../images/goobi/childlink.gif') no-repeat 20px 5px;
}

a.childlink:hover { background-color: #def; }

* html .navchild { border-style: solid; border-color: #eee; }

.navchild a { text-decoration: none; color:#28f; font-weight: bold; }

* html .subnav { position: relative; display: inline !important; }
*:first-child+html .subnav { position: relative; display: inline !important; }
#nav #searchform {
	position: relative;
	padding:15px 5px;
	border-bottom:1px solid #999;
}

#nav #searchform #searchword {
	position: relative;
	width:80%;
	background: #eee;
	border-width: 1px;
	border-style: solid;
	border-color: #999 #fff #fff #999;
	color: #999;
	font-size: 1em;
	padding:2px;
}

#nav #searchform #searchword:focus { background-color: #fff; color:#28f; }

#nav #searchform label {
	position: relative;
	width: 20%;
	font-weight: bold;
	color:#9cf;
	text-align: right;
	margin: 0 5px 0 0;
}

#nav #searchform #send {
	position: absolute;
	top:10px;
	right:10px;
	width:30px;
	height: 30px;
	padding:100px 0 0 0; /* Schiebt den angezeigten Buttontext nach unten > IE, Firefox etc. */
	text-indent: -90000px; /* Schiebt den angezeigten Buttontext nach links weg > Opera */
	background: url('../images/goobi/searchbtn.png') no-repeat 0 0;
	border:none;
	display: block; 
	overflow: hidden; 
	cursor: pointer;
}

* html #nav #searchform #send { background: url('../images/goobi/searchbtn_ie.gif') no-repeat 0 0; }


#content {
	position: relative;
	width: 505px;
	left:70px;
}

#content ul#breadcrumb {
	position: relative;
	font-size: 1em;
	height:15px;
	list-style-type: none;
	list-style-image: none;
	padding:5px 10px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #9cf;
	color: #6cf;
	margin:20px 0;
	background: #f4f9fe;
}

#content ul#breadcrumb li  { 
	position: relative;
	float:left;
	padding:0 0 0 10px;
	margin:0 7px 0 0;
	background: url('../images/goobi/breadsep.gif') no-repeat center left;
}

#content ul#breadcrumb li a {
	position: relative;
	color: #69c;
	font-weight: bold;
}

#content h3 {
	clear: left;
}

#inlinefooter {
	position: absolute;
	left: 70px;
	bottom:0;
	width: 840px;
	height: 40px;
	background: url('../images/goobi/inlinefooter.gif') no-repeat 0 0;
}

#inlinefooternav {
	position: absolute;
	top:8px;
	right:90px;
	height: 22px;
	width: 170px;
	display: block;
	list-style-type: none;
	border-left: 1px solid #bdf;
	padding-left: 6px;
}



#inlinefooternav li a {
	position: relative;
	height:10px;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	margin-bottom: 2px;
}

#inlinefooternav li a:hover { background-position: 0 -10px; }

#ifb_impressum { width:60px; background-image: url('../images/goobi/ifb_impressum.gif'); background-repeat: no-repeat; background-position: 0 0;}
#ifb_haftung { width:100px; background-image: url('../images/goobi/ifb_haftung.gif'); background-repeat: no-repeat; background-position: 0 0; }

a#totop {
	position:absolute;
	bottom:60px;
	right:85px;
	width: 240px;
	height:18px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	padding:2px 0 0 50px;
	text-decoration: none;
	color: #39f;
	font-weight: bold;
	font-size:1.2em;
	background: url('../images/goobi/totop.gif') no-repeat center left;
	display: block;
}

a#totop:hover { background-color: #cef; }

#siteend {
	position: relative;
	width: 980px;
	height:200px;
	background: url('../images/goobi/siteend.gif') no-repeat 0 0;
	margin:0 auto;
}