/* $Id: blocks.css,v 1.1.2.6 2009/06/12 15:44:26 jmburnz Exp $ */

/**
 * @file blocks.css
 * Basic styles for blocks.
 */


/**********************************************************
 *              COLORS: Red
 *********************************************************
	#AF1618	-	Red
*********************************************************/

/**********************************************************
 *                       Blocks
 **********************************************************/
/**
 * Styles set here will be inherited by all blocks.
 */
.block {
  clear: both;
  margin: 0 0 1.5em;
  
  margin: 0px;

}

/* Default node title. */
.block .title {
font-family:Arial,sans-serif;
font-size:14px;
margin-bottom:10px;
}

.block-inner  { 
text-transform: none;
font-weight: normal;
font-size:12px;
color: #000;

padding-bottom: 0px;
}

/**********************************************************
 *                   Sidebar blocks
 **********************************************************/
/**
 * You can target blocks in one or more regions and 
 * style them differently. 
 */
/* Low specifity selector to style blocks in both sidebars. */
.sidebar .block {}
.sidebar .block h2 { color: #AAA; }

/* Low specifity selector to style blocks in all regions. */
.region .block {}
.region .block h2 {}

/* High specifity selectors to style blocks in one sidebar. */
#sidebar-left .block {  
margin-bottom: 10px;
margin-left: 10px;
  border-bottom: 3px solid #AF1618;
  }
#sidebar-left #block-jquerymenu-4.block {  
margin-left: 10px;
  border-bottom: 0px solid #AF1618;
  } 
  
#sidebar-left .block h2 {}

#sidebar-right .block { /* border-bottom: 3px solid #AF1618; */ }
/* Clear Block */
#sidebar-right #block-block-15  { border-bottom: 0px solid #AF1618; }
#sidebar-right .block h2 { display: none; }


#sidebar-right #block-quicktabs-2 { margin-top: 30px;}

/**********************************************************
 *                  Region blocks
 **********************************************************/
/* High specifity selectors to style blocks in one region. */
#leaderboard       .block {}
#header-blocks     .block {}
#secondary-content .block { }
#tertiary-content  .block {}
#content-top       .block {}
#content           .block {}
#content-bottom    .block {}
#footer            .block {}


/**********************************************************
 *                   Module blocks
 **********************************************************/
/**
 * Module Block ID's 
 * For contributed module blocks the pattern is the same,
 * i.e. #block-[module]-[delta]
 */
#block-book-0       {} /* Book navigation block   */
#block-blog-0       {} /* Recent Blog posts       */
#block-comment-0    {} /* Recent Comments block   */
#block-forum-0      {} /* Active Forum topics     */
#block-forum-1      {} /* New Forum topics        */
#block-locale-0     {} /* Language Switcher block */
#block-node-0       {} /* Syndicate block         */
#block-poll-0       {} /* Most recent poll        */
#block-profile-0    {} /* Author information      */
#block-search-0     {} /* Search form block       */
#block-statistics-0 {} /* Popular content         */
#block-system-0     {} /* Powered by Drupal       */
#block-user-0       {} /* Login block             */
#block-user-1       {} /* Navigation Menu block   */
#block-user-2       {} /* Who's New block         */
#block-user-3       {} /* Who's Online block      */

/* Primary and Secondary links blocks */
#block-menu-primary-links   {}
#block-menu-secondary-links {}

/* The class selector applies to all blocks of these types. */
.block-user {} 
.block-book {} 
.block-aggregator {}


/**********************************************************
 *                 Login
 **********************************************************/
#block-logintoboggan-0 { position: absolute; right:10px; top:-30px; }
#block-logintoboggan-0 .block-inner { font-weight: bold; color: white; text-transform: uppercase; font-size: 10px; }
#block-logintoboggan-0 a{ color: white; text-transform: uppercase; font-size: 10px; }

/**********************************************************
 *                 Search block form
 **********************************************************/
#search-block-form {}

/* Wrapper divs. */
#search-block-form > div {}
#search-block-form .container-inline{}

#search-block-form label {}
#search-block-form input {}
#search-block-form .form-item {}
#search-block-form .form-submit {}
#search-block-form #edit-search-block-form-1 {}

/* Override forms.css focus style */
#edit-search-block-form-1:hover,
#edit-search-block-form-1:focus {}


/**********************************************************
 *                   Menu blocks
 **********************************************************/
/**
 * Prefix these with the block id to style one menu only.
 */
ul.menu,
ul.menu ul, 
ul.menu ul ul, 
ul.menu ul ul ul {
  margin: 0 0 0 0.75em; /* LTR */
  padding: 0;
}

