@import url('reset.css');
@import url('template.css');
@import url('lightbox.css');
@import url('superfish.css');

.rot {background: #a40009;}
.rot2 {color: #cc0f13;}
.gruen {background: #9bbe0f;}
.gruen2 {color: #639a20;}
.beige {background: #f1f5e2;}

/* ----------------------------------------------------- All browsers */
html, body { height: 100%; }

body
{
	background: url('../gfx/bg-main.jpg') #ffffff no-repeat top center;
	font-family: Candara, 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 100.01%;
}

.sf-menu {
	margin-bottom: 0;
	line-height: 1.25em;
}
.sf-menu a,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu a:focus,
.sf-menu a:visited {
	padding: 10px 1.1em 10px 1.1em;
	border-left: 0;
	border-top: 0;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: normal;
	text-shadow: #000000 1px 1px;
}
.sf-menu li {
	background: transparent;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top: 40px;
}
.sf-menu li li {
	background: #9bbe0f;
}
.sf-navbar {
	padding-bottom: 0;
}
.sf-navbar li ul {
	width: 100%;
}
.sf-menu li.active,
.sf-menu li li:hover,
.sf-menu li li:active,
.sf-menu li li:focus,
.sf-menu li li a:hover,
.sf-menu li li a:active,
.sf-menu li li a:focus {
	background: #d40009;
}
.sf-menu li.current,
.sf-menu li a:hover,
.sf-menu li a:focus,
.sf-menu li a:active,
.sf-menu li.sfHover {
	background: url('../gfx/bg-nav-a.png') repeat-x;
	text-shadow: #000000 1px 1px;
}

#inhalt.start div.sna {
	vertical-align: top;
	width: 261px;
	float: left;
}
#inhalt.start div.sna img {
	margin-bottom: 5px;
}

#inhalt.start img.sna {
	vertical-align: top;
	xdisplay: none;
}
#inhalt.start img.snl {
	xmargin-left: 261px;
}
#inhalt.start img.snr {
}

#inhalt h1 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 1.3em;
	color: #cc0f13;
}
#inhalt p {
	margin-bottom: 1.0em;
}

#inhalt a, #inhalt a:visited, 
#footer a, #footer a:visited {
	color: #639a20;
	text-decoration: none;
}
#inhalt a:hover,
#footer a:hover {
	text-decoration: underline;
}

#inhalt #aside p {
	margin-left: 10px;
	margin-bottom: 0.5em;
	font-size: 0.9em;
}
#inhalt #aside h3 {
	margin-left: 10px;
	margin-bottom: 0.5em;
	font-weight: bolder;
	font-size: 1.0em;
	color: #CC0F13;
}
#inhalt #aside ul {
	list-style: circle outside;
	margin-left: 10px;
}
#inhalt #aside ul li {
	margin-left: 1em;
	margin-bottom: 0.5em;
	font-size: 0.9em;
}
#inhalt #aside #jutezeit {
	text-align: left;
	margin: 85px 0 0 80px;
}
#inhalt #aside #termine {
	margin: 1.5em 25px 2.0em 0;
}

#inhalt table {
	border-collapse:collapse;
}
#inhalt tr.head {
	background: #dddddd;
}
#inhalt tr.odd {
	background: #eeeeee;
}
#inhalt tr.even {
	background: #ffffff;
}
#inhalt td,
#inhalt th {
	padding: 5px;
	vertical-align: top;
}

#inhalt div.servl {
	clear: both;
	width: 300px;
	margin-right: 50px;
	float: left;
}
#inhalt img.picto {
	margin: 0 10px 5px 0;
	float: left;
}
#inhalt div.servr {
	width: 300px;
	float: left;
}
#inhalt p.serve {
	margin-left:20px;
	margin-top:-10px;
}

form.kontakt fieldset legend
{
	padding: 0.5em;
	font-weight: bold;
}
form.kontakt fieldset label
{
	display: block;
	float: left;
	width: 7em;
}
form.kontakt fieldset ul
{
	margin: 0;
	padding: 0;
}
form.kontakt fieldset li
{
	margin: 0;
	padding: 0.5em;
	list-style: none;
}
form.kontakt fieldset em
{
	font-style: normal;
	font-weight: bold;
	color: #a40009;
}

#wegeingabe {
	width: 620px;
	margin: 0px;
	padding: 0px;
}
#wegbeschreibung {
	width: 620px;
	margin: 0px;
}
#karte {
	width: 600px;
	height: 400px;
	margin: 0px;
	border: 1px solid black;
}

#makeMeScrollable {
	width:100%;
	height: 70px;
	margin-top: 0px;
	position: relative;
	background: white;
}
		
#makeMeScrollable div.scrollableArea img {
	position: relative;
	float: left;
		margin: 0 10px 0 0;
		padding: 0;
}

/* ----------------------------------------------------- JS enabled browsers */
.js div { }

/* ----------------------------------------------------- IE7 and below */
.ie7 div { }

/* ----------------------------------------------------- IE6 and below */
.ie6 div { }
body.ie6 {
	font-size: 85%;
}
body.ie6 #header {
	background: #ffffff;
}

/* ----------------------------------------------------- print-layout */
@media print {
	html,
	body,
	#rahmen, #inhalt {
		background-color: #ffffff;
		background-image: none;
		margin: 0;
		border: 0;
		padding: 0;
		width: 100%;
		color: #000000;
	}
	#header,
	#nav,
	#aside,
	#footer { display: none; }
	a { color: #000000; font-weight: bold; }
	#druckkopf { text-align: right; margin-bottom: 2.0em; }
	#druckkopf img { float: left; }
}