/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

body {
  font-size: 82.5%;
  background: #E4E2DF;
  text-align: center;
  margin: 0;
  padding: 0;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #656565;
  text-align: left;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}

p {
  line-height: 1.3em;
  margin: 0 0 1em 0;
}

a, a.visited {
  color: #e00018;
}

a:hover {
  color: #656565;
}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.none {
  display: none;
}

.leftalign {
  float: left;
}

.rightalign {
  float: right;
}


h1 {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 42px;
  margin-bottom: 2.0em;
}

h2 {
  color:#e00018;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
/*  margin-top: 2.0em;*/
  margin-bottom: 0.1em;
  font-family: times new roman;
  color: #e00018;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

td h2 {
  margin-top: 0;
}

a {
  color:#e00018;
}

a.pfeil {
  background: transparent url('../bilder/back_subnavi_a_selected.gif') left center no-repeat;
  padding-left: 18px;
  color: #656565;
}

.rot, a.rot {
  color:#e00018;
}

/*----------------------------------------------------------------*/
/* Bereiche */
/*----------------------------------------------------------------*/

#header {
	height:143px; 
	padding-top:0;
}
#logo { 
	clear:right; 
	background:#FFF; 
	padding:0; 
	padding-top:5px; 
	text-align:center;
}
#laender { float:right; background:#fff; width:176px; height:30px; padding-top:6px; text-align: right; padding-right: 14px;}
#laender a { background:none; padding:1px;}
#laender a img { background:none; border:none;}

#pic { background: transparent url(../media/bilder/layout/header/mainpic_01.jpg) center no-repeat; height:220px; border:#bc1e22 1px solid; border-left: none;border-right: none;}
#nav { color:#FFFFFF; padding-left:6px; padding-top:3px; float:right; height:30px; background: transparent url(../bilder/back_nav.png) left no-repeat; margin-top:187px;}
#shad { margin: 0 auto; width:944px; padding-left:20px; padding-right:20px; background:url(../bilder/back_shad_site.png) center repeat-y; padding-bottom: 20px; font-size: 0.8em;}
#shad-footer {margin:auto; height:10px;width:944px; padding-left:20px; padding-right:20px; background: url(../bilder/shad_footer.png) top repeat-x;}

/*----------------------------------------------------------------*/
/* MainNavi */
/*----------------------------------------------------------------*/
#nav ul, #nav li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#nav ul {
  background: #3E3E3E;
  margin: 2px 0 0 0;
  height: 30px;
  overflow: hidden;
}

#nav ul li {
  display: inline;
  background: transparent url(../bilder/back_topnavi_li.gif) right bottom no-repeat;
  height: 30px;
  line-height: 30px;
  float: left;
}

#nav ul li.selected {
  background: #C10000 url(../bilder/back_navi.gif) left top repeat-X;
}

#nav ul li.last {
  background: none;
}

#nav ul li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9em;
  padding: 0px 14px;
}

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


#nav ul li.rot a {
  color:#e00018;
}

#content {
  clear: both;
  padding-top: 50px;
  min-height: 200px;
}

.body_produkte_einsatzbereiche #content {
  background: transparent url(../bilder/back_produkte.jpg) right bottom no-repeat;
}

.body_produkte_einsatzbereiche_ophthalmologie #content {
  background: transparent url(../media/bilder/ophthalmologie.jpg) right bottom no-repeat;
  padding-bottom: 95px;
}

#spalte-0 {
  float: left;
  display: inline;
  width: 183px;
}

#spalte-1 {
  margin: 0px 0px 0px 184px;
  padding: 0px 20px 0px 39px;
  width: 700px;
}

#spalte-1 h1 {
  display: none;
}


#contentclear {
  clear: both;
}


/*----------------------------------------------------------------*/
/* subnavi */
/*----------------------------------------------------------------*/
#spalte-0 ul, #spalte-0 li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#spalte-0 li {
  background: transparent url('../bilder/back_li_subnavi.gif') right bottom no-repeat;
  margin-left: 15px;
}

#spalte-0 li a {
  text-decoration: none;
  color: #000;
  display: block;
  padding: 5px 0px 5px 22px;
  width: 145px;
  font-weight: normal;
}

#spalte-0 ul li a:hover, #spalte-0 ul li.selected a {
  background: transparent url('../bilder/back_subnavi_a_selected.gif') left center no-repeat;
}

#spalte-0 ul li.selected a {
  font-weight: bold;
}

/*----------------------------------------------------------------*/
/* subsubnavi */
/*----------------------------------------------------------------*/
#spalte-0 ul ul {
  background: transparent url('../bilder/back_li_subnavi.gif') right top no-repeat;
}

#spalte-0 ul ul li {
  margin-left: 23px;
}

