/*Ankerlink*/
#content .anchor a{
   background: none;
	 text-decoration: none;
	 color: #000;
}

.newLabel {
  visibility: visible;
  font-size: 0.9em;
	font-weight:bold;
	padding:0 2px 0 2px; 
	background-color: #f33; 
	color: #fff;
	text-transform: uppercase;     
}

/* ========================================================================== */ 
/*                       Infoboxen der Startseite                             */
/* ========================================================================== */
.progInfoBox {
  padding: 0 0 20px 60px;
}

.progInfoBox h4  {
   border-bottom: 1px dotted #999;
	 margin: 0 0 5px 0; 
	 font-size: 1.27em;
}

#obaInfoBox {
  background: url(../images/content/icons/obaIconBig.png) top left no-repeat;
}

#wmbInfoBox {
  background: url(../images/content/icons/wmbIconBig.png) top left no-repeat;
}

#tbbInfoBox {
  background: url(../images/content/icons/tbbIconBig.png) top left no-repeat;
}

#lhoInfoBox {
  background: url(../images/content/icons/lhoIconBig.png) top left no-repeat;
}

#oexInfoBox {
  background: url(../images/content/icons/oexIconBig.png) top left no-repeat;
}


/* ========================================================================== */ 
/*                   PresentationTable der Startseite                         */
/* ========================================================================== */
.presentationTable {
   background-color: #fff;
	 border: 1px solid #aaa;
}

.presentationTable thead {
	background: #468bce url(../images/design/menubar_background.png) 0px -15px repeat-x;
	color: #fff;
	font-size: 1.2em;
}

.presentationTable td, tr {

}

.oddRow {
   background-color: #f1f9ff;
}

.evenRow {
   background-color: #e8f6ff;
}


/* ========================================================================== */ 
/*                              QuickInfo                                     */
/* ========================================================================== */
.quickInfoBox  {
  float: right;
	width: 165px;
  margin:  20px 0px 10px 10px;  /* margin: oben rechts unten links*/
  padding: 0px;
}

#content .quickInfoBox h5 {
	background: #468bce url(../images/design/quickinfobox_top_de.png) top left no-repeat;
  margin: 0;
	padding: 0;
	border: none;
	width: 167px;
	height: 40px;
}

#content .quickInfoBox h5.en {
	background: #468bce url(../images/design/quickinfobox_top_en.png) top left no-repeat;
  margin: 0;
	padding: 0;
	border: none;
	width: 167px;
	height: 40px;
}

.quickInfoBox span.hiddentext {
  display: none;
}

.quickInfoBox dl {
  margin: 0;
	padding: 0 10px 0px 10px;
	width: 145px;
	background: #fff url(../images/design/quickinfobox_background.png) top left repeat-x;
	border-left: 1px solid #cdd5e3;
	border-right: 1px solid #cdd5e3;
}

.quickInfoBox dt {
  font-weight: bold;
	margin-bottom: 0px;
}

.quickInfoBox dd {
	padding: 0 0 5px 15px;
	margin: 0px;
}

.quickInfoBox form {
	text-align: center;
	vertical-align: center;
	padding: 5px 0 0 0;
	margin: 0px;
	width: 167px;
	height: 40px;
	background: #fff url(../images/design/quickinfobox_bottom.png) top left repeat-x;
}

.hiddenInput{
  display: none;
}

/* ========================================================================== */ 
/*                                  Bluebox                                   */
/* ========================================================================== */
.blueBox  {
  background-color: #f8f8f8;
  margin:  15px 0px 10px 10px;  /* margin: oben rechts unten links*/
  padding: 15px;
  border: 1px solid #cccccc;
  -moz-border-radius: 10px;
}


/* ========================================================================== */ 
/*                                 Yellowbox                                  */
/* ========================================================================== */
.yellowBox  {
  background-color: #F7F9D5;
  margin:  15px 0px 10px 10px;  /* margin: oben rechts unten links*/
  padding: 15px;
  border: 1px solid #ffec84;
  -moz-border-radius: 10px;
}

#content .yellowBox h4 {
  color: #D69C00;
}


/* ========================================================================== */ 
/*                                Screenshot                                  */
/* ========================================================================== */
.screenshot {
  margin; 0 0px 0 0;
	padding: 7px;
	border: 1px solid #eee;
	background-color: #fff;
	border-bottom: 1px solid #aaa;
	text-align: center;
}

