/* Cascading Stylesheet fuer Deutsches Hygienezertifikat */
/* 3-point concepts: Ronny Engmann - 11.03.2009 */
/* 3-point concepts: Jasmina Liessmann - 01.04.2009 */


/* ------------------------------
	Allgemeines
-------------------------------*/
html {min-height:100.11%;}
body {background:#C3C8C8; color:#37424A; font-family:Lucida Sans Unicode, Lucida Sans, Verdana, Helvetica, sans-serif; font-size:13px; line-height:19px; margin:0; padding:0;}

table,tr,td,div,form,input,select,span,img,ol,ul,li,a,h1,h2,h3,h4,h5,h6,big,small,abbr {border:0; margin:0; padding:0;}
div.clear {clear:both; font-size:0; line-height:0; margin:0; padding:0;}
br.clear {clear:both;}


/* ------------------------------
	Kopf
-------------------------------*/
.submenu {height:21px; margin:2px 0 0 0; text-align:right; width:660px;}
.submenu a:link, .submenu a:visited, .submenu a:focus {color:#818A8F; font-size:9px; text-decoration:none; text-transform:uppercase; padding:0 0 0 4px;}
.submenu a:hover, .submenu a:active {color:#0CB0F3; font-size:9px; text-decoration:none; text-transform:uppercase; padding:0 0 0 4px;}
.submenu a.on:link, .submenu a.on:visited, .submenu a.on:focus, .submenu a.on:hover, .submenu a.on:active {color:#0CB0F3; font-size:9px; text-decoration:none; text-transform:uppercase; padding:0 0 0 4px;}


/* ------------------------------
	Inhalt
-------------------------------*/
.layout {background:#FFFFFF; margin:0 auto; padding:0 0 20px 0; width:880px;}

.spalte_links {float:left; width:190px;}

.spalte_links .mainmenue {border:0; border-top:#818A8F 1px solid; float:left; margin:0 0 0 50px; padding:6px 0 0 0; width:140px;}
   * html .spalte_links .mainmenue {margin:0 0 0 25px;}
.spalte_links .mainmenue a {color:#818A8F; display:block; text-decoration:none;}

.spalte_links .mainmenue a.e1, .spalte_links .mainmenue a.e1:link, .spalte_links .mainmenue a.e1:visited, .spalte_links .mainmenue a.e1:focus  {background: url(../bilder/menu_off.gif) no-repeat 100% 5px; color:#818A8F; text-transform:uppercase; font-size:14px; padding:0 14px 0 0; line-height:15px;}
.spalte_links .mainmenue a.e1:hover, .spalte_links .mainmenue a.e1:active {background: url(../bilder/menu_on.gif) no-repeat 100% 5px; color:#0CB0F3; text-transform:uppercase; font-size:14px; padding:0 14px 0 0; line-height:15px;}
.spalte_links .mainmenue a.e1_on, .spalte_links .mainmenue a.e1_on:link, .spalte_links .mainmenue a.e1_on:visited, .spalte_links .mainmenue a.e1_on:focus, .spalte_links .mainmenue a.e1_on:hover, .spalte_links .mainmenue a.e1_on:active {background:url(../bilder/menu_on.gif) no-repeat 100% 5px; color:#0CB0F3; font-size:14px; line-height:16px; margin:0; padding:0 14px 0 0; text-transform:uppercase;}

.spalte_links .mainmenue a.e1_ondown, .spalte_links .mainmenue a.e1_ondown:link, .spalte_links .mainmenue a.e1_ondown:visited, .spalte_links .mainmenue a.e1_ondown:focus, .spalte_links .mainmenue a.e1_ondown:hover, .spalte_links .mainmenue a.e1_ondown:active  {background: url(../bilder/menu_on.gif) no-repeat 100% 5px; color:#0CB0F3; font-size:14px; text-transform:uppercase; padding:0 14px 2px 0; margin:0; line-height:15px;}
.spalte_links .mainmenue a.e1_offdown, .spalte_links .mainmenue a.e1_offdown:link, .spalte_links .mainmenue a.e1_offdown:visited, .spalte_links .mainmenue a.e1_offdown:focus, .spalte_links .mainmenue a.e1_offdown:hover, .spalte_links .mainmenue a.e1_offdown:active  {color:#0CB0F3; font-size:14px; text-transform:uppercase; padding:0 14px 2px 0; margin:0; line-height:15px;}

.spalte_links .mainmenue a.e2, .spalte_links .mainmenue a.e2:link, .spalte_links .mainmenue a.e2:visited, .spalte_links .mainmenue a.e2:focus  {color:#818A8F; font-size:12px; line-height:18px; padding:0 14px 0 0;}
.spalte_links .mainmenue a.e2:hover, .spalte_links .mainmenue a.e2:active  {color:#0CB0F3; font-size:12px; line-height:18px; padding:0 14px 0 0;}
.spalte_links .mainmenue a.e2_on, .spalte_links .mainmenue a.e2_on:link, .spalte_links .mainmenue a.e2_on:visited, .spalte_links .mainmenue a.e2_on:focus, .spalte_links .mainmenue a.e2_on:hover, .spalte_links .mainmenue a.e2_on:active  {background: url(../bilder/menu_on.gif) no-repeat 100% 6px; color:#0CB0F3; font-size:12px; margin:0; line-height:18px; padding:0 14px 0 0;}

.spalte_links .mainmenue hr {background:#818A8F; border:0; height:1px; line-height:1px; margin:8px 0 7px 0; padding:0;}
   * html .spalte_links .mainmenue hr {margin:1px 0 0 0;}
   *+html .spalte_links .mainmenue hr {margin:1px 0 0 0;}

.spalte_mitte {border-top:#818A8F 1px solid; float:left; line-height:18px; margin:0 0 0 30px; padding:4px 0 0 0; width:440px;}
.spalte_mitte img {margin:14px 0 15px 0; display:block;}

.spalte_rechts {border:0; border-top:#818A8F 1px solid; float:left; margin:0 0 0 30px; padding:4px 0 0 0; width:140px;}


/* ------------------------------
	Sonstiges
-------------------------------*/  
hr {background:#818A8F; border:0; height:1px; line-height:1px; margin:3px 0px 3px 0px; padding:0;}
.unterstrich {border-bottom:1px solid #818A8F; color:#37424A; font-size:9px; line-height:10px; padding:0 0 2px 0; margin:33px 0 3px 0; text-transform:uppercase;}
   * html .unterstrich {margin:34px 0 3px 0; padding:0 0 2px 0;}
   *+html .unterstrich {margin:34px 0 3px 0; padding:0 0 2px 0;}
.unterstrich span.sitemap {text-align:left; float:left;}
.unterstrich span {float:right;}
div.top {margin-top:10px;}
.fehler {color:#F00;}
.fehler h3 {margin-bottom:0;}
.erfolg h3 {margin-top:15px; margin-bottom:0;}

/* ------------------------------
	Startseite
-------------------------------*/
.text_startseite {color:#818A8F; font-weight:normal; font-size:14px; line-height:19px; letter-spacing:-0.2px;}
   * html .text_startseite {letter-spacing:-1px;}
   *+html .text_startseite {letter-spacing:-1px;}
   
.bild_startseite img {margin:8px 0 18px 0;}
   * html .bild_startseite img {margin:8px 0 18px 0; position:absolute;}

/* Tabelle Startseite */
table.startseite {width:440px;}
   * html table.startseite {margin:266px 0 0 0;}   
table.startseite h3 a:link, table.startseite h3 a:visited {color:#37424A; text-decoration:none;}
table.startseite h3 a:hover, table.startseite h3 a:focus {color:#0CB0F3; text-decoration:none;}

table.startseite td {padding:0 10px 4px 0; vertical-align:bottom; width:140px;}
   table.startseite td, x:-moz-any-link, x:default {padding:0 10px 4px 0;} /* hack fuer ff3 */
table.startseite td.last {padding:0 0 4px 0;}
table.startseite td img {display:block; margin:8px 0 13px 0; width:140px;}
table.startseite td .unterstrich {margin:0 0 3px 0;}

/*	Zertifiziert */
.zertifiziert {margin:173px 0 0 0;}
   * html .zertifiziert  {margin:166px 0 0 0;}
   *+html .zertifiziert  {margin:166px 0 0 0;}
.zertifiziert a {margin:9px 0 0 0;} 
.zertifiziert .bilder {margin:9px 0 0 0;} 

/* News */
.news {margin:257px 0 0 0; line-height:16px;}

.news .link_abstand {margin:2px 0 6px 0;}
   * html .news .link_abstand {margin:1px 0 7px 0;}
   *+html .news .link_abstand {margin:1px 0 7px 0;}   
      
.news .unterstrich {margin-top:35px; margin-bottom:5px;}
   * html .news .unterstrich {margin-top:36px;}
   *+html .news .unterstrich {margin-top:36px;} 

.news .text {height:31px; overflow:hidden;}

.news-content {margin-bottom:-10px;}
.news-content .text {margin-bottom:6px;}


/* ------------------------------
	Kontakt
-------------------------------*/
.kontakt {background:url(../bilder/home/kontakt.jpg) no-repeat 0px 5px; border-bottom:#818A8F 1px solid; color:#818A8F; letter-spacing:-0.8px; padding:0 0 6px 0; position:relative; z-index:10; overflow:visible; white-space:nowrap;}
   * html .kontakt {letter-spacing:-1px;}   
.kontakt span {
	color:#0CB0F3;
	display:block;
	font-size:12px;
	height:33px;
	margin:0;
	padding:2px 0 5px 35px;
}
   * html .kontakt span {padding:2px 0 0px 34px;}


/* ------------------------------
	Kontakt Formular
-------------------------------*/
table.formular {width:100%;}
table.formular td.angabe {vertical-align:top; width:184px;}
table.formular td.checkbox { padding-top:14px;}
table.formular input, table.formular textarea {font-family:Lucida Sans Unicode, Lucida Sans, Verdana, Helvetica, sans-serif; font-weight:normal; font-size:13px;}

table.formular input.text {border:#C4C8C7 1px solid; height:19px; margin:0 0 5px 0; width:254px;}
   * html table.formular input.text {margin:0 0 3px 0;}
   *+html table.formular input.text {margin:0 0 3px 0;}

table.formular input.checkbox {border:#565656 1px solid; cursor:pointer; height:13px; margin:5px 8px 1px 0; padding:0;}
   * html table.formular input.checkbox {border:0; margin:4px 4px 2px -4px;}
   *+html table.formular input.checkbox {border:0; margin:4px 4px 2px -4px;}
   @media screen and (min-width:0px){table.formular input.checkbox {margin:4px 9px 4px 0; width:13px;}} /* hack fuer oepra 9 */ 

table.formular input.submit {background:#0CB1F3 url(../bilder/pfeil_absenden.gif) no-repeat 5px 4px; border:0; color:#FFF; cursor:pointer; font-size:9px; margin:7px 8px 18px 0; padding:0px 4px 1px 12px; text-align:left; text-transform:uppercase;}
   * html table.formular input.submit {padding:0 0 0 15px; width:69px;}
   *+html table.formular input.submit {padding:0 0 0 15px; width:70px;}
   @media screen and (min-width:0px){table.formular input.submit {padding:1px 7px 2px 15px;}} /* hack fuer oepra 9 */ 
  
table.formular input.reset {background:#0CB1F3 url(../bilder/pfeil_zurueck_setzen.gif) no-repeat 5px 4px; border:0; color:#FFF; cursor:pointer; font-size:9px; margin:7px 0 18px 0; padding:0px 3px 1px 12px; text-align:left; text-transform:uppercase;}
   * html table.formular input.reset {padding:0 0 0 15px; width:92px;}
   *+html table.formular input.reset {padding:0 0 0 15px; width:93px;}
   @media screen and (min-width:0px){table.formular input.reset {padding:1px 7px 2px 15px;}} /* hack fuer oepra 9 */  

table.formular textarea {border:#C4C8C7 1px solid; margin:0 0 5px 0; width:254px;}
   * html table.formular textarea {width:252px;}
   *+html table.formular textarea {width:252px;}
   @media screen and (min-width:0px){table.formular textarea {width:252px;}} /* hack fuer oepra 9 */ 
   body:first-of-type table.formular textarea {width:254px;} /* Safari 3*/ 
   
table.formular .alarm {background:#0CB1F3;}

/* ------------------------------
	Links
-------------------------------*/
a:link, a:visited, a:active {color:#0CB0F3; text-decoration:none;}
a:hover, a:focus {color:#818A8F; text-decoration:none;}

a:link .weiter, a:visited .weiter, a:active .weiter {background:#0CB0F3 url(../bilder/pfeil_weiter.gif) no-repeat 3px 4px; color:#fff; font-size:9px; font-weight:normal; letter-spacing:0.3px; padding:0 3px 0 12px; text-transform:uppercase;}
a:hover .weiter, a:focus .weiter {background:url(../bilder/pfeil_weiter_hover.gif) no-repeat 3px 4px; color:#0CB0F3; font-size:9px; font-weight:normal; letter-spacing:0.3px; padding:0 3px 0 12px; text-transform:uppercase;}

a:link .extern, a:visited .extern, a:active .extern {background:#0CB0F3 url(../bilder/pfeil_extern.gif) no-repeat 3px 4px; font-size:9px; font-weight:normal; color:#fff;  padding:0 3px 0 12px; text-transform:uppercase; letter-spacing:0.3px;}
a:hover .extern, a:focus .extern {background:url(../bilder/pfeil_extern_hover.gif) no-repeat 3px 4px; font-size:9px; font-weight:normal; color:#0CB0F3; padding:0 3px 0 12px; text-transform:uppercase; letter-spacing:0.3px;}

a:link .download, a:visited .download, a:active .download {background:#0CB0F3 url(../bilder/pfeil_download.gif) no-repeat 3px 4px; color:#fff; font-size:9px; font-weight:normal; letter-spacing:0.3px; padding:0 3px 0 12px; text-transform:uppercase;}
a:hover .download, a:focus .download {background:url(../bilder/pfeil_download_hover.gif) no-repeat 3px 4px; color:#0CB0F3; font-size:9px; font-weight:normal; letter-spacing:0.3px; padding:0 3px 0 12px; text-transform:uppercase;}

a:link .faq, a:visited .faq, a:active .faq {background:url(../bilder/pfeil_faq.gif) no-repeat 0 7px; color:#37424A;  padding:1px 3px 4px 10px; display:block;} 
a:hover .faq, a:focus .faq {background:url(../bilder/pfeil_faq_hover.gif) no-repeat 0 7px; color:#0CB0F3; padding:1px 3px 4px 10px; display:block;}

a.sitemap:link , a.sitemap:visited, a.sitemap:active {background:url(../bilder/pfeil_faq.gif) no-repeat 0 4px; color:#37424A;  padding:0 3px 0 10px;}
a.sitemap:hover, a.sitemap:focus {background:url(../bilder/pfeil_faq_hover.gif) no-repeat 0 4px; color:#0CB0F3; padding:0 3px 0 10px;}

.unterstrich a.sitemap:link, .unterstrich  a.sitemap:visited, .unterstrich a.sitemap:active {background:url(../bilder/pfeil_faq.gif) no-repeat 0 3px; color:#37424A;  padding:0 3px 0 11px;}
.unterstrich a.sitemap:hover, .unterstrich a.sitemap:focus {background:url(../bilder/pfeil_faq_hover.gif) no-repeat 0 3px; color:#0CB0F3; padding:0 3px 0 11px;}

a.top:link, a.top:visited, a.top:active {background:url(../bilder/pfeil_top.gif) no-repeat 0 6px; font-size:9px; color:#818A8F; margin:18px 0 0 0; padding:0 3px 0 10px; text-transform:uppercase; letter-spacing:0.3px; float:right;}
a.top:hover, a.top:focus {background:url(../bilder/pfeil_top_hover.gif) no-repeat 0 6px; font-size:9px; color:#0CB0F3; margin:18px 0 0 0; padding:0 3px 0 10px; text-transform:uppercase; letter-spacing:0.3px; float:right;}

a.zurueck:link, a.zurueck:visited, a.zurueck:active {background:url(../bilder/pfeil_zurueck.gif) no-repeat 0 6px; font-size:9px; color:#818A8F; margin-top:20px; padding:0 3px 0 10px; text-transform:uppercase; letter-spacing:0.3px; float:left;}
a.zurueck:hover, a.zurueck:focus {background:url(../bilder/pfeil_zurueck_hover.gif) no-repeat 0 6px; font-size:9px; color:#0CB0F3; padding:0 3px 0 10px; text-transform:uppercase; letter-spacing:0.3px; float:left;} 


/* ------------------------------
	Ueberschriften
-------------------------------*/
h1 {height:71px; margin:2px 0 24px 74px;}
h2 {color:#0CB0F3; font-size:20px; font-weight:normal; line-height:25px; margin:4px 0 0 0;}
   * html h2 {margin:8px 0 0 0;}
   *+html h2 {margin:8px 0 0 0;}
h3 {color:#37424A; font-size:14px; font-weight:bold; margin:2px 0 14px 0;}
   * html h3 {margin:5px 0 15px 0;}
   *+html h3 {margin:5px 0 15px 0;} 
   h3, x:-moz-any-link, x:default {margin:1px 0 15px 0;} /* hack fuer ff3 */         
table.startseite h3 {color:#37424A; font-size:14px; font-weight:normal; margin:0;}
h4 {color:#0CB0F3; font-size:14px; line-height:18px; margin:6px 0 5px 0;}
   * html h4 {margin:5px 0 6px 0;}
   *+html h4 {margin:5px 0 6px 0;}  
   h4, x:-moz-any-link, x:default {margin:5px 0 6px 0;} /* hack fuer ff3 */ 
h5 {color:#37424a; font-size:13px; font-weight:bold; margin:26px 0 10px 0; line-height:17px;}
   * html h5 {margin:25px 0 11px 0;}
   *+html h5 {margin:25px 0 11px 0;}
   h5, x:-moz-any-link, x:default {margin:1.95em 0 0.85em 0;} /* hack fuer ff3 */
.news-content h5 {color:#0CB0F3; margin:4px 0 1px 0;}
   * html .news-content h5 {margin:3px 0 2px 0;}
   *+html .news-content h5 {margin:3px 0 2px 0;}
   .news-content h5, x:-moz-any-link, x:default {} /* hack fuer ff3 */
h2 a:hover, h2 a:focus, h4 a:hover,h4 a:focus {color:#0CB0F3;}
      
      
/* ------------------------------
	Listen
-------------------------------*/
ul {list-style:none; margin:6px 0 1px 0; padding:0;}
ul li {background:url(../bilder/aufzaehlung.gif) no-repeat 0 8px; display:block; padding:0 0 0 10px;	margin:0 0 5px 0; line-height:18px;}


/* ------------------------------
	Fuss
-------------------------------*/   
.footer {background:url(../bilder/fuss.jpg) no-repeat 0 0; clear:all; float:left; color:#37424A; font-size:9px; margin:12px 0 0 50px; text-transform:uppercase; padding:0; width:780px;}
   * html .footer {margin:12px 0 0 25px;}
.copyright {color:#818A8F; padding:1px 0 0 425px;}


/* ------------------------------
	Hack fuer Opera (PC)
-------------------------------*/
@media screen and (min-width:0px){.text_startseite {letter-spacing:-1px;}}
@media screen and (min-width:0px){.news {margin-top:257px !important;}}


/* ------------------------------
	Safari-only Hacks
-------------------------------*/
body:first-of-type .news {margin:258px 0 0 0 !important;;}
body:first-of-type .zertifiziert {margin:174px 0 0 0;}