/*******************************/
/* globale html elemente start */
body {
  color: #FFFFFF;
  font-size: 12px;
  font-family: "Trebuchet MS";
  background-color: #515151;
}
img {
  border: none;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 16px;
}

a {
  color: #106CB7;
  text-decoration: none;
}

a:hover {
  color: #106CB7;
  font-weight: bold;
}
 /*
ul li {
  list-style: none;
}
*/
/* globale html elemente end */
/*****************************/

/****************************/
/* allgemeine Einstellungen */
.shadow_little_dark {
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=0, Strength=0)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=45, Strength=0)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=90, Strength=4)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=135, Strength=10)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=180, Strength=4)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=225, Strength=0)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=260, Strength=0)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=305, Strength=0);
  -moz-box-shadow: 5px 5px 5px #000000; /*Mozilla-basierte Browser (z.B. Firefox)*/
  -webkit-box-shadow: 5px 5px 5px #000000; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
  box-shadow: 5px 5px 5px #000000; /*CSS3 Standard*/
}

.shadow_medium_dark {
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=0, Strength=0)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=45, Strength=0)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=90, Strength=4)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=135, Strength=15)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=180, Strength=4)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=225, Strength=0)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=260, Strength=0)
  progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=305, Strength=0);
  -moz-box-shadow: 10px 10px 10px #000000; /*Mozilla-basierte Browser (z.B. Firefox)*/
  -webkit-box-shadow: 10px 10px 10px #000000; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
  box-shadow: 10px 10px 10px #000000; /*CSS3 Standard*/
}

.italic_font {
  font-style: italic;
}

.small_font {
  font-size: 9px;
}
/* allgemeine Einstellungen */
/****************************/

/*************************/
/* für den title Bereich */
.sisea-search-form fieldset {
  border: none;
}

.sisea-search-form input[type=text] {
  width: 91px;
  position: relative;
  float: left;
}

.sisea-search-form input[type=submit] {
  width: 60px;
  position: relative;
  float: left;
  height: 19px;
  font-size: 8px;
  margin-left: 5px;
}

.sisea-search-form label {
  width: 100%;
  position: relative;
  float: left;
}

.social_images a {
  margin-right: 17px;
}
/* für den title Bereich */
/*************************/

/*****************/
/* für das Login */
.loginForm {
  width: 100%;
  height: 100%;
}
.loginForm .loginLogin {
  margin-top: 10px;
}
.loginForm fieldset.loginLoginFieldset {
  height: auto;
  border: none;
}
.loginForm fieldset.loginLoginFieldset .loginLegend {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #FFFFFF;
}
.loginForm fieldset.loginLoginFieldset input {
  width: 140px;
}
.loginForm fieldset.loginLoginFieldset .loginLoginButton {
  position: relative !important;
  margin: 12px -1px 0px 0px !important;
  float: left;
}
.loginForm fieldset.loginLoginFieldset .loginLoginButton input[type=submit] {
  height: 19px;
  font-size: 8px;
  width: 145px;
}
/* für das Login */
/*****************/

/**************************/
/* für das template start */
.main_container {
  margin: 20px auto;
  width: 890px;
  /*height: 540px;*/
  height: 100%;
}
.panel_container {
  position: relative;
  float: left;
  width: 700px;
  height: auto;
  /*background-color: #F0F0F0;*/
}
.panel {
  width: auto;
  height: 20px;
  background: url("../images/navi_bar_normal.png") repeat scroll 0 0 transparent;
  font-variant: small-caps;
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px solid #515151;
}
.panel:hover {
  background: url("../images/navi_bar_normal_hover.png") repeat scroll 0 0 transparent;
}
.panel img  {
  border: none;
  margin: 2px 0px -4px 2px;
}
.panel_up_container {
  /*position: relative;*/
  float: left;
  top: 0px;
  width: 100%;
}
.panel_bottom_container {
  float: left;
  overflow: hidden;
  /*bottom: 0px;*/
  /*top: -40px;*/
  width: 100%;
}
.panel_up_container a, .panel_bottom_container a  {
  color: #FFFFFF;
  text-decoration: none;
}
.panel_up_container .active, .panel_bottom_container .active {

}
.panel_content_container {
  float: left;
  /*height: 480px;*/
  min-height: 200px;
  height: auto;
  width: 680px;
  /*overflow: auto;*/
  padding: 10px;
}
.panel_content_container_title {
  position: relative;
  float: left;
  width: 100%;
}
.panel_content_container_intro {
  position: relative;
  float: left;
  width: 100%;
}
.panel_content_container_content {
  position: relative;
  float: left;
  width: 660px;
  padding: 10px;
  min-height: 200px;
  background-color: #222222;
  -ms-filter: "Alpha(Opacity=90)"; /* IE 8 */
  filter:alpha(opacity=90); /* IE5-7 */
  -moz-opacity: 0.90; /* Mozilla */
  opacity: 0.90;
}
.panel_content_container_content h1 {
  font-size: 14px;
}
.panel_content_container_content h2 {
  border-bottom: 1px dotted;
  font-size: 18px;
  letter-spacing: 5px;
  margin-bottom: 10px;
  text-decoration: none;
  width: 100%;
}
.panel_content_container_content h3 {
  font-size: 12px;
}
.panel_content_container_content ul {
  list-style: none;
}
/* individuelle Inhalts-Gestaltung */
.panel_content_container_content {
  line-height: 22px;
  font-size: 14px;
}
.panel_content_container_content a.more {
  width: 100%;
  position: relative;
  float: left;
  color: #106CB7!important;
}
.panel_content_container_content .introtext ul {
  position: relative;
  float: left;
  left: 1px;
  width: 100%;
}
.panel_content_container_content .introtext ul li {
  list-style: circle inside;
  width: 100%;
}
.panel_content_container_content .rotator .description ul {
  position: relative;
  float: left;
  left: 1px;
  width: 100%;
}
.panel_content_container_content .rotator .description ul li {
  list-style: circle inside;
  width: 100%;
}
.panel_content_container_content .rotator ul#rotmenu a {
  background-color: #106CB7;
}

