/*========================================================*/
/*  DNN and  HTML                                         */

/* hellgelb: #ffffb4
/* gelb: #fff300
/* orange: 
/*========================================================*/
* { margin: 0; padding: 0;} 
Body{ background:#fde308; margin:0px; padding:0px}
Body, .Normal, TH, TD, DIV, P{ font:normal 13px/20px Arial, sans-serif; color:#666666; }
.NormalTextBox {font-size:13px; font-family: Arial, sans-serif; color:#666666; min-width:100px;}
.NormalTextBox label{padding-left:4px; padding-right:10px;}

A:link, A:visited, A:active {color: orange; text-decoration: none}
A:hover {color: #333; text-decoration:underline}

.h1, H1 {font: 20px/36px Arial, sans-serif; display:block; color:#000;}
.h2, H2 {font: 17px/24px Arial, sans-serif; display:block; color:#000;}
.h3, H3 {font: 14px/20px Arial, sans-serif; display:block; color:#000; padding-bottom:10px;}
.h4, H4 {font: 13px/30px Arial, sans-serif; display:block}
.h5, H5 {font: 12px/30px Arial, sans-serif; display:block}
.h6, H6 {font: 12px/30px Arial, sans-serif; display:block}
.Title {font: 18px/23px Arial, sans-serif; display:block; color: #000;}

.Head {font: 17px/24px Arial, sans-serif; color:#000;}
.SubHead{font: 12px/20px Arial, sans-serif; color:#000; }
.clear{ clear:both}
.left{ float:left}
.right{ float:right}

a.CommandButton:link  {text-decoration:none; color:black;}
a.CommandButton:hover {text-decoration:underline; }


/*========================================================*/
/*  Container                                             */
/*========================================================*/
.containerbox {margin-bottom:20px; display:block; }
.containerbox .colored {background:#ffffb4; }
.containerbox .colored .h2 {font: 15px/20px Arial, sans-serif; background:orange; display:block; color:#000; padding:0 4px; }
.containerbox UL {list-style-type: square; margin:10px 0 10px 10px; padding-left:10px;}
.containerbox .h2 {font: 18px/30px Arial, sans-serif; display:block; color:orange; border-bottom:0px solid orange; margin-bottom:0px;}
.containerbox .content { padding:6px; }


/*========================================================*/
/*  Content elements                                      */
/*========================================================*/

#organigramm {padding:4px; }
#organigramm td {padding:4px; width:20%; border:2px solid white; vertical-align:top; font-size:10px; color:black; }
#organigramm td strong {font-size:11px; }
#organigramm img {border:1px solid gray;  }

#organigramm A:link, #organigramm A:visited, #organigramm A:active {color: black; text-decoration:underline}

#organigramm .weiss {border:0; vertical-align:top; }
#organigramm .tr {background:#d2f0ff}
#organigramm .hr {background:#ffb3d9}
#organigramm .abag {background:#feeb65}
#organigramm .s1 {background:#b0c4de}
#organigramm .s2 {background:silver}


/*========================================================*/
/*  ControlPanel                                          */
/*========================================================*/
.ControlPanel #cpIcon td {padding:0 10px 0px 10px; text-align:center;}
.ControlPanel #cpIcon th {padding:0 10px 4px 10px; text-align:center;}


/*========================================================*/
/*  CSS Panels                                            */
/*========================================================*/
#dnnHeaderWrap {width:1005px; min-height: 100%; margin:0 auto; margin-top:20px;} 
#dnnHeader {display:block; width:100%; margin:0 auto; height:auto; } 
#topBar{ float:right; width:60%; text-align:right; margin-top:3px; margin-right:5px;  line-height:20px;}
#dnnMenu { width:1005px; height: 38px; margin:0 auto; background:url(images/bg_content_menu.gif) top left no-repeat ;  } 
#dnnMainContentWrap {width:1005px; min-height: 100%; margin:0 auto; background:url(images/bg_content.gif) top left repeat-y ; } 
#dnnMainContent { margin:0 0 0 5px; border:0px solid red; width:985px; min-height: 100%; } 
#dnnBanner{display:block; height:212px; width:100%; margin:0 auto; clear:both; background:url(banners/banner_1.jpg) left top no-repeat #151515;}
#dnnContent {width:100%; margin:0px}
#dnnBottom{ display:block; background:url(images/bg_bottom.gif) left bottom repeat-x #FFFFFF; width:100%; margin:0 auto}
#dnnBottom .box{ height:35px; line-height:35px; width:100% }
#dnnFooter {display:block; background:black; width:100%; height:24px;}
#dnnFooter A {color: #ffffff; text-decoration: none}
#dnnFooter A:hover {color: #999999; text-decoration:underline}
#dnnShadow { width:1005px; height:12px;  margin:0 auto; background:url(images/bg_content_shadow.gif) top left no-repeat ;  } 


/*========================================================*/
/*  Dnn Content Panes                                     */
/*========================================================*/
.leftside{ width:200px; margin:10px 0 20px 0; vertical-align:top; float:left; }
.leftpane {width:100%; clear:left;float:left; padding:0 10px 0 10px;}
.leftmenu {margin-top:0px; }

.rightside{ float:right; width:765px; overflow:hidden; margin:10px 0 20px 0; }
.toppane {width:100%; margin-bottom:20px; }
.contentpane { margin-left:20px; width:545px;  margin-top:20px; float:left; text-align:left;}
.contentpanefull { width:725px; margin-left:20px; overflow:hidden; margin-top:0px; float:left; text-align:left;}
.rightpane{ width:170px; float:right; margin-right:15px; margin-top:20px; overflow:hidden;}

.bottompane { clear:both; }
.sloganpane{ height:212; width:220px; overflow:hidden; float:left; margin:0px ;display:inline}

/* dnn overrides */
.xcontentpane td {text-align:left}
.contentpane label img{display:none}
.DNNAligncenter {text-align:left;}
#xxdnn_ctr_ManageUsers_UP {width:700px; border:1px solid red; position:relative; z-index:1; font-size:10px;}
#xxdnn_ctr_ManageUsers_UP .NormalTextBox {width:120px}
#xxdnn_ctr_ManageUsers_pnlUser {width:700px;}
#xxdnn_ctr_ManageUsers_User_UserEditor_tbl {width:500px;}
#dnn_ctr_ManageUsers_UP * .SubHead {font-size:12px; font-family:Arial}
#xxdnn_ctr_ManageUsers_UP table td { white-space:nowrap;}

/*========================================================*/
/*  Skin Elements                                         */
/*========================================================*/
.logo{float:left;width:35%; height:87px; }
.rightLogo a{float:right; width:40%; text-align:right; height:87px; background:url(banners/vielfalt_i.jpg) top right no-repeat; }
.rightLogo a:hover{background:url(banners/vielfalt_a.jpg) top right no-repeat; }


.login,A.login:link,A.login:active,A.login:visited  {line-height:25px; background:url(images/reg.gif) 0 -1px no-repeat; padding:1px 20px; font-weight:bold; color:#888; text-decoration:none;} A.login:hover {color:#111; text-decoration:underline; background:url(images/reg.gif) 0 -24px no-repeat}
.user,A.user:link,A.user:active,A.user:visited  {color: #888;TEXT-DECORATION: none; line-height:25px;background:url(images/user.gif) 0 -1px no-repeat;padding:1px 20px; font-weight:bold;} A.user:hover {color:#111;text-decoration:underline;background:url(images/user.gif) 0 -24px no-repeat}
.date{ padding:0 10px; color:#777}
.language{ display:none; float:right;text-align:right; padding:0 5px; white-space:nowrap; width:45%}
.language .language{ width:auto}
.sitemap {display:none; margin-right:15px; float:right; background:url(menus/menu.gif) left top repeat-x; padding-top:10px; height:38px; width:35px;}
.footerLeft {float:left; width:58%; color:white; line-height:24px; font-size:10px; padding-left:10px;}
.footerRight {float:right; width:36%; color:white; line-height:24px; font-size:10px; padding-right:10px; text-align:right;}

.privacy,A.privacy:link,A.privacy:active,A.privacy:visited  {line-height:25px; font-weight:bold; color:#999; text-decoration:none; float:left; padding:0 10px} A.privacy:hover {color:#fff;}
.terms,A.terms:link,A.terms:active,A.terms:visited  {line-height:25px; font-weight:bold; color:#999; text-decoration:none; float:left; padding:0 10px} A.terms:hover {color:#fff;}
.copyright{ font-weight:bold; float:right; padding:0 10px; color:#999}


/*========================================================*/
/*  CLB Content Elemente                                  */
/*========================================================*/
.contentTable 			{border:0px; width:100%; padding:0px; }
.contentTable th		{border:0px; width:33%; background-color: #cccccc; padding:4px; font-weight:bold; text-align:left; }
.contentTable td		{border:0px; background-color: #e6e6e6; padding:4px; font-weight:normal; }

/*  prototype window*/
.alphacube .w {padding:6px; background:white;}
	




/*========================================================*/
/*  CSS Menu Style                                         */
/*========================================================*/
.TOPMENU { margin:0 0 0 5px; float:left; white-space:nowrap; height:38px; width:985px;background:url(menus/menu.gif) left top repeat-x; font-family: Verdana; text-align:left}
.TOPMENU .Horizontal { padding:0 0 0 10px; margin:0px; position:absolute; z-index:10; height:30px; }
.TOPMENU .Horizontal li{ background:url(menus/menu.gif) left top repeat-x; margin:0px;list-style: none none outside; float: left; position: relative;}
.TOPMENU .Horizontal li a{ background:url(menus/menu.gif) left top repeat-x}
.TOPMENU .Horizontal .current { background:url(menus/menu.gif) left -41px no-repeat; margin:0px}
.TOPMENU .Horizontal .current  a{ background:url(menus/menu.gif) right -81px no-repeat; color:#fff;}
.TOPMENU .Horizontal .current .slide span{background:transparent;}
.TOPMENU .Horizontal span { padding:0 15px; font-size:12px; font-weight:bold}
.TOPMENU .Horizontal .slide { display:none; float: left; overflow:hidden; position:absolute;}
.TOPMENU .Horizontal a.link { display:block; cursor: pointer}
.TOPMENU .Horizontal a:link,.TOPMENU .Horizontal a:active, .TOPMENU .Horizontal a:visited{width:auto;color:#fff; text-decoration:none; line-height:38px}
.TOPMENU .Horizontal a:hover {color: #fff; background:url(menus/menu.gif) left -122px no-repeat; float:left}
.TOPMENU .Horizontal a:hover span {color: #fff;background:url(menus/menu.gif) right -163px no-repeat; float:left}
.TOPMENU .Group {background:#676767;display:none; position:absolute;left:0px; float:left; z-index:1000;}
.TOPMENU .Group li { background:transparent; font-weight:normal; border-right:1px #999 solid; border-bottom:1px #999 solid;clear: both; height:20px; border-left:1px #999 solid}
.TOPMENU .Group span { padding:0 15px; font-size:11px; border:0px #546761 solid; display:block}
.TOPMENU .Group li img { margin-right:5px}
.TOPMENU .Group a:link,.TOPMENU .Group a:active,.TOPMENU .Group a:visited{line-height:20px; background:transparent; color:#fff}
.TOPMENU .Group a:hover {color:#fff; text-decoration:none; background:#333;}
.TOPMENU .Group a:hover span {color: #fff;background:transparent;padding:0 15px;}
.TOPMENU .Group .subcurrent{background: #999}
.TOPMENU .Group .rightarrow { background:url(menu/right.gif) right center no-repeat;}

/*========================================================*/
/*  CLB Product View                                      */
/*========================================================*/
#view_product_panel {clear:both; height:350px; width:720px; overflow:scroll; z-index:500;}
#view_product_item {width:600px; margin-top:10px; margin-left:10px; margin-bottom:15px; padding:0px; display:block; border-top:0px solid #cccccc; border-bottom:1px solid #cccccc; }
#view_product_panel .producer {font: 16px/24px Arial, sans-serif; display:block; color:orange; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid orange;}
#view_product_panel .country {font: 16px/24px Arial, sans-serif; display:block; color:orange; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid orange;}
#view_product_panel .title {font: 16px/20px Arial, sans-serif; display:block; color:#000;}
#view_product_panel .subtitle {padding-bottom:5px; }
#view_product_panel .pdflink {float:right;  }
#view_product_panel p {float:left;}
#view_product_panel .lineproducer {width:100%; background:silver; height:10px;}
#view_product_panel .clear {clear:both; height:10px;}
#view_product_panel img {border:1px solid gray;  }

.h1, H1 {font: 20px/36px Arial, sans-serif; display:block; color:#000;}
.h2, H2 {font: 16px/24px Arial, sans-serif; display:block; color:#000;}
.h3, H3 {font: 14px/20px Arial, sans-serif; display:block; color:#000; padding-bottom:10px;}

/*content from db, auch als vorlage für html-editor */
#product_div {font-weight:normal; margin-bottom:0px}
#product_div {width:50%; float:right; }
#product_div th {padding:2px 4px 2px 4px; color:black; background:#fff300;}
#product_div td {padding:0 4px 0 4px; background:#ffffb4; color:black;}
#xproduct_div .c1 {width:20%;  }
#xproduct_div .c2 {width:20%; }
#xproduct_div .c3 {width:60%;}

#selectTemplate {width:100%; padding:10px; margin-bottom:20px; display:block; background:#ffffb4; float:left;}
#selectTemplate A{color: black; font-size:14px; text-decoration: none}
#xxselectTemplate A:active{color: orange; text-decoration: none}
#selectTemplate A:hover {color: orange; text-decoration:underline}
#selectTemplate .listitem{float:left; margin-right:20px; white-space:nowrap;}

/*========================================================*/
/*  CLB News View                                      */
/*========================================================*/
#view_news_panel {padding-bottom:10px;}
#view_news_panel img {border:1px solid gray; }
#view_news_panel h2 {font: 18px/30px Arial, sans-serif; display:block; color:orange;}
#view_news_panel h3 {font: 16px/24px Arial, sans-serif; display:block; color:black;}
#xview_news_panel p {padding-bottom:10px;}
#view_news_panel .pdflink {padding-top:10px; }
#view_news_panel .clear {clear:both; height:10px;}
#view_news_panel .line{ border-bottom:1px solid #cccccc;}

#view_topnews_panel .description p {font-size:11px; line-height:12px; color: #393939;}
#view_topnews_panel .description {font-size:10px; line-height:12px; color: black;}
#view_topnews_panel .description img {display:none;}
#view_topnews_panel h2 {font: 17px/24px Arial, sans-serif; display:block; color:#000;}
#view_topnews_panel h3 {font: 14px/20px Arial, sans-serif; display:block; color:#000; padding-bottom:10px;}
#view_topnews_panel .pdflink {font-size:11px; padding-top:10px; color:#996600;}


/*========================================================*/
/*  CLB Product View                                      */
/*========================================================*/
#view_contact_panel {background:white; margin-bottom:20px;}
#view_contact_panel .image {float:left; min-width:0px; margin-right:10px;}
#view_contact_panel .title {font: 17px/24px Arial, sans-serif; display:block; color:#000; clear:top;}
#view_contact_panel .function {font: 14px/20px Arial, sans-serif; display:block; color:#000; padding-bottom:10px; clear:top;}
#view_contact_panel p {float:left; }
#view_contact_panel .line {border-bottom:1px solid #cccccc;}
#view_contact_panel .clear {clear:both; height:10px;}
#view_contact_panel .height {height:28px;}
#view_contact_panel img {border:1px solid gray;  }

/*========================================================*/
/*  CLB Promo View                                      */
/*========================================================*/
#view_promo_panel {padding-bottom:10px;}
#view_promo_panel img {border:1px solid gray; }
#view_promo_panel h2 {font: 18px/30px Arial, sans-serif; display:block; color:orange;}
#view_promo_panel h3 {font: 16px/24px Arial, sans-serif; display:block; color:black;}
#view_promo_panel .pdflink {padding-top:10px; }
#view_promo_panel .clear {clear:both; height:10px;}
#view_promo_panel .line{ border-bottom:1px solid #cccccc;}