/* Menu li styles */
ul.menu li {
  padding: 0.35em 0 0 0; /* LTR */
}

ul.menu li.collapsed {}
ul.menu li.expanded  {}
ul.menu li.leaf      {}

ul.menu li a:link    {}
ul.menu li a:hover   {}
ul.menu li a:visited {}
ul.menu li.active a  {}
ul.menu li.active-trail {}

ul.menu li.first {}
ul.menu li.last  {}


/**********************************************************
 *                  Block item-list
 **********************************************************/
.block .item-list ul {
  margin: 0;
}
.block .item-list ul li {}


/**********************************************************
 *                  Gpanel blocks
 **********************************************************/
/* Examples to get started. Add col specific selectors to style
   blocks in different Gpanel columns, or element selectors to
   style specific elements */
.two-col-50 .block {}
.two-col-50.with-nested .block {}
.three-col-33 .block {}
.four-col-25 .block {}

/**********************************************************
 *                  BLOCK - Strukturelle Links
 **********************************************************/
#block-block-6 { }
#block-block-3 {
/* bottom:-21px; */
font-size:10px;
height:53px;
padding:5px;
padding-right: 15px;
position:absolute;
right:0px;
text-transform:uppercase;
width:240px;
z-index:500;
}

#block-block-3 .block-inner {
color:white;
line-height:15px;
font-size: 10px;
text-transform: uppercase;}
#block-block-3 .block-inner ul { list-style: none; }
#block-block-3 .block-inner a { color: white; text-decoration: none;}
/**********************************************************
 *                  BLOCK - Menu Block 2nd Level
 * http://localhost/sak-ps-01/admin/build/block/configure/menu_block/1?destination=node%2F22
 *********************************************************
2010.02.12: #block-menu_block-1 -> #block-menu_block-1 wegen internal 
* 
* */

#sidebar-left {  
 width: 260px;
}
/**
 * Prefix these with the block id to style one menu only.
 */

#sidebar-left ul.menu, #sidebar-left ul.menu ul, #sidebar-leftul.menu ul ul, #sidebar-left ul.menu ul ul ul {
margin:0;
padding:0;
}


/* Menu li styles */
#sidebar-left ul.menu li {
  margin-left: 0px;
list-style: none;
	font-weight:bold;
	line-height: 35px;
	padding: 0px;
	padding-top: 0px;

	display: block;
}
#sidebar-left ul.menu li.last { margin-bottom: 5px;}
#sidebar-left ul.menu li li.last { margin-bottom: 0px;}

ul.menu li.collapsed {}
ul.menu li.expanded  {}
ul.menu li.leaf      {}

#sidebar-left ul.menu li a 	{ 
border: 1px solid #EEE;
border-left:5px solid #EEE;
padding-left:70px; display: block; text-decoration: none; color: black;
background: #FFFFFF;
color: #555;
padding-right:5px;
}
#sidebar-left ul.menu li a:hover { 	
border: 1px solid #AAA;
border-left: 5px solid #AF1618;
color: #333;
background: #FFF url(NIX../images/active_link_bg.gif) repeat-x bottom;
}

/*#sidebar-left ul.menu li a:visited   	{	text-decoration: none; color: black;}*/
#sidebar-left ul.menu li.active a  {
border: 1px solid #FFF;
border-left: 5px solid #AF1618;
color: #000; 
background: #FFF url(NIX../images/active_link_bg.gif) repeat-x bottom;
}

#sidebar-left ul.menu li li a 	{ 

display: block; 
text-decoration: none; 
margin-left:10px;
padding-left:75px;
}
#sidebar-left ul.menu li li li a { 
display: block; 
text-decoration: none; 
margin-left:20px;
}

#sidebar-left ul.menu li li a.active { color: #000; border: 1px solid #FFF; }

ul.menu li.active-trail { color: #AF1618; background: white; }
ul.menu li.active-trail a.active { 
border: 1px solid #AAA;
border-left: 5px solid #AF1618;
color: #AF1618; 
background: #FFF url(NIX../images/active_link_bg.gif) repeat-x bottom;
}

ul.menu li.active-trail a.active:hover { 
color: #AF1618; 
background: #FFF url(../images/active_link_bg.gif) repeat-x bottom;
}

ul.menu li.first {}
ul.menu li.last  {}

#sidebar-left ul.menu li.active-trail {background: none;} 

#sidebar-left ul.menu li li li a {
border-left:5px solid #AAA;
padding-left:40px;
}
#sidebar-left ul.menu li li a {
border-left:5px solid #AAA;
padding-left:35px;
}
#sidebar-left ul.menu li a {
border-left:5px solid #AAA;
padding-left:30px;
}

