@charset "utf-8";
/* CSS Document */

*{padding:0; margin:0;}

body 
{
color: white;
background-color: #545454;
/*background-image:url(../img/hintergrund_oben.jpg);
background-repeat:repeat-x;*/
}

#wrapper /*Umschließt alle DIV-Bereiche*/
{
color: black;
background-color: #cccccc;
width: 920px;
margin-right: auto;
margin-left: auto;
}

/* ===========================

   1. Kopfbereich

   =========================== */

#kopfbereich
{
width: 920px;
height: 154px;
padding-top: 20px;
background-color: #545454;
position:relative; /* Bezugspunkt für linie_links und linie_rechts*/
}

	#linie_links
	{
	position:absolute;
	top: 130px;
	left: -50px;
	}

	#linie_rechts
	{
	position:absolute;
	top: 130px;
	left: 920px;
	}

#platzhalter
{
float: left;

width: 325px;
height:46px;
background-color: #d64904;
}

#navigation
{
float: right;

width: 595px;
height: 46px; /*Höhe der Buttons */
background-color: #d64904;
}

#ueberschrift
{
float: right;
background-color: #dcdcdc;
background-image:url(../img/allgemein/linie_ueberschrift.jpg);
background-repeat:no-repeat;
background-position:bottom;

width: 595px;
padding-top: 36px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 40px;
font-style:italic;
font-weight:bold;
text-align:center;
color: #646464;
}

/* ===========================

   2. Zweispaltiges Layout

   =========================== */

#linker_bereich
{
float: left;
width: 325px;
background-color: #cccccc;
}

#hauptinhalt
{
float: right;
width: 555px;
min-height: 703px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-style:normal;
color: #646464;
line-height: 18px;

background-color: #dcdcdc;

padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}

/* ===========================

   3. Dreispaltiges Layout

   =========================== */

/* 
#linker_bereich
{
float: left;
width: 325px;
background-color: #cccccc;
} 
*/

#textbereich
{
float: right;
width: 595px;
}

	#mitte
	{
	float: left;
	width: 356px;
	min-height: 771px;
	
	padding-top: 36px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	color: #646464;
	line-height: 18px;

	background-color: #dcdcdc;
	}
	
	#mitte img {
	/* bezieht sich auf Bilder die per Webnews eingefügt wurden.
	Achtung: Deklarationen müssen mit denen bei berichtearchiv.php uebereinstimmen.
	*/
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	}

	#rechter_bereich
	{
	float: right;
	width: 159px;

	padding-top: 36px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color: #646464;
	line-height: 16px;

	background-color: #ccc;
	}

/* ===========================

   4. Footer

   =========================== */

#fussbereich 
{
clear: both; /*bezieht sich auf float:left und float:right*/
width: 920px;
height: 124px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-style:normal;
color: #646464;
line-height: 18px;

background-color: #ccc;
}

#footerinhalt
{
float: right;
width: 595px;
height: 53px;

margin-top: 20px;
margin-bottom: 20px;
padding-top: 15px;
padding-bottom: 15px;

background-color: #dcdcdc;
}

#footerinhalt_links
{
float: left;
width: auto;
height: 53px;

padding-left: 20px;

background-color: #dcdcdc;
}

#footerinhalt_links img.nachoben
{
padding-left: 26px;
border:0;
}

#footerinhalt_links img.kontakt
{
padding-left: 50px;
border:0;
}

#footerinhalt_links img.impressum
{
padding-left: 58px;
border:0;
}

#footerinhalt_rechts
{
float: right;
width: 159px;
height: 53px;

padding-left: 20px;
padding-right: 20px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color: #646464;
line-height: 16px;

background-color: #dcdcdc;
}

#footer_unten
{
clear: both;
width: 920px;
height: 20px;
background-color: #545454;
}

/* ===========================

   5. Spezielle DIV-Bereiche

   =========================== */

#ueberschrift_fotogalerie
{
background-color: #dcdcdc;
background-image:url(../img/linie_ueberschrift.jpg);
background-repeat:no-repeat;
background-position:bottom;

width: 920px;
padding-top: 60px;
padding-bottom: 0px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 40px;
font-style:italic;
font-weight:bold;
text-align:center;
color: #646464;
}

#fotogalerie
{
background-color: #dcdcdc;
width: 880px;
padding-top: 00px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}

   /* ===========================

   6. Allgemeine Html-Elemente

   =========================== */

h1 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 40px;
font-style:italic;
font-weight:bold;
color: #646464;
}

h2 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style:italic;
font-weight:bold;
color: #646464;
line-height: 23px;
}

h3 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color: #d64904;
}

h4 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color: #646464;
}

h5 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #646464;
}

a 
{ 
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
}

a:link /* Link zu noch nicht besuchter Seite */
{ 
color: #646464;
}

a:visited /* Link zu besuchter Seite */
{ 
color: #646464; 
}

a:hover, a:focus /*Mouseover, mit Tab-Taste angewählt */
{ 
color: #d64904; 
text-decoration: none;
outline: none; /*Umrisslinie vermeiden*/ 
}

a:active /*Zustand bei gedrückter Maustaste*/
{ 
color: #d64904; 
background-color: #000000;
outline: none; /*Umrisslinie vermeiden*/  
}

a img 
{
border: 1px solid #646464; /*alle verlinkten Grafiken bekommen einen Rahmen*/
}

a:hover img
{
border: 1px solid #d64904;
}

a.popup 
{
background: url(../img/allgemein/popup_icon.gif);
background-repeat: no-repeat;
background-position: right;
padding-right:14px;
}

a.klein
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
color: #646464;
line-height: 18px;
}

table.kleine_schrift
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #646464;
line-height: 20px;
}

   /* ===========================

   7. Kontaktformular

   =========================== */
   
textarea
{ 
width: 300px;
height: 150px; 
}