@charset "utf-8";
/* CSS Document */

/*

black       = 001222; 3c3c3c 333
blue        = 0098d2; 0098d2
light grey  = f0edf3; ede9f0 eee
dark grey   = e6e1eb; e6e1eb ddd

darker grey = 959696; a7a7a7

*/
 
body {
  background:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  color:#333;
  font-size:12px;
  /*
  background-image:url(../images/background.gif);
   background-repeat:repeat-x;
  */
}

a:link, a:visited {
   /* color:#333; */
   color:#0098d2;
   text-decoration:none;
   border-bottom:0px;
}
  
a:hover, a:active { 
  color:#0098d2;
  text-decoration:none;
  border-bottom:1px dotted #0098d2;
}
 
a .menuItemActive {
  color:#0098d2;
}

#topLogoHolder {
  position:absolute;
  left:0px;
  top:0px;
  width:190px;
  height:121px;
  background-color:#fff;
}

#topLogo {
  position:absolute;
  left:15px;
  top:37px;
}


#topHeader {
  position:absolute;
  left:190px;
  top:0px;
  width:492px;
  height:98px;
}

#mainMenu {
  position:absolute;
  left:190px;
  top:98px;
  height:20px;
  width: 492px;
  
  border-bottom:1px solid #eee;
  padding-bottom:2px;
}

#mainMenuSearch {
 position:absolute;
 left:472px;
 margin-top:-2px;

}

.menuItem {
  height:20px;
  float:left;
  background:#fff;
  cursor:pointer;
  font-weight:bold;
  font-size:11px;
} 

.menuItemActive, .menuItem:hover { 
  border-bottom: 3px #0098d2 solid;
  
}

.menuDiv {
  width:16px;
  height:20px;
  float:left;
  font-weight:bold;
  text-align:center;
}


#subMenuHolder {
  position:absolute;
  top:202px;
  left:15px;
  width:171px;
}

.smItem {
  color:#333;
  /* color:inherit; */
  height:14px;
  padding-left:3px;
  font-size:10px;
  font-weight:bold;
  /* cursor:pointer; */
  background-color:#fff;
  margin-bottom:6px;
}

.smItem a {
  color:inherit; 
  display:block;
  border-bottom:0px;
}

.smItem:hover, .smItemActive {
  color:#0098d2; 
  background-color:#eee;
  border-bottom:0px;
}

.sm2Item .smItem {
  padding-left:13px;
  /*
  background-image:url(/sis/images/submenu.gif);
  background-repeat:repeat-y;
  */
  font-weight:normal;
}

.sm2Item .smItem:hover, .sm2Item .smItemActive {
  /*
  padding-left:13px;
  font-weight:normal;
  */
  background:none;
  
  color:#0098d2;
  /*
  background-image:url(/sis/images/submenuactive.gif);
  background-repeat:repeat-y;
  */
}

#content {
  position:absolute;
  left:190px;
  top:162px;
  width:500px;
  /* height:250px; */
  
}

#contHeadline {
  width:486px;
  height:28px;
  color:#0098d2;
  background:#eee;
  font-size:13px;
  font-weight:bold;
  letter-spacing:0.1em;
  padding: 5px 3px 3px 3px; 
  margin-bottom:4px;
}

#contText {
  width:486px;
  padding:3px;
  line-height:20px;
  background:#eee;
  margin-bottom:5px;
  min-height:330px;
  
}

#contRefTab {
  width:492px;
  height:250px;
  font-size:11px;
  margin-bottom:4px;
}

#contHeadline .zeileRefTab {
  font-size:12px;
  font-weight:bold;
  letter-spacing:0em;
  clear:both;
}

#contHeadline .zeileRefTab .tab {
  float:left;
  display:block;
letter-spacing:0em;
  height:28px;
  cursor:pointer;
}

#contHeadline .zeileRefTab .projekt {
  
  margin-left:52px;
  width:207px;
letter-spacing:0em;
  
}

