/* CSS Document */

/* SCHRIFT */
a:link, a:visited, a:active, a:hover {text-decoration: underline; color:#000000; }

/*BILDER*/

img { border:none; }

/* HINTERGRUND */
html { background: #ced1e4 url("./_bilder/color.png"); }
body {
	background: url("./_bilder/verlauf.png") top center repeat-x; padding: 0; margin: 0; text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 0.8em; color: #000000;
}

html { height: 100.1%; }


/* AUFBAU */
div#layout { width: 890px; margin: auto; margin-top: 0px; text-align:left; position: relative;}
.ausblenden { display: none; margin: 0px; }
div#sprungmarken { display: none; margin: 0px; }

.clear { clear:both; }

/* ANFANG */
div#kopf { height: 186px; width: 890px; background: url("./_bilder/titel.png") top center no-repeat; padding: 0; margin: 0;}


#kopf div:hover { background-color: #ffffff;}

div#logo {display: none; margin: 0px;}
h1.kopf { display: none; margin: 0px; }
div#banner, div#banner:hover { z-index: 5; position: absolute; top: 33px; left: 417px; width: 463px; height: 60px; text-align:center; background: url("./_bilder/banner_jukt.gif") top center no-repeat;}

/* INHALT */
div#inhalt { width: 890px; padding-bottom:10px; background: url("./_bilder/hintergrund.png") top center repeat-y;}

#inhalt h1 {font-size: 1.4em;}
#inhalt h2 {font-size: 1.1em; margin: 5px 0 5px 0;}
#inhalt h2 a {text-decoration: none;}
#inhalt h3 {font-size: 1.1em;}

.flashtitle {text-align: left;}

#inhalt li { margin-bottom: 5px; list-style-type: none; }

#inhalt li a, .weiter a, div.artikel_liste p a {padding-left: 20px; background: url("./_bilder/pfeil_inaktiv.png") top left no-repeat;}
#inhalt li a:hover, .weiter a:hover, div.artikel_liste p a:hover {padding-left: 20px; background: url("./_bilder/pfeil.png") top left no-repeat;}

div#text { width: 540px; float: left; margin: 20px 0 10px 42px; }

#text ul {clear:both;}

#hinweis {padding-bottom: 20px;}
#hinweis ul {margin: 0; padding: 10px 0;}
/* #hinweis li {padding-left: 20px; background: url("./_bilder/pfeil_inaktiv.png") top left no-repeat;} */


.post {height: 20px; padding-left: 35px; background: url("./_bilder/post.gif") left no-repeat;}

.link_rss {padding-left: 20px; background: url("./_bilder/rss.png") top left no-repeat;}

/* KONTAKT ---------------------------------------------------------------------------------------- */

ul.kontakt { width: 300px; float:right; margin-top: 20px;}
ul.kontakt li {margin-bottom: 10px;}
.name {padding-left: 20px; margin-right: 50px; background: url("./_bilder/icon_person.png") top left no-repeat;}
.titel {padding-left: 20px; background: url("./_bilder/icon_visitenkarte.png") top left no-repeat;}
.telefon {padding-left: 20px; background: url("./_bilder/icon_telefon.png") top left no-repeat;}
.fax {padding-left: 20px; background: url("./_bilder/icon_fax.png") top left no-repeat;}
.email {padding-left: 20px; background: url("./_bilder/icon_brief.png") top left no-repeat;}
.datum {padding-left: 20px; background: url("./_bilder/icon_datum.png") top left no-repeat;}
#text ol li p {padding: 10px 0 40px 30px; background: url("./_bilder/sprechblase.png") top left no-repeat;}


/* BILDER */

#inhalt img {margin: 5px;}
p.foto, div.myrandompic, div.karte {background: url("./_bilder/schatten2.png") top right no-repeat; float:left;}
p.foto img, div.myrandompic img, div.karte iframe, img.kontakt {padding: 5px; border: 1px solid #666666; background-color:#ffffff;}

div.karte {margin-bottom: 10px;}

div.mypictureborder {background: url("./_bilder/schatten.png") bottom right no-repeat;}
div.mypictureborder img {padding: 5px; border: 1px solid #666666; background-color:#ffffff;}

div.mypicsgallery img {padding: 2px; border: 1px solid #666666; background-color:#ffffff;}
div.myfooter { margin: 0 10px; }
div.mypicsgallery {margin-top:10px;}

div.artikel_liste { padding: 10px 0 0 10px; margin-top: 40px; background: url("./_bilder/zeitung.png") top left no-repeat; }

div.myinlinepicture {background: url("./_bilder/schatten.png") bottom right no-repeat;}
div.myinlinepicture img {padding: 5px; border: 1px solid #666666; background-color:#ffffff;}

/* SEITENBEREICH */

div#seitenbereich { width: 240px; margin-left: 630px; padding-top: 30px;}

/* SEITENBEREICH */
div#losung { padding: 10px 0 0 10px; background: url("./_bilder/hintergrund_box2.png") top left no-repeat; }
div#losung_hintergrund { width: 200px; padding: 0 15px 10px 0; background: url("./_bilder/hintergrund_box1.png") bottom right no-repeat; text-align: center; }

#dg_counter {
	height: 160px; 
	margin-left: 30px;
	padding: 20px 10px 0 5px;
	background: url("./_bilder/gd_counter.gif") top left no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	color: #ab2b55;
}

/* ABSCHLUSS */
div#fuss {
	clear:both; width: 890px; height: 25px ; margin: auto; text-align: right; background: url("./_bilder/footer.png") top left no-repeat; color: #666666; margin-right: 20px;
}

#fuss a			{ text-decoration: none; color: #666666; }
#fuss a:hover 	{ color: #000000; }
#fuss span 		{ margin-right: 25px; }

#fuss a.startseite {padding-left: 20px; background: url("./_bilder/start_inaktiv.png") top left no-repeat;}
#fuss a.kontakt {padding-left: 20px; background: url("./_bilder/kontakt_inaktiv.png") top left no-repeat;}
#fuss a.impressum {padding-left: 20px; background: url("./_bilder/impressum_inaktiv.png") top left no-repeat;}
#fuss a.rss {padding-left: 20px; background: url("./_bilder/rss_inaktiv.png") top left no-repeat;}
#fuss a.startseite:hover {padding-left: 20px; background: url("./_bilder/start.png") top left no-repeat;}
#fuss a.kontakt:hover {padding-left: 20px; background: url("./_bilder/kontakt.png") top left no-repeat;}
#fuss a.impressum:hover {padding-left: 20px; background: url("./_bilder/impressum.png") top left no-repeat;}
#fuss a.rss:hover {padding-left: 20px; background: url("./_bilder/rss.png") top left no-repeat;}

div#notes { text-align: center; color: #666666; height:20px; padding-top:10px; padding-bottom: 5px; }

/* FORMULAR */

.formbox {
	margin: 0 0 30px 0;
	padding:5px;
}

.reihe {
  clear: both;
  padding: 4px 0px;
}

.label {
  float: left;
  width: 150px;
  text-align: left;
  padding-top: 3px;
  padding-right: 5px;
}

.feld {
  float: left;
  width: 180px;
  text-align:left;
} 


.url_feld {
  width: 300px;
} 

.knopf {
  clear:both;
  text-align:left;
  padding:20px 5px 5px 5px;
}

.button{
	border: 1px solid #999999;
	background-color: #ffffff;
	padding:2px;
}

.defbreite {
  width: 250px;
}

#fehler {
	border: 1px solid red;
	padding: 1px;
	font-weight: bold;
}

/* NAVIGATION */
div#navigation 			{ z-index: 100; position: absolute; top: 125px; left: 75px; width: 775px; margin: auto; padding: 0px; background-color: #FFFFFF;}

ul#nav				{ clear: both; list-style-type: none; margin: 0px; padding: 0px;}
ul#nav li			{ display: block; float: left; }
ul#nav li span			{ display: block; width: 120px; border: 1px solid #002081; margin: 1px;}
ul#nav li span.berichte		{ width: 151px; }
ul#nav li a			{ background-color: #fff; line-height: 27px; display: block; width: 120px; color: #000; text-align: center; text-decoration: none; font-weight: 600;}
ul#nav li span.berichte a	{ width: 151px; }
ul#nav li a:hover		{ background-color: #c8cadf; }

ul#nav ul			{ margin-left: 2px; padding-left: 2px; list-style-type: none; width: 150px; position: absolute; }
ul#nav ul li			{float: left; padding-left: 5px;}
ul#nav ul li span		{ margin-top: 2px; border:none;}
ul#nav ul li span a		{ display: block; width: 14.5em; text-align: left; padding-left: 5px; border: 1px solid #353C92;}
ul#nav ul li span a:hover	{ background-color: #C8CADF;}

#menu1Content			{ display: none; z-index: 10; height: 0px; }
#menu2Content			{ display: none; z-index: 10; height: 0px; }
#menu3Content			{ display: none; z-index: 10; height: 0px; }
#menu4Content			{ display: none; z-index: 10; height: 0px; }
#menu5Content			{ display: none; z-index: 10; height: 0px; }
#menu6Content			{ display: none; z-index: 10; height: 0px; }

/* Kommentar */

#commentform textarea { width: 500px; }

#commentform input{
	border: 1px solid #999999;
	background-color: #ffffff;
	padding:2px;
}

/* KAESTCHEN */


.k0 { background-color: #ffffff; }
.k1 { background-color: #002081; }
.k2 { background-color: #e67e06; }
.k3 { background-color: #f0eff5; }
.k4 { background-color: #c8cadf; }
.k5 { background-color: #acb2d2; }
.k6 { background-color: #fddec1; }
.k7 { background-color: #fdbf8c; }



div#kasten_01 {z-index: 10; position: absolute; top: 2px; left: 417px; width: 29px; height: 29px;}
div#kasten_02 {z-index: 10; position: absolute; top: 2px; left: 448px; width: 29px; height: 29px;}
div#kasten_03 {z-index: 10; position: absolute; top: 2px; left: 479px; width: 29px; height: 29px;}
div#kasten_04 {z-index: 10; position: absolute; top: 2px; left: 510px; width: 29px; height: 29px;}
div#kasten_05 {z-index: 10; position: absolute; top: 2px; left: 541px; width: 29px; height: 29px;}
div#kasten_06 {z-index: 10; position: absolute; top: 2px; left: 572px; width: 29px; height: 29px;}
div#kasten_07 {z-index: 10; position: absolute; top: 2px; left: 603px; width: 29px; height: 29px;}
div#kasten_08 {z-index: 10; position: absolute; top: 2px; left: 634px; width: 29px; height: 29px;}
div#kasten_09 {z-index: 10; position: absolute; top: 2px; left: 665px; width: 29px; height: 29px;}
div#kasten_10 {z-index: 10; position: absolute; top: 2px; left: 696px; width: 29px; height: 29px;}
div#kasten_11 {z-index: 10; position: absolute; top: 2px; left: 727px; width: 29px; height: 29px;}
div#kasten_12 {z-index: 10; position: absolute; top: 2px; left: 758px; width: 29px; height: 29px;}
div#kasten_13 {z-index: 10; position: absolute; top: 2px; left: 789px; width: 29px; height: 29px;}
div#kasten_14 {z-index: 10; position: absolute; top: 2px; left: 820px; width: 29px; height: 29px;}
div#kasten_15 {z-index: 10; position: absolute; top: 2px; left: 851px; width: 29px; height: 29px;}
div#kasten_16 {z-index: 10; position: absolute; top: 64px; left: 386px; width: 29px; height: 29px;}
div#kasten_17 {z-index: 10; position: absolute; top: 95px; left: 138px; width: 29px; height: 29px;}
div#kasten_18 {z-index: 10; position: absolute; top: 95px; left: 169px; width: 29px; height: 29px;}
div#kasten_19 {z-index: 10; position: absolute; top: 95px; left: 200px; width: 29px; height: 29px;}
div#kasten_20 {z-index: 10; position: absolute; top: 95px; left: 231px; width: 29px; height: 29px;}
div#kasten_21 {z-index: 10; position: absolute; top: 95px; left: 262px; width: 29px; height: 29px;}
div#kasten_22 {z-index: 10; position: absolute; top: 95px; left: 293px; width: 29px; height: 29px;}
div#kasten_23 {z-index: 10; position: absolute; top: 95px; left: 324px; width: 29px; height: 29px;}
div#kasten_24 {z-index: 10; position: absolute; top: 95px; left: 355px; width: 29px; height: 29px;}
div#kasten_25 {z-index: 10; position: absolute; top: 95px; left: 386px; width: 29px; height: 29px;}
div#kasten_26 {z-index: 10; position: absolute; top: 95px; left: 417px; width: 29px; height: 29px;}
div#kasten_27 {z-index: 10; position: absolute; top: 95px; left: 448px; width: 29px; height: 29px;}
div#kasten_28 {z-index: 10; position: absolute; top: 95px; left: 479px; width: 29px; height: 29px;}
div#kasten_29 {z-index: 10; position: absolute; top: 95px; left: 510px; width: 29px; height: 29px;}
div#kasten_30 {z-index: 10; position: absolute; top: 95px; left: 541px; width: 29px; height: 29px;}
div#kasten_31 {z-index: 10; position: absolute; top: 95px; left: 572px; width: 29px; height: 29px;}
div#kasten_32 {z-index: 10; position: absolute; top: 95px; left: 603px; width: 29px; height: 29px;}
div#kasten_33 {z-index: 10; position: absolute; top: 95px; left: 634px; width: 29px; height: 29px;}
div#kasten_34 {z-index: 10; position: absolute; top: 95px; left: 665px; width: 29px; height: 29px;}
div#kasten_35 {z-index: 10; position: absolute; top: 95px; left: 696px; width: 29px; height: 29px;}
div#kasten_36 {z-index: 10; position: absolute; top: 95px; left: 727px; width: 29px; height: 29px;}
div#kasten_37 {z-index: 10; position: absolute; top: 95px; left: 758px; width: 29px; height: 29px;}
div#kasten_38 {z-index: 10; position: absolute; top: 95px; left: 789px; width: 29px; height: 29px;}
div#kasten_39 {z-index: 10; position: absolute; top: 95px; left: 820px; width: 29px; height: 29px;}
div#kasten_40 {z-index: 10; position: absolute; top: 95px; left: 851px; width: 29px; height: 29px;}
div#kasten_41 {z-index: 10; position: absolute; top: 126px; left: 45px; width: 29px; height: 29px;}
div#kasten_42 {z-index: 10; position: absolute; top: 126px; left: 851px; width: 29px; height: 29px;}
div#kasten_43 {z-index: 10; position: absolute; top: 157px; left: 14px; width: 29px; height: 29px;}
div#kasten_44 {z-index: 10; position: absolute; top: 157px; left: 45px; width: 29px; height: 29px;}
div#kasten_45 {z-index: 10; position: absolute; top: 157px; left: 76px; width: 29px; height: 29px;}
div#kasten_46 {z-index: 10; position: absolute; top: 157px; left: 107px; width: 29px; height: 29px;}
div#kasten_47 {z-index: 10; position: absolute; top: 157px; left: 138px; width: 29px; height: 29px;}
div#kasten_48 {z-index: 10; position: absolute; top: 157px; left: 169px; width: 29px; height: 29px;}
div#kasten_49 {z-index: 10; position: absolute; top: 157px; left: 200px; width: 29px; height: 29px;}
div#kasten_50 {z-index: 10; position: absolute; top: 157px; left: 231px; width: 29px; height: 29px;}
div#kasten_51 {z-index: 10; position: absolute; top: 157px; left: 262px; width: 29px; height: 29px;}
div#kasten_52 {z-index: 10; position: absolute; top: 157px; left: 293px; width: 29px; height: 29px;}
div#kasten_53 {z-index: 10; position: absolute; top: 157px; left: 324px; width: 29px; height: 29px;}
div#kasten_54 {z-index: 10; position: absolute; top: 157px; left: 355px; width: 29px; height: 29px;}
div#kasten_55 {z-index: 10; position: absolute; top: 157px; left: 386px; width: 29px; height: 29px;}
div#kasten_56 {z-index: 10; position: absolute; top: 157px; left: 417px; width: 29px; height: 29px;}
div#kasten_57 {z-index: 10; position: absolute; top: 157px; left: 448px; width: 29px; height: 29px;}
div#kasten_58 {z-index: 10; position: absolute; top: 157px; left: 479px; width: 29px; height: 29px;}
div#kasten_59 {z-index: 10; position: absolute; top: 157px; left: 510px; width: 29px; height: 29px;}
div#kasten_60 {z-index: 10; position: absolute; top: 157px; left: 541px; width: 29px; height: 29px;}
div#kasten_61 {z-index: 10; position: absolute; top: 157px; left: 572px; width: 29px; height: 29px;}
div#kasten_62 {z-index: 10; position: absolute; top: 157px; left: 603px; width: 29px; height: 29px;}
div#kasten_63 {z-index: 10; position: absolute; top: 157px; left: 634px; width: 29px; height: 29px;}
div#kasten_64 {z-index: 10; position: absolute; top: 157px; left: 665px; width: 29px; height: 29px;}
div#kasten_65 {z-index: 10; position: absolute; top: 157px; left: 696px; width: 29px; height: 29px;}
div#kasten_66 {z-index: 10; position: absolute; top: 157px; left: 727px; width: 29px; height: 29px;}
div#kasten_67 {z-index: 10; position: absolute; top: 157px; left: 758px; width: 29px; height: 29px;}
div#kasten_68 {z-index: 10; position: absolute; top: 157px; left: 789px; width: 29px; height: 29px;}
div#kasten_69 {z-index: 10; position: absolute; top: 157px; left: 820px; width: 29px; height: 29px;}
div#kasten_70 {z-index: 10; position: absolute; top: 157px; left: 851px; width: 29px; height: 29px;}