html, body {
	background: #EDEDE8;
}

body {
	font-size: 12px;
	line-height: 20px;
	padding: 30px 0 0 0;
	text-align: center;
} 

#container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	background: url(../img/shadow-right.gif) top right repeat-y;
	padding-right: 10px;
}

/** shadow definition */
#shadow-top {
   overflow:hidden;
   width: auto;
   height: 10px;
   font-size:0;
   margin-bottom: -10px;
   margin-right: -10px;
}

#shadow-bottom {
   overflow:hidden;
   width: auto;
   height: 10px;
   margin-top: -10px;
   font-size:0;
   margin-right: -10px;
}

.top-right {
   position: relative;
   float: right;
   width: 10px;
   height: 10px;
   font-size: 0;
   background: url(../img/top-right.gif) top right;
}

#wrapper {
	min-height: 400px;
	padding: 20px 20px 20px 30px;
	background: #fff url(../img/shadow-left.gif) top left repeat-y;
}

#header #claim {
	background: #E4E4DF;
	margin-top: 20px;
	padding: 1px 2px 1px 10px;
	color: #75756D;
	font-size: 14px;
}

#topnav {
	display: inline;
	float: right;
	position: relative;
	margin-top: -120px;
	width: 259px;
}

#topnav select {
	font-size: 11px;
	width: 250px;
}

#main-content {
	margin-top: 50px;
	width: 870px;
	float: left;
}

#nav {
	width: 190px;
	background-color: #fff;
	float: left;
	min-height: 400px;
}

#content {
	width: 640px;
	width: 672px;
	min-height:600px;
	min-height: 900px;
	float: left;
	padding: 0;
	color: #444;
	margin-left: 10px;
	margin-left: 8px;
}

#footer {
	margin-top: 30px;
	clear: both;
	border-top: 20px solid #E4E4DF;
	padding-top: 15px;
}

#footer strong { color: #75756D; float: left; }
#footer img { margin-left: 20px; margin-top: 6px; }

#footer .csc-default {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#footer .csc-textpic-image {
	margin-left: 0;
}

#footer .csc-textpic-image, #footer .csc-textpic-imagewrap {
	width: auto!important;
}

#footer .csc-default img {
	margin-left: 10px;
}

#footer .csc-default p {
	width: 910px;
	display: block;
	color: #72736D;
	margin-bottom: 0;
}

h1 {font-size: 20px; margin-top: 0;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}

h1, h2, h3 {
	margin: 12px 0;
}

p { font-size: 13px; }

a:link,a:visited  {text-decoration: none; color: #559e40;}
a:focus, a:hover, a:active {color: #75756D; text-decoration: underline;}

.clear {
  clear: both;
  line-height: 0px;
  height: 0px;
  font-size: 0px;
}

.hide {
	position: absolute;
	left: -5000px;
	top: -5000px;
}

hr {
	background-color: #75756D;
	color: #75756D;
	border: none;
	height: 1px;
}

.csc-default {margin-bottom: 25px;}
.csc-caption {font-size: 11px; font-style: italic;}

/**
 * Lefthand-Navigation
 */

#navi, #navi ul {list-style: none; margin: 0; padding: 0;}
#navi ul {color:#75756D; margin-left: 18px;}
#navi li {list-style: none; line-height: 22px;}

#navi li ul li {padding-left: 0px; display: inline;}

/**
 * allgemeine Link Gestaltung
 */

#navi a:link, #navi a:visited {display: block; text-decoration: none; color: #75756D; padding-left: 18px;}
#navi a:focus, #navi a:hover, #navi a:active, .active, .act {color: #559E40!important;}

/**
 * 1. Level
 */
 
#navi li a:link,
#navi li a:visited {
	background: url(../img/navi.gif) 0 6px no-repeat;
}

#navi li a:focus,
#navi li a:hover,
#navi li a:active,
.active,
.act {
	background-position: 0 -44px!important;
}

/**
 * 2. Level
 */
 
#navi li ul {margin-left: 15px;}

#navi li ul li a:link, 
#navi li ul li a:visited {
	background: url(../img/navi.gif) 0 -94px no-repeat!important;
	padding-left: 12px!important;
}

#navi li ul li a:focus,
#navi li ul li a:hover,
#navi li ul li a:active {
	background: url(../img/navi.gif) 0 -94px no-repeat!important;
}

/**
 * 3. Level
 */
 
#navi ul ul li a:link,
#navi ul ul li a:visited,
#navi ul ul li a:focus,
#navi ul ul li a:hover,
#navi ul ul li a:active {
	background:none!important;
	padding-left: 10px!important;
}

