/**
 * Style sheet screen
 */
body
{
	text-align:center;
	background-color:#ffffff;
	background-image:url("/files/ok43/homepage_design/background.png");
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	line-height:1.4em;
}

.invisible
{
	width:0;
	height:0;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
}

#preheader
{
	width:970px;
	height:30px;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

#preheader span
{
	font-size:120%;
}

#logo
{
	width:990px;
	height:245px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background-repeat:no-repeat;
}

#logo h1, #logo h2
{
	display:none;
}

#logo span
{
	display:block;
	padding-top:73px;
	padding-left:144px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ok43.mbaumer.de/files/ok43/homepage_design/logo_offener_kanal_essen.png');
}

#logo span img
{
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
}

#navigation
{
	width:904px;
	height:33px;
	margin:11px auto 10px auto;
	padding:1px 28px;
	background-image:url("/files/ok43/homepage_design/background_navigation.png");
	background-repeat:no-repeat;
	font-size:90%;
}

#navigation ul, #navigation li
{
	margin:0;
	padding:0;
	text-align:left;
	list-style-type:none;
}

#navigation li
{
	float:left;
}

#navigation ul.level_1 li.last
{
	border-right:1px solid #796F65;
}

#navigation ul.level_2 li.last
{
	border-right:0;
}

#navigation a
{
	width:114px;
	display:block;
	padding:6px 18px 6px 17px;
	border-left:1px solid #796F65;
	font-weight:bold;
	color:#ffffff;
	text-decoration: none;
}

#navigation a:hover
{
	padding-left:14px;
	background-color:#BEB4AA;
	border-left:4px solid #aa0000;
	color:#000000;
}

#navigation a.trail
{
	background-color:#beb4aa;
}

#navigation p
{
	width:114px;
	margin:0;
	padding:6px 18px 6px 17px;
	background-color:#beb4aa;
	border-left:1px solid #796f65;
	color:#000000;
}

#navigation .level_1 ul
{
	width:170px;
	left:-999em;
	position:absolute;
	background-color:#a0968c;
	border-top:1px solid #796f65;
}

#navigation .level_2 li
{
	float:none;
}

#navigation .level_2 a, #navigation .level_2 p
{
	width:auto;
	border-right:1px solid #796f65;
	border-bottom:1px solid #796f65;
	border-left:1px solid #796f65;
}

#navigation .level_2 a:hover
{
	background-color:#beb4aa;
	border-left:4px solid #aa0000;
}

#navigation li:hover .level_2
{
	left:auto;
}

#main
{
	width:700px;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
	padding-right:2px;
	padding-bottom:20px;
	text-align:left;
	line-height:1.5em;
}

#main .mod_breadcrumb
{
	margin-bottom:-2em;
	font-size:70%;
	color:#666666;
}

#main .mod_breadcrumb a
{
	font-weight:bold;
	color:#000066;
}

#main img
{
	border:1px solid #000000;
}

#main h1
{
	margin-top:.8em;
	margin-bottom:.8em;
	font-weight:bold;
	font-size:160%;
	color:#810f09;
	line-height:1.4em;
}

#main .img_h1
{
	display:block;
	margin-top:1.5em;
	margin-bottom:.4em;
	border:0;
}

#main h2
{
	margin-top:2em;
	margin-bottom:.8em;
	font-weight:bold;
	font-size:120%;
	color:#000000;
	line-height:1.4em;
}

#main .img_h2
{
	padding-top:2em;
	border:0;
}

#main h3
{
	margin-top:2em;
	margin-bottom:.8em;
	font-size:120%;
	color:#444444;
	line-height:1.4em;
}

#main .img_h3
{
	padding-top:2em;
	border:0;
}

#main p
{
	margin-top:.8em;
	margin-bottom:.8em;
}

#main p.back
{
	margin-top:3em;
	margin-bottom:.8em;
}

#main a
{
	font-weight:bold;
	color:#000066;
}

#main strong
{
	font-weight:bold;
}

#main em
{
	font-style:italic;
}

#main em strong, #main strong em
{
	font-weight:bold;
	font-style:italic;
}

#main ul
{
	padding-left:5em;
}

#main ul li
{
	list-style-type:circle;
}

#main table
{
	margin-top:.8em;
	margin-bottom:.8em;
	border-collapse:collapse;
	font-size:80%;
}

#main td, #main th
{
	padding:4px;
	text-align:left;
	vertical-align:top;
	border:2px solid #cccccc;
}

#main th
{
	font-weight:bold;
}

#main hr
{
	height:1px;
	margin-top:3em;
	margin-bottom:3em;
	background-color:#cccccc;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#main .image_container
{
	margin-top:2em;
	margin-bottom:2em;
	text-align:center;
}
