/* ---------------------------------------------------------------------------*/ 
/*                                                                            */
/*   Style-Sheet-Definitionen | QUADRAT DEUTSCHLAND                           */
/*                                                                            */ 
/*   SCHEME:      __bcopper_                                                  */
/*   AUTHOR:      Carsten Zandecki, mediaMinds internet services              */
/*                                                                            */
/*   DARKCOLOR:   #093568                                                     */
/*   LIGHTCOLOR:  #355FA7     COPY/REPLACE (SCHEME,DARK,LIGHT)                */
/*   NAME:        __bblue__        "      "      "      "                     */ 
/*----------------------------------------------------------------------------*/

@charset "UTF-8";

*    {  margin:0;
        padding:0;
     }

html { height: 100%; 
       width : 100%;
       margin: 0px;
       padding: 0px;
       /* filter: expression(document.execCommand("BackgroundImageCache", false, true)); */
     }

body { text-align: center;
       font: 12px arial, sans-serif;
       color:    #444;
       margin: auto;
       background: #355FA7 url('icons/__bblue__/__bblue__bg.jpg') repeat-x fixed; 
       /* background-position : top; */
     }

img  { border:0px;  }

/* GENERAL FORM CLASSES */

form { height:100%; }
input { font:12px arial, sans-serif; border: 2px solid #ddd; padding:3px; color:#555; }

textarea { font:12px arial, sans-serif; border: 2px solid #ddd; padding:3px; color:#555; }

.noborder   { border:0px; }

.sndbutton  { background: #355FA7; color:#fff; font-weight:bold; }

.pNavButton  
{  display:inline; 
   width:18px; 
   height:20px; 
   background: #355FA7; 
   color:#fff; 
   margin: 0px 0px 0px 3px; 
   padding:0px; 
   font:11px arial; 
   font-weight:bold; 
   border:0px solid #ccc; 
   vertical-align:top;
}

.pNavButtonActive  
{ 
  vertical-align:top;
  display:inline; 
  width:18px; 
  height:20px; 
  border: 0px solid #ccc; 
  padding:0px; 
  margin: 0px 0px 0px 3px; 
  background: #093568; 
  color:#fff; 
  font:11px arial; 
  font-weight:bold; 
}

h1 { color: #093568; font:18px arial;  }
h1:first-letter { font-size:30px; }


h2 { color: #093568; font:18px arial;  }
h2:first-letter { font-size:30px; } 

h6 { border:1px solid #e9e9e9; background: #355FA7; padding:7px; color: #fff; font:15px arial;  }
/* h6:first-letter { font-size:30px; }  */

p { text-align:justify; letter-spacing: 0px; margin-top:10px; line-height:1.4em; }

/* HEAD CONTAINER STYLES ----------------------------------------------------------------*/
 

#horizon  { width:913px;

/* margin: 0 auto; */
            /* position:relative; */
            /* width: 100%; 
            min-width:1000px;
min-height: 100%; /* Mindesthöhe für moderne Browser */
/* height:auto !important; /* Important Regel für moderne Browser */ 
/* height:100%; /* Mindesthöhe für den IE */  
/* overflow: hidden !important; /* FF Scroll-leiste */ 

            /*height:100%; */
/*            min-height:100%;
            height:auto !important;
            height:100%; */
            margin: auto; 
            text-align:center;     
 background: transparent;  

/* margin-bottom: -290px; */
 
       
          }

/* CITY SELECTOR */
/* */
/* */

#topheader { width:913px;
             text-align:right;
             height:25px;
             background: transparent;
            
           }

#cityselect { margin-left: 508px;
              text-align:right;
              background:transparent url('icons/cityselect.png') no-repeat;
              color:#fff;
              height:25px;
              padding: 0px 0px 25px 28px;
               
            }

/******************************************************************************/
/*                                                                            */
/* TOP NAVIGATION                                                             */
/*                                                                            */
/******************************************************************************/


#logo { clear:both; float:left; margin-top:0px; text-align:left; width:231px; height:92px; background: transparent; }

#logoslogan { float:left; position:relative; width:285px; z-index:44; font:11px arial; margin: 44px 0px 0px -145px; color:#fff; text-align:left; }

#sitenav  { float:left; margin-top:25px; width:537px; text-align:right; } 

#innersitenav { float:right; text-align:left; }


/******************************************************************************/
/*                                                                            */
/* ACCORDION                                                                  */
/*                                                                            */
/******************************************************************************/

#accord { clear:both; 
          width:901px;
          height: 310px; 
          background: transparent url('icons/accordbg.png');
          padding:6px;
          margin:0 -1px 0 0;
         }


/******************************************************************************/
/*                                                                            */
/* ALTERNATIV HEADER TOP                                                      */
/*                                                                            */
/******************************************************************************/


#alternativ { clear:both; 
          width:901px;
          height: 153px; 
          background: transparent url('icons/alternativbg.png');
          padding:6px;
          margin:0 -1px 0 0;
         }


.altImager { float:left; width:122px; height:122px; border-left:1px solid #fff; overflow:hidden;}


#inneralternative
{
  clear:both;
  width:901px;
  height:153px;
  background: #093568;
  
}

#innerarea
{ float:left;
  width:163px;
  color:#fff;
  text-align:left;
}

.innerinfo 
{  margin-top:0px;
   margin-left:15px;
   font:11px arial;
   color:#fff;
}

#innerarea h5
{  
   font:22px arial;
   margin-top:41px;
   margin-left:15px;

}

#breadcrumb {

width:886px;
border-top:1px solid;
padding:7px 0px 0px 15px;
height:23px;
background: #355FA7;
color:#fff;
text-align:left; 

}


/******************************************************************************/
/*                                                                            */
/* CONTENT STYLES                                                             */
/*                                                                            */
/******************************************************************************/

#topshadow { clear:both; 
             display:block; 
             margin-top:10px; 
             background: transparent url('icons/cbgtop.png'); 
             height:10px; 
             line-height:10px; 
             text-align:left;
            }

