@charset "UTF-8";
/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; }

a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #F00;
}


#topsection{
width: 860px;
margin: 0 auto ;
}

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

#contentcolumn{
margin: 0px 10px 0px 10px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#rahmen{
	border:1px solid #D0D0D0;
	margin-top:20px;	
	padding:5px;
}

.jqueryslidemenu{font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 824px;}


/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left; text-align: center; font-size: 12px; }

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
 background: url(leiste.gif) repeat-x; padding: 7px 68px 9px 67px; margin-right: 1px; color: white; border-bottom: 1px solid #CCC ;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{ text-decoration: none; color:#000; background: url(leiste.gif) repeat-x; }
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
display: block;
visibility: hidden;
padding: 0px 72px 0px 0px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: block;
float: none;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}