/* ------------------------------------------------------------
	global Background Defs 
-------------------------------------------------------------*/
/* good colors: 
  blueish #A2BDCF
  yellowish: #ffdd77
  */

/* ------------------------------------------------------------
	NEW: REBUILD FROM HERE
-------------------------------------------------------------*/
body {
  background-color: #ffffff;
  /*background-color: #99cccc;*/
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  margin:0px;
  width:980px;
  margin-left:auto;
  margin-right:auto;
}
td {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
}
#tabs {
  background-color: inherit;
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 1.1em;
  clear: both;
}
* html #tabs {
  zoom: 1;
}
/*** =links ***/

#tabs a {
  background-color: transparent;
  text-decoration: none;
}

#tabs li a {
  color: #03f;
}

#tabs li.selected a,
#tabs form a {
  color: #666;
}

#tabs a:hover,
#tabs a:active {
  text-decoration: underline;
}

#tabs a.new {
  background-color: #fff;
  margin: 0.25em;
  text-decoration: none !important;
}

#tabs a.new:hover {
  background-color: #C0DEF5;
  color: #fff;
}

/*** =/links ***/

/*** =lists ***/

#tabs ul {
  font-size: 1.1em;
  background-color: #ccc;
  color: #03f;
  list-style-type: none;
}

#tabs ul,
#tabs li {
  margin: 0;
  padding: 0;
  padding-top: 0.3em;
  padding-bottom: 0.2em;
}

#tabs li {
  color: #03f;
  border-right: 1px solid #fff;
  display: inline;
  padding-left: 0.75em;
  padding-right: 0.75em; 
}

#tabs li.selected {
  background-color: #C0DEF5; /* #03f; */
  color: #666;
}

/*** =/lists ***/

/*** =forms ***/

#tabs form input {
  margin: 0;
  padding: 0;
}

/* Sizing the form elements in the search bar */
#tabs form input#q             { width: 15em; } /* what     */
#tabs form input#l             { width: 12em; } /* where    */
#tabs form select#t             { width: 10em;  } /* when     */
#tabs form select#c            { width: 16em; } /* category */
#tabs form input#search-button { width:  5em; } /* submit   */
/*                                      ====                */
/*                                      58em       total    */

#tabs form {
  background-image: url(/gif/gradient-blau-54px.jpg);
  background-repeat: repeat-x;
  background-color: #fff;
  color: #fff;
  margin: 0;
  padding: 0;
  clear: both;
}

#tabs form div {
  /*background-image: url(/gif/tab_gradient.gif);
  background-repeat: repeat-x;*/
  background-color: transparent;
  margin: 0;
  padding: .4em 0 .3em 0;
}

#tabs fieldset {
  margin: 0px 0px 0px 12px;
  padding: 0px;
}

#tabs legend {
  color: #666;
  font-weight: bold;
}

#tabs label {
  display: block;
  margin-bottom: 5px;
  color: #666;
  margin: 2px;
  font-size: .8em;
}

#tabs label a {
  margin-left: .5em;
  text-decoration: underline;
}

#tabs label a {
  text-decoration: none;
}

/*** =/forms ***/

#tabs .larger {
  font-size: 1.0em;
}

#tabs .smaller {
  font-size: .9em;
}

#relevance {
  margin-left: .4px;
  margin-right: .1px;
}

#tabs .subtab {
  padding-left: 30px; 
  padding-top: 16px; 
  font-size:110%; 
  height:36px;
}

#tabs .subtab a{
  width: 80px;
  padding:2px; 
  text-decoration:none;
  color: #666; 
}
#tabs .subtab a:hover {
  width: 80px;
  padding:2px; 
  color: #666; 
  font-weight:bold;
  text-decoration:none;
}

.selected {
    font-weight: bold;
}

.event-list,
.event-list-tiny,
.event-list-little {
    min-height: 5em;
}
fieldset {
    margin-left: 1em;
    border: none;
    display: inline;
    }

fieldset label {
    display: block;
    }

fieldset a {
    text-decoration: underline;
    }

label {
        display: block;
        }

a {
        color: #03f;
        text-decoration: none;
        }

a:hover {
        background-color: #03f;
        color: white;
        text-decoration: none;
        }