#navi ul ul { margin-left: 12px;}

#navi ul.examples li {display:none;}
#navi ul.examples li.active.third {display: block;}
#navi ul.examples li.active.third ul li {display: block;}


table, tr, td {
	font-size: 12px;
	border: 0;
	padding: 3px;
}

td {border-bottom: 1px solid #E4E4DF; vertical-align: top;}
tr {padding: 0;}

/*
 * Steckbrief
 */
 
.tx-eduinstitutionmasterdata-pi1 {
	margin: 15px 0;
	float: left;
	background: #E4E4DF;
	width: 640px;
	padding: 10px 10px 10px 20px;
	position: relative;
	float: left;
}

#masterdatacontainer-gutter {
	float: left;
	width: 100%;
	margin-top: 25px;
}

.tx-eduinstitutionmasterdata-pi1 table p {
	margin-bottom: 0;
}

.tx-eduinstitutionmasterdata-pi1 table td {
	border-bottom-color: #75756D;
}

.tx-eduinstitutionmasterdata-pi1 table {
	float: left;
	width: 370px;
}

.tx-eduinstitutionmasterdata-pi1 h2 {
	font-size: 20px;
	width: 370px;
	float: left;
	margin: 0;
	cursor: pointer;
}

.tx-eduinstitutionmasterdata-pi1 #map {
	float: right;
	width: 250px;
	height: 250px;
	margin-right: 10px;
}

/**
 * FCE 3 Spalten
 */
 
.col-wrapper {float: left; clear: both; margin: 15px 0; margin-bottom: 200px;}
.col1, .col2, .col3 {float: left; width: 195px; padding: 0 10px;}
.col1, .col2 {border-right: 1px solid #75756D; }
.col1 {padding-left: 0;}
.col-wrapper h3 {margin: 3px 0;}
.col-wrapper p {line-height: 17px;}

/**
 * Search
 */

#searchwrapper {
	clear: both;
}

.searchSwitch1, .searchSwitch2, .searchSwitch3 {
	width: 206px;
	height: 23px;
	background-color: #E4E4DF;
	float: left;
	cursor: pointer;
	margin: 10px 0;
}

.searchSwitch1 span, .searchSwitch2 span, .searchSwitch3 span {
	display: block;
	margin-left: 30px;
}

.searchSwitch2 span {margin-left: 50px;}

.searchactive span { color: #fff;}

.searchSwitch1 {
	background: url(../img/button_suche.gif) 0 0 no-repeat;
}

.searchSwitch1.searchactive {
	background: url(../img/button_suche.gif) 0 -23px no-repeat;
}

.searchSwitch2 {
	background: url(../img/button_erweitertesuche.gif) 0 0 no-repeat;
}

.searchSwitch2.searchactive {
	background: url(../img/button_erweitertesuche.gif) 0 -23px no-repeat;
}

.searchSwitch3 {
	background: url(../img/button_suchekarte.gif) 0 0 no-repeat;
}

.searchSwitch3.searchactive {
	background: url(../img/button_suchekarte.gif) 0 -23px no-repeat;
}

.searchSwitch1, .searchSwitch2 {
	margin-right: 11px;
}

#searchformcontainer {
	width: 100%;
	width: 640px;
	background-color: #E4E4DF;
	margin-bottom: 15px;
	padding: 1px 0;
	float: left;
}

#searchformcontainer-gutter {
	padding: 10px 10px 10px 10px;
}

#searchformbox1, #searchformbox2, #searchformbox3 {
	min-height: 80px;
	margin-bottom: 8px;
}

#catsearchoutput {
	float: left;
	width: 100%;
	position: relative;
	z-index: 13;
}

#map {
	width: 613px;
	border: 1px solid #75756D;
	height: 480px;
	cursor: pointer;
}

#searchwrapper {
	visibility: hidden;
	display: none;
}

.js #searchwrapper {
	visibility: visible;
	display: block;
}

/*
 * Suchformulare fuer "Suche", "Erweiterte Suche" und "Suche in Karte"
 */
 
#searchformbox1 .thesaurussearchterm,
#searchformbox3 .mapsearchterm {
	border: 1px solid #75756D;
	padding: 3px 2px;
	width: 405px;
	margin-right: 8px;
}

#searchformbox1 .ajaxsearch,
#searchformbox2 .showresults,
#searchformbox2 .resetsearchform,
#searchformbox3 .reloadmap {
	background: #5A9622;
	color: #fff;
	border: none;
	padding: 3px 5px;
}