#content { clear:both; padding:30px 30px 30px 40px; text-align:left; background: transparent url('icons/cbgmid.png')}


#innercon   /* 2 COLUMN INNER SHADOW */
{
   clear:both;
   width:837px;
   background: transparent url('icons/cbginner.gif');
   
}

#innercon .hervorhebung
{
   color: #555;
   width:474px;
   padding:10px;
   background: #f2f2f2;
   border:1px solid #e5e5e5;
}


#innercon3   /* 3 COLUMN INNER SHADOW */
{
   clear:both;
   width:837px;
   background: transparent url('icons/cbginner3.gif');
   
}

.readMore { float:left; color:#093568; font:12px arial; text-decoration:none; font-weight:bold; background: url('icons/__bblue__/__bblue__smallsquare.png') no-repeat; padding-left:15px; }

.readMoreNoFloat {  color:#093568; font:12px arial; text-decoration:none; font-weight:bold; background: url('icons/__bblue__/__bblue__smallsquare.png') no-repeat; padding-left:15px; }

.comments { float:right; color: #888; font:12px arial; text-decoration:none; }

.thinline { clear:both; padding-top:16px; margin:0px 0px 16px 0px; border-bottom :1px solid #D9D9D9; }

.thinlinemod { clear:both; padding-top:20px; margin:0px 0px 20px 0px; border-bottom :1px solid #D9D9D9; }

.thinlineart { clear:both; padding-top:0px; margin:0px 0px 16px 0px; border-bottom :1px solid #D9D9D9; }

.sm { font:11px arial; color:#888; }

.artspacer { clear:both; margin-top:20px; }

.paraartspacer { clear:both; margin-top:30px; }

.paragraph { font:12px arial; color: #093568; }

/* SPAMSCHUTZ HIDE CLASS */

.wieder { display:none; }



#leftCon
{
   float:left;
   width:225px; 
   background: transparent;
   margin-right:39px;
   
}


#leftConFull
{
   float:left;
   width:496px; 
   background: transparent;
   margin-right:39px;
   
}

#leftConFull h4
{
   font: 15px arial;
   font-weight:bold;
   color:#355FA7;
   /*  color: #777; */
 
}

#leftConFull p
{
   margin-top:0px;
  /* color:#ff0000; */
}

#leftConFull .innerList
{
   margin-left:40px;
   padding-left: 0px;
   padding-top:2px;
   list-style-type: square;
   /* list-style-image: url('icons/__bblue__/__bblue__smallsquare_light.png'); */
   line-height: 1.8em;
   color: #355FA7;

}

#leftConFull .artikelImage
{
   float:left;
   display:block;
   width:23px;
   height:30px;
   background: #355FA7 url('icons/artikel.png');
   margin-right:10px;

}


#leftConFull .commtrenn   { clear:both; font:7px verdana; height:7px; border-bottom: 1px dotted #d5d5d5; margin-bottom:10px; }

#newsFXOk    { padding:5px; border:1px solid #ACD17D; color:#396625; background: #C2F384;  }
#newsFXError { padding:5px; border:1px solid #D68D8D; color:#660000; background: #FFCCCC;  }


#midCon
{
   float:left;
   width:232px; 
   /* background:  */
   margin-right:39px;
}

#rightCon
{
   
   float:left;
   
   width:300px; 
  
   /* background: #ccc; */

   
}

#rightCon .leftBanner
{
   float:left;
   width:140px; 
   margin:9px 9px 10px 0px;
   border:1px solid #DBDBDB;
}

#rightCon .leftNoHeaderBanner
{
   float:left;
   width:140px; 
   margin:0px 9px 10px 0px;
   border:1px solid #DBDBDB;
}


#rightCon .rightBanner
{
   float:right;
   width:140px; 
   margin:9px 0px 10px 0px;
   border:1px solid #DBDBDB;
}

#rightCon .rightNoHeaderBanner
{
   float:right;
   width:140px; 
   margin:0px 0px 10px 0px;
   border:1px solid #DBDBDB;
}



#footshadow { clear:both; background: transparent url('icons/cbgfoot.png'); height:10px; line-height:10px; }

/******************************************************************************/
/*                                                                            */
/* FOOTER STYLES                                                              */
/*                                                                            */
/******************************************************************************/

#footer
{  clear:both;
   margin-top:10px;
   width:901px;
   height:102px;
   padding:5px 6px 5px 6px;
   background: transparent url('icons/footer.png');
}

#innerfoot
{ clear:both;
  width:901px;
  height:103px;
  background: #093568;
}

#foothozline
{  /* clear:both; */
   /* margin-top:5px; */
   /* display:block; */
   height:10px;
   background: transparent url('icons/hozline.png');
}

#footadress
{
   float:left;
   width:360px;
   background: transparent;
   color:#fff;
   text-align:left;
   margin:17px 0px 0px 33px;
}

.footcontact
{
   float:left;
   width:210px;
   background: transparent;
   color:#fff;
   text-align:left;
   margin:18px 0px 0px 0px;
}

 .phone
{
   font: 13px arial;
   /*font-weight:bold;*/

}


.footcontact h3
{  font:14px arial;
   font-weight:bold;
   margin-bottom:13px;
}


.footcontact2
{
   float:left;
   width:200px;
   background: transparent;
   color:#fff;
   text-align:left;
   margin:18px 0px 0px 0px;
}

.footcontact2 h3
{  font:14px arial;
   font-weight:bold;
   margin-bottom:13px;
}



.footlinks { float:left; color:#fff; font:12px arial; text-decoration:none; font-weight:bold; background: url('icons/__bblue__/__bblue__smallsquare_light.png') no-repeat; padding-left:15px; }



#toTop { float:left; width:90px; margin-top:26px; background: transparent; }


/******************************************************************************/
/*                                                                            */
/* ACCORDION STYLES                                                           */
/*                                                                            */
/******************************************************************************/


/* hide container until all is ready */
.slideShow { width:902px; display: none; }
}

/*Main Container*/
.container {
	width:901px;
        height:310px;
        overflow:hidden;
}
.container ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.container li{
	display: inline; 
	margin: 0px;
	padding:0px;
}

listItem { width:530px; }

/*Handle*/
.handle {
	float: left;
	width: 33px;
	height: 310px;
	text-align:left;
	background: #355FA7;
}

.handle img{
        
}
.handleOver{
	background: #093568;
	        
}
.handleOver img{
	cursor:pointer;
}
.handleSelected{
		
        background: #093568; 
	
}
/*Content Container*/
.contentWrapper{
	text-align: left;
background: #093568;
color:#fff;  
        /* width:734px;  */
        
	
}
.contentInnerWrapper{

	padding: 0px;
        background: #093568;
}

.contentWrapper h3{
	border-bottom: 0px solid silver;
	color: #fff; /* color: #1E90FF;*/
        font: 22px arial;
        font-weight:bold;
}

#headlines ul { display:block; color: #000; }

#headlines li {}


.imageWrapper
{
  border-left:1px solid #fff;
}

.contentWrapper h4
{
  margin:0px; 
  width:736px;
  height:22px;
  padding:6px 10px 5px 10px;
  background: #093568;
  color:#fff;
  font:16px arial;
  font-weight:bold;
}


.contentContainer {

	padding: 0px;	
	float: left;
	 width:0px;  
	height: 310px;
	overflow:hidden;
        background: #093568; 
        border-right:1px solid #fff;;

}


/******************************************************************************/
/*                                                                            */
/* SITENAV DROPDOWN STYLES                                                    */
/*                                                                            */
/******************************************************************************/

ul.dropsitenav,
ul.dropsitenav li,
ul.dropsitenav ul {
 list-style: none;
 margin: 0;
 padding: 0;

}

ul.dropsitenav {
 position: relative;
 z-index: 594;
 float: left;
}

ul.dropsitenav li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropsitenav li.hover,
ul.dropsitenav li:hover {
 position: relative;
 z-index: 596;
 cursor: default;
}

ul.dropsitenav ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 595;
 width: 100%;
}

ul.dropsitenav ul li {
 float: none;
}

ul.dropsitenav ul ul {
 top: 1px;
 left: 99%;
}

ul.dropsitenav li:hover > ul {
 visibility: visible;
}

ul.dropsitenav {
 font: bold 13px Arial, Helvetica, sans-serif;
 
}

	ul.dropsitenav li {
	 /* padding: 4px 12px; */
         padding: 6px 3px 6px 16px;
	 background-color: transparent;
	 color: #fff;
          margin-left:10px;       


	}

	ul.dropsitenav li.hover,
	ul.dropsitenav li:hover {
	 background-color: #093568;
         /* padding:6px 10px 6px 10px; */
	}

	ul.dropsitenav a:link,
	ul.dropsitenav a:visited { color: #fff; background: #355FA7; text-decoration: none; }
	ul.dropsitenav a:hover   { color: #fff; background: #093568; text-decoration: none; }
	ul.dropsitenav a:active  { color: #fff; background: #093568; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropsitenav ul {
         /* margin-top:5px; */
	 margin-left: -11px;
	 width: 181px;
	 padding-bottom: 9px;
	 background: url(icons/dropdown_pane.png) 0 100% no-repeat;
	 color: #000;
	 font: 13px arial;
	 font-weight: normal;
	}

		ul.dropsitenav ul li {
		 background-color: transparent;
		 color: #000;
                 
		}

		ul.dropsitenav ul li.hover,
		ul.dropsitenav ul li:hover {
		 background-color: transparent;
		}

		ul.dropsitenav ul li.empty {
		 padding: 12px 12px 7px !important;
		 font-weight: bold;
		}

		ul.dropsitenav ul a:link,
		ul.dropsitenav ul a:visited { color: #fff; 


}
		ul.dropsitenav ul a:hover   { color: #fff; text-decoration: none; }
		ul.dropsitenav ul a:active  { color: #fff; }

			ul.dropsitenav ul ul {
			 display: none;
			}

			ul.dropsitenav ul ul li {}

/* ----- END LEVEL */



/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */


/* ----- ALL LEVELS (incl. first) */

ul.dropsitenav *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
 background: #355FA7;
 /* height:18px; */

 /* padding:6px 10px 6px 10px; */
            /* text-align:center; */
             /* font:13px arial; */
             /* text-decoration:none; */
             /* height:30px; */
             /* line-height:32px; */
             border:1px solid #fff;
             /* font-weight:bold; */

}

/* ----- END LEVEL */




/* Components override */

ul.dropsitenav-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropsitenav-vertical *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropsitenav-vertical-rtl *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}


/* ADD ADVANCED */



ul.dropsitenav li a { /* Moved from 'custom' section */
 display: block;
  padding: 6px 10px; 
  border:1px solid #fff;
  /* margin-left:-10px; */
 /*padding: 25px 3px 6px 16px; */
}


/* ------------- Override default */

ul.dropsitenav li {
 padding: 0;
}


/* ------------- Reinitiate default: post-override activities  */

ul.dropsitenav li.dir {
 padding: 6px 10px 6px 10px;
 /* margin-top:4px; */
 /*height:18px; */
 /* margin-left:-10px; */
}

ul.dropsitenav ul li.dir {
 padding-right: 15px;
 
 /* padding-top:5px; */
}


/* ------------- Custom */

ul.dropsitenav li {

}


/* Especially for IE6 or lower */

ul.dropsitenav ul a {
 padding: 6px 10px 6px 10px;
 font:12px arial;
 color: #fff;
 /* margin-left:-10px; */
 /*width: 139px;*/
}

ul.dropsitenav ul a:hover {
 padding: 6px 10px 6px 10px;
 border: solid 1px #fff;
 /* background-color: #093568; */
 color: #fff;
 /* margin-left:-10px; */
 /* margin-left:-10px;  */
 /* font-weight: bold; */
}

ul.dropsitenav ul a.dir {
 /*width: 129px;*/
}


/* SCROLLER STYLES PAGESCROLL */

 #scrollup { 
	   position: relative;
	   overflow: hidden;
	   border: 0px solid #aeaa9c;
	   height: 542px;
	   width: 300px           
	 }
	 .headline {
	   position: absolute;
	   top: 542px;
           left: 0px;
	   height: 542px;
	   width:300px;           
	 }


/* SCROLLER STYLES JSSCROLLER */

/* Scroller Box */

#scroller_container1, #scroller_container2, #scroller_container3, #scroller_container4, #scroll_container5, #scroll_container6 {
 width: 300px;
 height: 542px;
 overflow: hidden;
}
/* Scroller Box */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container1, #scroller_container2, #scroller_container3, #scroller_container4, #scroll_container5, #scroll_container6 {

 overflow: auto;
}