/* globale definitionen */

* {
   padding: 0;
   margin: 0;
   border: 0px solid black;
   font-family: Verdana, Geneva, Arial, Helv, Helvetiva, sans-serif;
   font-size: 10px;
   color: blue;
}

form {
   display: inline;
}

a {
   color: #DC0000;
}

#content a {
   color: #AD5E17;
   font-weight:bold;
   text-decoration: none;
}

#content a:hover {
   color: #AD5E17;
   text-decoration: underline;
}

#content div.thumbtext a {
   color: #333333;
   font-weight:normal;
   text-decoration: none;
}
#content div.thumbtext a:hover {
   color: #333333;
   text-decoration: underline;
}

#content div.sitemap a {
   color: #000000;
   font-weight:normal;
}

#content div.produkte a {
   /*
   color: #AD5E17;
   font-weight: bold;
   */
   color: #666666;
   font-weight: normal;
}

strong, b {
   color: #000000;
   font-weight:bold;
}

em, i {
   color: #333333;
   font-style: italic;
   font-weight: normal;
}

/* grundgeruest */
html, body {
   width: 100%;
}

body {
   background-color: #F8F2E8;
   text-align: center;
}

/* kopfbereich */
#page {
   width: 897px;
   position: absolute;
   left: 50%;
   margin-left: -447.5px;
   text-align: left;
   background: url(gfx/page_bg.gif);
   background-repeat: repeat-y;
   background-color: #F8F2E8;
}

/* vignetten */
#toparea_wrapper {
   background-image: url(gfx/toparea_bg.jpg);
   background-repeat: no-repeat;
   background-color: #FDD170;
   width: 888px;
   height: 105px;
   margin-left: 4px;
}

#toparea_wrapper .toparea {
   height: 105px;
   background-repeat: no-repeat;
   background-position: right center;
}

#toparea_wrapper .toparea ul {
   /* für normales Logo */
   margin-top: -41px; /* -37 */
   
   /* für 50 Jahre Logo */
   /* margin-top: -59px; */
   list-style-type: none;
   text-align: center;
   position: relative;
}

#toparea_wrapper .toparea ul li {
   display: inline;
   color: #DC0000;
   font-weight: bold;
}

#toparea_wrapper .toparea ul li a {
   text-transform: uppercase;
   text-decoration: none;
   font-size: 13px;
}

#toparea_wrapper .toparea ul li a:hover {
   text-decoration: none;
}

/*
   #toparea_wrapper .toparea .infobox {
      display: none;
      position: relative;
      top: -7px;
      width: 154px;
      height: 170px;
      z-index: 20;
   }
*/

#toparea_wrapper .toparea .infobox {
   display: none;
   position: absolute;
   top: 83px;
   width: 154px;
   height: 170px;
   z-index: 20;
}

#toparea_wrapper .toparea img.logo {
   position: relative;
   left: 11px;
   top: 19px;
   z-index: 20;
}

#toparea_wrapper .toparea img.logo50 {
   position: relative;
   left: 37px;
   top: 5px;
   z-index: 20;
   width: 104px;
   height: 88px;
}

/* modifications */
#page .top_menu {
   width: 888px;
   height: 30px;
   margin-left: 4px;
   border-top: 1px solid #DC0000;
   border-bottom: 1px solid #DC0000;
   text-align: center;
}

#page .top_menu_items, #page .top_menu_items_active {
   position: relative;
   top: 8px;
   height: 32px;
   display: inline;
   padding-bottom: 5px;
}

#page .top_menu a {
   text-decoration: none;
   background-image: none;
}

#page a .top_menu_items, #page a .top_menu_items_active {
   text-decoration: none;
   background-position: bottom center;
   background-repeat: no-repeat;
   background-image: url(gfx/spacer.gif);
}

#page a:hover .top_menu_items, #page a .top_menu_items_active {
   background-image: url(gfx/arrow_up_red.gif);
}

#page .main {
   width: 888px;
   margin-top: 16px;
   margin-left: 16px;
}

/* untermenue- und suchbox */
#left {
   float: left;
}

#left_menu_wrapper {
   width: 168px;
   background-image: url(gfx/left_menu_bg.jpg);
}

#left_menu_wrapper .left_menu {
   background-image: url(gfx/left_menu_bottom.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height: 100%;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 12px;
   padding-right: 7px;
}

#left_menu_wrapper .left_menu ul {
   list-style-type: none;
}

#left_menu_wrapper .left_menu ul li {
   color: #DC0000;
   font-size: 12px;
   font-weight: bold;
   padding-bottom: 14px;
}