/*******/
.panel_content_container_about {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  height: auto;
}
.title_container {
  width: 100%;
  height: 55px;
  margin-bottom: 30px;
  /*background: url('../images/title_text_welcome.png') no-repeat;*/
  /*font-family: "Ravie", fantasy, sans-serif;*/
  /*font-family: "Curlz MT", sans-serif;*/
  letter-spacing: 2px;
}
.title_container h1 {
  /*text-shadow: 0px 0px 10px #ffffff, -1px -1px #000;*/
  width: auto;
}
.right_container {
  width: 180px;
  height: auto;
  background-color: transparent;
  position: relative;
  float: right;
  /*
  position: fixed;
  margin-left: 710px;
  */
  overflow: hidden;
}
.right_container h1 {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.footer_container {
  /*
  position: relative;
  float: left;
  height: 100px;
  clear: both;
  padding-top: 30px;
  width: 100%;
  */
  font-size: 10px;
}
.footer_container .icons_credits {
  float: right;
  margin-right: 10px;
}
.footer_container .icons_credits a {
  color: #FFFFFF;
  text-decoration: none;
}
/* für das template end */
/************************/

/*********************************/
/* right_container content start */
.auto_panel {
  width: auto;
  height: auto;
  background-color: #424242/*transparent #F0F0F0*/;
  color: #FFFFFF;
  margin-bottom: 10px;
  padding: 10px;
  overflow: hidden;
}
.small_panel {
  width: auto;
  height: 80px;
  background-color: #424242/*transparent #F0F0F0*/;
  color: #FFFFFF;
  margin-bottom: 10px;
  padding: 10px;
  overflow: hidden;
}
.middle_panel {
  width: auto;
  height: 168px;
  background-color: #424242/*transparent #F0F0F0*/;
  color: #FFFFFF;
  margin-bottom: 10px;
  padding: 10px;
  overflow: hidden;
}
.small_panel img, .middle_panel img {
  position: relative;
  float: right;
  cursor: pointer;
  padding: 5px;
}

/* use a semi-transparent image for the overlay */
#overlay {
	/*background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);*/
	color: #000000;
  height:auto;
  left: 200px!important;
  top: 50px!important;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
  /*
  height:441px;
	overflow-y:auto;
	*/
}

.right_container .rss_feed {
   overflow-x: hidden;
   overflow-y: auto;
   width: 150px;
   height: 126px;
}

.right_container .rss_feed li {
  list-style-type: disc!important;
  margin-left: 15px;
}
/* right_container content end */
/*********************************/

/*********************************/
/* rotator auf home seite start */
#content {
    margin: 0px;
}
#content a.back{
    background:transparent url(back.png) no-repeat top left;
    position:fixed;
    width:150px;
    height:27px;
    outline:none;
    bottom:0px;
    left:0px;
}
div.rounded_box {
  height: 100px;
  width: 200px;
  padding: 10px;
  background: url('assets/sr/images/box_small_rounded_corners.png') no-repeat;
}
/* rotator auf home seite end */
/******************************/

#sortable { list-style-type: none; width: auto; height: auto; padding: 0px 10px 10px 10px;}
#sortable li { width: auto; height: auto; }
#sortable li span { position: absolute; margin-left: -1.3em; }

/**********************************/
/* eigenes Overlay-Konzept, start */
#overlay_sr {
  position: fixed;
  z-index:199;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.overlayBG_sr {
   background-color:#000;
   -ms-filter: "Alpha(Opacity=90)"; /* IE 8 */
   filter:alpha(opacity=90); /* IE5-7 */
   -moz-opacity: 0.90; /* Mozilla */
   opacity: 0.90;
}
/* eigenes Overlay-Konzept, end */
/********************************/

/**********************************/
/* für einen postit Zettel, start */
.sticky_note_container {
  width: 150px;
  height: 150px;
  padding: 0px;
  margin: 10px 0px 10px 10px;
  position: relative;
  float: left;
  color: black;
}
.sticky_note_container_0 {
  background: url("../images/sticky_note_1.png") no-repeat scroll 0 0 transparent;
}
.sticky_note_container_1 {
  background: url("../images/sticky_note_1.png") no-repeat scroll 0 0 transparent;
}
.sticky_note_content {
  padding: 20px;
  overflow: hidden;
}
/* für einen postit Zettel, end */
/********************************/

.panel_content_container_content .about_container {
  width:auto;
  float:left;
  clear:both;
  padding-left:10px;
  padding-right:10px;
  text-decoration:none;
  display:block;
  height:auto;
  line-height:22px;
  background-color:#106CB7;
  margin:12px -20px 10px 0px;
  color:#f0f0f0;
  border:2px solid #000;
  border-right:none;
  outline:none;
  text-shadow:-1px 1px 1px #000;
  border-color: #FFFFFF #222222;
}
.panel_content_container_content .about_container h1 {
  font-size: 14px;
}
.panel_content_container_content .about_item h1 {
  font-size: 14px;
  text-decoration: underline;
}

.stuff_container {
  width:100%;
  float:left;
  position:relative;
}

.about_item {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px;
  overflow: auto;
}

.stuff_item {
  position: relative;
  float: left;
  width: 200px;
  height: 200px;
  padding: 10px;
}