a:hover img{
        background-color:#fff;
        color: white;
        text-decoration: none;
        }

a:visited {
        color: #03f;
        text-decoration: none;
        }

a:visited:hover {
        color: white;
        text-decoration: none;
        }

.nctl { display: block; background: transparent url('/styles/bbcom/gif/nctl.gif') no-repeat 0 0; margin: 0; padding: 0;}
.nctr { display: block; background: transparent url('/styles/bbcom/gif/nctr.gif') no-repeat 100% 0; margin: 0;padding: 0;}
.ncbl { display: block; background: transparent url('/styles/bbcom/gif/ncbl.gif') no-repeat 0 100%; margin: 0;padding: 0;}
.ncbr { display: block; background: transparent url('/styles/bbcom/gif/ncbr.gif') no-repeat 100% 100%; margin: 0;padding: 0;}

.nctl2 { display: block; background: transparent url('/styles/bbcom/gif/nctl2.gif') no-repeat 0 0; margin: 0; padding: 0;}
.nctr2 { display: block; background: transparent url('/styles/bbcom/gif/nctr2.gif') no-repeat 100% 0; margin: 0;padding: 0;}
.ncbl2 { display: block; background: transparent url('/styles/bbcom/gif/ncbl2.gif') no-repeat 0 100%; margin: 0;padding: 0;}
.ncbr2 { display: block; background: transparent url('/styles/bbcom/gif/ncbr2.gif') no-repeat 100% 100%; margin: 0;padding: 0;}

span.demoButton {
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  background-color:#FFFFCC;
  padding:2px;
}
span.demoButton a{
  text-decoration:none;
  font-weight:normal
  background-color:#FFFFCC;
  color:#000;
}
span.demoButton a:hover{
  text-decoration:none;
  font-weight:normal
  background-color:#FFFFCC;
}
span.demoButton a:visited:hover{
  text-decoration:none;
  font-weight:normal
  background-color:#FFFFCC;
}

div#contentPane {
  display: block; min-height: 600px;
  width: 100%;  overflow: hidden; 
  padding: 0px; 
  border: 1px solid #cccccc;
  margin-left: auto;  margin-right: auto; /* center it */
  /*line-height: 14px;*/
  
}
div#contentPane .frontImage {
  float: left; 
  padding: 0px; margin:0px;
  width: 124px; height: 84px;
}
div#contentPane .frontImage P {
  text-align: center;
  padding-top: 2px; font-size: 10px; font-style: italic;
  text-indent: 0; clear:both; margin:0px;
}

/* IMAGE ONLY Teaser */
div#contentPane .teaserX {
  float: left;
  background: transparent;
  width:132px; height:170px; 
  margin-right:12px; margin-bottom:8px;
  /*overflow:hidden;*/
}

div#contentPane .teaserImage {
  text-align:center;
  border: 1px solid #ccc;
  width:120px; height:120px; 
  background: #fff;
  padding:6px; 
  overflow:hidden;
}
div#contentPane .teaserImage img{
  text-align:center;
}

div#contentPane .tSet {
  border: 1px solid #ffcccc;
}

div#contentPane .teaserX P {
  text-align: center;
  padding-top: 2px; font-size: 10px; 
  text-indent: 0; margin:0px;
  overflow:hidden; 

}
/* FLAT TEXT Teaser */
div#contentPane .teaserFlat {
  clear: both;
  background: transparent;
  width:80%;  height:100px;
  padding-bottom: 6px;
  margin-left:12px; margin-bottom:10px;
  border-bottom: 2px dotted #ccc;
  /*overflow:hidden;*/
}

div#contentPane .teaserFlat IMG {
  float:left;
  border: 1px solid #666;
  margin-right:8px; 
}
div#contentPane .teaserFlat  H3 {
  text-align: left;
  font-size: 12px; 
  text-indent: 0; margin:0px; padding: 0px 0px 6px ;
  overflow:hidden; 
}
div#contentPane .teaserFlat  P {
  text-align: left;
  padding-top: 2px; font-size: 10px; 
  text-indent: 0; margin:0px;
  line-height: 10px;
  height: 40px;
  overflow:hidden; 
}

