/*  
Layout fuer https://www.die-schaefer.com
Dateiname: schaefer_std.css = BASISversion
Author: KirA - Kirsten Bohlig
Author URI: http://www.kira-design.de/
Media: screen, projection
Datum: 25.05.2007, 14.08.2007
*/
body {
border:0 none;
padding:0;
background-color: #E1F1FF;
margin:0;
color:#000;
font:100.01% "Lucida Grande", verdana, geneva, arial, helvetica, sans-serif;
}

#wrap {
border: 10px solid #fff;
border-top: 0 none;
margin-right:3em;
margin-bottom:0.5em;
position:relative;
background-color: #fff;
max-width:900px;
background-image: url(../img/background.jpg);
background-repeat: repeat-y;
background-position:left;
}
#left {
float:left;
position:relative;
}

#content {
padding:1em 0 0 1em;
margin-right:1em;
margin-bottom:0.5em;
margin-left: 230px;
min-height:400px;
background-color: #fff;
position:relative;
}


/* ### =footer ### */
#footer {
background: #fff;
max-width:920px;
margin-right:0em;
}
#footer p {
margin-left: 4em;
}

/* ### =standards ### */
ul {
list-style-type: none;
}
em {
color:#333;
}
.left {
float:left;
}
.right {
float:right;
}
/* ### =nav ### */
#vnav {
float:left;
position:relative;
width:135px;
margin:4em 0 0 0;
font: bold 0.8em Verdana, sans-serif;
display:inline;
}

#vnav ul {
list-style-type: none;
margin:0;
padding:0;
margin:2em 0 0 0;
}
#vnav li {
margin:0em;
padding:0;
}
#vnav li a {
position:relative;
color: #000;
text-decoration: none;
display: block;
width:135px;
margin:0;
padding:5px;
height:auto;
border-top: 1px solid #fff;
border-left:20px solid #fff;
}
#vnav li a:visited {
color:#666;
position:relative;
}
#vnav li a:hover {
color: #666;
display: block; 
width:135px;
background-color:transparent;
border-left:20px solid #666;
position:relative;
}
#vnav li.padtop30 {
padding-top:30px;
position:relative;
}

body#home a#homenav,
body#aktuell a#aktuellnav,
body#termine a#terminnav,
body#abc a#abcnav,
body#geschichte a#geschnav,
body#bio a#bionav,
body#galerie a#galnav,
body#disco a#disconav,
body#archiv a#liednav,
body#rezepte a#reznav,
body#radio a#radionav,
body#impressum a#imprnav,
body#kontakt a#kontaktnav,
body#links a#linksnav{
color:#1A3C68;
border-top: 1px solid #fff;
border-left:20px solid #E1F1FF;
}


#fnav {
background-color: #fff;
font-size:1em;
padding-top:0.1em;
padding-bottom:0.1em;
margin-right:0;
}

#fnav ul li {
display:inline;
font-weight:bold;
padding:2px;
color:#1A3C68;
font-size:0.8em;
}
#fnav ul li ul{
display:inline;
padding:2px;
border-right: 1px solid #333;
}


/* ### TERMINE */
#termine fieldset{
border:0;
}
#termine input {
	border: 1px solid #ACD9FF;
	padding:3px;
	width:135px;
	margin-bottom:2px;
	background:#E1F1FF;
}
#termine input[type=submit] {
	border: 1px solid #1A3C68;
	padding:3px;
	background:#ACD9FF;
	margin-bottom:2px;
	font-weight:bold;
}
#termine input[type=text]:focus {
	background: #fff;
	color: #333;
}
legend {
font-weight:normal;
font-size:0.75em;
}
/* ### =links ###*/
a {
	outline:none;
}
a {
color: #1A3C68;
text-decoration: none;
font-weight:bold;
}
a:link {
text-decoration:none;
font-weight:bold;
}
a:visited {
color:#333;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#ddd;
text-decoration:underline;
/*background-color:#1A3C68;*/
font-weight:bold;
padding:0;
}
p a:hover {
color:#333;
text-decoration:underline;
background-color:#F0F9FE;
font-weight:bold;
padding:2px 0;
}
a:active {
color:#000;
text-decoration:none;
font-weight:bold;
}
a.dotted {
border-bottom:2px dotted #1A3C68;
}
a img, 
img a {
border:0; 
background:transparent; 
padding:0;
}


a.transp:hover {
background-color:transparent;
}

/*http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/*/
div.pagination {
border: 1px solid #E1F1FF;
	padding:3px;
	margin:3px;
	margin-top:3em;
	background-color: #eee;
	font-size:smaller;
	width:90%;
}

