/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* CSS Document */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
/* Body-Bereich der Site */
/* --------------------------------------------------------- */

body
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	overflow-y: scroll;
}

body a:link 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #FFF;
	text-decoration: none;
}

body a:visited 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #FFF;
	text-decoration: none;
}

body a:hover 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #FFF;
	text-decoration: none;
}

body a:active 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #FFF;
	text-decoration: none;
}

/* --------------------------------------------------------- */
/* Kopfbereich mit Banner */
/* --------------------------------------------------------- */

#top
{
	width: 100%;
	height: 135px;
	background-color: #999;
}

#banner
{
	margin-left: auto;
	margin-right: auto;
	background-image: url(banner/banner.png);
	width: 1024px;
	height: 135px;
}

#top_kontakt
{
	width: 100%;
	height: 42px;
	background-color: #999;
	line-height: 42px;
	vertical-align: middle;
}

#kontakt
{
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	text-align: right;
	vertical-align: middle;
	color: #FFF;
	font-size: 16px;
}

/* --------------------------------------------------------- */
/* Mittlerer Site-Bereich mit Rand */
/* --------------------------------------------------------- */

#main
{
	width: 100%;
	background-attachment: scroll;
	background: url(background/bg.jpg) no-repeat center center fixed; 
  	background-size: cover;
}

/* --------------------------------------------------------- */
/* Inhaltsbereich */
/* --------------------------------------------------------- */

#content
{
	margin-left: auto;
  	margin-right: auto;
	width: 1004px;
	height: 100%;
	background-image: url(background/transparenz.png);
	padding: 10px;
}

#content a:link 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #000;
	text-decoration: none;
}

#content a:visited 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #000;
	text-decoration: none;
}

#content a:hover 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #000;
	text-decoration: none;
}

#content a:active 
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #000;
	text-decoration: none;
}

/* --------------------------------------------------------- */
/* Grunddesign Menue-Zeile */
/* --------------------------------------------------------- */

#menue
{
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 48px;
	background-color: #999;
	text-align: center;
	vertical-align: middle;
}

/* --------------------------------------------------------- */
/* Dropdown-Menue in Menue-Zeile */
/* --------------------------------------------------------- */

/* Dropdown-Button */
.dropbtn {
    background-color: #666;
    color: white;
    padding: 8px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Menue-Zeile */
.dropdown {
    position: relative;
    display: inline-block;
	vertical-align: middle;
}

/* Dropdown-Inhalt (zuerst ausgeblendet) */
 .dropdown-content {
    display: none;
    position: absolute;
    background-color: #666;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links innerhalb der Dropdown-Liste */
 .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Farbaenderung bei Mouseover */
.dropdown-content a:hover {background-color: #333}

/* Anzeigen des Menues bei Mouseover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Hintergrund aendern bei Mouseover */
.dropdown:hover .dropbtn {
    background-color: #333;
}

/* --------------------------------------------------------- */
/* Fusszeile mit Links zu Diensten */
/* --------------------------------------------------------- */

#bottom
{
	width: 100%;
	background-color: #999;	
}

#bottomcontent
{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;	
}

/* --------------------------------------------------------- */
/* Mobil-Feld im Gästebuch ausblenden */
/* --------------------------------------------------------- */

#mobil
{
	height: 0.1px; 
	border: 0px;
	background: transparent;
}

/* --------------------------------------------------------- */
/* Infobox bei Link einblenden */
/* --------------------------------------------------------- */

a.infobox { text-decoration:none; }
a.infobox:hover { cursor:help; color:#c30; }
a.infobox span { visibility:hidden; position:absolute; left:15em; margin-top:1.5em; padding:1em; text-decoration:none; }
a.infobox:hover span, a.infobox:focus span, a.infobox:active span {visibility:visible; left:1em; border:1px solid #fff; color:black; background:white; }