#left_menu_wrapper .left_menu ul ul {
   padding-top: 4px;
   padding-left: 13px;
}

#left_menu_wrapper .left_menu ul li li {
   list-style-image: url(gfx/left_menu_listdot.gif);
   padding: 0;
   line-height: 14px;
   color: #000000;
   font-size: 10px;
   font-weight: normal;
}

#left_menu_wrapper .left_menu ul li li.active {
   list-style-image: url(gfx/left_menu_arrow.gif);
}

#left_menu_wrapper .left_menu a {
   color: #000000;
   text-decoration: none;
}

#left_menu_wrapper .left_menu a:hover {
   color: #DC0000;
   text-decoration: underline;
}

#left_search_wrapper {
   width: 168px;
   margin-top: 13px;
   margin-bottom: 13px;
   background-image: url(gfx/left_menu_bg.jpg);
}

#left_search_wrapper .left_search {
   background-image: url(gfx/left_menu_bottom.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   height: 100%;
   padding-top: 10px;
   padding-bottom: 6px;
   padding-left: 12px;
   padding-right: 7px;
}

#left_search_wrapper .left_search legend {
   font-size: 12px;
   color: #DC0000;
   font-weight: bold;
   margin-bottom: 6px;
}

#left_search_wrapper .left_search b {
   font-size: 12px;
   color: #DC0000;
}

#left_search_wrapper .left_search p {
   font-size: 10px;
   color: #994E00;
   line-height: 14px;
   padding-top: 2px;
}

#left_search_wrapper .left_search p b {
   color: #994E00;
}

#left_search_wrapper .left_search p b.red {
   color: #DC0000;
}

#left_search_wrapper .left_search .input {
   width:117px;
   border: 1px solid #FFD196;
   background-color: #FFF3E2;
   font-size: 10px;
   float: left;
   margin-right: 6px;
   height: 14px;
   color: #333333;
}

#experience_box {
   width: 168px;
   margin-top: 13px;
   margin-bottom: 13px;
   background-image: url(gfx/left_menu_bg.jpg);
}
#experience_box h2 {
   margin-left: 8px;
   color: #DC0000;
   font-size: 12px;
   font-weight: bold;
   margin-top: 11px;
   margin-bottom: 11px;
}
#experience_box div.list {
   margin-left: 8px;
   padding-bottom: 8px;
}
#experience_box div.list a.img {
   float: left;
   overflow:auto;
   display: block;
   height: 20px;
   text-decoration: none;
   color: #333333;
   margin-bottom: 4px;
}
#experience_box div.list a.text {
   overflow:auto;
   display: block;
   height: 20px;
   text-decoration: none;
   color: #333333;
   padding-left: 6px;
   margin-bottom: 4px;
}
#experience_box div.list a.text:hover {
   text-decoration: underline;
   color: #DC0000;
}

/* content */
#content {
   float: left;
   width: 530px;
   padding-top: 12px;
}

/* test von volker
   Alle Divs unterhalb von content erstmal kein margin
*/

#content div * {
   margin-left:0px;
   margin-right:0px;
   margin-top: 0px;
   margin-bottom: 0px;
}

#content .separator {
   background-repeat: no-repeat;
   margin-left: 0px;
}

#content div.separator {
   height: 20px;
   width: 504px;
   margin-left: 12px;
   margin-top: 20px;
   margin-bottom: 6px;
   clear: both;
}

#content h1 {
   width: 502px;
   height: 35px;
   background-repeat: no-repeat;
   background-position: top left;
   margin-bottom: 12px;
   margin-left: 18px;
   position: relative;
   z-index: 10;
}

#content h2 {
   width: 492px;
   height: 30px;
   background-repeat: no-repeat;
   background-position: top left;
   margin-bottom: 4px;
   margin-left: 18px;
   position: relative;
   z-index: 10;
}

#content h3 {
   margin-bottom: 10px;
   margin-left: 18px;
   color: #DC0000;
   font-size: 11px;
   position: relative;
   z-index: 10;
}

#content h1 span, #content h2 span {
   display: none;
   overflow: hidden;
}

#content p.breadcrumbs {
   margin-bottom: 18px;
}

#content p.breadcrumbs img {
   margin: 0;
}

#content p.breadcrumbs b {
   color: #646464;
}

#content p.breadcrumbs a {
   color: #646464;
   text-decoration: none;
   font-weight: normal;
}

#content p.breadcrumbs a:hover {
   text-decoration: underline;
}

