/* Stylesheet: www.untere-kapfenhardter-muehle.de  */
/* Copyright: Franziska Mälzer  */
/* */
/**/
/* * * * * * * * * * * * * * * * * * */
/* Farben:   *//* background-color:#124391;   */
/* * * * * * * * * * * * * * * * * * */
/* /* * * * * * * * * * * * * * * * * * */
/* Allgemeine Definitionen * * * * * */
/* * * * * * * * * * * * * * * * * * */
* {
	padding: 0;
	margin: 0;
}
html {
	height:101%;
}
body {
	min-height: 101%;
	font-size: 100.01%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#dbe3ef;
}
h1 {
	font-size:1em;
	margin:2em;
	color:#339;
	padding-bottom:4px;
	border-bottom:1px solid #339;
}
h2 {
	font-size:0.9em;
	margin:2.3em 2.3em 1em 2.3em;
	color:#339;
}
h2.zimmer {
	font-size:1.1em;
	margin-left:1.9em;
	}
h2#a {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/sonnentage.gif) no-repeat 0 50%;
}
h2#b {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/kegeln.gif) no-repeat 0 50%;
}
h2#c {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/wochenmitte.gif) no-repeat 0 50%;
}
h2#d {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/silvester.gif) no-repeat 0 50%;
}
h2#e {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/tannen.gif) no-repeat 0 50%;
}
h2#f {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/kraeuter.gif) no-repeat 0 50%;
}
h2#g {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/geocaching.gif) no-repeat 0 50%;
}
h2#h {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/wellness.gif) no-repeat 0 50%;
}
h2#i {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/herbst.gif) no-repeat 0 50%;
}
h2#j {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/ostern.gif) no-repeat 0 50%;
}
h2#k {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/landtour.gif) no-repeat 0 50%;
}
h2#l {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/Schnee.gif) no-repeat 0 50%;
}
h2#m {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/Narrenfrei.gif) no-repeat 0 50%;
}
h2#n {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/Sommer.gif) no-repeat 0 50%;
}
h2#o {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/Nebel.gif) no-repeat 0 50%;
}
h2#p {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/holiday.gif) no-repeat 0 50%;
}
h2#q {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/muehlentage.gif) no-repeat 0 50%;
}
h2#r {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/bikertour.gif) no-repeat 0 50%;
}
h2#s {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/himmelsglueck.gif) no-repeat 0 50%;	
}
h2#t {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/tannenzweigle.gif) no-repeat 0 50%;	
}
h2#u {
	padding:15px 0 15px 47px;
	background:url(../images/inhalt/kurzreisen/valentinstag-mini.gif) no-repeat 0 50%;	
}

div.rechts h2 {
	margin-top:0.5em;
}
h3 {
}
h4 {
}
p {
	font-size:0.8em;
	margin:1em 2.7em 0 2.7em;
	line-height:1.5em;
	color:#306;
}
table {
	font-size:0.8em;
	margin:0 2.7em 0 2.7em;
	line-height:1.5em;
	color:#306;
}
td {
	vertical-align: top;
}
p.klein {
	font-size:0.7em;
	margin:0 1em 2em 3.2em;
	line-height:1.5em;
}
p.img {
	margin:1em 0 0 2.7em;
}
ul, ol {
	list-style-type:none;
	margin:1em 2.5em;
}
li {
	font-size:0.8em;
	line-height:1.5em;
	color:#306;
	background:url(../images/layout/hg-li.jpg) no-repeat 0 6px;
	padding-left:15px;
}
ul.gross li {
	font-size:1em;
	}
a:link, a:visited, a:focus, a:hover, a:active {
	color:#309;
}
a:visited {
}
a:focus, a:hover, a:active {
	text-decoration:none;
}
img, a img {
	border: 0;
	max-width:100%;
	height:auto;

}
img.logo-im-text {
	padding:0 !important;
	background:none !important;
	border:none !important;
	max-width:100%;
	height:auto;

}/* * * * * * * * * * * * * * * * * * *//* * Allgemeine Klassen  * * * * * * *//* * * * * * * * * * * * * * * * * * */
.unsichtbar {
	display: block;
	position: absolute !important;
	top: -6000px !important;
	left: -6000px !important;
	height: 1px !important;
	width: 1px !important;
}
.stopFloat {
	display: block;
	clear: both;
	float: none;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
}
.rightFloat {
	float:right;
	margin:0 0 0 0.5em;
}
.leftFloat {
	float:left;
	margin:0 0.5em 0 0;
}
.rightAlign {
	text-align:right;
}
.leftAlign {
	text-align:left;
}
.mitte {
	text-align:center;
}/* * * * * * * * * * * * * * * * * * *//* * Ebenen  * * * * * * * * * * * * *//* * * * * * * * * * * * * * * * * * */
#wrapper-start, #wrapper {
	margin:0 auto;
	padding-top:8px;
	padding-bottom:20px;
	max-width:1000px;
	background-color:#124391;
	border-right:5px solid #124391;
	border-left:5px solid #124391;
}
#wrapper {
	padding-top:0;
	padding-bottom:0;
	background:url(../images/layout/bg-wrapper.gif) repeat-y top left;
}/***************************************/
#startseite-oben {
	background:url(../images/layout/startseite_oben.jpg) no-repeat 0 0;
	height:129px;
	text-align:left;
}
img#logo {
	margin:4px 0 0 0;
	float:left;
}
img#logo2 {
	margin:41px 0 0 35px;
	float:left;
}
img#logos3 {
	float:right;
	margin:41px 0 0 0;
	}
