/* IFrame-Divs */
#buerowelten_navi {
    /*position: absolute;
    top: 460px;
    left: 200px;
	margin-top: 330px;
	margin-left: -158px;*/
    width: 250px;
    float: left;
	display: inline;
	color: #000000;
}

#buerowelten_products {
    width: 742px;
    float: left;
	display: inline;
	}


.marker {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
	background-color: #ffff00;
}

.glossarlink {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
	background-color: #e8e8e8;
}

a {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none;}
hr {  font-size: 1px}
a:hover {  color: #da0019; text-decoration: none; font-weight:bold; }

a:active { color: #999999}

td {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.kategorie {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; letter-spacing: 2px}
.kattext { font-family: "Courier New", Courier, mono; font-size: 11px; color: #000000 }
.subkat {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.seitentitel {  font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #000000}
input, select, textarea { color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color:#e8e8e8; border:1px solid #cccccc; }

.seitentitelbdb {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.eintrag1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.eintrag2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
a:focus.eintrag2 { font-weight: bold;; color: #000000; }

.thema {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.thema2 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

.asterix {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000; font-weight: bold;}

td.navi a { width: 100%; height: 100%; display: block; }
td.navi a:active { background-color: green; }
td.navi a:hover { background-color: #e8e8e8; }
td.navi2 a { width: 100%; height: 100%; display: block; }
td.navi2 a:active { background-color: green; }
td.navi2 a:hover { background-color: #cccccc; }

.navilink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; }

a.navilink:hover { color: #BAC1CB; }

.hinweis1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #da0019}
.hinweis2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.bildunterschrift {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; color: #000000}
.filesize {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
.filesize {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}

/*.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}*/

.area  {  font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.area2 {  font-family: Arial, sans-serif; font-size: 12px; color: #333333; text-decoration: none}

.adminlink {  font-family: Arial, Helvetica, sans-serif; font-size: 7px; font-weight: bold; color: #000}
.subtext_sd {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: italic; color: #999999}
.label {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}

.entrytext {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 150%;}

.programmname {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}

.ueberschrift {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000}

.newslettertitel {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #000000}

.entrycount {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; word-spacing: 1px;}
.subtext {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; word-spacing: 1px;}

/*
  +------------------------------------------------------------------+
  | MikeCherim.com                                                   |
  | CSS: Photo Showcase                                              |
  | Cascading Style Sheet                                            |
  | Copyright April 2006                                             |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* this holds it all. set width for allowable space (20px wider than shown image) */
div#ps {
  padding : 0;
  width : auto; 
  margin : auto;
  width : 280px;  /* set width to allow for all the boxes in a row and adjust this when changing thumbnail sizes*/
}

/* this hides the accessible links from view but keeps 'em available */
.ps_offset {
  position : absolute;
  margin-left : -2000px;
  margin-top : -2000px;
}

/* for h2 heading, but an option if h2 is pre-styled (note width) */
div#ps h2 { 
  margin : 60px 0 15px 4%;
  font-weight : normal;
  color : #669900; 
  width : 260px;
}

/* this the same as h2 above, may be optional (do note the width) */
div#ps p { 
  margin : 15px 0 15px 4%;
  font-size : 0.85em; 
  width : 260px; 
}

/* style the unordered list (note height) */
div#ps ul {
  margin : 5px 0 70px 4%;
  height : 40px;
}

/* make the list items show horizontally */
div#ps ul li {
  display : inline; 
}

/* set the links as blocks, size in px (must be floated) */
div#ps ul a {
  display : block;
  float : left;
  border : 1px solid #cd7000;
  text-decoration : none;
  margin : 0 5px 5px 0;
  width : 60px;
  height : 40px;
  cursor : pointer;   /* this is for Opera only */
}

/* set hover state border */
div#ps ul a:hover {
  border : 1px solid #000;
}

/* but remove border from images */
div#ps a img {
  border : 0;
}

/* set fous position (width and height will match big photo size and list row width */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active { 
  margin-top : -207px; 
  width : 260px; /* adjust this only when changing thumbnail sizes */
  height : 200px;
  position : absolute;
  cursor : crosshair;   /* because I like it, if you don't, do use "cursor : default" */
}

/* set backgrounds for each state */
div#ps ul a#psa1 {
  background : #000 url(images/ps_fish.jpg) no-repeat 0 0;
}
div#ps ul a#psa1:hover {
  background : #222 url(images/ps_fish_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa1:focus, div#ps ul a#psa1:active {
  background : #444 url(images/ps_fish_on.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa2 {
  background : #000 url(images/ps_dog.jpg) no-repeat 0 0;
}
div#ps ul a#psa2:hover {
  background : #222 url(images/ps_dog_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa2:focus, div#ps ul a#psa2:active {
  background : #444 url(images/ps_dog_on.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa3 {
  background : #000 url(images/ps_man.jpg) no-repeat 0 0;
}
div#ps ul a#psa3:hover {
  background : #222 url(images/ps_man_over.jpg) no-repeat 0 0;
}

div#ps ul a#psa3:focus, div#ps ul a#psa3:active {
  background : #444 url(images/ps_man_on.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa4 {
  background : #000 url(images/ps_halo.jpg) no-repeat 0 0;
}
div#ps ul a#psa4:hover {
  background : #222 url(images/ps_halo_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa4:focus, div#ps ul a#psa4:active {
  background : #444 url(images/ps_halo_on.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa5 {
  background : #000 url(images/ps_mars.jpg) no-repeat 0 0;
}
div#ps ul a#psa5:hover {
  background : #222 url(images/ps_mars_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa5:focus, div#ps ul a#psa5:active {
  background : #444 url(images/ps_mars_on.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa6 {
  background : #000 url(images/ps_girl.jpg) no-repeat 0 0;
}
div#ps ul a#psa6:hover {
  background : #222 url(images/ps_girl_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa6:focus, div#ps ul a#psa6:active {
  background : #444 url(images/ps_girl_on.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa7 {
  background : #000 url(images/ps_bones.jpg) no-repeat 0 0;
}
div#ps ul a#psa7:hover {
  background : #222 url(images/ps_bones_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa7:focus, div#ps ul a#psa7:active {
  background : #444 url(images/ps_bones_on.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa8 {
  background : #000 url(images/ps_shroom.jpg) no-repeat 0 0;
}
div#ps ul a#psa8:hover {
  background : #222 url(images/ps_shroom_over.jpg) no-repeat 0 0;
}
div#ps ul a#psa8:focus, div#ps ul a#psa8:active {
  background : #444 url(images/ps_shroom_on.jpg) no-repeat 0 0;
}



#naviinhalt {
	padding-left: 5px;
}

.kat1 a {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #3c3a3a;
	font-size: 11px;
	text-decoration: none;
}

.kat1 a:hover {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #c71712;
	font-size: 11px;
	text-decoration: none;
}

span.kat1_fh {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #c71712;
	font-size: 11px;
}

.kat2_fh {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #3c3a3a;
	font-size: 11px;
}

.kat2 a {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #3c3a3a;
	font-size: 11px;
	text-decoration: none;
}

.kat2 a:hover {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #c71712;
	font-size: 11px;
	text-decoration: none;
}

.kat2_label_fh {
	display: none;
	color: #3c3a3a;
}

/* navi act */
.kat2_sel2 a {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #c71712;
	font-size: 11px;
	text-decoration: none;
}

.kat2_sel2 a:hover {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #c71712;
	font-size: 11px;
	text-decoration: none;
}	

/* this needs to be in conditional comment for IE only */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active {
  margin-top : -254px; /* adjust this only when changing thumbnail sizes */
  margin-left : -201px; /* adjust this as rows get longer */
}

/* End Styles */


#inhalt .titel_fh { 
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
 }