/* Bilder im Content bzw. im Page div */
#content img {
   position: relative;
   z-index: 1;
   margin-right: 30px;
   margin-left: 15px;
   /*  border: solid 1px blue;  */
}

/* Bilder innerhalb von Elementen */
#content * * img {
   margin: 0;
   /* border: solid 1px green;  */
}


#content p {
   margin-left: 19px;
   margin-right: 21px;
   line-height: 15px;
   color: #333333;
   margin-bottom: 15px;
   position: relative;
   z-index: 5;
   /* border: solid 1px red; */
}

#content p.beschriftung {
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 4px;
   margin-bottom: 5px;
   line-height: 12px;
}

#content p.red {
   font-weight:bold;
   color: #dd0000;
   border: solid 1px #ffff00;
   background-color: #ffff99;
   margin-top: 15px;
   margin-bottom: 15px;
   padding:3px;
}

#content p.disclaimer {
   line-height: 15px;
   color: #666666;
}

#content div.lineset {
   margin: 0;
   /* background-color: #eeddee; */
}

#content div.lineset p {
   line-height: 15px;
   margin: 0;
}

#content div.img_title {
   position: absolute;
   line-height: 12px;
   color: #DC0000;
   font-size: 9px;
   z-index: 15;
}

/* Suche */
#content p.search_text {
   font-weight:normal;
}

#content p span.search_hilight {
   color: #333333;
   font-weight:bold;
}

#content span.search_title {
   color: #dc0000;
   font-weight:bold;
}

/* Tabellen im Fliesstext */
#content table {
   border: solid 1px #dc0000;
}

#content table.tabelleimtext {
   background-color: #FFFCF7;
   padding:5px;
}

#content table.tabelleimtext th {
   font-size: 10px;
   font-weight: bold;
   height: 20px;
   color: #dc0000;
}

#content table.tabelleimtext td {
   font-size: 10px;
   font-weight: normal;
   vertical-align:top;
   color: #333333;
}

#content table.tabelleimtext td.red {
   font-size: 10px;
   font-weight: bold;
   color: #dc0000;
}

#content table.tabelleimtext td:first-child {
   padding-right:10px;
}



/* ------- icon area ---------- */

#content div.iconarea {
   position: relative; 
   margin-left: 6px;
   overflow: hidden;
   padding-left: 17px;
   padding-right: 17px;
   display: block;  
}


#content div.iconarea div.croparea {
   overflow: hidden;
   display: block;
   background-image: url(gfx/iconarea_fond.png);
   background-repeat: repeat-x;
   background-position: left bottom;
}

#content div.iconarea img {
   margin: 0;
   padding: 0;
}

#content div.iconarea .arrow {
   position: absolute;
   width: 19px;
   height: 50px;
   display: block;
   opacity: 0.0;
   cursor: pointer;
   margin-top: -60px;
   padding-top: 54px;
   padding-bottom: 54px;
   background-color: white;
}

#content div.iconarea:hover .arrow {
   opacity: 0.5;
}

#content div.iconarea .arrow:hover {
   opacity: 1.0;
}

#content div.iconarea .prev {
   left: 0px; 
   padding-left: 2px;
}

#content div.iconarea .next {
   left: 493px; 
   padding-right: 2px;
}


/* large container inside iconarea which may be bigger
than the visible area. */
#content div.iconarea .iconarea_container {
   overflow: auto; 
   position: relative;
   /* background-color: red; */
   padding-top: 5px;
   padding-bottom: 5px;
  
}


#content div.iconarea .iconarea_icon {
   float: left;
   /* background-color: #eeccee;  */
   margin: 5px;
   display: block;
   opacity: 0.7; 
   cursor: pointer;
   background-position: top left;
   background-repeat: no-repeat;
   position: relative;
   overflow: auto;
   
}

#content div.iconarea .iconarea_icon .label {
   position: absolute;
   bottom: 0px;
   text-align: center;
   display: block;
   color: #666666;
   font-weight: normal;
}

#content div.iconarea a:hover {
   text-decoration: none;
}

#content div.iconarea a:hover .label {
   color: #2569A8;
}

#content div.iconarea .iconarea_icon:hover {
   opacity: 1.0;
   /*
   margin: 4px;
   border: 1px solid #e5b000;
   */
   background-color: #fef8ee;
}
   




/* Einfache Listen im Fliesstext */
#content ul.listeimtext {
   margin-bottom:10px;
   margin-left:15px;
   line-height:15px;
   list-style-image: url(gfx/listdot-redsquare.gif);
}

