/* -------------------------------------------------------------------------- *
 * BODY                                                                       *
 * -------------------------------------------------------------------------- */
body
{
	position:absolute;
	width:99%;
	height:99%;
	margin:0px 0px 0px 0px;
	background-color:#CCCCCC;
	border:0px solid green;
	z-index:1;
}

/* -------------------------------------------------------------------------- *
 * Banner                                                                     *
 * -------------------------------------------------------------------------- *
 * Im DIV "banner" ist als Hintergrundbild "background_variabel.jpg" gegeben, *
 * d.h. ein schmaler blauer Streifen wird eingebunden, und zwar ber die      *
 * gesamte H�e. Da es das Hintergrundbild ist, wird es vom eigentlichen      *
 * Bannerbild berdeckt. Dieses wird direkt in der "include_body.php"         *
 * eingebunden, ist jedoch auch nur 113px hoch. Der freie Raum darunter wird  *
 * von "background_variabel.jpg" gefllt.                                     *
 * -------------------------------------------------------------------------- */
div.banner
{
	position:relative;

	height:30%;

	width:770px;

	background:url(../img/background/background_variabel.jpg) repeat-y;

	margin:auto;

	border:0px solid blue;

	z-index:2;

}

/* -------------------------------------------------------------------------- *

 * Jurtenburg                                                                 *

 * -------------------------------------------------------------------------- */



div.jurtenburg

{

	position:relative;

	height:450px;

	width:770px;

	background:url(../img/background/background_jurtenburg.jpg) repeat-y;

	margin:auto;

	border:0px solid red;

	z-index:1;

}

/* -------------------------------------------------------------------------- *

 * Formulare in DIV "Seiteninhalt"                                            *

 * -------------------------------------------------------------------------- */