/* ========================================================================== */ 
/*                                  Info                                      */
/* ========================================================================== */
.info {
   width: 90%;
   padding-top: 5px;
   padding-left: 10px;
   padding-bottom: 5px;
   border-left: 10px solid #ECD82C;
   display: block;
	 margin-left: 15px;
}

/* ========================================================================== */ 
/*                             Überschriften                                  */
/* ========================================================================== */
.imageHeadline span{
  visibility: hidden; /* Image Replacement - Text der Überschrift wird ausgeblendet, nur Logo sichtbar */
	font-size: 1px;     /* Hack für den IE - Ansonsten würde die große H2 Schrift den Header sprengen */
}

#oatHeadlineDE {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/oat_de.png) center top no-repeat;
}

#obaHeadlineDE {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/oba_de.png) center top no-repeat;
}  

#tbbHeadlineDE {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/tbb_de.png) center top no-repeat;
}  

#lhoHeadlineDE {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/lho_de.png) center top no-repeat;
}   

#oexHeadlineDE {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/oex_de.png) center top no-repeat;
} 

#wmbHeadlineDE {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/wmb_de.png) center top no-repeat;
}   

#priotecsHeadlineDE {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/priotecs_de.png) center top no-repeat;
}

#opaHeadlineDE {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/opa_de.png) center top no-repeat;
}


#oatHeadlineEN {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/oat_en.png) center top no-repeat;
}

#obaHeadlineEN {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/oba_de.png) center top no-repeat;
}  

#tbbHeadlineEN {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/tbb_en.png) center top no-repeat;
}  

#lhoHeadlineEN {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/lho_en.png) center top no-repeat;
}   

#oexHeadlineEN {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/oex_en.png) center top no-repeat;
} 

#wmbHeadlineEN {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/wmb_en.png) center top no-repeat;
}   

#priotecsHeadlineEN {
	margin-top: 15px;
	height: 57px;
	background: url(../images/content/headlines/priotecs_de.png) center top no-repeat;
}

/* ========================================================================== */ 
/*                               DownloadBox                                  */
/* ========================================================================== */      
.downloadBox {
  background-color: #f8f8f8;
  margin:  15px 0px 10px 10px;  
  padding: 5px 15px 15px 70px;
  border: 1px solid #cccccc;
  -moz-border-radius: 10px;	
}

.downloadBox h4  {
   border-bottom: 1px dotted #999;
	 margin: 0 0 5px 0;
	 padding: 0; 
	 font-size: 1.27em;
}

.downloadBox dl {
	margin: 0 0 5px 0;
  padding: 0 10px 0px 10px;
}

.downloadBox dt {
  display: inline;
  font-weight: bold;
	margin-top: 5px;
}

.downloadBox dd {
  display: inline;
	margin-left: 15px;
}

#obaDownloadBox {
  background: #f8f8f8 url(../images/content/icons/obaIconBig.png) 10px 10px no-repeat;
}

#oatDownloadBox {
  background: #f8f8f8 url(../images/content/icons/oatIconBig.png) 10px 10px no-repeat;
}

#wmbDownloadBox {
  background: #f8f8f8 url(../images/content/icons/wmbIconBig.png) 10px 10px no-repeat;
}

#tbbDownloadBox{
  background: #f8f8f8 url(../images/content/icons/tbbIconBig.png) 10px 10px no-repeat;
}

#lhoDownloadBox{
  background: #f8f8f8 url(../images/content/icons/lhoIconBig.png) 10px 10px no-repeat;
}

#oexDownloadBox {
  background: #f8f8f8 url(../images/content/icons/oexIconBig.png) 10px 10px no-repeat;
}

#ofmDownloadBox {
  background: #f8f8f8 url(../images/content/icons/ofmIconBig.png) 10px 10px no-repeat;
}

/* ========================================================================== */ 
/*                                shopItem                                    */
/* ========================================================================== */ 
.shopItemsHeadline {
  font-weight: bold;
	font-size: 1.2em;
	border-bottom: 2px solid #000;
}

#content p.shopItems  {
   margin: 0;
	 padding: 0 0 10px 40px;
}

.orderButton  {
	padding: 0;
	margin: 0;
  text-align: right;	
}

.orderButton form {
	margin: 0;
	padding: 0;
}

.shopProgBox {
   margin: 10px 0 10px 0;
}

#obaShopItem {
   background: #f8f8f8 url(../images/content/icons/obaIcon.png) 0 0 no-repeat;   
}

#oatShopItem {
   background: #f8f8f8 url(../images/content/icons/oatIcon.png) 0 0 no-repeat;   
}