#content ul.listeimtext li {
   margin-left:40px;
   margin-right:25px;
   margin-bottom:5px;
   font-size: 10px;
   font-weight: normal;
   color: #333333;
}

#content div.faq ul.listeimtext {
   margin-left:30px;
   margin-right:20px;
}

#content div.faq ul.listeimtext li {
   margin-left:30px;
}

#content div.produktliste {
   width:505px;
   margin-left:20px;
}

#content div.produktthumb {
   float:left;
   width:250px;
   height:64px;
   padding-left:0px;
   margin-left:0px;
   margin-right:0px;
   margin-bottom:10px;
   /* background-color:#eeffcc; */
}

#content div.thumbnail {
   float:left;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   width:64px;
   height:64px;
}

#content div.produktthumb img {
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   width:64px;
   height:64px;
}

#content div.produktthumb div.thumbtext {
   float:left;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   width:170px;
   height:64px;
   /* background-color:red; */
}

#content div.produktthumb p {
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-left: 10px;
   padding-right: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
   line-height: 13px;
   color: #333333;
}

#content div.foreigncontact div {
   margin-left: 15px;
   margin-right: 0px;
   margin-bottom:20px;
  
}

#content div.foreigncontact div.box {
   float: left;
   /* margin-left:20px; */ 
   padding-left: 7px; 
   /* margin-right:5px; */
   padding-right: 5px; 
   margin-bottom:10px;
   width:235px;
   
   /* background-color:#ccddff; */
}


/* IE 7 Hack */ 
*:first-child+html #content div.foreigncontact div.box {
   padding-left:10px;
}



#content div.foreigncontact div.head {
   float: left;
   margin-left:0px;
   margin-right:0px;
   margin-bottom:4px;
   width:235px;
   /* background-color:#ffddcc; */
}

#content div.foreigncontact span.flag img {
   float:left;
   margin-left:0px;
   margin-right:0px;
}

#content div.foreigncontact span.title {
   float:left;
   margin-left:5px;
   margin-top:4px;
   margin-right:0px;
   font-weight:bold;
   color:black;
}

#content div.foreigncontact div.text {
   /* margin-left:36px; */
   margin-left:0px;
   /* background-color:#eeffcc; */
}

#content div.foreigncontact div.text p {
   margin-left: 0px;
   margin-right: 5px;
   margin-top: 3px;
   margin-bottom: 3px;
   line-height: 13px;
   color: #333333;
}

#content div.freearea div, #content div.freearea img {
   margin: 0;
}

#content div.faq {
   margin-bottom: 5px;
   /* background-color: #bb9944; */
}

#content div.faq div.title {
   font-weight:bold;
   color:black;
   margin-left:2px;
   margin-right:20px;
   margin-bottom:5px;
   width:480px;
}

#content div.faq div.question {
   font-weight:normal;
   color:#555555;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:10px;
}

#content div.faq img.arrow {
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 0px;
   margin-bottom: 0px;
}

#content div.faq img.question {
   margin-left: 0px;
   margin-right: 5px;
   margin-top: 0px;
   margin-bottom: 0px;
}

#content div.faq p {
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 0px;
   margin-bottom: 10px;
   line-height: 13px;
   color: #333333;
}

/* Linklisten */
#content div.linklist ul li {
   color: #DC0000;
   font-size: 11px;
   font-weight:bold;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:20px;
   margin-top:10px;
   list-style-position:outside;
   list-style-type:none;
}

#content div.linklist ul ul {
   list-style-image: url(gfx/listdot-redsquare.gif);
   margin-left: 10px;
}

#content div.linklist ul li ul li {
   color: #333333;
   font-size: 10px;
   font-weight: normal;
   margin-left: 15px;
   margin-right: 20px;
   margin-bottom: 5px;
   margin-top: 5px;
}



/* ----------- Tabbox -------------- */


#content div.tabbox {
   margin-left: 19px;
   display: block;
   clear: both;
}


#content div.tabbox .tabboxcontent {
   background-color: #D4ECFA;
   padding: 5px;
   padding-top: 8px;
   position: absolute;
   overflow: hidden;
   display: block;
}


#content div.blue .tabboxcontent {
   background-color: #D4ECFA;
   border-right: solid 1px #31A1E0;
   border-bottom: solid 1px #31A1E0;
   border-left: solid 1px #31A1E0;
   border-top: solid 1px #31A1E0;
}


#content div.nukstyle .tabboxcontent {
   background-color: white;
   border: solid 1px #FFC066;
}