div#contentPane div.teaserFlat  div.info {
  text-align: left;
  font-weight:bolder;
  color:#666666;
  padding-top: 2px; font-size: 9px; 
  text-indent: 0; margin:0px;
  overflow:hidden; 
}

#taglist_container, div.tagCloud {
    /*background: #f0f0f0;
    border: 1px solid #ccc;*/
    width: 90%;
    margin: 0px; padding: 4px;
    font-size: 24px;
}
div.tagCloud h3 {
  margin: 8px 0px 0px 0px;
  font-family: Verdana, sans-serif; 
  font-size: 90%; font-weight:normal;
  color:#666;
}

div.tagCloud a {
    line-height: 20px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}

a.tag_list_item:hover
{
    text-decoration: none ;
    color: rgb(244, 184, 0) !important;
}
a.t1, span.t1
{
    color: #888888 ;
    color: #1177cc !important ;
    font-size: 55% ;
}
a.t2, span.t2 /* thats it */
{
    color: #1177cc !important ;
    color: #1177cc !important;
    font-size: 60% ;
    font-weight: bold;
}
a.t3, span.t3
{
    color: #339999 ;
    color: #1177cc !important;
    font-size: 70% ;
}

a.t4, span.t4
{
    color: #339933 ;
    color: #1177cc !important;
    font-size: 75% ;
    font-weight: bold;
}
a.t5, span.t5
{
    color: #339933 ;
    color: #1177cc !important;
    font-size: 90% ;
}
a.t6, span.t6
{
    color: #99CC33 ;
    color: #1177cc !important;
    font-size: 95% ;
    font-weight: bold;
}
a.t7, span.t7
{
    color: #FF9933 ;
    color: #1177cc !important;
    font-size: 100% ;
}
a.t8, span.t8
{
    color: #FF9933 ;
    color: #1177cc !important;
    font-size: 105% ;
    font-weight: bold;
}
a.t9, span.t9
{
    color: #FF9900 ;
    color: #1177cc !important;
    font-size: 110% ;
}
a.t10, span.t10
{
    color: #FF9900 ;
    color: #1177cc !important;
    font-size: 115% ;
    font-weight: bold;
}

div.tagsBox {
  width:95%; min-height: 60px;
  font-size:22px; 
  background: #e0e0e0; 
  padding: 2px 2px 4px 4px; 
  margin: 0px 6px 10px 0px; 
}

div.hintBox {
  width:95%; min-height: 60px;
  font-size:80%; 
  background: #e0e0e0; 
  padding: 0px 0px 4px 4px; 
  margin: 0px 6px 10px 0px; 
}
div.hintBox img{
  margin-bottom: 4px;
}
.hbGreen {
  background: #c7f1d7 !important;
}


form#ezS label {
    font-weight: bold;
	float:left;
	width:120px;
    line-height:24px;
}

.imageContainer {
  float:left;
  padding: 2px;
  margin-right:4px; margin-bottom: 6px;
  /*border: 1px solid #fff;*/
  width: 144px; height: 300px;
  overflow:hidden;

}
.imageContainer .tools {
  margin-left:8px; margin-top: 4px;
  width:60%;
}

.imageContainer P {
  font-size:10px; margin-bottom:0px; padding-bottom:0px;
  height: 70px;
  overflow:hidden;
}

.imageContainer .ft {
  font-size:10px; 
}


/*----------------------------------------------------------*/
/*----------------------------------------------------------*/





h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  font-size: 12px; 
}
.bgContent {
  /*background-color: #99CCCC;*/
  /*background-color: #f0f0f0;*/
}
.Logo {
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	color: #0063dc;
	background: #ffffff;
	font-size: 3em;
	line-height: normal;
}
/* TD {color: Black; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: top;} */

/*FORM {
 display: inline
}*/