textarea.formular_kontakt_nachricht

  {background-color:#ffffff; border:1px solid black;}

input.formular_kontakt_absender,

select.formular_kontakt_empfaenger

  {width:250px; height:18px; background-color:#ffffff; border:1px solid black;}

input.formular_kontakt_absender:hover,

textarea.formular_kontakt_nachricht:hover,

select.formular_kontakt_empfaenger:hover

  {background-color:#FFFFCC;}

/* -------------------------------------------------------------------------- *

 * Buttons in DIV "Seiteninhalt"                                              *

 * -------------------------------------------------------------------------- *

 * Es handelt sich hierbei um die Buttons, die im DIV "Seiteninhalt" zu finden*

 * sind, wie z.B. bei "Kontakt" die Buttons "Senden" und "Zurcksetzen"       *

 * -------------------------------------------------------------------------- */

input.button_termine_anzeige

{

  width:130px;

  margin-top:5px;

  padding-left:15px;

  background:url(../img/symbol/symbol_link.gif) no-repeat bottom left;

  border:0px solid black;

  color:#ffffff;

  font:normal bold 12px verdana;

}

input.button_termine_pdf

{

  background:url(../img/symbol/symbol_pdf.jpg) no-repeat bottom left;

  border:0px solid black;

  width:20px;

  	position:absolute;

	top:110px;

	left:710px;

	height:18px;

	z-index:16;

}

input.button_termine_anzeige

{

  padding-left:16px;

  background:url(../img/symbol/symbol_link.gif) no-repeat bottom left;

}

input.button_termine_anzeige:hover

{

  background:url(../img/symbol/symbol_link_hover.gif) no-repeat bottom left;

  color:red;

}

input.button_termine_pdf:hover

{

  background:url(../img/symbol/symbol_pdf.jpg) no-repeat bottom left;

}

input.button_kontakt_senden,

input.button_kontakt_reset

  {width:100px; height:20px; background-color:#ffffff; border:1px solid black;}

input.button_kontakt_senden:hover,

input.button_kontakt_reset:hover

  {background-color:red;}



td.kontakt_feld_leer

{font:normal bold 12px verdana; color:red;}

/* -------------------------------------------------------------------------- *

 * Seiten-Inhalt-Layout                                                       *

 * -------------------------------------------------------------------------- *

 * DIV "seitenueberschrift": - Direkt unter dem Banner                        *

 * DIV "seiteninhalt"      : - Folgt unter "seitenberschrift"                *

 *                           - So gro�wie "seiteninhalt1" und "seiteninhalt2"*

 *                             zusammen                                       *

 * DIV "seiteninhalt1"     : - Folgt unter "seitenberschrift"                *

 *                           - Quasi eine Unterberschrift in "seiteninhalt"  *

 *                             (siehe Bilderarchiv)                           *

 * DIV "seiteninhalt2"     : - Folgt unter "seiteninhalt2"                    *

 *                           - Der eigentliche Inhalt                         *

 * -------------------------------------------------------------------------- */

div.seitenueberschrift,

div.seiteninhalt,

div.seiteninhalt1,

div.seiteninhalt2,

div.seitenlinks_links

{

	margin-top:25px;

	left:220px;

	width:500px;

	height:150%;

	padding:10px;

	padding-right:35px;

	border:0px solid black;

	font:normal 12px verdana;

	color:#ffffff;

	z-index:10;

	position:absolute;

	overflow:auto;

}

div.seiteninhalt1

{

	height:25px;

	padding-top:0px;

	padding-bottom:0px;

	font:normal bold 14px verdana;

	color:#ffffff;

}

div.seiteninhalt2

{

	margin-top:50px;

	height:120%;

}

div.seitenueberschrift

{

	font:normal bold 14px verdana;

	height:18px;

	top:83px;

	padding-left:0px;

	padding-right:10px;

	padding-top:5px;

	padding-bottom:0px;

	border-bottom:2px solid #ff3300;

}

div.seitenlinks_links

{

	line-height:14px;

	top:220px;

	left:10px;

	width:200px;

	height:185px;

}

div.seitenlinks_links .aktiv

{

  font:normal bold 12px verdana;

  color:#FF3333;

  background:url(../img/symbol/symbol_link_hover.gif) no-repeat;

  padding-left:15px;

}

li.seitenlinks_unterpunkt

{

  list-style-type:none;

  padding-left:13px;

}

li.seitenlinks_0

{

  list-style-type:none;

  font:normal bold 12px verdana;

}

.seiteninhalt ul

{

  list-style-type:disc;

  padding-left:15px;

}

/* -------------------------------------------------------------------------- *

 * Tabellen in DIV "Seiteninhalt"                                             *

 * -------------------------------------------------------------------------- */

div.linehighlight:hover
{
  background-color:#FFFFCC;
  color:#000000;
}

div.linehighlight:hover a:link,
div.linehighlight:hover a:visited
{
  color:#000000;
}
div.linehighlight:hover a:hover
{
  color:red;
}

table.standard
{
  width:96%;
  border:0px solid black;
}

tr.standard:hover
{
  background-color:#FFFFCC;
  color:#000000;
}

tr.standard:hover a:link
{
  color:#000000;
}

tr.standard:hover a:hover
{
  color:red;
}

td.standard_1
{
  width:90px;
}

.termine_auswahl

{

  border:0px solid black;

  font:normal 12px verdana;

  color:#ffffff;

  z-index:20;

}

/* -------------------------------------------------------------------------- *

 * Newsticker                                                                 *

 * -------------------------------------------------------------------------- *

.newsticker

{

  top:154px;

  left:9px;

  width:175px;

  height:55px;

  background-color:transparent;

  z-index:3;

  border:1px solid black;

}

/* -------------------------------------------------------------------------- *

 * ANIMIERT - VCP-Flagge am Mast                                              *

 * -------------------------------------------------------------------------- */

div.animiert_vcpflagge

{

  position:absolute;

  top:70px;

  left:310px;

}

/* -------------------------------------------------------------------------- *

 * ANIMIERT - Schleswig-Holstein-Flagge am Mast                               *

 * -------------------------------------------------------------------------- */

div.animiert_shflagge

{

  position:absolute;

  top:30px;

  left:615px;

}

/* -------------------------------------------------------------------------- *

 * ANIMIERT - Slogan                                                          *

 * -------------------------------------------------------------------------- */

div.animiert_slogan

{

	position:absolute;

	top:140px;

	left:40px;

	z-index:4;

}

/* -------------------------------------------------------------------------- *
 * ANIMIERT - Wolke                                                           *
 * + WOLKE                                                                      *
 * -------------------------------------------------------------------------- */

div.wolke,
div.animiert_wolke
{
	position:absolute;
	top:120px;
	left:0px;
	z-index:2;
	height:88px;
	width: 170px;
	background:url("../img/pics/wolke.jpg");
	padding-left:30px;
	padding-top:35px;
	font: normal 12px verdana;
}

div.wolke a:link,
div.wolke a:visited,
div.animiert_wolke a:link
{
	font: normal 12px verdana;
	color: red;
}

/* -------------------------------------------------------------------------- *

 * Button fr Css-Validator                                                   *

 * -------------------------------------------------------------------------- */

.validatoren

{

	position:absolute;

	top:350px;

	left:770px;

}

/* -------------------------------------------------------------------------- *

 * Home-Link im Banner                                                        *

 * -------------------------------------------------------------------------- */

.link_banner_home

{

	position:absolute;

	top:48px;

	left:10px;

	width:390px;

	height:30px;

	z-index:3;

}

/* -------------------------------------------------------------------------- *

 * SYMBOL - Drucker                                                           *

 * -------------------------------------------------------------------------- */

.symbol_drucker

{

	position:absolute;

	top:110px;

	left:710px;

	height:18px;

	z-index:15;

}

/* -------------------------------------------------------------------------- *

 * Switcher                                                                   *

 * -------------------------------------------------------------------------- */



.sitemap_switch

{

	position:absolute;

	top:430px;

	left:10px;

	font:normal bold 13px verdana;

	vertical-align:middle;

	border:0px solid black;

	z-index:15;

}


.info_box_close a:link,
.info_box_close a:visited
{
  font:normal bold 18px verdana;
  color:#000000;
}
.info_box_close a:hover,
.info_box_close a:focus
{
  color:#ffffff;
}

.info_box_close
{
width:18px;
background-color:white;
position: absolute;
top: 4px;
right: 4px;
text-decoration: none;
border:1px solid #000000;
text-align: center;
z-index:21;
}

.info_box {
background-color:#ffffff;
width:500px;
height:250px;
position: absolute;
top:170px;
left:150px;
border:2px solid black;
font:normal bold 18px verdana;
text-align:center;
vertical-align:middle;
color:black;
z-index:20;
}
.info_box a:link,
.info_box a:visited
{
  font:normal bold 14px verdana;
  color:#666666;
}
.info_box a:hover
{
  color:red;
}
.info_box_bild
{
  float:left;
}