
html
{
  overflow-y:scroll;
}

body
{
  font-size: 75%;
  color: #29467e;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  background-color: #d4effa;
  outline: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6
{
  color:#29467E;
}

td, th
{
  font-size: 1em;
  background-color: #ffffff;
}

a img, :link img, :visited img
{
  outline: none;
}
input[type="text"], input[type="password"], input.text, input.title, textarea, select {
  margin:0 0 10px;
}
#kontakt_name, #kontakt_email {
  padding:3px;
  width:95%;
  font-family: Arial, Helvetica, sans-serif;
}
textarea {
  height:250px;
  padding:3px;
  width:95%;
  font-family: Arial, Helvetica, sans-serif;
}
.intro
{
  font-size: 1.3em;
}

center
{
  display: block;
  clear: both;
  padding: 1.5em 0;
}

.clear
{
  clear: both;
  line-height: 0;
  font-size: 1%;
  width: 100%;
}

img {
  position: relative;
}

/**********/
 /* LAYOUT */
/**********/
#outerwrapper
{
  background-color: #FFFFFF;
}

#innerwrapper
{
  background-image: url(/images/bg/signal_bg_content_standard.jpg);
  background-repeat: y-repeat;
  background-position: top center;
  background-color: #FFFFFF;
}

#contentwrapper
{
  background-image: url(/images/bg/signal_header_couple_standard.jpg);
  background-repeat: no-repeat;
  background-position: top center;
 *padding-left:1px;
}

.first_headline
{
  margin-top: 0;
}

/**********/
/* HEADER */
/**********/

#header
{
  height: 360px;
}

#quicklink
{
  font-size:0.9em;
  color: #ffffff;
  float:left;
  margin-right: 20px;
}

#quicklink li
{
  float: left;
  list-style: none;
  margin-left: 10px;
}

div #quicklink a
{
  display: block;
  color: #ffffff;
}

div #language_select
{
  font-size:0.9em;
  position:relative;
  float:left;
  color: #ffffff;
}

div #language_select a
{
  color: #ffffff;
}

div #quicklink a.active, div #quicklink a:hover, div #quicklink a:focus, div #language_select a.active, div #language_select a:hover, div #language_select a:focus
{
  color: #ee3b33;
}

/**********/
/* CONTENT */
/**********/

.margin_top_20
{
  margin-top:25px;
}

.info_box
{
  background: url(/images/produkte/info_box_corners_bottom.gif) bottom no-repeat;
  padding-bottom: 0.5em;
  margin-top: 2.5em;
}

.info_box h3
{
  background: url(/images/produkte/info_box_corners_top.gif) top no-repeat;
  padding: 0.7em 20px 0 10px;
}

.info_box p
{
  padding: 0 20px 0 10px;
}

.info_box_start
{
  background: url(/images/info_box_corners_bottom_start.gif) bottom no-repeat;
  padding-bottom: 0.5em;
  margin-top: 1em;
}

.info_box_start h3
{
  background: url(/images/info_box_corners_top_start.gif) top no-repeat;
  padding: 0.7em 20px 0 10px;
}

.info_box_start p
{
  padding: 0 20px 0 10px;
}

#zahnpasta_group
{
  margin: -200px 0 2.5em 0;
}

/**********/
/* FORMS */
/**********/

