/* SFB580-CSS */
/* Patrick Lay, IT Sozialwissenschaften */
/* lay@bonn.iz-soz.de */
/* 18.07.2006 */

/* ================================= */
/* Layout */
/* ================================= */
html, body {
  height: 100%; 
  font-family: 'Tahoma', 'Helvetica', 'Arial', 'Verdana', sans-serif;
  font-size: 89%;
}

body {
/*	background-image: url(../images/background-wr.png);   */
	background-image: url(../images/background-wr4.gif);   
	background-repeat : repeat-y;
  margin:0; 
  padding:0; 
  height: 100%;  
}
div#body {
  height: 100%;   
}

/* Kopfbereich "Das Wissensportal..." als gif mit separatem Logo und Schrift */
div#header {
  height: 143px;
  padding: 0;
  text-align: left;
	background-image: url(../images/header-lo3.gif); 
	background-repeat : no-repeat;
}

#header a {
  position:absolute; 
  left: 110px; 
/*  left: 125px;  */
  top: 24px;
}
#header img {
  border: 0;
}
img#sdcbase_headline {
  position:absolute; 
  left: 240px; 
  top: 13px;
}

img#menulogo {
  position:absolute; 
  left: 113px; 
  top: 21px;
}
img.menuicon, div#demofalle img, div#jugendhilfe img {
  vertical-align:middle; 
  border: 0;
}
img.menuicon {
 position:relative;
 top:4px;
}
div.td {
   height: 100px;
   width: 125px;
   vertical-align: top;
   text-decoration: none;
}
div.td a, div.td a:link, div.td a:visited {
   padding: 0pt; 
   text-decoration: none;
}
/* Linke Menü-"Spalte" */
div#menu {
  float: left;
  width: 216px;
/*  width: 231px; */
  padding: 50px 5px;
}

div#righticon {
 float: right;
 position: relative;
 top:-44px;
 right:12px;
 height:0px;
}
div#righticon span {
 color: #ff3333;
 font-weight: bold;
 position: relative;
 top:-17px;
 left:5px;
}
div#righticon img {
 position: relative;
 
}

/* Rechter Abschnitt mit Breadcrumbs, Content und Infobox */
div#right {
  padding: 0;
  margin-left: 227px; 
/*  margin-left: 242px;  */
  width: 76%; 
/*  width: 74%;  */
  height: 75.39%;     
}

/* oberer Abstand im rechten Abschnitt mit abgerundeter rechter Ecke */
/*span.rtop {display:block;background: #FFF} */
span.rtop span {display:block;height: 1px; overflow: hidden; background: white}
span.r1{margin: 0 7px 0 0}
span.r2{margin: 0 5px 0 0}
span.r3{margin: 0 3px 0 0}
span.r4{margin: 0 2px 0 0}
span.r5{margin: 0 2px 0 0}
span.r6{margin: 0 1px 0 0}
span.r7{margin: 0 1px 0 0}
span.rtop span.r8 {margin: 0 0px 0 0;height: 22px;}
div#topspace {
  height: 27px;
  padding: 0;
}


/* breadcrumbs-Zeile */
div#breadcrumbs {
  font-weight:bold;
  padding: 4px 10px;
  height: 16px;
  margin-top: -24px;  
  position:absolute; 
}

/* submenu-Zeile */
div#submenu {
  font-weight:bold;
	background-image: url(../images/background-submenu.gif);  
	background-repeat : repeat-x;
  height: 32px;
/*  margin-top:23px; */
}


/* rechts unten: content+infobox */
div#infocontent {
  padding-top: 15px; /* was: 43 */
  background-color: #fff9ef; 
  min-height: 105%;   
  height: auto;   
}


/* Haupt-Content: */
div#content {
/*  width: auto;    */
  text-align: left;
  background-color: #fff9ef;
  padding: 0px 20px 20px 20px; 
  height: auto;   
  overflow:hidden;  
}

/* Zwei Spalten für zweispaltiges Layout des Contents */
div#leftcolumn {
  float: left;
  width: 49.3%;
}
div#rightcolumn {
  margin-left: 49.3%;
  padding-left: 10px; 
}

/* inner_*: benötigt bei dynamischen Diagrammen (PHP-Script) */
div#inner_top {
  padding: 10px 0; 
/*  text-align: center; */
  margin-left: 155px;
}
/* inner_: zweispaltig */
div#inner_center {
  float:left;
  text-align: center;
  width: 350px; 
  height: 480px; 
}
div#inner_center img {
  border: 0; 
  margin-left:-20px
}
div#inner_right {
  height: 480px; 
  margin-left: 350px; 
/*  margin-left: 353px; */
}
div#inner_right img {
  margin-left: -5px;  