#oben {
	height:137px;
	background:url(../images/layout/oben.jpg) no-repeat 0 0;
	text-align:left;
}
#oben p {
	font-size:0.7em;
	text-align:left;
	color:#124391;
	line-height:1.5em;
	padding:60px 0 0 0;
	margin:0;
	float:left;
	width:50%;
}/***************************************/
#hauptnavigation, #hauptnavigation-start {
	float:left;
	width:183px;
	background-color:#124391;
	text-align:left;
}
#hauptnavigation {
	background:url(../images/layout/hg-navigation.gif) no-repeat top left;
	width:183px;
}
#hauptnavigation ul, #hauptnavigation-start ul {
	list-style-type:none;
	margin:0 1em 2em 0.8em;
	padding:0;
	padding-top:2em;
}
#hauptnavigation-start ul {
	margin:0 1em 0 0.8em;
}
#hauptnavigation ul li, #hauptnavigation-start ul li {
	color:#fff;
	font-size:0.7em;
	text-transform:uppercase;
	display:inline;
	padding:0;
}
#hauptnavigation ul li a, #hauptnavigation-start ul li a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0.45em 0.5em;
	border-bottom:1px solid #295498;
}
#hauptnavigation ul li a:focus, #hauptnavigation ul li a:hover, #hauptnavigation ul li a:active, #hauptnavigation-start ul li a:focus, #hauptnavigation-start ul li a:hover, #hauptnavigation-start ul li a:active {
	background-color:#3460a5;
}
#hauptnavigation ul li.aktiv a:link, #hauptnavigation ul li.aktiv a:visited, #hauptnavigation ul li.aktiv a:focus, #hauptnavigation ul li.aktiv a:hover, #hauptnavigation ul li.aktiv a:active, #hauptnavigation-start ul li.aktiv a:link, #hauptnavigation-start ul li.aktiv a:visited, #hauptnavigation-start ul li.aktiv a:focus, #hauptnavigation-start ul li.aktiv a:hover, #hauptnavigation-start ul li.aktiv a:active {
	font-weight:bold;
	color:#FC3;
	background:#3460a5 url(../images/layout/a-aktiv-hg.jpg) no-repeat 100% 50%;
}
#muehle {
	background-color:#fff;
	margin: 0 0 0 7px;
}/***************************************/
#startseite-inhalt {
	width:817px;
	height:464px;
	}
#startseite-inhalt, #inhalt {
	background:url(../images/layout/startseite_mitte.jpg) no-repeat 0 0;
	float:left;
	text-align:left;
	position:relative;
}
#startseite-inhalt.english {
	background:url(../images/layout/startseite_mitte_en.jpg) no-repeat 0 0;
}
#inhalt {
	background:url(../images/layout/hg-inhalt.gif) no-repeat 3px 0;
	height:auto;
	position:relative;
	width:80%;
}
#inhalt ul.www {
	margin-left:140px;
}
#inhalt img {
	background-color:#fff;
	border:1px solid #CCC;
	padding:5px;
	margin:0.5em 1em 1em 0;
}
#erlebnis #inhalt img{
	margin-right:0;
	}
#erlebnis p.klein {
	margin-left:2em;
	}
#inhalt img.ueberschrift {
	background:none;
	border:none;
	padding:0;
	margin:0;
	text-align: left;
}
#inhalt img.bilder {
	background:none;
	border:none;
	padding:0;
	margin:0 0 0 40px;
	float: left;
}
.zweispaltig {
	float:left;
	width:47.8%;
	text-align:right;
}
.einspaltig {
	float: left;
	width: 88%;
	margin-left: 34px;
	}

.rechts {
	float:left;
	text-align:left;
	margin-left:-10px;
}
.tagung {
	margin-left:0;
	}