a:link { color: #0063DC; text-decoration: underline; }
a:visited { color: #2E67C7; text-decoration: underline; }
a:hover { color: #666666; text-decoration: none;  }
a:active { color: #666666; text-decoration: none;  }

a.topLink {
	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000000
}

hr  {
    width: 100%;
    height: 1px;
    background-color: #AAAAAA;
    border-width: 0px;
    padding: 0px;
    color: #AAAAAA;
}
.image {
  border: 1px solid #666666;
  margin: 4px;

}

input { BORDER: 1px #999999 solid; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%; 
        padding-left:2px; 
	    background: #ffffff;
}
input.imag { 
		BORDER: 1px #ffffff solid; 
	    background: #ffffff;
        padding:0; 
}
/*
select { 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 8pt; 
        padding-left:0; 
	    background: #ffffff
} */

textarea { BORDER: 1px #999999 solid; 
		   font-family: Verdana, Arial, Helvetica, sans-serif; 
		   font-size: 8pt; 
		   padding-left:2; 
		   padding-top:2; 
		   background: #fffff0;
}

/* ------------------------------------------------------------
	tabbed Buttons
-------------------------------------------------------------*/
div.tabbuttons {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 10px;   
   clear: both;
}
div.tabbut {
	/*border: 1px solid #99bec6;*/
	color: #225566;
	margin-right:2px; margin-top:2px; margin-bottom:8px;
	padding-left:4px; 	padding-right: 4px;
	background-color: #f0f0f0;
	overflow: hidden;
    float: left;
	text-align: center;
}
div.tabbutHi {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	color: #225566;
	margin-right:2px; margin-top:0px; margin-bottom:8px;
	padding-left:4px; 	padding-right: 4px; 
	background-color: #ffdd77;
	overflow: hidden;
    float: left;
	text-align: center;
}
div.tabbut:HOVER {
	background-color: #ffffff;
}
a#tabLink {
	text-decoration: none; 
}
a#tabLink:hover {
	text-decoration: none; 
	font-weight:bold;
}

/* BOXES boxes are used to present a box with a title bar and content, they are used for modules and they
   are also used in the rankings, admin screen etc. 
   The box class is used for modules while the cbox class is used for other boxes
*/
/* common Navigation Box(es) for modules*/

table#modBox {  
  margin-top: 0px; margin-left: 4px; margin-right: 4px; margin-bottom: 8px;
  /*background: #d8dede;*/
  /*background: #f0f0f0;*/
  border: 1px solid #A2BDCF;
  padding-bottom: 4px;
  overflow: hidden;
  width: 160px;
}


td#modBox-title {
  /*background-image: url(dblue/dbluetop.jpg);  */
  background-repeat: no-repeat;
  /* border-bottom: 1px solid #999999; */
  background: #A2BDCF;
  color: #ffffff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 11px;   
  font-weight: bold;  
  text-align: left;
  padding-left: 2px;  padding-right: 2px; padding-top: 2px; padding-bottom: 2px;
  margin-bottom: 1px;
}

/* And this is the data */
td#modBox-data {
  color: black;
  padding-left: 5px;  padding-right: 5px; padding-top: 4px; padding-bottom: 4px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;  
}


/*  Navigation Box(es) for Views */
A#modBoxLink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #000000;
    font-weight: normal;             
    text-decoration: none;    
}

#cms_Top {  
	background-repeat: no-repeat;
	/*color:#cc0000;*/
	height: 24px;  
	padding-right: 4px;  padding-left: 4px;  
	/*border-bottom: 1px solid #666666;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
 }
#cms_TopMenu {  
/*border-top: 1px solid #999999;*/
border-bottom: 1px solid #666666;
color: #436976; 
height: 12px;  
text-align:right;
padding-right: 10px;
padding-bottom: 2px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;   
}

#topNav {  
  color: #333333;
  /*background:  #d8dede;*/
  background:  #f0f0f0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 12px; line-height: 16px;   
  padding-left: 4px; padding-right: 4px; padding-bottom: 10px; padding-top: 6px;
  margin-bottom: 12px; margin-top: 2px; margin-left: 0px; margin-right: 0px;
  border: 2px dotted #A2BDCF;
}


TABLE#imgBox {
  /*background-image: url(dblue/dbluetop.jpg);  */
  background-color: #e2e2e2;
  border: 1px solid #cccccc;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;   
  text-align: left;
  padding: 0px; 
  margin-bottom: 4px; margin-top: 4px;
}

TD#imgBoxHeading {
  background-color: #e2e2e2;
  padding: 0px; 
}

