/* ----- schriften ----- */


html, body {
	color: #135454;
	font-size: 12px;
	font-family: 'Verdana';
	background: #fff url(im/menubg.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height: 100%;
}

.clear {
	clear: both;
	height: 30px;
}

p {
	margin: 10px 30px 10px 40px;
}

.menu p {
	margin:0px 10px 20px 25px;
	font-size:9px;
	color:#fff;
	text-transform: uppercase;
}
.texte p {
	margin: 10px 0px 10px 0px;
	color:#135454;
	font-size:12px;
	line-height: 1.4em;
}
.aquarell p {
	margin: 10px 0px 10px 0px;
}

#content_footer p {
    margin: 10px 0px 10px 60px !important;
	margin: 10px 0px 10px 85px;
	font-size:10px;
	text-align:justify;
}

h3 {
	margin: 0px 0px 10px 0px;
	font-size:12px;
	color:#39b3b6;
}

a {
	text-decoration: none;
	color:#bfa292;
}

a:hover {
	text-decoration: none;
	color:#39b3b6;
}

a img {
	border: none;
}

/*----- menu ----- */


#auswahl {
	margin: 0;
	padding: 0;
	width: 130px;
	list-style: none;
	overflow: hidden;
}

#auswahl li {
	width: 130px;
	overflow: hidden;
	text-transform: uppercase;
	font-size:9px;
	font-weight:bold;
}

#auswahl a {
	color:#0f7679;
}
#auswahl a:hover {
	color:#CCFFCC;
}

.auswahl_punkt a  {
	display: block;
	width: 130px;
	height: 20px;
	background: url(im/menu.png) no-repeat;
	padding-left:25px;
	line-height:20px;
}

.auswahl_ende a  {
	display: block;
	width: 130px;
	height: 21px;
	background: url(im/menu.png) no-repeat;
	background-position: 0 0px;
	padding-left: 25px;
	line-height:21px;
}

.auswahl_punkt a:hover {
	background-position:  0 -20px;
	color:#fff;
}

.auswahl_ende a:hover {
	background-position:  0 -20px;
	color:#fff;
}


/*----- navigation ----- */


#navigation {
   margin: 0px 0px 0px 25px;
   font-size: 10px;
   width: 90px;
}

#navigation ul {
	list-style: none;
	width: 90px;
	margin: 0px;
	padding: 0px;
	right: 0px;
	border-bottom: 0px solid #fff;
}

#navigation li {
   padding: 3px 15px 6px 15px;
   border-bottom: 1px solid #fff;
   height: 10px;
   line-height: 1.2em;
   background-color: #CCCCCC;
   color: #c63;
}

#navigation li:hover {
   background-color: #39b3b6;
   color: #fff;
}

#navigation a {
font-weight: bold;
	color:#fff;
}
#navigation a:hover {
	color:#CCFFCC;   
}   


/*----- seitenaufbau und hintergruende ----- */

#container_willkommen {
	width: 1000px;
	background: url(im/willkommen.png) 30px 0px no-repeat !important;
	background: url(im/willkommen.png) 60px 0px no-repeat;
	min-height: 100%;
	height: 100%;
}

#container {
	width: 1000px;
	background: url(im/w.jpg) 30px 0px no-repeat !important;
	background: url(im/w.jpg) 60px 0px no-repeat;
	min-height: 100%;
	height: 100%;
}

#logo {
	width: 130px;
	height: 120px;
	text-align: left;
	float: left;
	margin: 0 0 0 20px;
}

.menu {
	width: 130px;
	float: left;
	margin: 0 0 0 10px;
}

#head {
    width: 790px !important;
	width: 820px;
	height: 120px;
	float: left;
	text-align: right;
}

#inhalt {
	width: 840px;
	float: left;
	margin: 0 0 0 20px;
	background: url(im/bg.png) 10px 0px repeat-y !important;
	background: url(im/bg.png) 20px 0px repeat-y;
}

.texte {
	width: 390px;
	margin: 0px 10px 0px 10px;
	float: left;
}

.aquarell {
	width: 170px;
	margin: 0px 0px 0px 20px;
	float: left;
}

.navi {
	width: 90px;
	margin: 0px 0px 0px -10px;
	float: left;
}