A:HOVER 
{ 
	color: #FFFFFF; 
	text-decoration:none; 
}

*
{
	margin:0;
	padding:0;
}

a img
{
   border:none;
} 

a
{
   color:#cc0000;
}

body
{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:13px;
	background-color:#f0f0f0;
}

table p
{
	text-align:left;
	font-weight:bold;
}


#container
{
	margin:50px auto;
	width:1040px;
	height:660px;
}


#left_border
{
	float:left;
	background:transparent url(rand/links.png) repeat-y;
}

#left_border, #right_border
{
	width:20px;
	height:620px;
}

#right_border
{
	float:left;
	background:transparent url(rand/rechts.png) repeat-y;
}

#top_border, #bottom_border
{
	width:100%;
	height:20px;
}

#top_border div.top_left,
#top_border div.top_center,
#top_border div.top_right,
#bottom_border div.bottom_left,
#bottom_border div.bottom_center,
#bottom_border div.bottom_right
{
	float:left;
	height:100%;
}

#top_border div.top_left
{
	width:20px;
	background:transparent url(rand/links_oben.png);
}

#top_border div.top_center
{
	width:1000px;
	background:transparent url(rand/oben.png) repeat-x;
}

#top_border div.top_right
{
	width:20px;
	background:transparent url(rand/rechts_oben.png);
}

#bottom_border div.bottom_left
{
	width:20px;
	background:transparent url(rand/links_unten.png);
}

#bottom_border div.bottom_center
{
	width:1000px;
	background:transparent url(rand/unten.png) repeat-x;
}

#bottom_border div.bottom_right
{
	width:20px;
	background:transparent url(rand/rechts_unten.png);
}

#bottom_border
{
	clear:both;
}


#page
{
	float:left;
	width:1000px;
	background-color:#c4c4c4;
}

/*
	tatsächliche Höhe vom page-div: 620px
*/
#body
{
	margin:10px 0;
}

#header
{
	height: 150px;
	background-image:url(header/header.png);
	background-repeat:no-repeat;
}

#header>div
{
	padding:10px;
	padding-left:20px;
}

#nav
{
	float:left;
	width:150px;
	height:400px;
}

#content
{
	width:640px;
	height:400px;
	overflow:auto;
	padding:0 5px;
	float:left;
}

#facebook
{
	background-color:#c4c4c4;
	height:400px;
}

#footer
{
	text-align:center;
	height:50px;
	background-image:url(footer/hintergrund.png);
	background-repeat:no-repeat;
}

#footer a
{
	color:#ff0000;
}

#footer>table
{
	width:100%;
	height:100%;
}

#footer>table p
{
	text-align:center;
}

#das_konzert img
{
	padding-left:10px;
	padding-top:5px;
}

#order_page table
{
	width:100%;
}

#confirm_page table
{
	margin:10px auto;
}

td.center_space
{
	width:30px;
}

.error
{
	color:#cc0000;
}

.bold
{
	font-weight:bold;
}

.logo
{
	float:left;
	width:150px;
}

.mylight
{
	float:right;
	width:200px;
}

.top10px
{
	padding-top: 10px;
}

.right
{
	float:right;	
}

.center
{
	text-align:center;	
}

div.sponsoren
{
	min-height:80px;
	padding-top:10px;
}

div.sponsoren img
{
	float:left;
	padding-right:5px;
} 

.textsponsoren
{
	padding:5px;
	margin:0 auto;
	width:410px;
	height:80px;
	float:left;
}

.bildsponsoren
{
	margin:0 auto;
	width:210px;
	float:left;
}

.textrueckblick
{
	margin:0 auto;
	width:200px;
	float:left;
}

.textanfahrt
{
	margin:0 auto;
	width:200px;
	float:left;
}

div.link
{
	min-height:50px;
	padding-top:10px;
}

div.link img
{
	float:left;
	padding-right:5px;
} 

h1 	
{
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 20px;
	text-decoration : underline;
	padding-bottom:10px;
}

h2 	
{
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 17px;
	text-decoration : underline;
	padding-top:10px;
	padding-bottom:5px;
}
		
p
{
	padding:2px;
	text-align:justify;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	}


ul li {
	position: relative;
	}



li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}



ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
	background: #ffffff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	background:#a9a9a9;
	}
	
div#nav>ul>li>a
{
	font-weight:bold;
}


ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	}

li:hover ul { display: block; }



startList = function() {


if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");

for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];

if (node.nodeName=="LI") {

node.onmouseover=function() {
this.className+=" over";
  }
  
 
  node.onmouseout=function() {
  this.className=this.className.replace»(" over", "");
   }
   }
  }
 }
}
window.onload=startList;



li:hover ul, li.over ul { 
	display: block; }





/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

