@CHARSET "UTF-8";
* { 
	font-family:Verdana, sans serif;
	font-size:12px;
	line-height:18px;
	color:#7f7a6d;
}
html { 
	padding:0; 
	margin:0; 
	height:100%; 
	width:100%; 
	overflow-y: scroll;
}
body { 
	height:100%; 
	width:100%; 
	padding:0; 
	margin:0; 
	position: relative; 
	top: 0; 
	left: 0; 
	font-family: Verdana, sans-serif; 
	font-size: 0.625em; 
}

#container {
width:1000px;
height: auto;
min-height: 100%;
position:relative;
top:0;
margin: 0 auto;
background-color: #CED0C0;
}
img#header {
display: block;
float: left;
margin: 0px;
}

.start #container {
height: 600px;
overflow: hidden;
background-image: url('../imgs/startseite.gif');	
}
.start #container a {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0px;
text-decoration: none;
}

.start #container a#diashowtour {
left: 720px;
width: 280px;
height: 280px;
background-image: url('../imgs/roberto_tour_star.gif');
}
#navigation {
position: absolute;
top: 231px;
left: 30px;
width: 220px;
height: 180px;
z-index: 2;
}
#navigation a {
display: block;
height: 24px;
width: 220px;
background-image: url('../imgs/navigation.gif');
background-repeat: no-repeat;
text-decoration: none;
border: 0px;
outline: 0px;
}
a#facebook {
position: absolute;
top: -46px;
left: -20px;
height: 30px;
width: 103px;
background-image: url('../imgs/facebook.png');
background-repeat: no-repeat;
text-decoration: none;
border: 0px;
outline: 0px;
}

#news:hover,
.news #news { background-position: -220px -0px; }
#roberto { background-position: 0px -24px; }
#roberto:hover,
.about #roberto { background-position: -220px -24px; }
#mongo { background-position: 0px -48px; }
#mongo:hover,
.mongo #mongo  { background-position: -220px -48px; }
#concerts { background-position: 0px -72px; }
#concerts:hover,
.concerts #concerts { background-position: -220px -72px; }
#media { background-position: 0px -96px; }
#media:hover,
.media #media { background-position: -220px -96px; }
#school { background-position: 0px -120px; }
#school:hover,
.school #school { background-position: -220px -120px; }
#contact { background-position: 0px -144px; }
#contact:hover,
.contact #contact { background-position: -220px -144px; }

#booking {
position: absolute;
top: 420px;
left: 30px;
width: 180px;
background-color: white;	
}
#booking p {
margin: 5px auto 5px 5px;
}
#booking strong {
font-weight: normal;
color: #99071E;
}

#content {
width: 700px;
padding-top: 6px;
margin-left: 300px;
z-index: 2;
}

p {
margin: 0px 0px 18px 0px;
}

#headline {
background-image: url('../imgs/headlines.gif');
background-repeat: no-repeat;
height: 24px;
width: 640px;
margin: 0px 0px 24px 0px;
}

#text {
width: 420px;
margin-bottom: 48px;
padding-right: 18px;
}

#text .fl {
display: block;
float: left;
margin-right: 44px;
}
#text .nm {
margin-right: 0px;	
}
#text .fl img {
width: 304px;
}
#text .fl .cap {
display: block;
margin-top: 5px;	
}

#subnav {
clear: both;
position: relative;
width: 296px;
height: 72px;
}

#subnav a {
display: block;
background-image: url('../imgs/headlines_subnav.gif');
background-repeat: no-repeat;
height: 24px;
width: 100%;
text-decoration: none;
}
#text hr {
height: 10px;
width: 652px;
color: #CED0C0;
background-color: #CED0C0;
border: 0px;
border-top: 1px dashed #9C9484;
}
.newstar {
position: relative;
left: -35px;
float: left;
margin-right: -35px;
}

.about #content #spacer {
height: 310px;
}
.about #container h1 {
    font-family: Verdana, sans-serif;
}
.about #container {
background-image: url('../imgs/bg_about.jpg');
background-repeat: no-repeat;
background-position: right bottom;
}

.press #text p {
    white-space: pre;
}
.news #headline {
background-position: 0px -24px;
}
.news #text {
width: 660px;
}
.news #container {
background-image: url('../imgs/bg_news.jpg');
background-repeat: no-repeat;
background-position: left bottom;
}

.mongo #content #spacer {
height: 100px;
}
.mongo #container {
background-image: url('../imgs/bg_mongo.gif');
background-repeat: no-repeat;
background-position: left bottom;
}
.mongo #headline {
background-position: 0px -48px;
}
.mongo #text {
width: 660px;
}

.concerts #headline {
background-position: 0px -72px;
}
.concerts #text {
width: 660px;
}

.media #headline {
background-position: 0px -96px;
}
.media #text {
width: 660px;
}
.media img.cover {
float:left;
margin-right: 44px;
}
.media span.title {
display: block;
float: left;
width: 218px;
}

.school #headline {
background-position: 0px -120px;
}
.school #text {
width: 660px;
}

.contact #headline {
background-position: 0px -144px;
}

#gallery {
position: absolute;
top: 77px;
left: 260px;
border: 6px solid white;
height: 431;
width: 700;
z-index: 99;
background-color: #CED0C0;
overflow: hidden;
}
#navigation a span,
#subnav a span,
#headline span,
.start #container a span {
visibility: hidden;
}
.red, .red strong {
font-size: 13px;
color: #770013;
}
.red a {
font-size: inherit;
color: inherit;

}
.clr {
clear: both;
}