/* CSS (c) by T.Klaiber */

html {
	margin: 0;
	padding: 0;
	height:100%;
}

body{
	margin:0;
	padding:0;	
    font-family: Helvetica, Arial, Verdana,  sans-serif;	 
	font-size: 14px;/*small;*/
	line-height: 1.5em;
	color: #000000;
	height:739px;	
}


#wrapper{
	margin:auto;
	padding:10px 10px 10px 11px;
 	width:1005px;
	height: 739px;
	background:#fff;
	height:100%;
	background:transparent url(./img/rahmen.JPG) no-repeat 0 0;
}

#header{
	margin:0;
	padding:0;
	width:996px;
	height:132px;
	background:transparent url(./img/logo.JPG) no-repeat 0 0;
	border-left: #FFFFFF 2px solid;
	border-top: #FFFFFF 2px solid;
	border-buttom: #FFFFFF 1px solid;
	text-decoration: none;
}

/* Start Mainnavi  */

ul#mainNavi {
	width:996px;
	height:31px;
	margin:0;
	padding: 0 0 0 0;
	background:transparent url(./img/navi.jpg) no-repeat -2px 0 ;
	overflow:hidden;
	list-style-type:none;
	border-left: #FFFFFF 2px solid;
	border-right: #FFFFFF 2px solid;
	border-top: #FFFFFF 2px solid;
}

ul#mainNavi li{
	margin: 0;
	padding:0;
	display:block;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-decoration: none;
}


ul#mainNavi li a{
	text-indent:-5000px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	height:31px;
}

ul#mainNavi li#leer a {
	width:156px;
	text-indent:-5000px;
	visibility:hidden;
}
ul#mainNavi li#home a {width:144px;}
ul#mainNavi li#galerie a {width:144px;}
ul#mainNavi li#kontakt a {width:144px;}
ul#mainNavi li#impressum a {width:146px;}

ul#mainNavi li#home a:hover {background:transparent url(./img/navi.jpg) no-repeat -158px -32px ;}
ul#mainNavi li#galerie a:hover {background:transparent url(./img/navi.jpg) no-repeat -302px -32px ;}
ul#mainNavi li#kontakt a:hover {background:transparent url(./img/navi.jpg) no-repeat -446px -32px;} 
ul#mainNavi li#impressum a:hover {background:transparent url(./img/navi.jpg) no-repeat -590px -32px;} 

ul#mainNavi li#home a:active {background:transparent url(./img/navi.jpg) no-repeat -158px -64px ;}
ul#mainNavi li#galerie a:active {background:transparent url(./img/navi.jpg) no-repeat -302px -64px ;}
ul#mainNavi li#kontakt a:active {background:transparent url(./img/navi.jpg) no-repeat -446px -64px;} 
ul#mainNavi li#impressum a:active {background:transparent url(./img/navi.jpg) no-repeat -590px -64px;}

ul#mainNavi li#home a.act{background:transparent url(./img/navi.jpg) no-repeat -158px -64px;}
ul#mainNavi li#galerie a.act{background:transparent url(./img/navi.jpg) no-repeat -302px -64px;}
ul#mainNavi li#kontakt a.act{background:transparent url(./img/navi.jpg) no-repeat -446px -64px;}
ul#mainNavi li#impressum a.act{background:transparent url(./img/navi.jpg) no-repeat -590px -64px;}

/* Start Sidebar */

ul#sidebar {
	margin:0;
	padding:0;
	height:100%;
	width: 157px;
	overflow:hidden;
	list-style-type:none;
	float:left;
	background:transparent url(./img/side.jpg) no-repeat 0 0;
}

ul#sidebar  li {
 	margin:0;
 	padding:0;
 	width: 158px;
 	display:block;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-decoration: none;
 	border-bottom: #fff 1px solid;
}

ul#sidebar li a{
	text-indent:-5000px;
	margin:0;
	padding:0;
	display:block;
	/* wenn das float weg is siehste den text */
	float:left;
	width:157px;
}

ul#sidebar li#leer2 a {
	/*text-indent:-5000px;*/
	visibility:hidden;
	height: 29px;
}
ul#sidebar li#fuss a {height: 50px;}
ul#sidebar li#gift a {height: 49px;}
ul#sidebar li#medi a {height: 49px;}
ul#sidebar li#elektro a {height: 49px;}
ul#sidebar li#semi a {height: 32px;}
ul#sidebar li#meditation a {height: 32px;}
ul#sidebar li#vital a {height: 32px;}