TD#imgBox {
  background-color: #e2e2e2;
  padding: 2px; 
}


#cms_Bottom {  
	padding-top: 0px;  padding-bottom: 0px; padding-left: 4px; 
	margin-top: 0px;  	margin-bottom: 0px; 
/*	border-top: 1px solid #666666;*/
/*	border-top: 1px solid #87ACBB; 
	border-bottom: 1px solid #87ACBB; */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
/*	text-align: center;   */
}
.cms_Text {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
}
.cms_Title {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
}
.cms_listHeading {  
	font-family: Verdana, Helvetica, sans-serif; 
	color: #6666D9; 
    text-decoration: underline;
	font-size: 11px; font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
}
/* ------------------------------------------------------------
	tree(s)
-------------------------------------------------------------*/
div.tree
{
  text-align: left;
  padding-left: 1.0em; /* einrückende bäume */
}
/* Root of tree (outer div) */
div.tree#top
{
  border: 1px outset #00E000;
  padding: 10px 1.5em 20px 1.5em;
}

/* ------------------------------------------------------------
	plugins 
-------------------------------------------------------------*/
.cms_pluginLink {  
	font-family: Verdana, Helvetica, sans-serif; 
    text-decoration: underline;
	font-size: 11px; font-style: normal; 
	font-weight: normal; 
}
.cms_pluginText {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px; font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
}



/* ------------------------------------------------------------
	Application Styles
-------------------------------------------------------------*/

.title {
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 12px;   
  font-weight: bold;             

}
.byline {
  color: #999999;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 10px;   
  font-weight: normal;             

}
.text {
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 11px;   
  font-weight: normal;             

}
.bg_text {
  color: #000000;
  font-family: Courier;  
  font-size: 12px;   
  font-weight: normal;             

}
.intro {
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 9px;   
  font-weight: normal;             
}
.warnText {
  color: #dd0000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 10px;   
  font-weight: bold;             
}
.goText {
  color: #00dd00;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 10px;   
  font-weight: bold;             
}
.editHead {
  color: #339933;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 11px;   
  font-weight: bold;             
}
.smallBold {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px; font-style: normal; 
	font-weight: bold; 
}
.smallItalic {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; font-style: italic; 
}

.small {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px; font-style: normal; 
	font-weight: normal; 
}


/*   Navigation categories trailer */
.trail {
  color: #000000;
  /*background: #dddddd; */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 9px;   
  font-weight: normal; 
  border: 1px solid #666666;            
  padding: 2px; 
  margin-left: 8px;
}
.pageFooter {
  color: #000000;
  /*background: #dddddd; */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 9px;   
  font-weight: normal; 
}

/* bar produced with a -= xxxxxx =- */
div.titlebar {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 12px;   
  font-weight: bold;             
  color: #970005;
  padding-left: 1px;   padding-right: 1px;   padding-top: 1px;  padding-bottom: 1px;
  margin-right: 80px;
  clear: both;

}

table#tocBox {  
  margin-left: 0px; margin-right: 0px; 
  margin-top: 4px; margin-bottom: 4px;
/*  border: 1px solid #999999; */
  padding-bottom: 4px;
  overflow: hidden;
  width: 100%;
}
td#tocBoxHead {
  /*background-image: url(dblue/dbluetop.jpg);  */
  background-repeat: no-repeat;
  border-bottom: 1px solid #999999;
  color: #333333;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 11px;   
  font-weight: bold;             
  text-align: left;
  padding-left: 0px;  padding-right: 0px; padding-top: 1px; padding-bottom: 1px;
  margin-bottom: 1px;
}
td#tocBoxData {
  /*background-image: url(dblue/dbluetop.jpg);  */
  /*background-color: #C7D0D9;*/
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;   
  font-weight: bold;             
  /*text-align: center;*/
  padding-left: 0px;  padding-right: 0px; padding-top: 1px; padding-bottom: 1px;
  margin-bottom: 1px;
}

.fieldName {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px; font-style: normal; 
	color: #999999;  
	font-weight: normal; 

}
.helpAnno {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px; font-style: normal; 
	color: #666666;  
	font-weight: normal; 
}