div.pagination a {
	padding: 2px 4px 2px 4px;
	margin-right: 2px;
	border: 1px solid #ddd ;
	text-decoration: none; 
	color: #1A3C68;
	background-color: #fff;
}
div.pagination a:hover, 
div.pagination a:active {
padding: 2px 4px 2px 4px;
	border:1px solid #ACD9FF;
	color: #000;
	background-color: #ddd;
}
div.pagination span.current {
	padding: 2px 4px 2px 4px;
	margin-right: 2px;
	border: 1px solid #1A3C68;
	font-weight: bold;
	background-color: #E1F1FF;
	color: #000;
}
div.pagination span.disabled {
	padding: 2px 4px 2px 4px;
	margin-right: 2px;
	/*border: 1px solid #f3f3f3;*/
	color: #ccc;
}

/* ###=img */
img {
border: 1px solid #666;
padding:5px;
background-color: #fff;
}
a img.mb, 
img.mb a {
border: 1px solid #666;
padding:5px;
background-color: #fff;
}
img.t /*transparenter HG*/,
img.nb /* no border */{
	background:transparent;
	border:0;
	margin-bottom: 1em;
	margin-left:1em;
	position:relative;
}

img.logo {
	background-color:transparent;
	border:0;
	margin-bottom: 1em;
	margin-left:1em;
	position:relative;
}

img.left {
margin-top:0.5em;
margin-right:2em;
margin-bottom:1em;
padding:0.2em;
border-color:#eee;
position:relative;
}
img.right {
float:right;
margin-right:1em;
/*position:relative;*/
margin-left:2em;
margin-bottom:1em;
}
#titel /*entspicht dem title!*/{
font-size:0.6em;
color:#999;
margin-bottom:4em;
}

p {
	font-size: 0.85em;
	font-weight: normal;
	color: #000;
	line-height:140%;
	/*width: 90%;*/
	margin-right:2em;
}
blockquote {
color:#666666;
font-size:0.9em;;
}
/* ### =ueberschriften ### */
h1,h2,h3 {
visibility:visible;
color: #000; 
line-height:110%;
font-weight:bold;
}
h1 {
	font-size:1.5em;
	color:#1A3C68;
	margin-bottom:2em;
}

#termine h1 {
	margin-bottom:1em;
	font-family: serif;
	font-size:2em;
}
h2 {
	font-size:1.3em;
	color:#000;
}
h4 {
color:#000; 
font-weight:bold;
background-color:#F0F9FE;
padding:3px 0;
font-size:smaller;
}
/* ### =klassen ### */
/* HACKS*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.top20 {
margin-top:20px;
margin-bottom:20px;
}

.rot {
color:#990033;
}
.bold {
font-weight:bold;
}
.klein {
font-size:0.75em; color:#666;
}
.small {
font-size:0.75em; 
}
.rechts {
text-align:right;
}
.back {
font-size:0.75em; 
clear:both;
text-align:right;
margin-top:3em;
}
.fehler {
color:red; 
font-style:italic; 
padding-left:2em;
}
.noshow {
display:none;
}
.hinweis {
color:#666666;
font-size:0.7em;
line-height:120%;
}

.top40{
	margin-top:40px;
}
.top80 {
	margin-top:80px;
}
.pullquote {
	float: right;
	margin: 0 0 .4em 1em;
	width: 145px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 25px;
	line-height: 1.3em;
	background-color: transparent;
	
}

/* ### =tabelle ### */
table {
margin-top:1.5em;
background-color: #eee; 
border:1px solid #ddd;
font-size:90%;
}
th {
text-align:left; 
padding-left:1em;
height:25px;
border-bottom: 1px solid #ddd;
}
td {
padding:1em;
background-color: #fff;
border-bottom: 1px solid #ddd;
}
td a img {
border:0;
background:#fff; 
padding:0;
}
td a:hover img{
border:0; 
background:#fff; 
padding: 0;
}
#disco  #content td img {border: 1px solid #666;}
#disco #content img { border: 1px solid #333;}
#disco #content img.right { border: 0 none; position:relative;}
/* ############# */
.but_NK {
border: 1px solid #ddd; 
padding:0.5em;
background-color: #eee; 
}

/* ### =termine ### */
.event {
	margin-top:0.5em;
	position:relative;
	font-size:smaller;
}
p.tour {
margin-top:-1em;
margin-left:5em;
color:#666;
font-style:italic;
	}

.event p.termin {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	padding-left:1em;
	font-weight:bold;
	position:relative;
	border-top: 1px solid #ddd;
}
.wo span,
.termin span {
	color:#1A3C68;
	font-size:1.5em;
	line-height:150%;
	position:relative;
}
.event span.neu {
float:right;
color:red;
font-size:0.7em;
margin-right:6em;
}
.wo  {
	padding-left:1em;
	margin-left:4em;
	position:relative;
}