ul#sidebar li#fuss a:hover {background:transparent url(./img/side.jpg) no-repeat -160px -30px ;}
ul#sidebar li#gift a:hover {background:transparent url(./img/side.jpg) no-repeat -160px -81px ;}
ul#sidebar li#medi a:hover {background:transparent url(./img/side.jpg) no-repeat -160px -131px ;}
ul#sidebar li#elektro a:hover {background:transparent url(./img/side.jpg) no-repeat -160px -181px ;}
ul#sidebar li#semi a:hover {background:transparent url(./img/side.jpg) no-repeat -160px -231px ;}
ul#sidebar li#meditation a:hover {background:transparent url(./img/side.jpg) no-repeat -160px -264px ;}
ul#sidebar li#vital a:hover {background:transparent url(./img/side.jpg) no-repeat -160px -297px ;}

ul#sidebar li#fuss a:active {background:transparent url(./img/side.jpg) no-repeat -320px -30px ;}
ul#sidebar li#gift a:active {background:url(./img/side.jpg) no-repeat -320px -81px ;}
ul#sidebar li#medi a:active {background:transparent url(./img/side.jpg) no-repeat -320px -131px ;}
ul#sidebar li#elektro a:active {background:transparent url(./img/side.jpg) no-repeat -320px -181px ;}
ul#sidebar li#semi a:active {background:transparent url(./img/side.jpg) no-repeat -320px -231px ;}
ul#sidebar li#meditation a:active {background:transparent url(./img/side.jpg) no-repeat -320px -264px ;}
ul#sidebar li#vital a:active {background:transparent url(./img/side.jpg) no-repeat -320px -297px ;}

ul#sidebar li#fuss a.act {background:transparent url(./img/side.jpg) no-repeat -320px -30px ;}
ul#sidebar li#gift a.act {background:url(./img/side.jpg) no-repeat -320px -81px ;}
ul#sidebar li#medi a.act {background:transparent url(./img/side.jpg) no-repeat -320px -131px ;}
ul#sidebar li#elektro a.act {background:transparent url(./img/side.jpg) no-repeat -320px -181px ;}
ul#sidebar li#semi a.act {background:transparent url(./img/side.jpg) no-repeat -320px -231px ;}
ul#sidebar li#meditation a.act {background:transparent url(./img/side.jpg) no-repeat -320px -264px ;}
ul#sidebar li#vital a.act {background:transparent url(./img/side.jpg) no-repeat -320px -297px ;}

/* Start Content */

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

a:hover {
	text-decoration: none;
	border: 0;
}

a:active {
	text-decoration: none;
	border: 0;
}

#content{
	/*background-image: url(./img/main.JPG);*/
	background-color: #d1e0f0;
	overflow:auto;
	margin:0;
	padding:61px 77px 100px 77px;
	width:686px;
	height:386px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #263960;
	line-height: 14pt;
	float:left;
	background-repeat: no-repeat;
	border-left: #fff 1px solid;
	border-top: #fff 1px solid;
	/*border-bottom: #fff 0px solid;*/
	
}


#content p {
	margin: 10px 0 0 0;
	padding: 0px;
	width: 500px;
    font-family: Helvetica, Arial, Verdana,  sans-serif;	 
	font-size: 14px;/*small;*/
	color: #263960;
	line-height: 1.5em;
	overflow:auto;
}

#content h1 {
	margin: 0 0 45px 0;
	padding: 0;
    font-family: Helvetica, Arial, Verdana,  sans-serif;	 
	font-size: 16px;
	font-weight: bold;
	color: #263960;
	width: 500px;
	border-bottom: #fff 2px solid;
	line-height: 22pt;
	text-align:left;
}

#content h2 {
	margin: 25px 0 5px 0;
	padding: 0;
    font-family: Helvetica, Arial, Verdana,  sans-serif;	 
	font-size: 14px;
	color: #263960;
	font-weight: bold;
	width: 500px;
	text-align:left;
}

#content ul {
	margin: 0 20px 0 20px;
	padding:0;
	color: #263960;
}

#content ul li {
	margin: 5px 0 5px 0;
	padding:0;
	color: #263960;
}

#content a {
	color: #304ea5;
}

#content u {
	color: #304ea5;
}

.clear {
	clear:both;
}