/*<![CDATA[*/
/**
 * Layout Style
 *
 * Copyright (c) 2010    die.interaktiven GmbH u. Co. KG
 *                       www.die-interaktiven.de
 *
 * Alle Rechte vorbehalten. Unberechtigte Kopie und Weiter-
 * verwendung nicht gestattet.
 *
 */


/**
 * HTML-Tags
 */

body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100.01%; 	/******** IE Hack ********/
	text-align: center;
	color: #434343;
	background: url(../images/body-bg.gif) bottom center no-repeat #fff;
}

a
{
	color: #dc0024;
}

hr
{
	color: #434343;
	background-color: #434343;
}
	
/**
 * allgemeine Seitenstruktur
 */

#bg
{
	background: url(../images/bg-bg.gif) top center no-repeat;
}
 
#page
{
	width: 975px;
	text-align: left;
	font-size: 0.7em;
	margin: 0 auto;
}

#head
{
	width: 100%;
	height: 225px;
}

#logo-datum
{
	float: left;
	padding: 10px 0 0 0;
}

#logo
{
	float: left;
}

#datum
{
	float: left;
	padding: 25px 0 0 15px;
	font-size: 2.3em;
}

#hauptsponsoren
{
	float: right;
	padding: 35px 0 0 0;
}

#hauptsponsoren img
{
	margin: 0 0 0 15px;
}

#body
{
}

#content
{
	width: 100%;
	padding: 0 0 75px 0;
}

#mainnav-subnav
{
	width: 100%;
	margin: 0 0 30px 0;
}

#mainnav
{
	width: 100%;
}

#mainnav ul
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainnav li
{
	float: left;
	margin: 0 22px 0 0;
}

#mainnav li a
{
	display: block;
	background: url("../images/mainnav-bg.gif") no-repeat left center #fff;
	color: #000;
	text-decoration: none;
}

#mainnav li a span
{
	display: block;
	padding: 11px 20px 11px 30px;
}

#mainnav li a:hover,
#mainnav li.active a
{
	background: url("../images/mainnav-item-left-bg.jpg") no-repeat left top #dc0024;
	color: #fff;
}

#mainnav li a:hover span,
#mainnav li.active a span
{
	background: url("../images/mainnav-item-right-bg.jpg") no-repeat right top;
}

#subnav
{
	width: 100%;
	background: url("../images/subnav-bg.jpg") no-repeat top left #fff;
	padding:8px 30px;
	margin:5px 0 0;
}

#subnav ul
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#subnav li
{
	float: left;
}

#subnav li a
{
	display: block;
	color: #707070;
	text-decoration: none;
	margin-right:50px;
}

#subnav li a span
{
	display: block;
}

#subnav li a:hover,
#subnav li.active a
{
	color:#DC0024;
}

#subnav li a:hover span,
#subnav li.active a span
{

}

/*


#mainnav li a:hover span,
#mainnav li.active a span
{
	background:url("../images/mainnav-item-right-bg.jpg") no-repeat scroll right top;
	padding: 10px 20px 12px 20px;
	color:#fff;
}
*/

#elements
{
	width: 100%;
}

#colspan-top
{
	width: 100%;
	float: none;
	clear: both;
}

#col-left
{
	float: left;
	width: 560px;
}

#col-right
{
	float: right;
	width: 300px;
}

#colspan-bottom
{
	width: 100%;
	float: none;
	clear: both;
}

#footer
{
	width: 100%;
}

#copyright
{
	float: left;
	padding: 230px 0 0 0;
	margin: 0 30px 0 0;
}

#copyright a
{
	text-decoration: none;
	color:#000;
}

#copyright a:hover
{
	text-decoration: underline;
}

#infopoint
{
	float: left;
	padding: 230px 0 0 0;
	margin: 0 0 30px 0;
}

#infopoint ul
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#infopoint li
{
	float: left;
	margin: 0 35px 0 0;
}

#infopoint li a
{
	display: block;
	text-decoration: none;
}


#image
{
	float: right;
}
/*]]>*/