#lhoShopItem {
   background: #f8f8f8 url(../images/content/icons/lhoIcon.png) 0 0 no-repeat;   
}

#oexShopItem {
   background: #f8f8f8 url(../images/content/icons/oexIcon.png) 0 0 no-repeat;   
}

#tbbShopItem {
   background: #f8f8f8 url(../images/content/icons/tbbIcon.png) 0 0 no-repeat;   
}

#wmbShopItem {
   background: #f8f8f8 url(../images/content/icons/wmbIcon.png) 0 0 no-repeat;   
}

#wmtShopItem {
   background: #f8f8f8 url(../images/content/icons/wmtIcon.png) 0 0 no-repeat;   
}

#ofmShopItem {
   background: #f8f8f8 url(../images/content/icons/ofmIcon.png) 0 0 no-repeat;   
}

#oekShopItem {
   background: #f8f8f8 url(../images/content/icons/oekIcon.png) 0 0 no-repeat;   
}

/* ========================================================================== */ 
/*                                orderBox                                    */
/* ========================================================================== */ 
.orderBoxHeader {
   border: 1px solid #4e6498;
	 border-bottom: none;
	 background-color: #79A3CD;
	 padding: 1px;
	 padding-left:10px;
	 margin-left: 25px;
   margin-right: 25px;
	 font-weight: bold; 
	 color: #ffffff;  
}

.orderBoxContent {
   border: 1px solid #4e6498;
	 background-color: #eef4fc;
	 padding: 1px;
	 padding-left:10px;	 
	 margin-left: 25px;
   margin-right: 25px;  
}

.orderErrorBoxHeader {
   border: 1px solid #000000;
	 border-bottom: none;
	 background-color: #BA1212;
	 padding: 1px;
	 padding-left:10px;
	 margin-left: 25px;
   margin-right: 25px;
	 font-weight: bold; 
	 color: #ffffff;  
}

.orderErrorContent {
   border: 1px solid #000000;
	 background-color: #F05A5A;
	 padding: 1px;
	 padding-left:10px;	 
	 margin-left: 25px;
   margin-right: 25px;  
}

.oderBoxItemHeadline {
	background: url(../images/design/line.png) bottom left no-repeat;
	display: block;
	width: 333px;
	margin: 0 0 5px 0;
}


/* ========================================================================== */
/*                       Formatierungen für die Rechnung                      */
/* ========================================================================== */
.bigCell{
   border-right : 1px #37679F solid;
   border-bottom: 1px #37679F solid;
   font-size:10pt;
}
.bigCellLeft{
   border-left  : 1px #37679F solid;
   border-right : 1px #37679F solid;
 	 border-bottom: 1px #37679F solid;
   font-size:10pt;
	 padding-left: 10px;
}
.headCell{
 	 border-top: 1px #37679F solid;
   border-right: 1px #37679F solid;
   border-bottom: 1px #37679F solid;
   font-size:10pt;
 	 font-family:Verdana, Arial, Helvetica, sans-serif;
 	 font-weight:bold;
   color:#37679F;
   background:#EEF4FC;
}
.topTable{
   background:#EEF4FC;
   border-top: 1px #37679F solid;
   border-left: 1px #37679F solid;
   border-right: 1px #37679F solid;
   border-bottom: 1px #37679F solid;
}
.topCell{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#37679F;
}


