/*
-----------------------------------------------
RA Ostertag - Screenstyles
Author:   Nils Bluhm
Version:  16. August 2006
----------------------------------------------- */

.body {
	text-align:center;
	margin:0 auto;
	padding:0;
	background-color:white;
}

a:link, a:visited { text-decoration: underline; color: #990100;}
a:active { text-decoration: underline;	color: #990100; }
a:hover { text-decoration: none; color: #990100; }

h1, h2, p {
	margin:0;
	padding:0;
}

h1 { font: 140%/140% Arial, Helvetica, sans-serif; }
h2 { font: 100%/100% Arial, Helvetica, sans-serif; color:#990100; font-weight:bold; }

div.hr { border-top:1px solid #CCC;}
div#header
{
	margin:0 auto;
	padding:0;
	width:750px;
	height:80px;
	text-align:left;
	border-bottom:1px solid #990000;
}

div#header h1 a {
	height: 60px;
	width:200px;
	margin: 0;
	display: block;
	background: transparent url(http://www.ra-ostertag.de/img/logo_klein.gif) no-repeat;
	position: relative;
	top: 36px;
	left: 620px;
}

div#header a span {
	display: none;
}

div#container
{
	margin:0 auto;
	padding:0;
	width:750px;
	text-align:center;
	background: url(http://www.ra-ostertag.de/img/containerback.jpg) repeat-y top left;	
	border-bottom:1px solid #990000;
}

div#navigation
{
	float:left;
	margin:0;
	padding:0;
	width:200px;
	text-align:left;
	background-color:#990000;
	color:white;
	font-size:12px;
}

div#content
{
	float:left;
	margin:0;
	padding:40px;
	width:470px;
	text-align:left;
}

div#footer
{
	clear:both;
	width:505px;
	margin:0 auto;
	padding:5px 0 10px 240px;
}

/*  MainNav Level 1
----------------------------------------------- */

ul#mainNav1
{
	text-align: left;
	margin:20px 0 30px 0;
	padding:0;
}

ul#mainNav1 li
{
	display: inline;
	margin:0;
	padding: 0;
}

ul#mainNav1 li a,
ul#mainNav1 li a:visited
{
	margin:30px 0 0 0;
	font:bold 13px/140% Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	color:white;
	background: url(http://www.ra-ostertag.de/img/navi_back.gif) no-repeat 0 0;	
}

ul#mainNav1 li a, ul#mainNav1 li a:visited { padding:6px 4px 4px 32px; }

ul#mainNav1 li a:hover,
ul#mainNav1 li a.current
{
	color:#990000 !important;
	background: url(http://www.ra-ostertag.de/img/navi_back.gif) no-repeat 0 -30px !important;
}

/*  MainNav Level 2
----------------------------------------------- */

ul#mainNav2
{
	text-align: left;
	margin:0 0 30px 0;
	padding:0;
}

ul#mainNav2 li
{
	display: inline;
	margin:0;
	padding: 0;
}

ul#mainNav2 li a,
ul#mainNav2 li a:visited
{
	margin:0 !important;
	font:bold 13px/140% Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	color:white;
	background: url(http://www.ra-ostertag.de/img/navi_back2.gif) no-repeat 0 0;	
}

ul#mainNav2 li a, ul#mainNav2 li a:visited { padding:6px 4px 4px 40px; }

ul#mainNav2 li a:hover,
ul#mainNav2 li a.current
{
	color:#990000 !important;
	background: url(http://www.ra-ostertag.de/img/navi_back2.gif) no-repeat 0 -30px !important;
}

/*  MainNav Level 3
----------------------------------------------- */

ul#mainNav3
{
	text-align: left;
	margin:0 0 30px 0;
	padding:0;
}

ul#mainNav3 li
{
	display: inline;
	margin:0;
	padding: 0;
}

ul#mainNav3 li a,
ul#mainNav3 li a:visited
{
	margin:0 !important;
	font:bold 13px/140% Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	color:white;
	background: url(http://www.ra-ostertag.de/img/navi_back2.gif) no-repeat 0 0;	
}

ul#mainNav3 li a, 
ul#mainNav3 li a:visited { padding:6px 4px 4px 50px; }

ul#mainNav3 li a:hover,
ul#mainNav3 li a.current
{
	color:#990000 !important;
	background: url(http://www.ra-ostertag.de/img/navi_back2.gif) no-repeat 0 -30px !important;
}