#contHeadline .zeileRefTab .jahr {
  width:60px;
letter-spacing:0em;

}

#contHeadline .zeileRefTab .kategorie {
  width:167px;
letter-spacing:0em;
}

#contRefTab .zeile {
  background-color:#fff;
  display:block;
  height:38px;
  margin-bottom:8px;
  color:#333;
  clear:both;
  cursor:pointer;
}

#contRefTab .zeile:hover {
  color:#0098d2;
  background-color:#ede9f0;
}

#contRefTab a .zeile .tab {
	display:block;
	float:left;
	padding:2px 8px 0px 0px;
	min-height:28px;
}

#contRefTab a .zeile .pic {
   width:52px;
   padding:0px;
   height:38px;
   background-repeat:no-repeat;
   background-position:top left;
  
}

#contRefTab a .zeile .projekt {
  width:202px;
}

#contRefTab a .zeile .jahr {
  width:52px;
}

#contRefTab a .zeile .kategorie {
  width:162px;
}


.sortTrigger {
  vertical-align:baseline;
  margin-left:8px;
}

#contHeadline a, #contHeadline a:visited {
  color:#333;
}

#impressumText {
  width:238px;
  height:194px;
  padding:3px;
  line-height:16px;
  background:#eee;
  margin-right:4px;
  float:left;
  overflow:visible;
}

#impressumBild {
  width:244px;
  height:200px;
  margin-bottom:4px;
  float:left;
  
}

#impressumKarte {
  clear:both;
  width:492px;
  height:330px;
  margin-bottom:4px;
  
}

#contBild {
  width:492px;
  height:90px;
  margin-bottom:4px; 
}

#sidebarHolder {
  position:absolute;
  left:686px;
  top:202px;
  width:215px;
  font-size:11px;
  line-height:12px;
}

#sidebarTop {
  width:220px;
  min-height:84px;
  color:#333;
  background:#eee; 
  padding:3px;
  margin-bottom:4px;
}

#sidebar .table {
  width:212px;
}

#sidebarTop .c1 {
  width:55px;
  color:#aaa;
  vertical-align:top;
  line-height:16px;
}

#sidebarTop .c2 {
  vertical-align:top;
  line-height:16px;

}

#sidebarMiddle {
  width:220px;
  height:84px;
  color:#333;
  background:#eee;  
  padding:3px;
  margin-bottom:4px;

}

.absatz {
  margin-bottom:8px;
}

.ma_row {
  margin-top:4px;
  height:105px;
  width:492px;
}

.ma_left {
  position:absolute;
}

.ma_right {
  position:absolute;
  left:248px; 
}

.ma_foto {
   position:absolute;
   background-color:#eee; 
   width:85px;
   height:105px;
}

.ma_cont {
   position:absolute;
   left:85px;   
   background-color:#eee;
   width:149px;
   height:99px;
   padding:3px 3px 3px 7px;
}

.ma_name {
  color:#333;
  font-weight:bold;
}


#projektTitel {
  display:block;
  float:left;
  height:20px;
  width:360px;

}
.projektArrow {
  width:14px;
  height:18px;
  text-align:center;
  display:block;
  float:left;
  padding-top:2px;
}



#projektIndex {

  width:90px;
  height:20px;
  margin-right:6px;
  
  color:#333;
  font-weight:normal;
  font-size:11px;
  text-align:right;
  display:block;
  float:left;
  letter-spacing:0em;
}

#bodyintro {
  margin:0px;
  padding:0px;
}

#intro {
  position:absolute;
  left:50%;
  width:1400px;
  margin-top:0px;
  margin-left:-716px;
}

.sucheNavi {
  text-align:right;
  background-color:#eee;
  height:20px;
  padding-top:4px;
  padding-right:12px;
  margin-right:8px;
}

.sucheNaviTop {
  margin-bottom:4px;
}

.sucheNaviBottom {
  margin-top:-26px;
}

.sbBlock {
  width:240px;
}