input.login_button
{
  height:22px;
  width:47px;
  margin: 0px;
  padding: 1px;
  border: 0;
  font-size: 11px;
  color: #FFFFFF;
  background-image: url(/images/sidebar/login_btn.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

input.login_button_fr
{
  height:22px;
  width:60px;
  margin: 0px;
  padding: 1px;
  border: 0;
  font-size: 11px;
  color: #FFFFFF;
  background-image: url(/images/sidebar/login_btn_fr.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

input.input_text
{
  height:22px;
  width:105px;
  margin: 0px;
  padding: 5px;
  border: 0;
  font-size: 11px;
  color: #858585;
  background-image: url(/images/sidebar/login_input.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

.form-error
{
  background: #FF5E5E url(/images/icons/attention.png) center no-repeat;
  background-position: 15px 50%;
  color: #FFFFFF;
  border: 2px solid #FF0000;
  padding: 5px 20px 5px 45px;
  text-align: left;
  line-height: 20px;
}

.form-success
{
  background: #CBFF97 url(/images/icons/accept.png) center no-repeat;
  background-position: 15px 50%;
  text-align: left;
  padding: 5px 20px 5px 45px;
  color: #009900;
  border: 2px solid #009900;
}

.productBox {
  position: relative;
  margin-top: -140px;
}

.smallProductBox {
  position: relative;
  margin-top: -80px;
}

/**********/
/* FOOTER */
/**********/

#footer
{
  float: left;
  width: 100%;
  background-image: url(/images/bg/signal_bg_footer_standard.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color:#d4effa;
  height:147px;
}

#footer_sub
{
  float: left;
  width: 100%;
  background: url(/images/bg/signal_footer_bg_repeat.jpg) bottom repeat-x;
}

#footer_innerwrapper
{
  background-image: url(/images/bg/signal_bg_footer_sub.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #d4effa;
  width: 100%;
  height:147px;
  padding-top: 90px;
}

.footerlinks
{
  width: 950px;
  text-align: center;
  xcolor: #92a9d3;
  margin: 0 auto;
}

.footerlinks a
{
  text-align: center;
}

.submittedbox
{
  height: 520px;
  width: 280px;
  background: url(/images/submitted_login.jpg) no-repeat left bottom;
}

.loginbox
{
  height: 350px;
  width: 320px;
  background: url(/images/aerzte_login.jpg) no-repeat left bottom;
}

h1 a
{
  text-decoration:underline;
  color:#29467E;
}

h1 a:hover, h1 a:focus, h1 a.active
{
  text-decoration:underline;
  color:#29467E;
}

#main_nav
{
  float: right;
  position: relative;
  width: 566px;
  display: inline;
  margin-right: -15px;
}

#main_nav_fr
{
  float: right;
  position: relative;
  width: 628px;
  display: inline;
  margin-right: -15px;
}

ul.dropdown
{
  float: left;
  background: url(/images/nav/main_nav_bg.gif) top repeat-x;
  height: 40px;
}

ul.dropdown, ul.dropdown li, ul.dropdown ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.dropdown li
{
  float: left;
  padding-top: 2px;
}

ul.dropdown li.hover, ul.dropdown li:hover
{
  position: relative;
}

ul.dropdown ul
{
  visibility: hidden;
  position: absolute;
  border: solid #84daff;
  border-width: 0 1px 1px 1px;
}

ul.dropdown li:hover > ul
{
  visibility: visible;
}

ul.dropdown li a
{
  color: #009fe3;
  line-height: normal;
  text-decoration: none;
  letter-spacing:0.1033em;
  font-size: 1em;
  font-weight: bold;
}

ul.dropdown a.active, ul.dropdown a:focus
{
  background: url(/images/nav/main_nav_arrow.gif) bottom center no-repeat;
  /*background-color: #013473; 
  color: #fff;*/
  text-decoration: none;
}

ul.dropdown a:hover
{
  background: #fff;
  color: #00b3ff;
}

ul.dropdown ul
{
  width: 160px;
  font-size: 11px;
  text-transform: none;
  background: #fff;/*filter: alpha(opacity=85);
 -moz-opacity: .9;
 KhtmlOpacity: .9;
 opacity: .9;*/
}

ul.dropdown ul li
{
  background-color: transparent;
}

ul.dropdown ul li.hover, ul.dropdown ul li:hover
{
  background-color: transparent;
}

ul.dropdown ul li a
{
  color: #009fe3;
}

ul.dropdown ul a.active, ul.dropdown ul a:hover, ul.dropdown ul a:focus
{
  background: #eaf9ff;
  color: #009fe3;
  text-decoration: none;
}

ul.dropdown li a
{
  display: block;
  padding: 7px 5px 8px 5px;
}

ul.dropdown ul a
{
  padding: 4px 5px 4px 5px;
  width: 150px;
}

ul.dropdown li:hover > a.dir, ul.dropdown li.active > a.dir, ul.dropdown li:focus > a.dir
{
  background-color: #fff;
}

.nav_corner
{
  float: left;
}

*
{
  margin: 	0;
  padding: 	0;
}

:focus
{
  outline: none;
}

/* General styles ------------------------- */

.showcase
{
  position: relative;
}

.showcase a.controls
{
  position: absolute;
  width: 54px;
  height: 50px;
  background-color: #2097FA;
  text-decoration: none;
  color: #FFF;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  border: 2px solid #FFF;
}

.showcase a.previous
{
  padding-bottom: 4px;
}

.showcase ul li
{
  width: 50px;
  height: 50px;
  float: left;
  list-style-type: none;
}

.showcase ul li a
{
  display: block;
}

.showcase li a img
{
  width: 100%;
  height: 100%;
  border: 0;
}

/* Horizontal showcase ------------------------- */

.showcase#horizontal
{
  margin: 20px auto 0 auto;
  width: 750px;
  height: 170px;
}

.showcase#horizontal a.controls
{
  top: 50%;
  margin-top: -27px;
}

.showcase#horizontal a.next
{
  right: 0;
  padding-top: 4px;
}

.showcase#horizontal a.controls:hover
{
  border-color: #2097FA;
}

.showcase#horizontal ul
{
  position: relative;
  width: 630px;
  height: 170px;
  margin: 0 auto;
}

/* Vertical showcase ------------------------- */

.showcase#vertical
{
  margin: 100px auto 0 auto;
  width: 170px;
  height: 600px;
}

.showcase#vertical a.controls
{
  left: 50%;
  margin-left: -27px;
}

.showcase#vertical a.next
{
  bottom: 0;
  padding-top: 4px;
}

.showcase#vertical a.controls:hover
{
  border-color: #2097FA;
}

.showcase#vertical ul
{
  position: relative;
  width: 170px;
  height: 450px;
  top: 75px;
}

/* Diagonal showcase ------------------------- */

.showcase#diagonal
{
  margin: 100px auto 0 auto;
  width: 620px;
  height: 620px;
}

.showcase#diagonal a.previous
{
  top: 0;
  left: 0;
}

.showcase#diagonal a.next
{
  right: 0;
  bottom: 0;
  padding-top: 4px;
}

.showcase#diagonal a.controls:hover
{
  border-color: #2097FA;
}

.showcase#diagonal ul
{
  position: relative;
  width: 500px;
  height: 500px;
  top: 60px;
  left: 60px;
}

.backbtn a img, .backbtn a:hover img, .backbtn a:focus img
{
  background: url(/images/buttons/zurueck_btn_over_de.png) top repeat-x;
}

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   



/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
  font-weight: normal;
}

h1
{
  font-size: 1.7em;
  line-height: 1;
  margin-bottom: 1em;
}

h2
{
  font-size: 1.4em;
  margin-bottom: 0.75em;
  font-weight: bold;
}

h3
{
  font-size: 1.1em;
  line-height: 1.3;
  margin-bottom: 1em;
  font-weight: bold;
}

h4
{
  font-size: 1em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}

h5
{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}

h6
{
  font-size: 1em;
  font-weight: bold;
}

/* Text elements
-------------------------------------------------------------- */

p
{
  margin: 0;
  margin-bottom: 1em;
}

p.last
{
  margin-bottom: 0;
}

p img
{
  float: left;
  margin: 0;
  padding: 0;
}

p img.top
{
  margin-top: 0;
} /* Use this if the image is at the top of the <p>. */

img
{
  margin: 0;
}

ul, ol
{
  margin:0;
  margin-bottom:10px;
}

ul
{
  list-style-type: square;
  list-style-position: inside;
}

ol
{
  list-style-type: decimal;
  margin-left: 18px;
}

dl
{
  margin: 0 0 1.5em 0;
}

dl dt
{
  font-weight: bold;
}

dd
{
  margin-left: 1.5em;
}

.mcecontent ul li
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-left: 18px;
  list-style: outside;
  text-align:left;
}

abbr, acronym
{
  border-bottom: 1px dotted #666;
}

address
{
  margin-top: 1.5em;
  font-style: italic;
}

del
{
  color:#666;
}

a:focus, a:hover
{
  color: #0173A3;
}

a
{
  color:#009FE3;
  text-decoration: underline;
}

blockquote
{
  margin: 1.5em;
  color: #666;
  font-style: italic;
}

strong
{
  font-weight: bold;
}

em, dfn
{
  font-style: italic;
}

dfn
{
  font-weight: bold;
}

pre, code
{
  margin: 1.5em 0;
  white-space: pre;
}

pre, code, tt
{
  font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
  line-height: 1.5;
}

tt
{
  display: block;
  margin: 1.5em 0;
  line-height: 1.5;
}

/* Tables
-------------------------------------------------------------- */
tfoot
{
  font-style: italic;
}

caption
{
  background: #ffc;
}

/* Use this if you use span-x classes on th/td. */
table .last
{
  padding-right: 0;
}

/* Some default classes
-------------------------------------------------------------- */

.small
{
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
  text-align: left;
}

.large
{
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em;
}

.quiet
{
  color: #666;
}

.hide
{
  display: none;
}

.highlight
{
  background:#ff0;
}

.added
{
  color:#060;
}

.removed
{
  color:#900;
}

.top
{
  margin-top:0;
  padding-top:0;
}

.bottom
{
  margin-bottom:0;
  padding-bottom:0;
}

ul.checklist, ul.checklistbig
{
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
}

ul.checklist li
{
  list-style-position: outside;
  font-size: 14px;
  list-style-type: none;
  background-image: url(/images/ico_check_small.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #27aee6;
}

ul.checklistbig li
{
  list-style-position: outside;
  font-size: 16px;
  list-style-type: none;
  background-image: url(/images/ico_check.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #339900;
  height: 40px;
}

ul.checklistbig li.clock
{
  background-image: url(/images/ico_clock.gif);
}

ul.checklistbig li.calendar
{
  background-image: url(/images/ico_calendar.gif);
}

.left_image
{
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 0px;
  padding-bottom: 10px;
  float: left;
}

.left_image img
{
  margin: 0;
}

.right_image
{
  margin:0px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  float: right;
}

.right_image img
{
  margin: 0;
}

i
{
  font-style: italic;
}

b
{
  font-style: inherit;
  font-weight: bold;
}

u
{
  font-style: underline;
}

img
{
  margin: 0;
}

/* corrections */

.mcecontent
{
  margin-top: 40px;
}

#subnav
{
  float: right;
  margin: 10px 0;
}

#navbar ul
{
  padding-left: 0;
}

#logo
{
  float:  left;
}

.new
{
  color:#ff0000;
  float: right;
  font-size:0.8em;
  font-weight:bold;
  margin: 0 5px 0 0;
}

#zahnbuerstenflowlist
{
  float: right;
}

.copyright {
  color: #888;
  font-size: 10px;
  margin-left: 10px;
}

.copyrightZahnpasta {
  color: #888;
  font-size: 10px;
  margin-left: 30px;
}
