/* --------lilo-fried.de- STYLE-------- */

/*	1.basics
	2.layout
	3.links
	4.content
	5.navi
	6.subnavi
	7.headlines
	8.show-layer
	 */
	
/*------------------1.basics------------------*/
html, body, div, p, h1, h2, h3, ul, ol,  span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;}

:focus {outline: 0;}

html, body{
	font-family: "Trebuchet MS", Tahoma;
	color:#fff;
	background: url(../images/bg.jpg) #001b31;
	background-position:top center;
	font-size: 14px;
	background-repeat:repeat-x;}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR:#5a9ece;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	scrollbar-3d-light-color: #ffffff;}

p{	margin:25px 0 25px 0;
	line-height:1.5em;
	text-align:justify;}
	
h3{	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	padding:25px 15px 5px 0;}
	
h4{color:#f93; font-weight:bold; font-size:14px; margin-bottom:-20px;}
	
/*------------------2.layout------------------*/
#container{
	margin: 0px auto;
	width:898px;
	position:relative;}
		
#header{
	height:304px;
	position:relative;
	background: url(../images/bg-header.jpg) no-repeat;
	background-position:right;
	z-index: 1;}

#header h1{
	font-size: 0.001em;
	color: #fff;
	position:absolute;
	text-indent:-4000px;
	z-index: 1;}
	
#header h1 a{
	width:160px;
	height:150px;
	font-size: 0.001em;
	color:#001b31;
	text-decoration: none;
	display: block;
	overflow: hidden;
	top:125px;
	left:100px;
	position:absolute;}
	
#header h1 a:hover{
	background:url(../images/logo-header-01.jpg) no-repeat;
	background-position:right;
	z-index: 1;}
	
#boxleft{
	width:322px;
	min-height:500px;
	background:url(../images/bg-boxleft.jpg) no-repeat;
	background-position:right top;
	float:left;}
	
#content{
	min-height:520px;
	background:url(../images/bg-content.jpg) no-repeat;
	margin-left:322px;
	padding:15px 40px 25px 40px;}
	
#buerozeiten{
	text-align:right;
	margin-left:125px;
	width:160px;}
	
#footer{
	padding:30px 0 30px 0;
	background:#fff;
	color:#369;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	text-align:center;}
	
#footer a{color:#369;}	
/*------------------3.links------------------*/

a { text-decoration:underline;color:#fff;}
a:hover { text-decoration:none; color:#f93;}

/*------------------4.content------------------*/
.text-gelb{color:#f93;}

.bg-blau{
	background:#369;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;	
	display:block;
	padding:5px 15px 5px 10px;
	line-height:1.3em;}
	
.bg-hellblau{
	background:#164267;
	display:block;
	padding:13px;
	line-height:1.3em;
	font-style:italic;}
	
.bg-unterricht{
	background:#369;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;	
	display:block;
	padding:5px 15px 5px 10px;
	line-height:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;}
	
.bg-unterricht a{text-decoration:none;}
.bg-unterricht a:hover{text-decoration:underline;}
	
.img{ border:3px solid #fff; margin:10px 15px 10px 0;}
.img-right{ border:3px solid #fff; margin:7px 7px 10px 20px; float:right;}
.img-left{ border:3px solid #fff; margin:7px 20px 10px 7px; float:left;}

.back{text-align:right; padding:25px 0 0 0; font-size:12px;}
.back a{ color:#f93; text-decoration:none;}
.back a:hover{ text-decoration:underline;}

.download{
	background:url(../images/pdf-icon.gif) no-repeat;
	padding:5px 0 0 30px;
	height:30px;}
.text-cms{font-size:11px; margin:10px 0 8px 2px;text-align:left; line-height:1.0em;}
.headline-cms{font-size:11px;margin:5px 0 -10px 2px; font-weight: bold;}
.txtbolditalic{font-weight:bold; font-style:italic;}
.txt-left{ float:left; width:150px; margin-top:0px;}
.txtbold{font-weight:bold;}


/*------------------5.navi-----------------*/
#navi{
	width:160px;
	margin:55px 0 0 125px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	border-bottom:3px solid #fff;}	
	
#navi ul{list-style: none;}

#navi li{
	text-align: right;
	width:160px;
	margin-bottom:2px;}
	
#navi li a{
	width:145px;
	height:24px;
	line-height:22px;
	text-decoration: none;
	text-align:right;
	padding-right:15px;
	background:#369;	
	display:block;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	color:#fff;}
	
#navi li a:hover {
	width:145px;
	background:#4f94d6;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;}
	
/*------------------6.subnavi-----------------*/	
#subnavi{
	position:absolute;
	left:360px;
	top:15px;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;}
	
#subnavi ul{display:inline;list-style-type:none;}	
#subnavi li {display:inline; padding-right:10px;}
#subnavi li a{text-decoration:none; color:#fff;}	
#subnavi li a:hover {text-decoration:underline;}

/*------------------7.headlines------------------*/
#willkommen{
	background: url(../images/headlines/willkommen.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#lilo{
	background: url(../images/headlines/lilo.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#team{
	background: url(../images/headlines/team.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#tanzstudio{
	background: url(../images/headlines/tanzstudio.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#aktuelles{
	background: url(../images/headlines/aktuelles.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#unterricht{
	background: url(../images/headlines/unterricht.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#taichi{
	background: url(../images/headlines/taichi.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
	
#gymnastikmityoga{
	background: url(../images/headlines/gymnastikmityoga.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}	
#links{
	background: url(../images/headlines/links.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}	
#singen{
	background: url(../images/headlines/singen.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#kindertanz{
	background: url(../images/headlines/kindertanz.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#bauchtanzen{
	background: url(../images/headlines/bauchtanzen.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#workshops{
	background: url(../images/headlines/workshops.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#seminare{
	background: url(../images/headlines/seminare.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#galerie{
	background: url(../images/headlines/galerie.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#presse{
	background: url(../images/headlines/presse.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#gaestebuch{
	background: url(../images/headlines/gaestebuch.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#newsletter{
	background: url(../images/headlines/newsletter.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#kontakt{
	background: url(../images/headlines/kontakt.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#danke{
	background: url(../images/headlines/danke.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#anfahrt{
	background: url(../images/headlines/anfahrt.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#impressum{
	background: url(../images/headlines/impressum.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
#bodystyling{
	background: url(../images/headlines/bodystyling.gif) no-repeat ;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}
/*--------------- 8. show-layer ------------------*/

.ul-showlayer{
	margin:15px 0 25px 0;
	font-size:1em;
	line-height:1.5em;}


.ul-showlayer li {
	list-style-type: none;
	margin-bottom:6px;
	line-height:1.5em;
	text-align:justify;}