.sbBlock .titel {
  background-color: #eee;
  text-align:center;
  font-weight:bold;
  padding:4px 0px 4px 0px;
  margin:2px 0px 0px 0px;
}

.sbBlock .jahrTitel {
  background-color: #ddd;
  text-align:left;
  font-weight:bold;
  padding:4px 0px 4px 15px;
  margin:2px 0px 0px 0px;
  background-image:url(/sis/images/news-arrows.png);
  background-repeat:no-repeat;
  background-position:0% 100%;
  cursor:pointer;
}

.sbBlock .jahrContent {
  overflow:visible;
}

.sbBlock .jahrTitel:hover {
  background-position:0% 0%;
}

.sbBlock .jahrTitel .jahrTitelInnen {
  width:100%;
  background-image:url(/sis/images/ajax-loader.gif);
  background-repeat:no-repeat;
  background-position:98% 0%;
}

.sbBlock .jahrTitel .active {
  background-position:98% 100%;
}

.sbBlock .active,
.sbBlock div .active {
  background-position:0% 0%;
}

.sbBlock .monatTitel {
  background-color: #ddd;
  text-align:left;
  font-weight:bold;
  padding:4px 0px 4px 15px;
  margin:2px 0px 0px 0px;
  text-transform:uppercase;
  background-image:url(/sis/images/news-arrows.png);
  background-repeat:no-repeat;
  background-position:0% 100%;
  cursor:pointer;
}

.sbBlock .monatTitel:hover {
  background-position:0% 0%;
}

.sbBlock .eintragTitel {
  background-color: #eee;
  text-align:left;
  font-weight:bold;
  padding:6px 4px 4px 4px;
  margin:2px 0px 0px 0px;
}

.sbBlock .eintragContent {
  background-color: #eee;
  text-align:left;
  font-weight:normal;
  padding:0px 10px 8px 15px;
  margin:0px 0px 0px 0px;
}

.sbBlock .newspic {
  padding:2px 0px 6px 0px;
}

.sbBlock .newslinkbox {
  font-weight:bold;
  padding:4px 0px 0px 0px;
}

.sbBlock .linkContent {
  background-color: #eee;
  text-align:left;
  font-weight:normal;
  padding:8px 10px 8px 15px;
  margin:0px 0px 24px 0px;
  border-top:2px solid #fff;
}

#contText .jahrTitel {
  background-color: #ddd;
  text-align:left;
  font-weight:bold;
  padding:4px 0px 4px 15px;
  margin:2px 0px 0px 0px;
}

#contText .monatTitel {
  background-color: #ddd;
  text-align:left;
  font-weight:bold;
  padding:4px 0px 4px 15px;
  margin:2px 0px 0px 0px;
  text-transform:uppercase;
}

#contText .eintragTitel {
  text-align:left;
  font-weight:bold;
  padding:6px 4px 4px 4px;
  margin:2px 0px 0px 0px;
}

#contText .eintragContent {
  text-align:left;
  font-weight:normal;
  padding:0px 10px 8px 15px;
  margin:0px 0px 0px 0px;
}

#contText .newspic {
  padding:2px 0px 6px 0px;
}

#contText .newslinkbox {
  font-weight:bold;
  padding:4px 0px 0px 0px;
}

#contText .linkContent {
  text-align:left;
  font-weight:normal;
  padding:8px 10px 8px 15px;
  margin:0px 0px 24px 0px;
  border-top:2px solid #fff;
}


.linkExt {
  background-image:url(/sis/images/link.png);
  background-repeat:no-repeat;
  letter-spacing:0.1em;
  color:#0098d2;
  padding-right:12px;
}

.linkExt:link,
.linkExt:visited {
  background-position:100% -18px; /* 2px */
  
  letter-spacing:0.1em;
  color:#0098d2;

}

.linkExt:hover,
.linkExt:active {
  background-position:100% -18px;
  letter-spacing:0.1em;
  color:#0098d2;

}