#sidebar-left ul.menu li li li.active a {
background:none repeat scroll 0 0 transparent;
border-left:5px solid #AF1618;

background: #FFF;
}
#sidebar-left ul.menu li li.active a {
background:none repeat scroll 0 0 transparent;
border-left:5px solid #AF1618;

background: #FFF;
}
#sidebar-left ul.menu li.active a {
background:none repeat scroll 0 0 transparent;
border-left:5px solid #AF1618;

background: #FFF;
}

#sidebar-left ul.menu li a:hover { 	
border: 1px solid #AAA;
border-left: 5px solid #AF1618;
}
#sidebar-left ul.menu li li a:hover { 	
border: 1px solid #AAA;
border-left: 5px solid #AF1618;
}
#sidebar-left ul.menu li li li a:hover { 	
border: 1px solid #AAA;
border-left: 5px solid #AF1618;
}
/**********************************************************
 *                JQUERY MENU */

#sidebar-left ul.jquerymenu li.parent span.closed {
background-image:url("../images/plus.png");
background-position:left top;
background-repeat:no-repeat;
margin-top:4px;
width:25px;
height: 25px;
position:absolute;
z-index: 200;

right: 2px;
}
#sidebar-left ul.jquerymenu li.parent span.closed:hover {
background-image:url("../images/plus.png");
background-position:left top;
background-repeat:no-repeat;
}

#sidebar-left ul.jquerymenu li.parent span.open {
background-image:url("../images/minus_hover.png");
background-position:left top;
background-repeat:no-repeat;
margin-top:4px;
width:25px;
height: 25px;
position:absolute;
z-index: 200;

right: 2px;
}
#sidebar-left ul.jquerymenu li.parent span.open:hover {
background-image:url("../images/minus.png");
background-position:left top;
background-repeat:no-repeat;
}
#sidebar-left ul.jquerymenu li.open li {  } 

/**********************************************************
 *                  BLOCK - LOGO */
/*                  SUB - Stiftung */
#block-block-18 {}
/**********************************************************
 *                  BLOCK - MENIU STARTSEITE */
#block-menu_block-2 {margin-top:-16px;} 

/* LOGO */
#block-block-4 { 

margin-left:14px;
margin-top:4px;
padding-right:17px;
}

#block-block-5 { height: 80px;;}
#block-block-5 img { display: none; }

/**********************************************************
 *                  BLOCK - Usability - Sprachen
 * RED:	#AF1618 */
#block-block-21 div.block-container .block-inner li { margin: 0px;
padding-right: 0px; 
color: #000; 
list-style: none; 
float: left; 

width:24px;
height: 25px;
}
#block-block-8  .usability_lang {
float:right;
position:relative;
margin-top: -1px;
right:0;
}
#block-block-8  .usability_lang li.ru { display: none;}
/**********************************************************
 *                  BLOCK - Usability - Einstellungen
 * RED:	#AF1618 */
#block-block-8 {
float:right;
position:absolute;
right: -44px;
text-align:right;

top:143px;
z-index: 10;

}

#block-block-8 ul, ol {
margin: 0px;
padding:0px;
}


#block-block-8 .print_html, .print_mail, .print_pdf {
margin:0px;
line-height:25px;
height:25px;
display: block;
}
img.print-icon {
vertical-align:top;;
}

#block-block-8 div.block-container { cursor: pointer; background: none; height: 20px; color: white; }
#block-block-8 div.block-container .title { color: white; padding-right: 120px; font-size: 10px; padding-bottom: 10px;}
#block-block-8 div.block-container .block-inner { color: #000; top:-9999px; list-style: none; 
display: block; padding-bottom: 30px;
border-bottom: 0px solid #AF1618;}


#block-block-8 div.block-container:hover { background: none ; height: auto; display: block;}
#block-block-8 div.block-container:hover .title {color: #000;}
#block-block-8 div.block-container:hover .block-inner { color: #000000; top:0; display: block;}

#block-block-8 div.block-container .block-inner li { margin: 0px;
height:25px;
list-style:none outside none;
margin:0;
padding-right:0;
width:24px;

color: #000;
}

#block-block-8 .usability .usability_lang ul {
padding-bottom: 12px;
}