#spalte-0 ul li.selected ul li a {
  background: none;
  font-weight: normal;
  width: 122px;
}

#spalte-0 ul li.selected ul li a:hover, #spalte-0 ul li.selected ul li.selected a {
  background: transparent url('../bilder/back_subnavi_a_selected.gif') left center no-repeat;
}



#footer {
  padding: 0;
  background: transparent url('../bilder/back_footer.gif') left top repeat-X;
  width: 953px;
  font-size: 0.8em;
  color: #74716E;
}

#footer #footer-1 {
  width: 45%;
  float: right;
  display: inline;
  background: transparent url('../bilder/back_footer_p.gif') right top no-repeat;
  padding: 0.5em 20px 0px 0px;
  text-align: right;
}

#footer #footer-0 {
  width: 45%;
  float: left;
  display: inline;
  padding: 0.5em 0px 0px 24px;
  text-align: left;
}

#footer a {
  margin-right: 10px;
  text-decoration: none;
  color: #74716E;
}

#footer a:hover {
  text-decoration: underline;
}

#footer #to_top {
  background: transparent url('../bilder/to_top.gif') left center no-repeat;
  padding-left: 14px;
}

#footer-clear {
  clear: both;
}


/*----------------------------------------------------------------*/
/* kontakt */
/*----------------------------------------------------------------*/
#kontakt-0 {
  float: left;
  display: inline;
  width: 252px;
}

#kontakt-1 {
  float: right;
  display: inline;
  width: 398px;
}

/*----------------------------------------------------------------*/
/* kontaktformular */
/*----------------------------------------------------------------*/
p.cx_error {
  background-color: #FFFFD5;
  border: 1px solid #cc0000;
  padding: 0.6em;
  color: #cc0000;
}

span.cx_pflicht {
  color: #cc0000;
}

input.cx_pflicht, textarea.cx_pflicht {
  background-color: #FFFFD5;
}

fieldset {
  width: 92%;
  margin-bottom: 1em;
  padding: 0.6em;
  -moz-border-radius: 6px;
}

fieldset legend {
  color: #C30000;
  font-weight: bold;
  letter-spacing: 0.1em;
}

fieldset table {
  width: 100%;
}

fieldset table td.spalte-1 {
  width: 25%;
  text-align: right;
  padding-right: 0.5em;
  padding-bottom: 0.3em;
}

fieldset table td.spalte-2 {
  width: 70%;
  text-align: left;
  padding-bottom: 0.3em;
}

input.default {
  width: 80%;
}

input.halb {
  width: 50%;
}

input.plz {
  width: 20%;
}

input.submit {
  text-align: center;
}

textarea.default {
  width: 95%;
}


#spalte-1 ul {
  margin-bottom: 1.0em;
}

#spalte-1 li {
  list-style: square;
  margin-left: 16px;
  line-height: 1.5em;
}


/*----------------------------------------------------------------*/
/* startseite */
/*----------------------------------------------------------------*/

#startseite #content {
  background: #fff url('../bilder/back_content_home.gif') left top repeat-Y;
  padding: 0;
  border-top: 48px solid #fff;
}

#startseite #content h1 {
  text-transform: uppercase;
  background: #fff;
  color: #D4D4D4;
  font-size: 2.0em;
  font-weight: normal;
  padding: 10px 20px 10px 20px;
  line-height: normal;
  margin-bottom: 0;
  display: none;
}

#startseite #home-0, #startseite #home-1, #startseite #home-2 {
  float: left;
  display: inline;
  margin: 0px 20px 0px 20px;
  width: 262px;
}

#startseite #home-0 p, #startseite #home-1 p, #startseite #home-2 p {
  margin-left: 18px;
}

#startseite h2 {
  margin: 0;
  padding: 0;
  color:#e00018;
  background: transparent url('../bilder/back_subnavi_a_selected.gif') left center no-repeat;
  padding-left: 18px;
}

#startseite #content ul, #startseite #content li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#startseite #content ul {
  margin-left: 18px;
}

#startseite #content ul li {
  margin-bottom: 0.1em;
}

/*
#startseite #content ul li a {
  color: #3E3E3E;
}
*/

#startseite #home-clear {
  clear: both;
  background: #fff;
  padding-bottom: 1.0em;
}

table.einsatzbereiche td {
  background: transparent url('../bilder/back_subnavi_a_selected.gif') left center no-repeat;
  padding-left: 18px;
}

td.liniert, table.einsatzbereiche td.liniert {
 background: transparent url('../media/content/lines.gif') left top repeat-X;
 height: 6px;
 line-height: 6px;
 font-size: 1px;
}

ul.pfeil {
  margin-bottom: 2.0em;
}

ul.pfeil li {
  background: transparent url('../bilder/back_subnavi_a_selected.gif') left center no-repeat;
  padding-left: 18px;
}