/*
	CSS Core written by Christian Hockenberger http://mediaberger.com
	Based on 960 Grid System and Blueprint CSS Framework
*/

@charset "utf-8";

/* Import external Files ( THE CORE ) DOESNT WORK IN SAFARI, IN IE7 only with modifications
----------------------------------------------------------------------------------------------------*/
/*@import url(reset.css) all;
@import url(960.css) all;
@import url(typo.css ) all;
@import url(icons.css ) all;
@import url(forms.css ) all;*/

/* Define your individual Styles
----------------------------------------------------------------------------------------------------*/
/* Design for Screen (graphic overkill^^) */
@media screen, projection, tv, handheld {
	/* DOESNT WORK FOR SAFARI */
}
/* Design for Printers and so on */
@media print, tty, aural, braille, embossed {
	/* DOESNT WORK FOR SAFARI */
}

#ud_city {
visibility:hidden;
}

#ud_zip {
visibility:hidden;
}

#ud_vorname {
visibility:hidden;
}

body {
color: #c4bfb2;
}
body#intro {
background:url(../gfx/introback.jpg) no-repeat fixed center center #000;
overflow:hidden;
}
body#intro #menu {
position:absolute;
top:50%;
left:50%;
border:#f03 0px solid;
width:566px;
height:30px;
margin-top:190px;
margin-left:-283px;
font-size: 0.9em;
}

#pagina { }
#pagina a {
margin-left:5px;margin-right:5px;padding:0px;
}
#pagina span {
margin-left:5px;margin-right:5px;padding:0px;
}

#map {
display:block;
width:720px;
height:300px;
}
#googlemap {
display:block;
width:720px;
height:300px;
}

#musiclink {
border:#f03 0px solid;
width:140px;
height:20px;
position:absolute;
top:50%;
left:50%;
margin-top:166px;
margin-left:140px;
}
#musiclink p {
margin:0px;
padding:0px;
text-align:right;
}

#dotmember {
position: absolute;
top: 50%;
left: 50%;
width:300px;
height:117px;
margin-top:-300px;
margin-left: -35px;
}

#hotinkplayer {
position: absolute;
top: 50%;
left: 50%;
width: 520px;
margin-left: -265px;
height: 324px;
margin-top: -167px;
border:#000 5px solid;
}
#intrologo {
position:absolute;
top:50%;
left:50%;
margin-top:-400px;
margin-left:-450px;
width:414px;
height:369px;
z-index:99;
border:#f03 0px solid;
}

/* Type color classes */
.grey       { color: #666; }
.black      { color: #000; }
.white      { color: #fff; }
.color      { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

h1, h2, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
/*font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, Sans-Serif;*/
/*font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;*/
/*font-family: Georgia, "Times New Roman", Times, serif;*/
}
h1, h2, h3 {
color: #e2dbc9;
/*font-family: "Bauhaus", "Arial Rounded MT Bold", Arial, sans-serif;*/
}
h1 {
margin-top:30px;
}

p {
font-size:14px;
}

a {
color: #e2dbc9;
}
a:hover {
color: #e2dbc9;
}

.infobox {
	display:inline-block;
	width:250px;
}
.fright {
	float:right;
}
.fleft {
	float:left;
}

/* DESIGN */
body {
	background: #060606;
	font-size: 14px;
}
.hotink { 
	/*background: url(../gfx/contentback.jpg);*/
	border-left:#959190 1px solid;
	border-right:#959190 1px solid;
}
#pageheader { 
	height: 216px;
	background: url(../gfx/headerback.jpg);
	border-bottom: #000 1px solid;
}
#pagemain { 
	background: url(../gfx/contentback.jpg);
}
#pagecontent { 
margin:30px;
}
#pagegallery {
	background: #e2dbc8;
	border-top: #fff 1px solid;
	padding-top:20px;
}

