/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* 		{padding: 0; margin: 0;}
html	{height: 100%;}
body 	{font-size: 78%; background: #fff url(../bilder/back_main.jpg) left top repeat-x;}

#hf-testmate,
#instrumente,
#saug-spuelsystem
{
	font-size: 78%;
	background: #fff url(../bilder/blue_back_main.jpg) left top repeat-x;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  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;}
#inhalt ul		{margin-bottom:14px;}
#inhalt ul li 	{ padding:0 0 5px 22px; background:url(../bilder/back_h1.gif) left center no-repeat;}
#inhalt ul li a {}

/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p 		{line-height: 1.4em; margin: 0 0 1.0em 0;}
a 		{color: #FF9900;}
a:hover	{color: #006633;}
h1		{font-family:"Trebuchet MS"; color: #FF9900; background:url(../bilder/back_h1.gif) left center no-repeat; padding: 5px 0 5px 20px; font-size:1.5em;}
h2 		{font-family:"Trebuchet MS"; color: #3b571d; font-size:1.3em; font-style:italic; margin:3px 0;}

/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear 		{clear: both;}
.versteckt, 
.no_screen 	{display: none;}
.loading { background-image: url(../bilder/loading_big.gif); background-position: center center; background-repeat: no-repeat; }

/*----------------------------------------------------------------*/
/* die Seite Grün */
/*----------------------------------------------------------------*/

#wrap 		{width:940px; margin:auto; background:url(../bilder/back_wrap_01.jpg) top center no-repeat;}
#header		{width:940px; height:109px; margin:auto; background: url(../bilder/back_header.jpg) top left no-repeat;}
#logo		{float:left;width:200px; height:45px; margin:2px 0 0 100px;}
#iconnavi	{
	float:right;
	width:450px; 
	height:30px; 
	background:url(../bilder/back_iconnavi.jpg) right top no-repeat;
	border-right:#C0C0C0 1px solid;
}
#mainnavi	{float:left; clear:left;width:880px; height:35px; margin:28px 0 0 104px;}
#site 		{min-height:500px; width:900px; background:#fff; margin:auto;}
#inhalt		{float:right; width:610px; min-height:420px; padding:15px; margin-top:10px;}
#footer 	{background:url(../bilder/back_footer.jpg) bottom center no-repeat; height:60px; color:#a3bc8e; font-size:0.9em; padding-top:6px;}
#footer p 	{color:#669966; text-align:center;}
#news		{display:none; margin: 0 0 10px 0;}

/*----------------------------------------------------------------*/
/* Navigationen */ 
/*----------------------------------------------------------------*/

/*Navi der Hauptbereiche*/

#bereiche_navi {
}

#bereiche_navi ul {
	margin: 20px 22px 10px 20px
}
#bereiche_navi ul li{}
#bereiche_navi ul li#n23 a{
	display:block; text-decoration:none;
	color: #666666;	font-size:0.9em;
	padding:6px 5px 3px 45px;margin: 0;
	font-weight:normal; width: 170px; height: 24px;
	background: url('../bilder/btn_main_uman.jpg') top left no-repeat;
}
#bereiche_navi ul li#n23.selected a,
#bereiche_navi ul li#n23 a:hover {
	font-weight:bold;
	color:#000000
}
#bereiche_navi ul li#n24 a{
	display:block; text-decoration:none;
	color: #666666;	font-size:0.9em;
	padding:6px 5px 3px 45px;margin: 0 0 5px 0;
	font-weight: normal; width: 170px; height: 24px;
	background: url('../bilder/btn_main_animals.jpg') top left no-repeat;
}
#bereiche_navi ul li#n24.selected a,
#bereiche_navi ul li#n24 a:hover {
	font-weight:bold;
	color:#000000
}
/*Iconnavi*/
#iconnavi ul {
	margin:0 6px 0 0;
	float:right;
}
#iconnavi ul li	{
	display:inline;
}
#iconnavi ul li a {
	display:inline-block;
	text-decoration:none; 
	color: #666666;
	font-size:0.9em;
	padding:8px 5px 3px 5px;
	font-weight:normal;
}
#iconnavi ul li.selected a { font-weight:bold; color:#000000;}

