/* CSS Document */

body{
	font: normal 11px verdana, sans-serif;
	background-color:#877D7D;
	background-image:url(../pics/bg.jpg);
	background-attachment:fixed;
	
	margin:0px;
}/* for ie mac*/
/* commented backslash hack v2 \*/ 
html, body{height:100%;padding:0} 
body {min-width:800px}
* html, * html body{
	overflow:hidden;
	padding:50px 0;
	margin:-50px 0;
	padd\ing:0;
	ma\rgin:0;
}
* html #outer { 
	text-align:center;
	voice-family: "\"}\""; voice-family:inherit; 
}
* html #outer { text-align:left;}
* html #outer { 
	overflow:auto;
	height:99.9%;
	voice-family: "\"}\""; voice-family:inherit; 
}
* html #contain-all{
	text-align:center;
	position:absolute;
	overflow:auto;
	width:100%;
	height:100%;
	z-index:1;
}


/* end hack */ 

#top-bar{
	position:absolute;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	top:0px;
	left:0px;
	height:106px;
	width:100%;
	margin:0;
	padding:0;
	
	z-index:999;
	
}
#topbar-inner, #footer-inner {
	height:17px;	
	text-align:center;/* for ie5*/
}

/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #topbar-inner,* html #footer-inner { margin-right:17px; }
/* end hide*/


/* ----------------------------------------------------------- */ 
/* FOOTER ---------------------------------------------------- */ 
/* ----------------------------------------------------------- */ 

#footer{
	position:absolute;
	bottom:0px;
	width:100%;
	
	margin-bottom:-2px;
	z-index:998;
}

.footer-left {
	background-color:#d7d7d7;
	border-right:1px solid #FFFFFF;
	width:177px;
	
	float:left;
	text-align:left;
	padding:3px 0px 3px 20px;

	color:#919191;
}

.footer-right {
	border-top:1px;
	text-align:right;
	width:759px;
	
	padding:3px 20px 3px 0px;
	color:#4E6778;
}

html>body #footer{ margin-bottom:1px; }
html>body .footer-right { padding-top:3px; padding-left:210px;}
/*html>body .footer-left { padding-top:3px; }*/

.footer-left a {
	color:#919191;
	text-decoration:none;
}

.footer-right a {
	color:#4E6778;
	text-decoration:none;
}

.footer-left a:hover {
	color:#333333;
}

.footer-right a:hover {
	color:#000000;
}

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

.spacer { height:101px; }

p{ margin-top:0 }

#side-bar{
	position:absolute;
	top:103px;
	width:197px;
	height:100%;
	left:50%;
	margin-left:-504px;
	
	border:1px solid #FFFFFF;
	background:#c6c6c6;
}

#side-bar h1{
	color:#B72713;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:15px 20px 5px 20px;
}

#side-bar p{
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#4E6778;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
	margin:0px 20px 0px 20px;
}

#side-bar a{
	font:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#4E6778;
	font-size:11px;
	line-height:18px;
}

#side-bar a:hover{
	color:#000000;
}

html>body #top-bar,html>body #footer,html>body #side-bar{ position:fixed; }
html>body #side-bar{ margin-left:-496px; }

.mid-content-head{
	width:991px;
	margin:auto;
	background:#FFFFFF;
	
	border-bottom:1px solid #FFFFFF;
}

.mid-content-footer{
	width:989px;
	margin:auto;
	border:1px solid #FFFFFF;
	
	height:19px;
	background-color:#beceda;
}

#inner{
	height:100%;
	width:991px;
	margin:auto;
	text-align:left;
}


#main-content{
	position:absolute;
	width:751px;
	height:100%;
	
	caption-side:bottom;
	background:#eef0f2;
	background-color:#eef0f2;
	
	margin-left:199px;
	padding:20px;
	border-right:1px solid #FFFFFF;	
}

html>body #main-content{ height:auto; min-height:100%;}

#main-content p{
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#4E6778;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
}

#main-content h1{
	font:Verdana, Arial, Helvetica, sans-serif;

	color:#B72713;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
}

#main-content h2{
	color:#4E6778;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	
}

#main-content a{
	text-decoration:underline;	
	color:#4E6778;
	font-size:11px;
	line-height:18px;
}

#main-content a:hover{
	color:#000000;
}

