/* 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#a {
		padding:15px 0 15px  47px;
		background:url(../images/inhalt/arrangements/sonnentage.gif) no-repeat 0 50%;
		}
	h2#b {
		padding:15px 0 15px  47px;
		background:url(../images/inhalt/arrangements/kegeln.gif) no-repeat 0 50%;
		}
	h2#c {
		padding:15px 0 15px  47px;
		background:url(../images/inhalt/arrangements/weihnachten.gif) no-repeat 0 50%;
		}
	h2#d {
		padding:15px 0 15px  47px;
		background:url(../images/inhalt/arrangements/silvester.gif) no-repeat 0 50%;
		}
	h2#e {
		padding:15px 0 15px  47px;
		background:url(../images/inhalt/arrangements/gold.gif) no-repeat 0 50%;
		}
	h2#f {
		padding:15px 0 15px  47px;
		background:url(../images/inhalt/arrangements/kraeuter.gif) no-repeat 0 50%;
		}
	h2#g {
		padding:15px 0 15px  47px;
		background:url(../images/inhalt/arrangements/geocaching.gif) no-repeat 0 50%;
		}
	h2#h {
		padding:15px 0 15px  47px;
		background:url(../images/inhalt/arrangements/wellness.gif) no-repeat 0 50%;
		}
	h2#i {
		padding:15px 0 15px  47px;
		background:url(../images/inhalt/arrangements/herbst.gif) no-repeat 0 50%;
		}
	h2#j {
		padding:15px 0 15px  47px;
		background:url(../images/inhalt/arrangements/ostern.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 1.7em 2em 1.7em;
	line-height:1.5em;
	}
p.img {
	margin:1em 0 0 1em;
 }

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;
}

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;
}

img.logo-im-text {
	padding:0  !important;
	background:none  !important;
	border:none  !important;
	}

/* * * * * * * * * * * * * * * * * * */
/* * 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;
	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 ;
			}
		img#logo2 {
				margin:41px 0 0 35px;
				float:left;
			}
	#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:91px 0 0 0;
			margin:0;
			}
/***************************************/
	#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 ul li,
			#hauptnavigation-start ul li {
				color:#fff;
				font-size:0.7em;
				line-height:2.3em;
				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 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,
	#inhalt {
		background:url(../images/layout/startseite_mitte.jpg) no-repeat 0 0;
		width:817px;
		height:464px;
		float:left;
		text-align:left;
		position:relative;
		}
	#inhalt {
		background:url(../images/layout/hg-inhalt.gif) no-repeat 3px 0;
		height:auto;
		position:relative;
		}
		#inhalt ul.www {
				margin-left:140px;
			}
		#inhalt img {
			background-color:#fff;
			border:1px solid #CCC;
			padding:5px;
			margin:0.5em 1em 1em 0;
		} 
			#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;
		}
		.rechts {
				float:left;
				text-align:left;
			}
	
	.dreispaltig {
			width:33%;
			text-align:center;
			float:left;
		}
	
		#startseite-flaggen {
				position:absolute;
				left:625px;
				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:400px;
		text-align:center;
		}

/***************************************/
			
	#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;
	}