body {
	font-family: Verdana, sans-serif, sans;
	font-size: 11px;
	margin: 0;

	background-image: url("/export/pics/wupperrun/background.jpg");
	/*background-repeat: repeat-y;*/
}


p {
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	line-height: 160%;
}

a, p a { 
	color: #C30000;
	text-decoration: none;
}

a:hover, p a:hover { 
	color: #2B378B;
	text-decoration: underline;
}

/* H Tags ---------------------------------------------- */

h1 {
	color: #C30000;
	font-weight: normal;
	font-size: 24px;
	margin:0px;
}

h2 {
	color: #2B378B;
	font-weight: normal;
	font-size: 24px;
	margin:0px;
	margin-bottom:10px;
}

h3 {
	color: #363663;
	font-weight: normal;
	font-size: 18pt;
}


h4 {
	color: #2B378B;
	font-weight: normal;
	font-size: 14pt;
	margin:0px;
}

h5 {
	color: #2B378B;
	font-weight: bold;
	font-size: 8pt;
	margin:0px;
}

div.header {
	position: absolute;
	left: 30px;
	top: 15px;
	width: 800px;
	height: 272px;
}

div.header div.block {
	background-color: #C30000;
	height: 24px;
	line-height: 24px;
}

div.header img.text {
	position: absolute;
	top: 24px;
	border: 0;
}

div.header img.bild {
	position: absolute;
	top: 62px;
	border: 0;
}

/* Links ------------------------------------------------ */
.moreintern
{
	background-image: url("/export/pics/icons/link_intern.gif"); 
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: inline; 
	padding-left: 15px;
}

.moreextern
{
	background-image: url("/export/pics/icons/link_extern.gif"); 
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: inline; 
	padding-left: 15px;
}

.moreplus
{
	background-image: url("/export/pics/icons/link_plus.gif"); 
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: inline; 
	padding-left: 15px;
}

.morepic
{
	background-image: url("/export/pics/icons/link_pic.gif"); 
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: inline; 
	padding-left: 15px;
}

.moreemail
{
	background-image: url("/export/pics/icons/link_email.gif"); 
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: inline; 
	padding-left: 15px;
}


/* Navigation --------------------------------------------------- */

div.menu {
	width: 800px;
	height: 28px;
	border-bottom: 1px solid gray;
	line-height: 28px;
	margin-bottom: 40px;
}

div.menu ul {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

div.menu ul li {
	display: inline;
	margin-right: 20px;
	color: #2B378B;
	font-weight: bold;
} /* Menüpunkt ausgewählt */

div.menu ul li a, div.menu ul li a:visited  {
	text-decoration: none;
	font-weight: normal;
	color: #2B378B;
} /* Anwählbare Menüpunkte */

div.menu ul li a:hover {
	text-decoration: underline;
	color: #C30000;
} /* Mouseover */

/* Seitenlayout -------------------------------------------- */

div.content div#start {
	float: right;
	position: relative;
	right: 0px;
}

div.content {
	position: absolute;
	left: 30px;
	top: 297px;
	width: 1000px;
	background-repeat: repeat-y;
}


div.content div.left {
	float: left;
	position: relative;
	left: 20px;
	width: 500px;
}

div.content div.right {
	float: left;
	position: relative;
	left: 40px;
	width: 240px;
}

div.content div.full {
	float: left;
	position: relative;
	left: 20px;
	width: 760px;
}

div.footer {
	float: left;
	position: relative;
	left: 20px;
	height: 40px;
	width: 760px;
	border-top: 1px dotted black;
	margin-top: 10px;
}

div.footer div.footerleft {
	padding-top: 5px;
	width: 500px;
	position: absolute;
	left: 0px;
}

div.footer div.footerright {
	padding-top: 5px;
        text-align: right;
	width: 240px;
	position: absolute;
	left: 520px;
}

.mailform .text, .text {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #666666;
	background-color: white;
	border-style: solid; /* vorher: dashed */
	border-color: #666666;
	border-width: 1px;
}

.mailform table tr.higher {
	height: 28px;
}

/* Ansprechpartner Kontakt */
#ansprechpartner img {
	float: right;
}			
#ansprechpartner p {
	float: left;
}

div.kontakte {
	width: 500px;
	position: relative;
	float: left;
        height: 14.0em;
}

div.kontakte div.kontakteleft {
	position: absolute;
	width: 225px;
	left: 0px;
}

div.kontakte div.kontakteright {
	position: absolute;
	left: 250px;
}



/* Streckenauflistung */

div.strecke {
	width: 500px;
	position: relative;
	float: left;
        height: 5.0em;
}

div.strecke div.streckeleft {
	position: absolute;
	width: 80px;
	left: 0px;
}

div.strecke div.streckeright {
	position: absolute;
	left: 100px;
}


/* Programmauflistung */

div.programm {
	position: relative;

	width: 500px;
        /*height: 150px;*/

}

div.programm div.programmleft {
	position: relative;
	width: 80px;
	left: 0px;
}

div.programm div.programmright {
	position: relative;
	left: 100px;
	width: 400px;
}

div.programm img {
	float: right;
}



}