#main-content ul {
	list-style-type:none;
	margin:5px 0px 15px 0px; 
	padding:0px 0px 0px 0px; 
	
}
#main-content li{
	display:block;
	
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#4E6778;
	font-size:11px;
	line-height:18px;
	font-weight:normal;

	margin:0px 0px 0px 0px;
	padding-left:20px;
	background-image:url(../pics/pfeil_liste.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

/* ----------------------------------------------------------- */ 
/* HAUPTNAVIGATION ------------------------------------------- */ 
/* ----------------------------------------------------------- */ 

#rollovermenu{
	padding:0;
}

#rollovermenu, #rollovermenu ul { /* all lists */
	padding-left: 0px;
	margin-left: 0px;
	margin-top: -2px;
	background-color: #FFFFFF;
	color: #666666;
	float: left;
	width: 990px;
	font-family: verdana, helvetica, sans-serif;
	font-size:11px;
	list-style: none;	
}

html>body #rollovermenu, #rollovermenu ul {	border-bottom:1px solid #fff;}

/* -- DIES IST DAS DROPDOWN -----*/
#rollovermenu ul{
	border:1px solid #fff;
	background-color:#D7D7D7;
	width:220px;
}

html>body #rollovermenu ul{ border-top:0px; }

#rollovermenu li a{
	padding-left:20px;
	padding-top:7px;
	display: block;
	height:22px;
	width:177px;
	color: #666666;
	text-decoration:none;
}

html>body #rollovermenu li a{ padding-left:0px; width:177px; }
html>body #rollovermenu li a{ padding-left:20px; }
html>body #rollovermenu li a{ border-left:1px solid #fff; border-bottom:1px solid #fff; margin-top:1px; margin-left:-1px }

#rollovermenu li a:hover{
	background-color: #BECEDA;
	color: #fff;
}

/* --- DROPDOWN LINK */
#rollovermenu ul a{
	padding-top:3px;
	width:215px;
	height:19px;
	line-height:14px;
}
html>body #rollovermenu ul li a{width:200px; padding-top:4px; border-top:1px dashed #fff; border-bottom:0px}

#rollovermenu ul a:hover, #current a{
	background:#BECEDA;
	color:white;

	background-image:url(../pics/pfeil_subnav_hover.gif);
	background-repeat:no-repeat;
	background-position:7px 5px;

}

#rollovermenu li { /* all list items */
	position: relative;	
	display: inline; 
	cursor: default;
	margin:0px;
	border-top:1px dashed #fff;
}

#rollovermenu li ul { /* second-level lists */
	position: absolute;
	background-color:#D7D7D7;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
}

#rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* lists nested under hovered list items */
	left:-1px;
	top:29px;
}

/*html>body #rollovermenu li:hover ul, html>body #rollovermenu li.sfhover ul { top:30px; }*/

li#invite {
	height:22px;
	width:177px;
	text-align:left;	
	background-color: #D7D7D7;
	float: left;
	border-right: 1px solid #fff;
}

html>body li#invite{ width:197px; height:30px; border-top: 1px solid #fff;}

/* ----------------------------------------------------------- */ 
/* PAGE TITEL ------------------------------------------------ */ 
/* ----------------------------------------------------------- */ 

#page-titel{
	margin-top:-2px;
	padding:0px 20px 0px 20px;
	
	/*border-top:1px solid #FFFFFF;*/
	border-bottom:1px solid #FFFFFF;
	display:block;	
}

html>body #page-titel{ margin:0px; }

#page-titel h1 {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#b72713;
	margin:7px 0px 7px 0px;
}

/* ----------------------------------------------------------- */ 
/* SUB-NAVIGATION -------------------------------------------- */ 
/* ----------------------------------------------------------- */ 

#subnav{
	width:197px;
	background-color:#FFFFFF;
	margin:0px; 
	padding:0px;
}

#subnav a {
	font-family:verdana, helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	
	margin:0px 0px 1px 0px;
	padding:4px 20px 4px 20px;

	text-decoration:none;
	
	color:#666666;	
	background:#D7D7D7;
	display:block;	
}

html>body #subnav a{margin:0px; border-bottom:1px solid #FFFFFF;}

#subnav a:hover{
	color:#000000;
	
	background:#BECEDA;
	background-image:url(../pics/pfeil_subnav_hover.gif);
	background-repeat:no-repeat;
	background-position:7px 6px;
}

#subnav div.isActive{

	width:177px; 
	
	border-bottom:1px solid #FFFFFF;
	
	text-decoration:none;
	padding:4px 0px 4px 20px;
	
	font-family:verdana, helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#000000;
	
	background-color:#BECEDA;	
	background-image:url(../pics/pfeil_subnav_hover.gif);
	background-repeat:no-repeat;
	background-position:7px 6px;
	
	display:block;	

}

.newline{
height:15px;
width:750px;
}