#content div.tabbox .tabboxcontent * {
   margin-left:0px;
   color: #31A1E0;
}

#content div.nukstyle .tabboxcontent * {
   color: #333333;
}


#content div.tabbox div.tabrow {
   display: block;
   overflow: auto;
   clear:both;
   border-left: 1px solid #31A1E0;
   width:491px;
}
   
#content div.tabbox div.tabrow .tablabel {
   float: left;
   padding-left: 4px;
   padding-right: 4px;
   height: 20px;
   background-image:url(gfx/tabbox_tabrow_bg.jpg);
   border-right: solid 1px #31A1E0;
}

#content div.tabbox div.tabrow .last {
   background-position: top right;
   border: 0;
}

#content div.nukstyle div.tabrow .tablabel {
   height: 16px;
}


#content div.tabbox div.tabrow .tablabel a, #content div.tabbox div.tabrow .tablabel a:hover {
   display: block;
   padding: 3px;
   color: #31A1E0;
   font-weight: normal;
   text-decoration: none;
}


#content div.nukstyle div.tabrow .tablabel a {
   color: #A66114;
   font-size: 12px;
}


#content div.tabbox div.tabrow .tablabel a:hover {
   text-decoration: none;
   font-weight: bold;
}


#content div.tabbox .tabboxcontent h2 {
   font-size: 14px;
   font-weight: bold;
}





/* ------ Schwangerschaftsverlauf ------ */

#content div.schwangerschaftsverlauf {
   margin-left:0px;
}

#content div.schwangerschaftsverlauf img.separator {
   margin-top:5px;
   margin-bottom:5px;
}

#content div.schwangerschaftsverlauf h3 {
   margin-bottom:0px;
}

#content div.schwangerschaftsverlauf div.woche {
   width:510px;
   margin-left:0px;
   margin-bottom:30px;
}

#content div.schwangerschaftsverlauf div.bullet {
   float:left;
   width:500px;
   margin-left:0px;
   margin-right:0px;
}

#content div.schwangerschaftsverlauf div div.point {
   float:left;
   width:40px;
   margin-left:0px;
   margin-top:3px;
   margin-right:0px;
}

#content div.schwangerschaftsverlauf div.point img {
   width:15px;
   height:15px;
   margin-left:20px;
   margin-top:0px;
   margin-right:0px;
   margin-bottom:0px;
}

#content div.schwangerschaftsverlauf div.description {
   float:left;
   width:450px;
   margin-left:0px;
   margin-top: 0px;
   margin-right:0px;
   margin-bottom:5px;
}

#content div.schwangerschaftsverlauf div.description p {
   margin-left:0px;
   margin-top: 0px;
   margin-right:0px;
   margin-bottom:5px;
}

/* NUK Bibliothek, Teaser für Fibeln und Broschueren */
#content div.fibelteaser {
   float: left; 
   width: 145px; 
   text-align: center;
}

#content div.fibelteaser img.fibelteaser {
   width: 81px;
   height: 82px;
   margin-left: 16px;
   margin-bottom: 8px;
}

#content div.broschuerenteaser {
   /*float: left; */
   position: absolute;
 /*  width: 188px;  */
   width: 170px; 
   text-align: center;
}

#content div.broschuerenteaser img.broschuerenteaser {
   width: 119px;
   height: 109px;
   margin-left: 16px;
   margin-bottom: 8px;
}

 /* Sitemap */

#content .sitemap {
   position: relative;
   left: 19px;
   margin: 0px;
   overflow: hidden;
}

#content a.sitemaplink {
   color: #000000;
   font-size: 10px;
   font-weight: normal;
}

#content div.sitemap a.sitemaptitlelink {
   color: #000000;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}

#content .sitemap_1 {
   float:left; margin:0px; padding:0px; width:98px;
}

#content .sitemap_2 {
   margin-left: 0px;
}

#content .sitemap_3 {
   margin-left:10px; margin-top:3px;
}

#content .sitemap_4 {
   margin-top:0px; margin-bottom:5px; font-weight:bold; font-size:11px; color:#dc0000;
}

#content .sitemap_5 {
   margin-top:0px; margin-bottom:0px; font-weight:normal; line-height: 13px; font-size:10px;
}



/* Popups */
div.popupfooter {
   position: absolute;
   left: 0px;
   bottom: 15px;
}

div.popupfooter p {
   margin-top: 3px;
   margin-left: 5px;
   margin-right: 5px;
   margin-bottom: 3px;
   color: #333333;
}

/* infoboxen */
#right {
   float: left;
   width: 168px;
}