/* ### accordion -> Anzeigen von mehr Info ### */
.toggler {
	color: #999;
	margin-top:-1em;
	margin-bottom:0;
	margin-left:4.5em;
	padding: 1px 5px 2px 5px;
	font-weight: bold;
	width:80%; /*Achtung IE!*/
}

.element p {
padding-left:1em;
padding-right:6em;
margin-top:0;
margin-left:4em;
margin-bottom:1em;
line-height:135%;
font-size:0.85em;
position:relative;
width:80%;
}
 
/*via accordion eingeblendeter Text */ 
.mehrinfo {
color:#666666;
padding-left:13px;
padding-right:6em;
margin-top:0;
margin-left:4em;
margin-bottom:1em;
line-height:135%;
font-size:0.85em;
position:relative;
width:80%;/*Achtung IE!*/
}

/* ### =display ### */
.show {
display:block;
margin-top:20px;
margin-bottom:20px;
}
img.pfeil/*wg accordion  */ ,
.json,
hr {
display:none;
}

/* navlist -> TERMINE */
#navlist {
	float:right;
	background-color: #ACD9FF;
}
#navlist ul {
margin-left: 0;
padding-left: 0;
font-size:small;
}

#navlist li {
list-style-type: none;
width:200px;
padding-top:2px;
}

#navlist a { 
padding: 3px 10px; 
}

#navlist a:link, 
#navlist a:visited {
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover {
color: #fff;
background-color: #369;
text-decoration: none;
}


/* http://www.perun.net/2005/06/04/dhtml-container/ ---*/
#info.info-box {
display:block;
position: absolute;
padding: 1em;
visibility: hidden;
z-index: 999;
font-size:0.7em;
text-align:right;
}
#info img,
#plakat img {
float:none;
margin:10px 10px 10px 0px;
}
#info a:hover {
	text-decoration:none;
	border:0;
	background-color: transparent;
}
#info.info-box {
display:block;
position: absolute;
top: 5%;
left: 0;
padding: 1em;
visibility: hidden;
z-index: 999;
font-size:0.7em;
text-align:right;
}

#plakat p {
	display: block;
	padding: 4px;
	background-color: #CCCCCC;
	border: 1px solid #333;
	margin-bottom: 0px;
	width: 150px;
}

.AV p {
	font-size:0.7em;
}

/* Formulare */
#left form fieldset{
border:0;
background:transparent;
}
#left form legend{
font-size:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Definitionsliste */
dl {
font-size:85%;
line-height:130%;
width:75%;
}
dt {
background-color:transparent;
padding:5px 0 2px 10px;
height:auto;
margin-top:5px;
border-bottom:1px solid #A5C2E8;
font-weight:bold;
}
dd {
padding:5px 0 3px 5px;
}
dt a {color:#000;}

/* //////////////////////////////////////////// */
img {height: auto;
}

img,
iframe {
  max-width: 100%;
}

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

/* ///////////////////////////////////////////////////// */
@media print {

body {
font-family: 'Lucida Grande',Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
color: #000;
background: white;
line-height: 1.4;
position: relative;
width:90%;
}
#wrap {background:none; width:100%;margin-left:0;}
#content {margin-left:2cm;}
h1,h2,h3 { 
page-break-after:avoid; 
display:block;
visibility:visible;
color:#000;
}

a {color:#000;}
a,
a img,
img a {
	text-decoration:none;
	border:0;
}
.logofixed {float:right;}
/* ### wg replacement ### */
span.print-text {display: inline !important ;}
img.replacement {display: block;}

h1, h2 {display: block;visibility:visible;}
/* ### */
#printOnly,
.noshow {
display:block;
}

.show,
.AV {
display:none;
}

.noshow {
margin-top:50px;
padding-top:10px;
border-top:1px solid #eee;
}

#titel,
.noprint,
.scrollbot,
.scrolltop,
img.i-bot,
#vnav,
#fnav,
#block #t_nav,
#footer,
#info  {
display: none;
}

.bold {font-weight:bold;}

#titel,
.hinweis,
.klein,
.small { 
font-size:9px;
}

dt {margin-top:10px;font-weight:bold;}
#gal ul {list-style-type:none;}
#gal li {font-weight:bold; margin-top:10px;}

#gal li.datum,
#gal li.was {float:none; font-weight:normal; margin-top:0; }

#termine p.termin {
border-top:1px solid #ddd;
padding-top:3px;
margin-top:10px;
font-weight:bold; 
}
#termine p.wo,
#termine .mehrinfo {
margin-left: 2cm;
}
#termine img.pfeil {display:none;}
#termine p.toggler {display:none;}

} /*bleibt*/