@charset "UTF-8";
/* CSS Document BUF-UM */

/* --- Grundseite --- */
body	{height:100.1%; margin:4px; padding:0px; background-color:#f8f8f8; background-image:url(../media/Back/Logo_BG3.jpg); text-align:left; background-attachment:fixed; overflow-y:scroll;}
div.body	{background:#f9f9ff; max-width:1320px; padding:0; padding-bottom:12px; margin:0 auto; border:1px solid #aa0; box-shadow:10px 10px 20px #333}

/* --- Allgemeine HTML-Vorgaben für den Content (= editor.css für TinyMCE) --- */
p	{margin:9px 0px;}

/* --- speziell --- */
.en9100	{border:1px solid #000000; padding:2px;}

/* Aufzählungen, Listen */
hr {height:1px; color:#00509d; background-color:#00509d; border:0;}

/* --- Grundeinstellungen, Raster und Lage --- */
/* Header */
header,
div.header	{position:relative; margin:0px; padding-bottom:20px; line-height:8px; background-color:#05a;
			 background-image:url(../media/Logos/Panorama.jpg); background-repeat:no-repeat; height:114px; text-align:left; margin-bottom:12px}
header img	{width:100%; max-width:1320px;}
div.slogan	{position:relative; display:inline-block; font:normal 24px Verdana,Helvetica,Arial,Sans-Serif; text-align:left; margin-left:210px; margin-top:76px; color:white}

/* Breadcrumbs */
div.locator	{margin:0 6px 20px 6px; padding:6px 0px; border-bottom:1px solid #00509d;}

/* Navigation */
nav,
div.navigation	{display:inline-block; float:left; width:210px; margin:0px; padding-bottom:32px;}
nav ul	{list-style-type:none; margin:0px; padding:0px;}
nav ul li	{position:relative;}	/* Für Pflegesymbole in der Sitemap */
nav span,
nav a	{display:inline-block; background-color:#ffd; line-height:1.0em; padding:3px 3px; margin-right:5px; margin-top:0px; margin-bottom:6px; border:1px solid #aca; text-decoration:none;}

nav a:hover	{color:#060; background-color:#efe;}
nav span,
nav a.withsub	{background-color:#fe0; color:#003; text-decoration:none;}
.naviL2         {padding:20px 0px;}
span.L1, a.L1	{font-weight:bold;   width:180px; margin-left:6px;}
span.L2, a.L2	{font-weight:normal; width:170px; margin-left:16px;}
span.L3, a.L3	{font-weight:normal; width:166px; margin-left:20px;}
span.L4, a.L4	{font-weight:normal; width:162px; margin-left:24px;}
span.L5, a.L5	{font-weight:normal; width:158px; margin-left:28px;}

/* --------------------- Hamburger ------------ */
input#hamburg	{display:none}
label.hamburg	{display:none}

.line { 
   position: absolute; 
   left: 6px;
   height: 3px; width: 44px; 
   background: #fff; border-radius: 2px;
   display: block; 
   transition: 0.2s; 
   transform-origin: center; 
}
.line:nth-child(1) { top: 7px; }
.line:nth-child(2) { top: 16px; }
.line:nth-child(3) { top: 25px; }

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(9px) rotate(-45deg);
}
#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}
#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-9px) rotate(45deg);
}

@media only screen and (max-width: 679px) {
	label.hamburg { 
		display: inline-block; background: #1a6; width: 56px; height: 36px; vertical-align:top;
		position: relative; /* margin-left: auto; margin-right: auto; */
		border-radius: 3px; transition: border-radius .5s;
	}
/*
	nav ul li {display:block; width:100%;}
	nav ul li.isParent > a {background: url("/media/Icons/arrow-single.png") no-repeat scroll right 10px top 9px / 13px auto}
	nav ul li ul {position:relative; transition: 2s}
	nav ul li span ul {max-height:800px}
*/
	nav {float:none; max-height:0px; padding-bottom:0px; overflow: hidden; transition: 1s}
    div.slogan {margin-left:0px;}
	#hamburg:checked + .hamburg + nav {max-height: 800px;}
}

@media only screen and (max-width: 1352px) {
	div.body	{width:100%}
	.sidebar	{display:block; float:none; clear:both}
	div.content	{display:block}
}

/* Cookie-Hinweise: */
#cookies   {border:1px solid yellow; background-color:#eee; color:black; text-align:center;}

/* Inhalt / Content */
div.contentwrapper	{display:inline-block; float:right}
div.content	{display:inline-block; width:600px; padding-right:0px; margin:0; position:relative;}
.sidebar	{display:inline-block; float:right; width:200px; padding:0px 4px; border:1px solid green; border-radius:4px; margin:0px 5px 8px 4px; background-color:#ffc}
.sidebar ul	{padding-left:20px}

ul.sitemap, ul.sitemap ul	{list-style-type:none; margin:0px; padding:0px;}
ul.sitemap li	{padding-left:8px;}
ul.sitemap a	{text-decoration:none;}

/* Footer */
footer,
div.footer	{clear:both; border-top:1px solid #00509d; margin:6px; text-align:center;}


/* Formulare */
fieldset	{border:1px solid #1a6; border-radius:8px; margin:0px;}
label		{display:inline-block; width:180px;}
input[type=text], input[type=button], input[type=submit], input[type=password], input[type=email], textarea	{width:300px;}
textarea	{height:100px;}
legend		{color:#1a6;}
img.waiting	{width:32px; height:32px; border:none; margin:-16px 0 0 32px; visibility:hidden;}

table#energiecheck	{border-collapse:collapse; width:600px;}
table#energiecheck input	{width:120px;}

.selDay 	{width: 60px;}
.selMon		{width:159px;}
.selYear	{width: 80px;}

.sidebar label	{display:inline;}
.sidebar input[type=text], .sidebar input[type=password]	{width:98%;}

/* Content */
 h1, h2, h3, h4 {font-family:Arial,Verdana,Sans-Serif; font-weight:bold; margin-top:0px; margin-bottom:8px; color:#00509d;}
.h1,.h2,.h3,.h4 {font-family:Arial,Verdana,Sans-Serif !important; font-weight:bold !important; color:#00509d; !important}
h1	{font-size:1.8em}
.h1	{font-size:1.8em !important}
h2	{margin-top:1.6em; font-size:12pt}
.h2	{font-size:12pt !important}
h3	{font-size:1.4em}
.h3	{font-size:1.4em !important}
h4	{font-size:1.2em}
.h4 {font-size:1.2em !important}

blockquote	{border:1px solid #000; padding:6px; margin:0px;}
/* --- Gästebuch --- */
.gbwrapper	{width:100%; height:536px; overflow:auto; margin-bottom:4px;}
.gbtitle	{border:1px solid #1a6; border-radius:8px 8px 0px 0px; padding:4px; background-color:#1a6; color:white;}
.gbtitle a	{color:white; text-decoration:none}
.gbentry	{border:1px solid #1a6; border-radius:0px 0px 8px 8px; padding:12px 3px; margin-bottom:6px;}
.gbentry a	{text-decoration:none}
.gbedit		{font-size:0.85em; padding-top:12px}
input#Nickname	{display:none;}

/* --- Bilder --- */
/* --  Diashow  -- */
div#Galerie1	{position:relative; overflow:hidden; height:470px;}
/* --  manuelle Steuerung  -- */
div#Galerie1 a	{text-decoration:none; margin:0px 4px; font-size:20px; line-height:28px;}
div#Galerie1 a:hover, div#Galerie1 a:active	{color:black;}
div#Galerie1 a.normal	{color:#ccc; cursor:pointer;}
div#Galerie1 a.aktiv	{color:#000; cursor:default;}
/* --  Die Dias selbst -- */
img.Home		{position:relative; top:0px; left:0px; width:600px; height:450px; border-radius:50px; box-shadow:5px 5px 10px #000; opacity:1;}
img#Home1		{position:absolute; top:0px; left:0px; opacity:0;}

img.Galerie2	{height:120px;}
img.Lage		{cursor:pointer; width:184px; height:132px;}
img#L1,img#L2	{position:absolute; width:640px; height:460px; top:0px; left:-100px; display:none; cursor:pointer;
				 border-radius:10px; box-shadow:0px 0px 20px;}

.picbox img	{width:100px;}
img.voll	{width:336px; height:488px;}

/* --- Angaben für den Kalender --- */
/* -- Kalender mit CSS-Buttons: -- */
div.calbutton	{width:100px; height:80px; margin-top:20px; border-radius:20px; box-shadow:0px 0px 20px white; background:#cdf; color:black;
				text-align:center; padding-top:20px; transform:rotate(-5deg);}

/* -- Kalender allgemein (>3 Termine) -- */
p.calsummary	{font-weight:bold; padding-top:9px;}
div.calsummary	{display:inline-block;}

/* Routenplaner */
.map	{width:400px; height:240px;}

/* --  Styles für die KissGallery -- */
.kissgallery_head {text-align:center;}
.kissgallery {width:100%; background:none; text-align:center; border:none;}
/* Seitenauswahl */
.pageselect {display:inline-block; width:70px; border:1px solid #333; margin:0 1px 5px 1px; background:#eee;}
a.pageselect {color:blue;}
a.pageselect:hover, span.pageselect	{color:black;}
/* thumbs (table) */
.kissgallery_thumbs {background:none; margin:0 auto;}
.kissgallery_thumb_td {background:none; border:0px solid #bbb; padding:4px; text-align:center; vertical-align:top; font-size:12px; width:150px; height:130px;}
.kissgallery_thumb_td img {background:#fff; padding:4px;}
.kissgallery_thumb_td a img {border: 1px solid #aaa;}
.kissgallery_thumb_td a:hover img {background:#bba; border:1px solid #999;}
.kissgallery_thumb_td_empty {width:1px;}
.kissgallery_thumb_td input	{width:20px;}
.desc1 {}
.desc2 {color:green;}
.desc3 {color:lightgreen;}
.desc4 {color:lightblue;}
.groupleft  {border:2px solid red; border-right:0px solid black; width:300px;}
.groupright {border:2px solid red; border-left:0px solid black; width:300px;}

.kisspictures {float:right;}
.kisspictures img {background:#fff; padding:4px;}
.kisspictures a img {border: 1px solid #aaa;}
.kisspictures a:hover img {background:#bba; border:1px solid #999;}


.formWishlist	{padding:0px 0px 10px 0px;}

p.kissgallery_legal {font-size:11px; padding:8px;}
p.kissgallery_clearlist {font-size:12px; padding:6px;}

/* --- Die Buttons für hervorgehobene Hinweise --- */
div.nobutton{width:245px; height:85px; font-size:16px; line-height:22px; font-weight:normal; color:#764E3F; padding-top:100px;}
div.stern	{position:relative; margin:0px auto; padding-top:50px; width:187px; height:135px; color:white; font-size:20px; line-height:26px; text-align:center; vertical-align:middle; transform:rotate(-5deg);}
div.stern a {color:white;}
/* --- Allgemein Buttons für Hervorhebungen --- */
div.srot	{background:url(../media/Buttons/stern_rot.png);}
div.sblau	{background:url(../media/Buttons/stern_blau.png);}
div.sgelb	{background:url(../media/Buttons/stern_gelb.png);}
div.sgreen	{background:url(../media/Buttons/stern_green.png);}

/* --- Default-Bilder: --- */
img.calmissing	{width:336px; height:254px; margin-top:200px;}

div.overlay	{z-index:100; position:absolute;}

/* --- Ende des Contents und Extra-Content --- */
div.contend	{clear:both; width:100%;}

/* --- Suchbegriff --- */
span.hilite	{background-color:yellow}

/* --- DruckAnsicht --- */
body.print {max-width:18cm; padding:0 5mm; margin:2mm auto; height:25cm; border:1px solid red; background-color:white}
body.print p {color:#33f;}
body.print .noprint {display:none;}
.printlegal {font-size:13px;}