#right .infobox_wrapper {
   width: 168px;
   background: url(gfx/right_infobox_bg.gif);
   background-repeat: repeat-y;
   margin-bottom: 13px;
   position: relative;
   z-index: 12;
}

#right .infobox_wrapper .infobox_fond {
   margin-right: 3px;
   margin-left: 1px;
   background-repeat: no-repeat;
   background-position: top left;
}


#right .infobox_wrapper .infobox {

   padding-top: 9px;
   padding-bottom: 12px;
   padding-left: 10px;
   padding-right: 8px;
   
}


#right .infobox_wrapper .infobox_topedge {
   position: absolute;
   top: 0px;
}

#right .infobox_wrapper .infobox_bottomedge {
   position: absolute;
   bottom: 0px;
}



#right .infobox_wrapper .infobox .title {
   padding-bottom: 5px;
   font-size: 12px;
   color: #DC0000;
   font-weight: bold;
}

#right .infobox_wrapper .infobox p {
   padding-bottom: 5px;
   color: #994E00;
   line-height: 14px;
/*
   z-index: 50;
   background-color: red;
   position: relative;
*/
}

#right .infobox_wrapper .infobox p strong {
   color: #994E00;
}

#right .infobox_wrapper .infobox p b.red {
   color: #DC0000;
}

#right .infobox_wrapper .infobox span {
   display: block;
   color: #994E00;
}

#right .infobox_wrapper .infobox span strong {
   color: #994E00;
}



#right .infobox_poll {
   background: url(gfx/right_infobox_poll_bg.gif);
}












/* fusszeile */
#bottom_area {
   width:897px;
   height: 118px;
   background-image: url(gfx/page_bottom.jpg);
   clear: both;
}

#bottom_area ul {
   list-style-type: none;
   text-align: center;
   padding-top: 92px;
}

#bottom_area ul li {
   display: inline;
   color: #DC0000;
   font-weight: bold;
   margin-left: 5px;
   margin-right: 5px;
}

#bottom_area ul li a {
   text-transform: uppercase;
   text-decoration: none;
   font-size: 11px;
}

#bottom_area ul li a:hover {
   text-decoration: underline;
}

/* formulare */
#content .formular {
   margin-left: 20px;
}

#content .input, #content textarea {
   width: 320px;
   border: 1px groove #8F8F8F;
}

#content select, #content option {
   color: #000;
}

#content select {
   border: 1px solid #DDDDDD;
}

#content form label {
   display: block;
   float: left;
}

/* anmeldeformular */
#content .anmeldeformular {
   margin-left: 20px;
   color: #000000;
}

#content .anmeldeformular * {
   font-weight: normal;
}

/* kontaktformular */
#content .kontaktformular {
   padding-left: 20px;
   color: #000000;
}

#content legend {
   display: none;
}

#content select, #content option, #content label, #content textarea, #content input {
   color: #000000;
}

#content .input, #content textarea, #content .select {
   width: 320px;
   border: 1px groove #8F8F8F;
}

#content .select {
   width: 100px;
}

#content .radio {
   width: 32px;
   color: #000000;
}

#content .error {
   color: #DC0000;
}

#content label {
   line-height: 20px;
   font-weight: bold;
}

#content .input submit {
   text-align: right;
   border: 3px solid black;
}

/* lexikon */
#lexikon_wrapper {
   padding-left: 16px;
   padding-right: 16px;
}

#lexikon_wrapper .lexikon_alphabet {
   width:16px;
   height:14px;
   text-align: center;
}

#lexikon_wrapper p {
   margin: 0;
}

#lexikon_wrapper .lexikon_item {
   border: 1px solid red;
   background-color: #FFF8F0;
   padding: 5px;
}

#lexikon_wrapper .lexikon_item .name {
   width: 180px;
   font-weight: bold;
   float: left;
   color: #404040;
}

#lexikon_wrapper .lexikon_item .descr {
   width: 300px;
   float: left;
}

#lexikon_wrapper .lexikon_item .descr p {
   margin: 0;
   border-bottom: 1px solid #CCCCCC;
   padding-bottom: 5px;
   width: 100%;
}

#lexikon_wrapper .lexikon_item .lang_name {
   width: 300px;
   margin-left: 180px;
   padding-top: 5px;
}

#lexikon_wrapper .lexikon_item .lang_name .lang {
   width: 80px;
   float: left;
   color: #000000;
}

#lexikon_wrapper .lexikon_item .lang_name .name {
   width: 200px;
   float: left;
   color: #000000;
   font-weight: normal;
}