/*mainnavi*/
#mainnavi ul {
	margin:0 6px 0 25px;
}
#mainnavi ul li {
	display:inline;
}
#mainnavi ul li a	{
	display:inline-block;
	font-family: Tahoma, "Trebuchet MS";
	text-decoration:none;
	text-transform:uppercase;
	color: #fff; 
	font-size:1.0em;
	padding:9px 7px 8px 7px;
	font-weight:normal; 
}
#mainnavi ul li a:hover,
#mainnavi ul li.selected a {
	background:url(../bilder/back_mainnavi_on.jpg) bottom center no-repeat; 
	padding:6px 7px 11px 7px;
}

/*----------------------------------------------------------------*/
/* Kontakformular */ 
/*----------------------------------------------------------------*/

#formular_hold	{ float:left; width:255px; min-height:450px; border:#3b571d solid; border-width: 0 1px 0 0; margin-top:10px;}
#formular_hold	p {width:226px; margin:auto; margin-top:0;}
#formular_hold	h2 { padding:0 0 0 16px;}
#formular	{ background: url(../bilder/back_formular.jpg) top left repeat-x; width:226px; margin:auto;}

.kontaktformular td {
  vertical-align: top;
}
.kontaktformular { margin-left:10px; margin-top:10px;}
.kontaktformular .spalte-1 { width:70px; font-size:0.9em; color:#666666; padding-top: 0.5em}
.kontaktformular .spalte-2 {}
.kontaktformular .spalte-2 select {width:130px; margin: 5px 0 0 0; font-size:0.9em;}
.kontaktformular .spalte-2 input {width:130px; margin: 5px 0 0 0; font-size:0.9em;}
.kontaktformular .spalte-2 textarea {width:130px; margin: 5px 0 0 0; height:52px;font-size:0.9em; }
.kontaktformular .buttons input.submit_send		{float:left; width:90px; margin:8px 0 4px 0; color:#666666; font-size:0.9em; text-align:center;}
.kontaktformular .buttons input.submit_clear	{float:right;width:90px; margin:8px 0 4px 0; color:#666666; font-size:0.9em; text-align:center;}
#msg_erfolg, #msg_error {
  padding: 10px;
  margin: 0;
  color: #cc0000;
}

#msg_erfolg {
  color: #3b571d;
}
.pflicht {
  background-color: #ffffcc;
}

/*----------------------------------------------------------------*/
/* Startseitenansicht */ 
/*----------------------------------------------------------------*/

#startseite #formular_hold	{float:right; width:255px; min-height:450px; border:#3b571d solid; border-width: 0 0 0 1px; margin-top:10px;}
#startseite #inhalt			{float:right; width:610px; min-height:420px; padding:15px; margin-top:10px;}
#startseite #banner			{display:none;}
#startseite #news			{display:block;}

/*----------------------------------------------------------------*/
/* Inhalte Sonderstyles */ 
/*----------------------------------------------------------------*/
a.PDF,
a.pdf	{
	display: inline-block;
	margin-left: 10px;
	padding: 4px 0 4px 30px;
	width: 190px;
	background:url(../bilder/btn_pdf_download.jpg) left top no-repeat;
	color: #666666;
	border: #CCCCCC 1px solid;
	font-weight:normal;
	text-decoration:underline
}
a.pdf:hover	{
	color: #000;
}
a.shop	{
	display:inline-block;
	margin-left: 10px;
	padding: 4px 0 4px 30px;
	width: 70px;
	background:url(../bilder/btn_shop.jpg) left top no-repeat;
	color: #666666;
	border: #CCCCCC 1px solid;
	font-weight:normal;
	text-decoration: underline;
	font-size: 0.9em;
}
a.shop:hover	{
	color: #000;
}
a.word	{padding: 7px 0 0 20px;background: url(../bilder/icon_doc.gif) left bottom no-repeat; color: #005782;}
a.xls	{padding: 7px 0 0 20px;background: url(../bilder/icon_xls.gif) left bottom no-repeat; color: #005782;}
a.extern{padding: 7px 0 0 20px;background: url(../bilder/icon_external.gif) left bottom no-repeat; color: #005782;}

table.inhalte_liste td { background:url(../bilder/back_formular.jpg) top left repeat-x;}
table.inhalte_liste img {
	margin: 8px;
	border: #99CC00 1px solid;
}
/*----------------------------------------------------------------*/
/* Startseite Videobox */ 
/*----------------------------------------------------------------*/

#videobox { background:url(../bilder/back_videobox.jpg) left top no-repeat; width:606px; padding:10px;}
#videobox .videobox_table {width:586px; border:#333333 1px solid; padding:0;}
#videobox .videobox_table .spalte-1 {background:#00FFFF; margin:0; padding:0;}
#videobox .videobox_table .spalte-1 .vbox_flv {margin:0; padding:0; z-index:80; height:318px; width:405px;}
#videobox .videobox_table .spalte-2 {width:180px; padding:0;}

#videobox .videobox_table .spalte-2 ul{ margin:0;}
#inhalt .videobox_table .spalte-2 ul li {padding:0; margin:0; background:none;}

.videobox_table .spalte-2 ul li a { 
	display:block;
	height:28px;
	padding: 17px 0 7px 30px;
	background: #00FF33 url(../bilder/back_btn_videobox.jpg) left top no-repeat;
	width:150px;
	border: #000000 solid; border-width: 1px 0 0 0;
	text-decoration:none;
	color:#FFFFFF;
	text-transform:uppercase;
}
#inhalt .videobox_table .spalte-2 ul li a:hover { 
	background: #00FF33 url(../bilder/back_btn_videobox_on.jpg) left top no-repeat;
}

#blende {
  background: #000;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: Alpha(opacity=70);
  position: absolute;
  top: 0;
  left: 0;
  z-Index: 90;
  cursor: not-allowed;
  width: 100%;
  height: 100%;
}

#blende_box {
	background:#FFFFFF  url(../bilder/back_portal.jpg) top left;
	position:absolute;
	Top: 50%;
	Left: 50%;
	margin-left: -225px;
	margin-top: -200px;
	width: 450px;
	Height: 400px;
	z-index:100;
	border:#FFF 2px solid;
}
#blende_box_logo {
	background: url('../bilder/logo_drfritz_portal.gif') top left no-repeat;
	height: 400px;
}
#blende_box_rechts{
	width: 350px;
	position: absolute;
	margin: 60px 0 0 35px;
}
#blende_box ul {margin:30px; padding: 5px 10px;}
#blende_box ul li {}
#blende_box ul li a { 
	width: 246px;
	font-size:1.3em;
	display: inline-block; 
	padding: 8px 0 8px 45px;
	text-decoration:none;
	margin:5px 0;
	color: #808080;
	font-weight: bold;
}
#blende_box ul li a:hover {
	color: #000;
}
/* Portalbutton */

#blende_box ul li a.portal_vet_de {	background-image: url('../bilder/btn_portal_vet_de.jpg');}
#blende_box ul li a.portal_vet_en {	background-image: url('../bilder/btn_portal_vet_en.jpg');}

#blende_box ul li a.portal_hum_de {	background-image: url('../bilder/btn_portal_hum_de.jpg'); margin-bottom: 15px;}
#blende_box ul li a.portal_hum_en {	background-image: url('../bilder/btn_portal_hum_en.jpg');}

/*----------------------------------------------------------------*/
/* Sprachen */ 
/*----------------------------------------------------------------*/
#sprachen {
	clear: right;
	float: right;
	width: 35px;
	margin: 6px 8px 0 6px;
}