#searchformbox2 .showresults {
	margin-left: 250px;
	margin-top: -35px;
	display: inline;
	position: absolute;
}

#searchformbox2 .showresults.disabled {
	visibility: hidden;
}

#searchformbox2 .resetsearchform {
	width: 614px;
	background: #BED5A7;
	border-bottom: 2px solid #AEB691;
	border-right: 2px solid #AEB691;
	color: #000;
	margin-top: 10px;
	clear: both;
	height: 25px;
}

#searchformbox3 .mapsearchterm, 
#searchformbox3 .reloadmap {
	margin-bottom: 15px;
}

p.hitnumber {
	width: 250px;
	margin-top: 30px;
}

.fulltextlist li,
.synonymlist li,
.thesauruslist li {
 cursor: pointer;
}

/**
 * Suchergebnisse / Anleser
 */

.preview-container {
	width: 640px;
	min-height: 145px;
	float: left;
	border-bottom: 1px solid #75756D;
	margin-bottom: 28px;
}

.preview-image {
	width: 194px;
	float: left;
	margin-bottom: 15px;
}

.preview-textcontainer {
	float: left;
	width: 426px;
	margin-left: 20px;
}

.preview-container h2 {margin:0;}
.preview-container h3 {margin:0 0 10px 0; font-size: 13px; }
.preview-container p {margin-bottom: 20px;}

p.preview-more, 
p.preview-totop {
	padding-left: 15px;
	background: url(../img/button_preview.gif) no-repeat;
	margin-bottom: 15px;
}

p.preview-more {
	float: left;
	background-position: 0 5px;
}

p.preview-totop {
	float: right;
	background-position:0 -25px;
}

/**
 * Search Navigation
 */

.searchnavigation {
	background: #BED5A7;
	width: 100%;
	margin: 10px 0;
	text-align: center;
	padding: 3px 0;
	position: relative;
}

.pagescope, .pageprevnext, .pageresultselect {
	display: inline;
}

.pagescope {
	margin-left: 10px;
	position: absolute;
	left: 0;
	margin-left: 5px;
}

.pageprevnext {margin-right: 5px;}
a.searchprev {}
a.searchnext {}
.pageresultselect {}
.pageresultselect a {color: #75756D;}


.pageresultselect .current, a.searchprev, a.searchnext,
.pageresultselect a:hover {color: #000!important;}

.searchnavigation.linktoschool { 
	text-align: left;
	background: #BED5A7 url(../img/button-searchbar.gif) no-repeat;
	margin-bottom: -3px;
	padding-bottom:1px;
}

.searchnavigation.linktoschool a,
.searchnavigation.linktoresult .backtoresult {
	padding-left: 35px;
	color: #fff;
	text-decoration: none;
}

.searchnavigation.linktoresult .pagescope {
	position: static;
	float: left;
	margin-left: 35px;
}

.searchnavigation.linktoresult .backtoresult {float: left;}

.searchnavigation.linktoresult {
	background: #BED5A7 url(../img/button-searchbar-short.gif) no-repeat;
	padding-bottom:1px;
	margin-bottom: -3px; 
}

.searchnavigation.linktoresult .pageprevnext {
	margin-left: 0px;
	margin-right: 10px;
}

.tx-eduinstitutionsummary-pi2 {margin-bottom: 20px;}

/**
 * ScrollPane
 */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #75756D;
}
.jScrollPaneDrag {
	position: absolute;
	background: #75756D;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

#content .holder {
	width: 200px;
	float: left;
}

#content .selectClass1, #content .selectClass2 {
	margin-right: 7px;
}

#content .jScrollPaneContainer {
	border-right: 2px solid #AEB691;
	border-bottom: 2px solid #AEB691;
	background-color: #FFF;
}

#content .scroll-pane {
	width: 198px;
	height: 150px;
} 

#content .scroll-pane ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content .scroll-pane ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content .jScrollPaneDrag {
	background: url(../img/scroll_handle.gif) repeat-y 0 bottom;
}

#content .jScrollPaneTrack {
	background: url(../img/scroll_background.gif);
}

#content .jScrollArrowUp {
	background: url(../img/scroll_up.gif);
	width: 14px;
	height: 14px!important;
}

#content .jScrollArrowDown {
	background: url(../img/scroll_down.gif);
	width: 14px;
	height: 14px!important;
}

#content .innerpadding {
	margin: 7px;
}

/*
 * Ausblenden der Original Selects
 */
 