/*  margin-left: 55px;  */
/*  margin-top:130px;  */
/*  margin-top:75px;  */
}
/* inner3_: dreispaltig */
/* left: Diagramm */
div#inner3_left {
  float: left;
  width: 230px;
  height: 460px;
  text-align: center;
/*  vertical-align:middle; */
/*  background-color:green;  */
}
div#inner3_left img{
  margin-top:130px;
}
/* center: Karte */
div#inner3_center {
/*  margin-left: 230px; */
  float: left;
/*  margin-right: 260px;  */
/*  padding-top:25px; */
  text-align: center;
  height: 435px;
/*  background-color:yellow;  */
  width: 280px;
}
div#inner3_center img {
  border: 0; 
  margin-left:-15px 
}
/* right: Diagramm */
div#inner3_right {
/*  float:right; */
  width: 230px;  
  height: 460px;
  text-align: center;
  margin-left:510px;
/*  vertical-align:middle; */
/*  background-color:blue;  */
}
div#inner3_right img{
  margin-top:130px;
}

/* Infobox (weiß, rechts): */
div#infobox {
  float: right;
  width: 225px;  
  background-color: white; 
  height: auto;    
}
div#infobox-lefttop {
  float:left;
	background:url("../images/ecke-lo.gif") top left no-repeat;
	height: 12px; 
	width: 12px;
}
div#infobox-righttop {
  margin-left: 12px;
	height: 12px;
  border-top:  3px solid #c4c4c4;
}
div#infobox-content {
  min-height: 50px; 
  height: auto;    
  border-left:  3px solid #c4c4c4;
	padding: 0.1em 1em 0 12px;  
  margin-top: -3px;  /* ??? */  
}
div#infobox-content div.csc-header-n1 h1.csc-firstHeader {
  margin-top: -3px;
}
h1.csc-firstHeader {
  font-size: 140%;
}
div.csc-frame {
 border: 1px solid #e8dac5;
 background: white;
 padding: 0 15px 5px 15px;
}

div#infobox-bottom {
  margin-top:-12px;
}
div#infobox-leftbottom {
  float:left; 
	background:url("../images/ecke-lu.gif") bottom left no-repeat;
	height: 12px; 
	width: 12px;
}
div#infobox-rightbottom {
	height: 9px;
	margin-left: 12px;
  border-bottom:  3px solid #c4c4c4;
}

/* cleaner zum unteren Abschluss */
.cleaner {
		clear:both;
		height:0px; 
		font-size:0px; 
		border:none;
		margin:0; padding:0;
		background:transparent;
}

/* speziell für die Jenaer Abgeordnetenstudie */
/* neue Startseite: mit Parlament und Icons:*/
img#datenbasis, img#sozialstruktur, img#karrieren,img#einstellungen { border:0; }
div#ja_right {
 margin-left:220px;
 padding-top: 30px;
/* border:1px solid green; */
}

div#ja_buttons table {
 clear:both;
 border: 0;
 text-align: center;
 padding: 0;
 margin: 0;
 border-spacing: 0;
/* border:1px solid blue; */
}
div#ja_buttons table tbody tr, div#ja_buttons table tbody tr td, div#ja_buttons table tbody tr td a, div#ja_buttons table tbody tr td a img {
 border: 0;
 padding: 0;
 margin: 0;
 border-spacing: 0;
}
div#ja_left {
 float:left;
 width:207px;
 height:230px;
 background: url("../images/ja-bg-linie.gif") repeat-y;
/* border:1px solid red; */
}
div#ja_top {
 margin: 0 25px;
 height:100px;
}
div#ja_topleft {
}
div#ja_topright {
 float: right;
}
div#ja_bottom {
 margin-top:-75px;  
 height:150px;
}
div#ja_bottomleft {
}
div#ja_bottomright {
 float: right;
}
div#ja_outer {
  border: 1px solid black;
  padding:70px;  
  margin:-50px 75px 0 75px;  
}
div#ja_inner {
  border: 1px solid black;
  padding:10px; 
}

select.bl1 {
  background-color:red;
  color:white; 
  width:155px; 
  font-size:95%;
}
select.bl1 option {
 color:black; 
 background-color:white 
}
select.bl2 {
  background-color:#8e0000;
  color:white; 
  width:155px; 
  font-size:95%;
}
select.bl2 option {
 color:black;
 background-color:white
}

/* ================================= */
/* (Text)Formatierungen */
/* ================================= */
h1 {
  font-size: 130%;
}

h2 {
  font-size: 110%;
}

h3 {
  font-size: 100%;
  margin: .83em 0;
}

h4 {
  font-size: 90%;
  margin: .83em 0;
}

h5 {
  font-size: 80%;
  margin: .83em 0;
}

h6 {
  font-size: 70%;
  font-style: italic;
  font-weight: normal;
  margin: .83em 0;
}