#block-block-8 div.block-container .block-inner .usability {
   filter:alpha(opacity=90);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // IE8
     -moz-opacity:0.9;
      -khtml-opacity: 0.9;
   opacity: 0.9;
   
   color: #000;
}
#block-block-8 div.block-container .block-inner .usability li{
   filter:alpha(opacity=70);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; // IE8
     -moz-opacity:0.7;
      -khtml-opacity: 0.7;
   opacity: 0.7;
   
   color: #000;
}
#block-block-8 div.block-container .block-inner .usability .usability_title {
color: #000;
padding-bottom: 5px;  text-align: right; 
position: absolute; width: 200px; top: 6px;  right: 50px; }

#block-block-8 div.block-container .block-inner .usability:hover {
   filter:alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // IE8
     -moz-opacity: 1;
      -khtml-opacity: 1;
   opacity: 1;
}
#block-block-8 div.block-container .block-inner .usability li:hover {
   filter:alpha(opacity=100);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; // IE8
     -moz-opacity: 1;
      -khtml-opacity: 1;
   opacity: 1;
   
      color: #000;
}
#block-block-8 div.block-container .block-inner .usability:hover .usability_title {display: none;
}

#block-block-8 div.block-container .block-inner li a { color: #000; list-style: none; }
#block-block-8 div.block-container .block-inner li a:hover { color: #000; }

#block-block-8 div.block-container .block-inner .show_info { padding-bottom: 5px; display: none; text-align: right; 
position: absolute; width: 200px; top: 0px;  right: 50px;}
#block-block-8 div.block-container .block-inner li:hover .show_info { display: block; position: absolute; width: 200px;}

#block-block-8 a { width: 25x; height: 25px;}
#block-block-8 a#text_resize_increase {

  background: url(../images/dark_a_plus.gif) no-repeat 0 0;
margin:0 -1px 0 0;
width:25px;
  outline: none;
  text-indent: -9000px;
  cursor: pointer;
}
#block-block-8 a#text_resize_reset {
  background: url(../images/dark_a_normal.gif) no-repeat 0 0;
margin:0 -1px 0 0;
width: 25px;
  outline: none;
  text-indent: -9000px;
  cursor: pointer;
}
#block-block-8 a#text_resize_decrease {
  background: url(../images/dark_a_minus.gif) no-repeat 0 0;
margin:0 -1px 0 0;
width:25px;
  outline: none;
  text-indent: -9000px;
  cursor: pointer;
}
#block-block-8 #text_resize_clear {

}

/**********************************************************
 *                  BLOCK - Language */
#block-block-9 {
float:left;
position:absolute;
right:-0px;
text-align: right;
width:120px;
top: -30px;
z-index: 10;

}

#block-block-9 div.block-container { cursor: pointer; background: none; height: 20px; color: white;
}
#block-block-9 div.block-container .title { color: white; padding-left: 10px; font-size: 10px; padding-bottom: 10px;}
#block-block-9 div.block-container .block-inner { color: #000; top:-9999px; list-style: none; display: none;
padding-bottom: 5px;
border-bottom: 2px solid #AF1618;}
#block-block-9 div.block-container .block-inner li { padding-right: 20px; color: #000; list-style: none; }
#block-block-9 div.block-container .block-inner li a { color: #000; list-style: none; }
#block-block-9 div.block-container .block-inner li a:hover { color: #AF1618; }
#block-block-9 div.block-container:hover { background: white; height: auto; display: block;}
#block-block-9 div.block-container:hover .title {color: #AF1618;}
#block-block-9 div.block-container:hover .block-inner { color: #000000; top:0; display: block;}

