/* CSS Document */
@import url(content.css);
/* CSS Document  - youngsta*/
/* rasani.design */

body { text-align:center; "Lucida Grande", Geneva, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size:10pt; background-color: #EDEDED; margin:0; padding:0;}

/*Layout mit 2 Spalten*/

/*#container2c {width:780px; margin:10px auto; text-align:left; padding:0; border:1px solid #3a6381;}*/
#container2c {width:850px; text-align:left; margin:0 auto 5px auto; background:#fff url(../img/contbg_youngsta.gif) top center repeat-y; z-index:10;}
#container2c .abstand1 {clear:both; height:35px;}
#container2c .abstand2 {clear:both; height:15px;}
#container2c .wrapper {margin:0; padding:0; /*background: url(../bilder/wrap.gif)*/ top left repeat-y;}
#container2c .footer {
	clear:both;
	width:770px;
	padding:0;
	height:12px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	font-family: "Lucida Grande", Geneva, Verdana, Lucida, Arial, Helvetica, sans-serif; font-size:9px;
	color:#999999;
	text-decoration:none;
}

#container2c .bottom a{
	font-family: "Lucida Grande", Geneva, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform: uppercase;
	text-decoration:none;
	list-style-type: none;
	color:#999999;
}

#container2c .bottom a:hover{
	text-decoration:none
	list-style-type: none;
	background:transparent url(../images/linie_hellorange.gif) repeat-x bottom;
}

#logo {width:507px; height:70px; position:relative; left:30px; }
#container2c .header {float:left; position:relative; left:8px; background:#fff; width:600px; }
#container2c .content {float:left; position:relative; left:30px; background:#fff; width:600px; }
#rightcontent {width:150px; float:right; position:abolute; padding-right:30px; padding-top:20px;}

#randu {
	width:850px;
	height:25px;
	background-image: url(../img/footer.gif);
	background-repeat: no-repeat;
}

/* navigation */ 

#left {
	float:left;
	width:150px;
	height:100%;
	
}



#leftmenu {
	margin: 10px 0 0 0px;
	text-decoration: none;
	width:150px; float:right; position:abolute; padding-right:30px; 

}

#leftmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#leftmenu li {
	text-decoration: none;
	font: normal 13px "Lucida Grande", Geneva, Verdana, Lucida, Arial, Helvetica, sans-serif;
	width:150px;
	text-indent: 10px;	


}

#leftmenu  li a {
	text-decoration: none;
	display: block;
	color: #333333;
	padding-left: 0px;
	line-height:22px;
	font-size: 12px;
	background:transparent url(../images/linie_rot.gif) repeat-x bottom;
}

#leftmenu li a:hover {
	display: block;
	color: #AA0C12;
	background-color: #F1F1F1;
}

#leftmenu li.ACT,
#leftmenu li.CUR {
	text-decoration: none;
	font-weight: bold;
	font: 15px "Lucida Grande", Geneva, Verdana, Lucida, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	color: #AA0C12;
	font-weight: bold;
	background:#E0E0E0;
}

#leftmenu li li a:hover {
	color: #AA0C12;
	background-color: #F1F1F1;
}

#leftmenu li li {
	text-decoration: none;
	font: normal 11px "Lucida Grande", Geneva, Verdana, Lucida, Arial, Helvetica, sans-serif;
	width:150px;
	text-indent: 20px;	

	} 

#leftmenu li li.ACT,
#leftmenu li li.CUR {
	font-weight: bold;
	padding: 0px;
	font: 13px "Lucida Grande", Geneva, Verdana, Lucida, Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
}