/* Neuheiten - Infoseiten */

ul#info_spuelreiniger_benefits {
   
   font-size: 12px;
   line-height: 14px;

   list-style-type: none;
   
   padding-top: 145px;
   margin-top: -145px;
   height: 200px;
   display: block;

   background-image: url(img/deco/spuelreiniger/intro_fond.jpg);
   background-repeat: no-repeat;

   
}

ul#info_spuelreiniger_benefits li {
   
   margin-left: 40px;
   color: #4d4d4d;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 20px;
   width: 250px;
   
   background-image: url(img/deco/spuelreiniger/spuelreiniger_bullet.gif);
   background-repeat: no-repeat;
   
}




/* --- Podcasts Teaser, etc. --- */

#content div.podcastteaserbox {
   background-color:#f6f6f6; 
   border-bottom:1px solid #d0d0d0; 
   border-right: 1px solid #d0d0d0; 
   padding:5px; 
   margin-left:15px; 
   margin-right:15px;
   overflow: auto;
}

#content div.podcastteaserbox * {
   margin: 0;
   padding: 0;
}

#content div.podcastteaserbox h3 {
   padding-top: 2px;
   margin-bottom: 8px;
   font-size: 14px;
}

#content div.podcastteaserbox p {
   margin-top: 2px;
   margin-bottom: 6px;
}

#content div.podcastteaserbox img {
   margin-right: 12px;
}

#content div.podcastteaserbox ul {
   list-style-position: inside;
}

#content div.podcastteaserbox ul li {
   padding-bottom: 3px;
   padding-top: 3px;
   color: #333333;
}

#content div.podcastteaserbox ul li a {
   color: #333333;
   font-weight: bold;
}




/* spezielle Aktionen */

/*
#content div.adventskalender {
   position:relative; 
   margin-top:-18px; 
   margin-left:12px; 
   margin-bottom:10px; 
   width:498px; 
   height:527px; 
   background:url(img/deco/xmas2007/fond-adventskalender.jpg);
}
*/

#content div.adventskalender {
   position:relative; 
   margin-top:-18px; 
   margin-left:7px; 
   margin-bottom:10px; 
   width:508px; 
   height:510px; 
   background:url(img/deco/xmas2007/fond-kalender.jpg);
}


#content div.adventskalender a:hover {
   text-decoration:none;
}


/* START Poll Umfrage Kollektionsmotive (in Box) */

#right #umfrage_kollektionsmotive_container .infobox .title {
   color: #223388;
   padding-bottom: 0px;
   font-size: 13px;
   font-weight: bold;
   line-height: 17px;
   margin-bottom: 12px;
}

#right #umfrage_kollektionsmotive_step1 p,
#right #umfrage_kollektionsmotive_step3 p {
   margin-top: -2px;
   padding-top: 0px;
   line-height: 13px;
}

#right #umfrage_kollektionsmotive_step1 p strong,
#right #umfrage_kollektionsmotive_step3 p strong {
   color: #223388;
}

#right #umfrage_kollektionsmotive_choices {
   display: block;
   margin: 0;
   padding: 0;
}

#umfrage_kollektionsmotive_choices ul {
   list-style-type: none;
}

#umfrage_kollektionsmotive_choices ul li {
   padding-top: 2px;
   padding-bottom: 2px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 2px;
   overflow: auto;
   width: 150px;
}

#umfrage_kollektionsmotive_choices ul li input {
   float: left;
   margin-top: 2px;
   width: 11px;
   height: 11px;
}

#umfrage_kollektionsmotive_choices ul li label {
   margin-left: 7px;
   color: #223388;
   font-size: 11px;
   line-height: 14px;
   float: left;
   width: 121px;
}

#umfrage_kollektionsmotive_send {
   margin-left: 20px;
   margin-top: 4px;
}

#umfrage_kollektionsmotive_send:disabled {
   opacity: 0.5;
}

/* START Formular: Umfrage-Schwangerschaftsprodukt */

#content div.radiobuttons1 {

	/* ACHTUNG: auch in default.css einf�gen */
	position: relative; 
  margin-top: 10px; 
  margin-left: 18px; 
  margin-right: 20px; 
  margin-bottom: 10px;
  padding-bottom: 10px; 
  width: 490px;
  height: 170px;
  border: 1px dotted #c0c0c0;
}

