/*******************************************************************
 * MAIN STYLES 
 */

/*******************************************************************
 * SITE / PAGE 
 */

BODY
{
	background-color: #CCCCCC;
	background-image: url(../img/bg_page.gif);
	background-repeat: repeat-y;
	background-position: center;
	padding: 0px;
	margin: 0px;
}

DIV, P, LI
{
	color: #464648;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#page
{
	/*background-color: #FFFFFF;*/
	width: 976px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0px 0px 0px -438px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}


/*******************************************************************
 * PAGE PARTS
 */

#page_header
{
	background-color: #6D193B;
	background-image: url(../img/bg_header.gif);
	width: 876px;
	height: 285px;
	margin: 0px 0px 6px 0px;
}

#logo
{
	position: absolute;
	top: 83px;
	left: 22px;
}

#nav_meta
{
	position: absolute;
	top: 10px;
	left: 485px;
}

#slogan
{
	position: absolute;
	top: 255px;
	left: 420px;
}

#slip
{
	position: absolute;
	top: 0px;
	left: 744px;
	z-index: 3;	
	text-align: left;
}

#nav_main
{
	background-image: url(../img/nav_main/bg_top_nav_main.gif);
	background-repeat: no-repeat;
	background-color: #B42A60;
	width: 234px;
	padding: 30px 0px 0px 0px;
	margin: 0px 8px 0px 0px;
	float: left;
}

#page_content
{
	float: left;
	width: 634px;
}

DIV.content_neu DIV.left
{
	float: left;
	width: 306px;
}

DIV.content_neu DIV.right
{
	float: left;
	width: 328px;
}

DIV.content_kontakt DIV.left
{
	float: left;
	width: 305px;
}

DIV.content_kontakt DIV.right
{
	float: left;
	width: 329px;
}


/*******************************************************************
 * NAVIGATION
 */

/* Main */

#nav_main UL#l1
{
	margin: 0px 0px 22px 12px;
	padding: 0px;
	list-style-type: none;
}

#nav_main UL#l1 LI
{
	margin: 0px 0px 17px 0px;
	padding: 0px 0px 0px 20px;
	/*height: 33px;*/
}

#nav_main UL#l1 LI.no_sub
{
	height: 19px;
}

#nav_main UL#l1 LI.sub
{
	height: 97px;
}

#nav_main UL#l1 LI.sel
{
	background-image: url(../img/nav_main/icon_sel.gif);
	background-repeat: no-repeat;
	/*margin-bottom: 2px;*/						/* only IE7 ?? */
}

#nav_main UL#l1 A
{
	padding-bottom: 5px;
}

#nav_main UL A IMG
{
	border-style: none;
}

#nav_main UL#l2
{
	margin: 19px 0px 0px -21px;
	padding: 0px;
	list-style-type: none;
}

#nav_main UL#l2 LI
{
	margin: 0px 0px 17px 0px;
	padding: 0px 0px 0px 30px;
}


/* Meta */

#nav_meta UL
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#nav_meta UL LI
{
	float: left;
	margin: 0px 12px 0px 0px;
	padding: 0px;
}


/*******************************************************************
 * CONTENT
 */

#page_header H1
{
	margin: 0px;
	padding: 0px;
}

#page_header IMG
{
	border-style: none;
}

#page_content H2
{
	margin: 0px 0px 16px 9px;
	padding: 0px;
}

#page_content DIV.image
{
	margin: 0px 0px 9px 0px;
}

#page_content DIV.image_headline
{
	margin: 0px 0px 12px 0px;
}

#page_content DIV.image_text
{
	margin: 0px 0px 15px 5px;
}

A IMG
{
	border-style: none;
}

DIV.content_neu DIV.left DIV#flashcontent
{
	width: 297px;
}

DIV#workshop_dates
{
	margin: 30px 0px 20px 4px;
}

DIV.clearer, BR.clearer
{
	clear: both;
}