/* AUFKLAPP MENUS: z.B. partner.Image.detail */
/*-------------------------------------------*/
div.accordeonTitle {
    font-weight: bold; 
	padding: 0px; padding-left:4px; padding-right:4px; 
	margin-left: 6px;
	cursor: pointer;
	width: 262px;
	background: #eee;
	border: 1px solid #bbb;
	margin-bottom: 0px;
	color: #888;
	text-align:left;
}

div.accordeon {
	width: 262px;
	background: #fff;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 4px; padding-top: 6px; padding-bottom: 6px; 
	color: #888;
	text-align:left;
}
td.imageBox {
  background: #fff;
  width: 120px;
  height: 120px;
  border: 1px solid #bbb;
  padding: 6px; 
}	
td.NOimageBox {
  width: 120px;
  height: 120px;
  padding: 6px; 
}	
div.imgTip {
  width: 200px;
  text-align: left;
  background-color: #fff; 
  border: 1px solid #999999;
  position: absolute; 
  visibility: hidden; 
  padding: 4px;
  font-family: Verdana; 
  font-size:9px;
}

/* Styles for SetOrganizer                   */
/*-------------------------------------------*/

.overlay {
		visibility:hidden;
		border:1px solid black;
		background-color:#FFFFFF;
		z-index:10;
		padding:10px;
        font-size: 24px; color:#FF0000;
	}

#formDiv {
  float:left; overflow: auto; margin-left: 0px; text-align: left; position: relative; width: 25%; height: 400px; 
  padding: 4px;  background:#ffffff
}
#setTarget {
  overflow: auto; margin-left: 0px; text-align: left; 
  width: 72%; height: 400px; padding: 4px; border:1px solid #ccc; border-left:1px solid #ccc; 
  background:#f0f0f0;
}

#setSource {
  border: 1px solid #333; clear:left; position: relative; 
  margin-left: 0px; margin-top: 20px; margin-bottom: 20px; width: 100%; height: 120px; overflow:auto
}
#setDestroy {
  border: 2px dashed #cc0000; display: none; clear:left; position: relative; 
  margin-left: 0px; margin-top: 20px; margin-bottom: 50px; width: 100%; height: 120px; overflow:auto;
  font-size: 32px; color: #999999; text-align:justify;
}

    #logDiv {
        font-family:Arial, Helvetica, sans-serif;
        position:relative;overflow:auto;text-align:left;z-index:998;
        font-size:95%;width:100%;top:0px; height:280px;
    }

    #logFooter { 
        font-size:82%;background-color:#cccccc;padding:5px;line-height:14px 
    }

    #ylogo { 
        position:absolute;top:5px;left:5px; 
    }

    #logHeader input {
        font-size:80%;
    }

    .slot { border:1px solid #aaaaaa; background-color:#dddddd; color:#666666; text-align:center; position: absolute; width:90px; height:90px; }
    .ddsource { position: relative; top:0; margin: 2px; border:1px solid #999; color:#eeeeee;  float:left;   width:90px; height:90px; }
    .target { border:1px solid #574188; background-color:#fff; text-align:center; position: absolute; width:90px; height:90px; }


/* tabellen für reports */
/*-------------------------------------------*/
table.report {
  background-color:#FFFFFF;
  border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; 
}
table.report tr:first-child {
  border-bottom: 1px solid #ccc; 
  background-color:#e4e4e4; 
}
table.report tr:first-child td{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9px !important; 
  font-weight: bold;
  padding: 2px;
}
table.report td{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px ; 
 padding-top: 2px; padding-left: 2px;
 border-right: 1px solid #ccc;
}

td.videoDetail {
  font-size: 10px;
  line-height: 16px;
}
label.videoDetail {
  display: block;
  float: left;
  font-size: 10px;
  font-weight: bold;
  width: 80px;

}

/* -----------------------------------------
  simple buttons (buy)
-------------------------------------------*/
.smpButton {
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 70px;
  height:16px;
  padding-top: 2px;
  text-align:center;
}
.smpButton a{
  text-decoration:none;
  color:#333 !important;
  
}

.smpButton a:hover{
  background-color: transparent;
  font-weight:bold;
  color:#333 !important;
}