#content div.radiobuttons2 {

	/* ACHTUNG: auch in default.css einfügen */
	position: relative; 
  margin-top: 0px; 
  margin-left: 18px; 
  margin-right: 20px; 
  margin-bottom: 10px;
  padding-bottom: 10px; 
  width: 490px;
  height: 100px;
  border: 1px dotted #c0c0c0;
}

#content div.radiobuttons1 * {
	
	/* ACHTUNG: auch in default.css einf�gen */
	font-weight: normal;
	clear: both;
	vertical-align: middle;
	margin-left: 5px;

}

#content div.radiobuttons2 * {
	
	/* ACHTUNG: auch in default.css einf�gen */
	font-weight: normal;
	clear: both;
	vertical-align: middle;
	margin-left: 5px;

}

#content label:first-child {
	
	/* ACHTUNG: auch in default.css einf�gen */
	margin: 10px;
	font-weight: bold;
	line-height: 14px;
}

#content input {
	
	margin-right: 5px;

}

#content .form_submit {

	/* ACHTUNG: auch in default.css einf�gen */
	/* scheint bereits definierter Button zu sein */
	text-align: center;

}

/* ENDE Formular: Umfrage-Schwangerschaftsprodukt */

   #magazinvoranmeldung {
      width: 480px;
      padding-left: 39px;
   }
   
   #magazinvoranmeldung label {
      width: 200px;
      color: #333333;
   }
   
   #magazinvoranmeldung input.textinput {
      color: #333333;
      border: 1px solid #dc0000;
      margin-top: 2px;
      margin-bottom: 4px;
      height: 12px;
      width: 200px;
      padding: 4px;
   }

/* Schnullergewinnspielformular */

#schnullergewinnspiel h3 {
   margin-top: 18px;
   margin-bottom: 10px;
}

#schnullergewinnspiel div.formsection {
   margin-top: 4px;
   margin-left: 20px;
   float: left;
   clear:both;
}

#schnullergewinnspiel div.formsection label {
   width: 70px;
   float: left;
   font-weight: normal;
   margin-top: 1px;
}

#schnullergewinnspiel #anrede {
   width: 229px;
}

#schnullergewinnspiel div.formsection p.error {
   font-weight: bold;
   color: #dc0000;
}

#schnullergewinnspiel div.formsection textarea {
   width: 480px;
   height: 110px;
   clear: both;
}

#schnullergewinnspiel input {
   border: 1px solid #333333;
   float: left;
   font-size:12px;
}

#schnullergewinnspiel input#vorname,
#schnullergewinnspiel input#nachname,
#schnullergewinnspiel input#email,
#schnullergewinnspiel input#strasse {
   width: 226px;
}

#schnullergewinnspiel input#plz {
   width: 44px;
}

#schnullergewinnspiel div.ort {
   float:left;
   clear: none;
   margin-left:5px;
}

#schnullergewinnspiel div.error {
   margin-left:90px;
}

#schnullergewinnspiel div.ort label {
   width: 30px;
}

#schnullergewinnspiel input#ort {
   width: 120px;
}


/* Fussball 2010 */
#content a.fussball2010 { text-decoration: none; }

#content a.fussball2010 span.link { 
   color: #AD5E17;
}

#content a.fussball2010:hover span.link { 
   text-decoration: underline; 
}

/* fussballgewinnspielformular */

#fussballgewinnspiel h3 {
   margin-top: 18px;
   margin-bottom: 10px;
}

#fussballgewinnspiel div.formsection {
   margin-top: 4px;
   margin-left: 20px;
   float: left;
   clear:both;
}

#fussballgewinnspiel div.formsection label {
   width: 70px;
   float: left;
   font-weight: normal;
   margin-top: 1px;
}

#fussballgewinnspiel #anrede {
   width: 229px;
}

#fussballgewinnspiel div.formsection p.error {
   font-weight: bold;
   color: #dc0000;
}

#fussballgewinnspiel div.formsection textarea {
   width: 480px;
   height: 110px;
   clear: both;
}

#fussballgewinnspiel input {
   border: 1px solid #333333;
   float: left;
   font-size:12px;
}

#fussballgewinnspiel input#vorname,
#fussballgewinnspiel input#nachname,
#fussballgewinnspiel input#email,
#fussballgewinnspiel input#strasse {
   width: 226px;
}

#fussballgewinnspiel input#plz {
   width: 44px;
}

#fussballgewinnspiel div.ort {
   float:left;
   clear: none;
   margin-left:5px;
}

#fussballgewinnspiel div.error {
   margin-left:90px;
}

#fussballgewinnspiel div.ort label {
   width: 30px;
}

#fussballgewinnspiel input#ort {
   width: 120px;
}