/* ========================================================================== */
/*                               Corner-Box                                   */
/* ========================================================================== */
/*.progBox  {
	width: 255px;
  margin:  0px; 
  padding: 0px;
}

#content .progBox h2 {
  margin: 0;
	padding: 0;
	font-size: 1px;
	height: 40px;
}

.progBox p {
  margin: 0;
	padding: 0 10px 10px 10px;
	height: 60px;
	background: #abc;
	text-align: left;
	background: url(../images/design/progBox/progbox_background.png) 0 0 no-repeat;
}

.progBox h2.lhoProgBox_de {  
	background: url(../images/design/progBox/lho_progbox_headline_de.png) top left no-repeat;
}

.progBox h2.lhoProgBox_en {  
	background: url(../images/design/progBox/lho_progbox_headline_en.png) top left no-repeat;
}

.progBox h2.lhoProgBox_fr {  
	background: url(../images/design/progBox/lho_progbox_headline_fr.png) top left no-repeat;
}

.progBox h2.oexProgBox_de {  
	background: url(../images/design/progBox/oex_progbox_headline_de.png) top left no-repeat;
}

.progBox h2.oexProgBox_en {  
	background: url(../images/design/progBox/oex_progbox_headline_en.png) top left no-repeat;
}

.progBox h2.oexProgBox_fr {  
	background: url(../images/design/progBox/oex_progbox_headline_fr.png) top left no-repeat;
}

.progBox h2.obaProgBox {  
	background: url(../images/design/progBox/oba_progbox_headline.png) top left no-repeat;
}

.progBox h2.tbbProgBox {  
	background: url(../images/design/progBox/tbb_progbox_headline.png) top left no-repeat;
}

.progBox h2.wmbProgBox {  
	background: url(../images/design/progBox/wmb_progbox_headline.png) top left no-repeat;
}

.progBox span  {
  visibility: hidden;
	font-size: 1px;
}

.progBoxBottom {
	background: url(../images/design/progBox/progbox_bottom.png) top left no-repeat;
	width: 255px;
	height: 26px;
}

.progBox ul {
  list-style-type: none;
	padding: 0;
	margin:0;
	float: right;
	margin: 3px 7px 0 0;
}

.progBox li {
  float: left;
}

#content .progBox li a {
  float: left;
	width: 48px;
	height: 18px;
  padding: 0;
}

#content .progBox li a:hover {
  border: none;
}

#content .infoButton_de {
	background: url(../images/design/progBox/info_button_de.png) top left no-repeat;
}

#content .infoButton_en {
	background: url(../images/design/progBox/info_button_en.png) top left no-repeat;
}

#content .infoButton_fr {
	background: url(../images/design/progBox/info_button_fr.png) top left no-repeat;
}

#content .downloadButton {
	background: url(../images/design/progBox/download_button.png) top left no-repeat;
}

#content .orderButton_de {
	background: url(../images/design/progBox/order_button_de.png) top left no-repeat;
}

#content .orderButton_en {
	background: url(../images/design/progBox/order_button_en.png) top left no-repeat;
}

#content .orderButton_fr {
	background: url(../images/design/progBox/order_button_fr.png) top left no-repeat;
}
*/

.progBox  {
	width: 325px;
	
	border-bottom : 0px solid #abc;
  margin:  10px 0 10px 10px; 
  padding: 0px;
	border-right: 1px solid #abc;
}

.progBoxNoBorderRight {
  border-right: 0;
}

.progBoxLong {
  width: 660px;
}

#content .progBox h2 {
	font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	margin: 0 0 2px 0;
	padding: 0;
	color: #0083B3;
	font-size: 1.2em;
	font-weight: bold;	
	letter-spacing: 0px;	
	line-height: normal;
	text-align: left;
	height: 25px;
}

#content .obaHeadline_de {  
	background: url(../images/design/progBox/oba_headline_de.png) top left no-repeat; 
}

#content .oatHeadline_de {  
	background: url(../images/design/progBox/oat_headline_de.png) top left no-repeat; 
}

#content .tbbHeadline_de {  
	background: url(../images/design/progBox/tbb_headline_de.png) top left no-repeat; 
}

#content .lhoHeadline_de {  
	background: url(../images/design/progBox/lho_headline_de.png) top left no-repeat; 
}

#content .oexHeadline_de {  
	background: url(../images/design/progBox/oex_headline_de.png) top left no-repeat; 
}

#content .wmbHeadline_de {  
	background: url(../images/design/progBox/wmb_headline_de.png) top left no-repeat; 
}

#content .ofmHeadline_de {  
	background: url(../images/design/progBox/ofm_headline_de.png) top left no-repeat; 
}


#content .obaHeadline_en {  
	background: url(../images/design/progBox/oba_headline_en.png) top left no-repeat; 
}

#content .oatHeadline_en {  
	background: url(../images/design/progBox/oat_headline_en.png) top left no-repeat; 
}

#content .tbbHeadline_en {  
	background: url(../images/design/progBox/tbb_headline_en.png) top left no-repeat; 
}

#content .lhoHeadline_en {  
	background: url(../images/design/progBox/lho_headline_en.png) top left no-repeat; 
}

#content .oexHeadline_en {  
	background: url(../images/design/progBox/oex_headline_en.png) top left no-repeat; 
}

#content .wmbHeadline_en {  
	background: url(../images/design/progBox/wmb_headline_en.png) top left no-repeat; 
}

#content .ofmHeadline_en {  
	background: url(../images/design/progBox/ofm_headline_en.png) top left no-repeat; 
}