.dropdown, .jump-menu {visibility: hidden; display: none;}

/*
 * Dropdown Gestaltung
 */
 
.dropdowninlay dd, .dropdowninlay dt, .dropdowninlay ul, dl.dropdowninlay  { margin:0px; padding:0px; }
.dropdowninlay dd { position:relative; }
/*.dropdowninlay dt a span {cursor:pointer; display:block;}*/
.dropdowninlay dd ul li {list-style:none;}
.dropdowninlay span.value { display:none;}
.dropdowninlay dd ul li a { padding: 2px 5px; display:block;}
.selectClass1, .selectClass2, .selectClass3 {float: left;}
.dropdowninlay {position: relative;	z-index: 13; display: inline;}

/*
 * Dropdown: Projektfilter (Erweiterte Suche)
 */
 
#content .dropdowninlay dt {background: #ff0000 url(../img/ms.gif) 0 0 no-repeat; margin-bottom: 8px; width: 200px; padding: 1px 0;}
/*#content .dropdowninlay dt {background-color: #0f0; display: inline; border: 0 none;}*/
#content .dropdowninlay a, #content .dropdowninlay a:visited {color:#000; text-decoration:none; outline:none;}
#content .dropdowninlay a:hover {color:#000;}
#content .dropdowninlay dt a:hover {color:#000;}
#content .dropdowninlay dt a {display:block!important; padding-left:5px; width: 192px;}
#content .dropdowninlay dd ul {background: #fff; color:#75756D; display:none; left:0px; padding:5px 0px; position:absolute; z-index: 99; top:-9px;  width: 200px; min-width: 200px; list-style:none;}
#content .dropdowninlay dd ul li a:hover { background: #559e40; color: #fff;}

/*
 * Dropdown Jump-Menu in #topnav
 */
 
#topnav .dropdowninlay dt {font-size: 11px; background: #75756D url(../img/topnav-dropdown-bg.gif) -14px 0 no-repeat; width: 235px; padding: 1px 0;}
#topnav .dropdowninlay dt a:link, #topnav .dropdowninlay dt a:hover {width: 100%; color: #fff!important;}
#topnav .dropdowninlay a { color:#75756D; text-decoration:none; outline:none;}
#topnav .dropdowninlay dt a:visited { color:#FFF; text-decoration:none; outline:none;}
#topnav .dropdowninlay dd a:visited { color:#75756D; text-decoration:none; outline:none;}
#topnav .dropdowninlay a:hover {color:#fff;}
#topnav .dropdowninlay dt a:hover {color:#000;}
#topnav .dropdowninlay dt a {display:block!important; padding-left:5px; width: 226px!important;}
#topnav .dropdowninlay dd ul {background: #fff; font-size: 11px; border: 1px solid #75756D; color:#75756D; display:none; top:0px; left:0px; padding:0px 5px; position:absolute; width:223px; min-width:223px; list-style:none;}
#topnav .dropdowninlay dd ul li {color: #75756D; border-bottom: 1px solid #75756D; padding-left: 10px; background: url(../img/navi.gif) 0 -94px no-repeat!important; margin-bottom:-1px;}
#topnav .dropdowninlay dd ul li a:hover {color: #000;}

/**
 * Slider
 */
 
.slidesearchbox, .slidemasterdata {
	margin: 5px 0 5px 0;
	width: 15px;
	height: 15px;
	display: block;
	float: right;
	cursor: pointer;
}

.slidesearchbox {
	margin-right: 9px;
}

.slideboxopen {
	background: url(../img/up.gif) no-repeat 0 0;
}

.slideboxclose {
	background: url(../img/down.gif) no-repeat 0 0;
}

/*
 * Uebersicht aller Beispiele
 */

#listall ul, #listall li {
	list-style:none;
	margin-left: 0;
}

#listall ul li a:link,
#listall ul li a:visited  {
	color: #75756D;
	text-decoration: none;
}

#listall ul li a:focus,
#listall ul li a:hover,
#listall ul li a:active  {
	color: #333!important;
}

/*
 * Sprungnavigation
 */

#listall .searchnavigation {margin: 35px 0;}
#listall .searchnavigation {color: #75756D;}
#listall .searchnavigation a {color: #000;}

.jdGallery .slideElement {background-color:#EDEDE8!important;}
.myGallery {border:1px solid #6E6E5F!important;}
/*.jdGallery .carousel {background: #6E6E5F!important;}*/


/**
  * OSM
  */
.olControlAttribution  {
	bottom: 0!important;
	right: 3px!important;
}