.usability {
	margin: 0 0 0.75em; /* LTR */
	color: #AF1618;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

.usability a:link    { color: #AF1618; text-decoration: none; }
.usability a:visited { color: #AF1618; text-decoration: none; }
.usability a:hover   { color: #000; text-decoration: none; }


.view-id-sak_asso_ablock .views-field-field-image-content-fid { margin:0 0 0 -5px; }

/**********************************************************
 *                  BLOCK - Calendar */
/* MINI CALENDAR */
#block-views-calendar-calendar_block_1 {}
#block-views-calendar-calendar_block_1 .calendar-calendar tr {
background: none;
margin:0;
padding:0;
}

.calendar-calendar div.calendar {
font-size: 12px;
}

.calendar-calendar div.calendar #node-title {
background:  #AF1618;
color: white;
padding-left: 5px;
min-height:40px;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
} 
.calendar-calendar div.calendar #node-title a{
background:  #AF1618;
color: white!important;
padding-left: 0px;
text-transform: uppercase;
font-weight: bold;
color: #AF1618;
}

.calendar-calendar div.calendar #node-revisions-body { padding-left: 5px;}

.view-display-id-calendar_block_1 td.past.has-events a { color: #FFF;}
.view-display-id-calendar_block_1 td.future.has-events { background: #AF1618; }


.calendar-calendar table td a { text-decoration: none; padding-right:5px; }


.calendar-calendar td {

}
.calendar-calendar td.has-events, .past { background: #000000;}
.calendar-calendar td.past { background: #EEEEEE;}
.calendar-calendar td.has-events { background: #AF1618; color: white}

.calendar-calendar td.past { background: none;}
.calendar-calendar td.past a { color : #CCCCCC;}

.calendar-calendar td.future { background: #FFF;}
.calendar-calendar td.future a { color : #000;}


.calendar-calendar td.past.has-events #node-title { background: #CCCCCC;}
.calendar-calendar td.past.has-events #node-title a{ background: #CCCCCC;}
.calendar-calendar td.past.has-events { background: #CCCCCC;}
.calendar-calendar td.past.has-events a { color: #AF1618;}
.calendar-calendar td.future.has-events { background: #AF1618; }

.calendar-calendar td.future.has-events a { color: white; }
.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {
	background-color:#FFF;
	font-weight: bold;
}

/* Calender Block View - Sidebar 2 */

.view-display-id-block_2 a { color: #666!important; }
.view-display-id-block_2 .attachment-before a { color: #666!important; }


.calendar-calendar thead { background: #FFF url(../images/active_link_bg.gif) repeat-x bottom; }
.calendar-calendar th.days {
background: #FFF url(../images/active_link_bg.gif) repeat-x bottom;
border:1px solid #EEEEEE;
height:30px;
padding-top: 4px;
vertical-align: top;
font-weight:bold;
}

.calendar-calendar div.date-nav {
background:transparent;
border:0px solid #CCCCCC;
color:#AF1618;
padding:0px;
padding-bottom: 8px;
width:auto;
}
.date-nav div.date-heading h3 {
margin:0;
padding-top:4px;
padding-left: 3px;
font-size: 10px;
}
.calendar-calendar .date-nav h3 {color:#AF1618;}
.calendar-calendar .date-nav a {text-decoration: none; color:#AF1618;}
.date-nav a:hover {text-decoration: underline; }
.date-nav div.date-next {
padding-right:3px;
float:right;
text-align:right;

font-size:14px;
}
.date-nav div.date-prev {
position:absolute;
right:20px;
width:20px;
text-align:left;

font-size:14px;
}
.date-nav div.date-heading {
color: #AF1618;
float:left;
text-align:left;
}

/* MONAT - Page-View */
.view-display-id-calendar_1 { margin-top: 40px; background: white; border: 1px solid #AAAAAA; padding: 10px;}

.view-display-id-calendar_1 .date-nav div.date-prev {
font-size:10px;
font-weight: bold;
text-transform: uppercase;

padding-top: 4px;

position:absolute;
right:60px;
text-align:left;
width:120px;
}
.view-display-id-calendar_1 .date-nav div.date-next {
font-size:10px;
font-weight: bold;
text-transform: uppercase;

padding-top: 4px;

position:absolute;
right:30px;
text-align:right;
width:120px;
}

.calendar-calendar td .inner div.calendar div, .calendar-calendar td .inner div.calendar div a {
background:none repeat scroll 0 0 #EEEEEE;
border:medium none;
padding:0 2px;
}
.calendar-calendar td .inner .view-field, .calendar-calendar td .inner .view-field a {
color:#000;
font-weight:normal;
}

.calendar-calendar .links li{ text-transform: uppercase; font-size: 10px; font-weight: bold;}

.calendar-calendar ul.links {
left:-11px;
position:relative;
top:-29px;
 }
 
#block-quicktabs-2 table.views-table { width: 100%; }
 
ul.links li.active {
background-color:#FFFFFF;
border-color:#AAAAAA #AAAAAA #FFFFFF;
border-bottom: 1px solid white;
border-style:solid;
border-width:1px;
}
ul.links li {
font-size: 10px;
border-color:#E5E5E5 #E5E5E5 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
margin:0 3px 0 0;
padding:2px 5px;
position:relative;
}
ul.links li a {
background:none repeat scroll 0 0 transparent;
display:inline;
list-style-type:none;
padding:2px;
white-space:nowrap;
}
ul.links li a { 
font-family: Arial,sans-serif !important;
font-size: 10px !important;
text-transform: uppercase; 

}
ul.links li:hover { background: white; }
ul.links li.active a {color: #AF1618; }


/*************************************************************
 * 
 * VIEW HINTERGRUND
 */