.dreispaltig {
	width:33%;
	text-align:center;
	float:left;
}
#startseite-flaggen {
	position:absolute;
	left:624px;
	top:447px;
}
#startseite-flaggen img, #flaggen img {
	border:1px solid #333;
	float:left;
	margin-right:4px;
}
#flaggen img#deutsch {
	margin-left:40px;
}
#flaggen img {
	margin:40px 4px 10px 0;
}
#startseite-flaggen p, #flaggen p {
	color:#fff;
	font-size:0.7em;
	text-transform:uppercase;
	float:left;
	margin:0;
}
#flaggen p {
	margin:5px 0 10px 46px;
	clear:left;
}
#startseite-flaggen p a, #flaggen p a {
	color:#fff;
	text-decoration:none;
}
#startseite-flaggen p a:focus, #startseite-flaggen p a:hover, #startseite-flaggen p a:active, #flaggen p a:focus, #flaggen p a:hover, #flaggen p a:active {
	text-decoration:underline;
}
#startseite-flaggen p a.aktiv, #flaggen p a.aktiv {
	color:#FC3;
	text-decoration:none;
	font-weight:bold;
}
#logos {
	float:left;
	text-align:center;
	margin:1.5em 1em 0 0;
}
#logos img {
	margin-bottom:1em;
	padding:4px;
	background-color:#36C;
	border:1px solid #000;
}
#rechts {
	float:right;
	width:40%;
	text-align:center;
	margin:0 20px;
}/***************************************/
#startseite-footer {
	background:url(../images/layout/startseite_unten.jpg) no-repeat 0 0;
	height:93px;
	width:1000px;
	text-align:right;
	position:relative;
}
#startseite-footer #superior {
	position:absolute;
	top:0;
	left:35px;
}
#startseite-footer img {
	margin-right:15px;
  }
#startseite-footer p {
	position:absolute;
	left:185px;
	top:25px;
	font-size:0.8em;
	text-align:left;
	color:#124391;
	line-height:1.5em;
	margin:0;
}
#startseite-footer p a {
	color:#124391;
}
#footer {
	background-color:#124391;
	height:5px;
	width:1000px;
}
#inhalt img#navibutton {
	position:absolute;
	right:13px;
	top:13px;
	border:0px;
	cursor:pointer;
	display:none;
	}
#urlaub {
	position:fixed;
	left:30%;
	top:150px;
	color:#333;
	border:15px solid #e50003;
	background-color:#ffcb7d;
	padding:50px;
	border-radius:10px;
	font-size:0.9em;
	box-shadow: 10px 10px 15px black;
	z-index:1000;
	transform: rotate(-10deg);

	display:block; 
	}
#urlaub #aus {
	text-align:right !important;
	margin-top:-40px;
	margin-right:-40px;
	}
#valentinstag {
	position:absolute;
	left:0;
	top:0;
	border:15px solid #e50003;
	background-color:#ffcb7d;
	padding:50px;
	margin:30px 200px ;
	border-radius:10px;
	font-size:0.9em;
	box-shadow: 10px 10px 15px black;
	z-index:1001;

	display:none; 	
	}
#start-val {
	font-size:1.1em;
	text-align:left;
	}
img#img-val {
	width:auto;
	}
.rahmen {
	border:3px solid #e50003;
	border-radius:10px;	
	margin: 10px 30px 30px 30px;
	}
.rahmen p {
	margin-left:1.5em !important;		   
}
.oeff {
	width:30%;
	}
@media screen and (max-width:950px) {
		#inhalt,
		#footer {
			width:75%;
			}
}
@media screen and (max-width:880px) {
	#oben p {
		width: 40%;
		}
.wetter {
	width:90% !important;
	text-align: left;
	margin-left:5px;
	}
.wetter	iframe {
		margin-left:2em;
		}


}
@media screen and (max-width:780px) {
		#inhalt,
		#footer {
			width:70%;
			}
		img#logo2 {
			margin:41px 0 0 0;
		}
}
@media screen and (max-width:740px) {
	#body {
		background-color:#124391;
		}
	#wrapper {
		background:url(../images/layout/bg-wrapper-2.gif) repeat-y top left;
		}
	/*******************************************/
	.js #hauptnavigation {
		display:none;
		}
	/*******************************************/ 
	#oben {
		height:167px;
		background:url(../images/layout/oben-responsive.jpg) no-repeat 0 -20px ;
		}
	#oben p {
		padding-top:5px;
		position:absolute;
		color:#fff;
		width:95%;
		}
		#oben p a {
			color:#fff;
			}
	#inhalt,
	#footer {
			width:100%;
			}
	img#logo2 {
		margin: 71px 0 0 0;
	}
	img#logos3 {
		margin: 71px 0 0 0;
	}
	#inhalt img#navibutton {
		display:block;
	}
#hauptnavigation {
	width:100%;
	text-align: center;
	background:none;
	background-color:#124391;
	}
#flaggen p {
	float:none;
	margin:0;
	padding:0 0 20px 0;
	}
#flaggen img {
	float:none;
	margin:5px;
	padding:0;
	}
#flaggen img#deutsch {
    margin-left: 0px;
}
#urlaub {
top:280px;
left:10%;
	}
}
@media screen and (max-width:500px) {
.einspaltig {
	width: 85%;
	}
}
@media screen and (max-width:410px) {
/*	body {
		border:3px dashed #000;
		}
*/
#logo2,
#logos3 {
	width:50%;
	height:auto;
	}

}