#content .progBox a {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
	background: none;
	padding: 0;
	font-weight: normal;
	font-size: 8pt;
	line-height: 15px;
	color: #999;
	text-decoration: none;
}

#content .progBox a:hover {
	border-bottom: 1px dotted #999;
}

#content .progBox img {
  float: right; 
	padding-right: 10px;
}

#content .progBox span{
  display: none;
}

.progBoxTable {
  border: 0px solid #abc;
	padding: 0px;   
}

.progBoxTable td{
  border-bottom: 1px solid #abc;
}

.progBoxTable .noBottomBorder {
  border-bottom: 0px;
}

/* ========================================================================== */
/*                                 Demo-Box                                   */
/* ========================================================================== */
.demoBox  {
	width: 140px;
	
	border-bottom : 0px solid #abc;
  margin:  10px 0 10px 10px; 
  padding: 0px;
	border-right: 1px solid #abc;
}

.demoBoxNoBorderRight {
  border-right: 0;
}

#content .demoBox a {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
	background: none;
	padding: 0;
	font-weight: normal;
	font-size: 8pt;
	line-height: 15px;
	color: #999;
	text-decoration: none;
}

#content .demoBox a:hover {
	border-bottom: 1px dotted #999;
}

#content .demoBox  a:hover.simpleLink {
  text-decoration: none;
}

#content .demoBox img {  
	padding-right: 5px;
	border: 0px;
}

/* ========================================================================== */
/*                               DemoView-Box                                 */
/* ========================================================================== */
.demoViewBox  {
  border-bottom: 1px solid #eee;
	margint: 10px;	
  padding-left: 60px;
	background: url(../images/content/symbols/flashDemo.png) 0 5px no-repeat; 
}

.demoViewBox .movieInfo {
	font-weight: normal;
	font-size: 0.9em;
	line-height: 15px;
	color: #000;
	text-decoration: none;
}

#content .demoViewBox h4  {
   border-bottom: 1px solid #999;
	 margin: 0 0 5px 0;
	 padding: 0; 
	 font-size: 1.1em;
	 color: #000;
}

#content .demoViewBox a {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
	background: none;
	padding: 0;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 15px;
	color: #999;
	text-decoration: none;
}

#content .demoViewBox a:hover {
	border-bottom: 1px dotted #999;
}


/* ========================================================================== */
/*                           DefinitionList für AddIns                        */
/* ========================================================================== */

.addInViewBox {
	 padding: 10px 10px 0 75px;
	 border: 1px solid #cccccc;
	 margin-bottom: 20px;
  -moz-border-radius: 10px;	
}

#attachReminderViewBox {
  background: #f8f8f8 url(../images/content/icons/oatAttachReminderBig.png) 10px 10px no-repeat;
}

#attachManagerViewBox {
  background: #f8f8f8 url(../images/content/icons/oatAttachManagerBig.png) 10px 10px no-repeat;
}

#zipToolViewBox {
  background: #f8f8f8 url(../images/content/icons/oatZipToolBig.png) 10px 10px no-repeat;
}

#securityManagerViewBox {
  background: #f8f8f8 url(../images/content/icons/oatSecurityManagerBig.png) 10px 10px no-repeat;
}

.addInViewBox .addInViewBoxContent {
   display: none;
	 margin-left: 15px;
}

#content .addInViewBox h2 {
   font-size: 1.3em; 
	 font-weight: bold;
	 padding:0px;
	 margin:0px;
	 color: #000;
	 text-align: left;
	 background: url(../images/desing/line.png) bottom left no-repeat;
}

#content .addInViewBox h6  {
   font-size: 1.2em; 
	 font-weight: bold;
	 color: #336699;
	 padding:0px;
	 margin: 15px;
	 text-align: left;
	 background: url(../images/desing/line.png) bottom left no-repeat;
}

#content .addInViewBox a {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
	background: none;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 15px;
	color: #999;
	text-decoration: none;
	padding:0;
}

#content .addInViewBox a:hover {
	border-bottom: 1px dotted #999;
}




#content .groupTable {
   text-align: center;
	 margin: 20px;
}

#content .groupTable a {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
	background: none;
	padding: 0;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 15px;
	color: #999;
	text-decoration: none;
}

#content .groupTable a:hover {
	border-bottom: 1px dotted #999;
}

#content .groupTable img {  
	border: 0px;
}

#content .groupTable td {  
	border-right: 1px solid #abc;
	padding: 10px;
}

#content .groupTable .noBorder {  
	border: 0;
}

#content .groupTable .IconWithInfoText{
  text-align:left;  
}