#galleft {
	background:#e2dbc8;
	height: 370px;
}
#galleft a {
	display: block;
	color: #444;
	padding: 20px;
	padding-top:17px;
	padding-bottom:17px;
	padding-left: 0;
	margin-left:30px;
	border-bottom: #7e7e7e 1px solid;
	text-decoration: none;
}
#galleft a:hover, #galleft a:focus {
	color: #000;
	border-bottom: #333 1px solid;
}
#galright {
	background: #e2dbc8;
	height: 370px;
	overflow:auto;
}
#galright img {
	width: 100px;
	height: 100px;
	border: #7e7e7e 5px solid;
	margin: 5px;
}
#galright img#loader {
	width: auto;
	height: auto;
	border: 0px;
	margin: 5px;
}
#galright a {
	margin: 0;
	padding: 0;
}

#pagefooter { 
	height: 200px;
	background: url(../gfx/footerback.jpg);
}
.foot {
margin-top:68px;
}
.foot p {
margin:0;
margin-bottom:2px;
font-size:120%;
padding:0;
}
*html #pagefooter {
margin:0px;padding:0px;
}
#footleft p {
margin-left:30px;
}
#footright p {
text-align:right;
margin-right:30px;
}
#footright a {
margin:0px;padding:0px;
}
#footnav p {
text-align:right;
margin-right:30px;
margin-top:20px;
margin-bottom:0px;
}
#footmb p {
text-align:left;
margin-left:30px;
margin-top:20px;
margin-bottom:0px;
}


.mainpage {
	/*background:#fff;*/
}
#header {
	background:#f0f0f0;
}
#footer {
	background:#f0f0f0;
}
#right {
	background:#ededed;
}
#s1 {
	background:#999;
}
#s2 {
	background:#777;
}
#s3 {
	background:#555;
}

/* Menus
---------------------------------- */
#menuspacer
{
	height: 185px;
}
#menu
{

}

#menu a
{
  color: white;
  text-decoration: none;
}

#menu ul,
#sidebar ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}

#menu li
{
  display: inline;
  font-size: 0.9em;
}

#menu li a
{
  padding: 10px 8px;
  text-shadow:#000 1px 1px 2px;
}

#menu li a:hover
{
  background-color: #000;
  text-shadow:#f03 0px 0px 15px;
}

#sidebar
{
  float: left;
  width: 190px;
  padding: 5px;
  background: #fff;
}

#sidebar ul a,
li span#LM_youAreHere
{
  /*display:block;*/
  background-color: #000;
  margin: 2px 0;
  color: #fff;
  text-decoration: none;
  padding: 12px 0px 12px 0px;
}

#sidebar ul a:hover
{
  background-color: #62BA30;
}

ul#LM_level_2 li a,
ul#LM_level_2 li span#LM_youAreHere
{
  padding-left: 1em;
}

ul#LM_level_3 li a,
ul#LM_level_3 li span#LM_youAreHere
{
  padding-left: 2em;
}

li.LM_collapsed a
{
  background-image: url(images/LM_arrow-right.gif) !important;
  background: no-repeat 99% 50%;
}

li.LM_expanded a,
li.LM_expanded span
{
  background: url(images/LM_arrow-down.gif) no-repeat 99% 50%;
}

li.LM_endPage a,
li.LM_endPage span
{
  background-image: none !important;
}

#sidebar ul#LM_level_1
{
  margin-bottom: 1em;
}

#sidebar ul ul
{
    margin-bottom: 5px;
}



.LCOS_box
{
text-align:center;
}

.LCOS_box a
{
  color: white;
  text-decoration: none;
}

.LCOS_box ul.normal
{
  list-style: none;
  padding: 0;
  margin: 0;
}

.LCOS_box li
{
  display: inline;
  font-size: 0.8em;
}

.LCOS_box li a
{
  padding: 3px 8px;
  text-shadow:#000 1px 1px 2px;
}

.LCOS_box li a:hover
{
  background-color: #000;
  text-shadow:#f03 0px 0px 15px;
}
.LCOS_current {
  padding: 3px 8px;
  background:#000;
}