#menu a:link, #menu a:visited, #menu a:active, #menu a:focus { text-decoration: none; }
#menu a:hover { 
  color: #8e0000;
	text-decoration: none; 
}
#breadcrumbs, #breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
  text-decoration: none;
  color: white;
  font-size: 95%;
  margin-right:10px;
}
#breadcrumbs a:hover, #breadcrumbs a:focus, #breadcrumbs a:hover {
  text-decoration: underline;
}

a, a:link, a:visited, a:focus {
  text-decoration: underline;
  color: black;
}
a:hover {
  color:red;
}

/* ================================= */
/* Menu-Formatierungen */
/* ================================= */

/* menu separator line */
div.hline {
  position:relative;
  left:48px;
  top:-17px;
  margin-bottom: -10px;
  width: 173px;
  border-bottom: 1px solid #dbdad5;
}

div.menu1-level1-no,div.menu1-level1-act {
   height: 52px;
}
/* menu level 1*/
div.menu1-level1-no a:link, div.menu1-level1-no a:visited {
  font-size: 110%;
  color: black; 
  font-weight: bold;  
}
/*div.menu1-level1-act a:link,  */
div.menu1-level1-act a:visited {
  font-size: 110%;
  color: red; 
  font-weight: bold;  
}
div.menu1-level1-no a:active, div.menu1-level1-no a:hover {
  color: red; 
}
div.menu1-level1-act a:active, div.menu1-level1-act a:hover {
  color: red; 
}

/* menu level 2*/
div.menu1-level2-no a:link, div.menu1-level2-no a:visited {
  font-size: 95%;
  color: black; 
  margin-left: 4.1em;
  padding-left: 10px;
  background:url(../images/blackbackslash.gif) left no-repeat;
}
div.menu1-level2-act a:link, div.menu1-level2-act a:visited {
  font-size: 95%;
  color: red; 
  margin-left: 4.1em;
  padding-left: 10px;
  background:url(../images/redbackslash.gif) left no-repeat;
}
div.menu1-level2-no a:active, div.menu1-level2-no a:hover {
  color: red; 
}
div.menu1-level2-act a:active, div.menu1-level2-act a:hover {
  color: red; 
}

/* menu level 3*/
div.menu1-level3-no a:link, div.menu1-level3-no a:visited {
  font-size: 95%;
  color: black; 
  margin-left: 5em;
  padding-left: 10px;
  background:url("../images/blackbackslash.gif") left no-repeat;
}
div.menu1-level3-act a:link, div.menu1-level3-act a:visited {
  font-size: 95%;
  color: red; 
  margin-left: 5em;
  padding-left: 10px;
  background:url("../images/redbackslash.gif") left no-repeat;
}
div.menu1-level3-no a:active, div.menu1-level3-no a:hover {
  color: red;
}
div.menu1-level3-act a:active, div.menu1-level3-act a:hover {
  color: red; 
}

/* menu level 4*/
#submenu ul {
  margin:0;
  padding:10px 5px 0px 5px; 
  list-style:none; 
}
#submenu li {
  float:left;
  margin:0;
/*  padding:0 0 0 9px; */
}
#submenu a {
  float:left;
  display:block;
  background:url("yright.gif") no-repeat right top;    /* ??? */
  padding:5px 5px 6px 5px;
  text-decoration: none;
  color:black;
  font-size: 75%;
}
#submenu a:hover, #submenu a:active {
  color: red;
}
/* Commented Backslash Hack
  hides rule from IE5-Mac \*/
#submenu a {float:none;}
/* End IE5-Mac hack */
#submenu #act {
  background-image:url("../images/ebene_4_hi_links3.gif");
  padding-left: 3px;
  border-width:0;
}
#submenu #act a {
  background-image:url("../images/ebene_4_hi_rechts3.gif");
  color:red;
  font-size: 75%;
}

#submenu img {
  border: 0;
}

.invisible {
  display:none;
}

div#backgroundimage {
  background-image:url("../images/akt_rot.gif");
  background-repeat : no-repeat;
  font-size: 100%;
  color:green;
  cursor:pointer;
}


input.refresh_button {
	background-image: url("../images/akt_rot.gif"); 
	background-repeat: no-repeat;
	background-color: #FFF9EF;
	cursor: pointer;
	border: 0;
	
	color: #900000;
	font-weight: bold;
	
	padding-left: 25px;
}

form#landkreis {
   margin-left:50px;
}
div.tx-indexedsearch td {
   border: none;
   vertical-align:middle;
   padding:0;
}
div.tx-indexedsearch-browsebox td {
/*   width: 50px;*/
}
div.tx-indexedsearch table {
   width: auto;
}

div#demofalle td, div#jugendhilfe td {
   border: none;
}

table#generations td, table#generations img {
	border: none;
}
table#generations td {
	vertical-align: middle;
	text-align: right;
}