/* ------------------------------------------- */
/* CSS Angaben fuer den Body Bereich */
body {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #369;
}

/* ------------------------------------------- */
/* CSS Angaben fur die Aussentabelle Randfarbe */

.outborder {
background-color: none;
}

/* CSS Angaben fur die Aussentabelle Innenfarbe  
Abstaende und Textfarben*/
.outinnen {
background-color: #ffffff;
padding: 2px;
font-size: 11px;
color: #fff;
}
/* ------------------------------------------- */
/* CSS Angaben fuer alle Tabellenraender der Gaestebuchausgabe
Tabellen */

.gbentry {
background-color: #f93;
margin-bottom: 5px;
}

.gbentrytop, .gbentryout, .gbentrybottom {  
padding: 2px;
}

/* GB-Eintragstemplate oben */
.gbentrytop {
background-color: #f93;
font-size: 11px;
color: #369;
}

/* GB-Eintragstemplate mitte */
.gbentryout {
background-color: #ffffff;
font-size: 11px;
color: #369;
}

/* GB-Eintragstemplate unten */
.gbentrybottom {
background-color: #f93;
font-size: 11px;
color: #369;
}

.gbentrytop a, .gbentryout a, .gbentrybottom a {  
font-size: 11px;
color: #369;
text-decoration: none;
}
.gbentrytop a:hover, .gbentryout a:hover, .gbentrybottom a:hover {  
font-size: 11px;
color: #369;
text-decoration: underline;
}
/* ------------------------------------------- */
/* CSS Angaben fuer die Formularelemente */

.feld {
background-color: #fff;
font-family: Verdana, Arial;
font-size: 11px;
border: 1px solid #fff;
width: 200px; 
}
.textfeld {
background-color: #fff;
font-family: Verdana, Arial;
font-size: 11px;
border: 1px solid #fff;
width: 300px; 
}
.los {
background-color: #f93;
font-family: Verdana, Arial;
font-size: 11px;
border: 1px solid #f93;
width: 100px; 
}

form {
display: inline;
}
/* ------------------------------------------- */
/* CSS Angaben fuer GB Navi zum Seitenweisen blaettern*/

.naviborder {
background-color: #fff;
}

.tc {
font-family:Verdana, Arial;
font-size: 11px;
text-align: center;
background-color: #fff;
padding: 2px;
width: 20px;
}

.tca {
font-family:Verdana, Arial;
font-size: 11px;
font-weight: bold;
padding: 2px;
width: 18px;
text-align: center;
background-color: #fff;
}

.tci {
font-family:Verdana, Arial;
font-size: 11px;
padding: 2px;
color: #000000;
font-weight: bold;
text-align: center;
background-color: #fff;
}

.tc a {
text-decoration: none;
color: #369;
}
.tc a:hover {
text-decoration: none;
color: #369;
}

/* ------------------------------------------- */

/* --------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(http://www.orientalischer-tanz-karlsruhe.de/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(http://www.orientalischer-tanz-karlsruhe.de/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(http://www.orientalischer-tanz-karlsruhe.de/images/logo-header-01.jpg) no-repeat;
	background-position:right;
	z-index: 1;}
	
#boxleft{
	width:322px;
	min-height:500px;
	background:url(http://www.orientalischer-tanz-karlsruhe.de/images/bg-boxleft.jpg) no-repeat;
	background-position:right top;
	float:left;}
	
	
#content{
	min-height:520px;
	background:url(http://www.orientalischer-tanz-karlsruhe.de/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;}

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


/*------------------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------------------*/
#gaestebuch{
	background: url(http://www.orientalischer-tanz-karlsruhe.de/images/headlines/gaestebuch.gif) no-repeat;
	height:45px;
	font-size: 0.001em;
	text-indent:-4000px;}