/* --- Allgemeiner Kram --- */

body
{
	background-color: #333333;
	font: normal 101% tahoma, arial, helvetica, sans-serif;
}

p, tr, td {
	font-size: 82%;
}

a {
	text-decoration:none;
	color:#FFBE08;

}

a:hover {
	background-color:#FFBE08;
	color:#000;
}

h1,h2,h3,h4,h5,p,tr,td
{
	margin: 0;
	padding: 0;
}

h1
{
	font-size: 170%;
	margin-bottom: 10px;
	color: #001534;
}

h2
{
	font-size: 140%;
	margin-bottom: 8px;
	margin-top: 10px;
	color: #001534;
}

h3
{
	font-size: 120%;
	font-weight:bold;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #001534;
	clear:both;
}

img {
	border: 3px solid #fff;
}

/* --- Fotos links oder rechts --- */

.links {
float:left;
margin:2px 10px 8px 0;
}

.rechts {
float:right;
margin:3px 0 8px 10px;
}

/* --- Layout-Boxen --- */

#container
{
	width: 800px;
	\width: 820px;
	w\idth: 800px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(layout-img/stahl_back.jpg);
	background-repeat: repeat-y;
	border-top: 1px solid #fff;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
}

#banner
{
	padding: 20px;
	background-image: url(layout-img/head.jpg);
	height: 60px;
}

#banner_red
{
	padding: 20px;
	background-image: url(layout-img/head_red.jpg);
	height: 60px;
}

#banner_grey
{
	padding: 20px;
	background-image: url(layout-img/head_grey.jpg);
	height: 60px;
}

#banner_purple
{
	padding: 20px;
	background-image: url(layout-img/head_purple.jpg);
	height: 60px;
}

#content
{
	padding: 30px;
	font-size: 82%;
	line-height: 130%;
}

/* --- Bei 2spaltigem Aufbau --- */

#content-links
{
	padding: 30px;
	font-size: 82%;
	line-height: 130%;
	width: 490px;
}

#seitenleiste {
	float: right;
	width: 200px;
	margin-top: 30px;
	border-left:1px solid #bbb;
	padding:0 25px 0 15px;
	font-size: 82%;
	line-height: 130%;
	color:#fff;
}

#seitenleiste h3
{
	font-size: 110%;
	margin-bottom: 5px;
	margin-top: 10px;
	color:#333;

}


#footer
{
	clear: both;
	padding: 20px;
	color: #001534;
	font-size: 70%;
	text-align:center;
}

/* --- obere Navigationsleiste --- */

#navcontainer ul
{
	padding: .3em 0;
	margin: 0;
	list-style-type: none;
	background-color:#002653;
	color: #FFF;
	width: 100%;
	font-size: 82%;
	text-align: center;
	border-bottom: 1px solid #bbb;
	border-top: 2px solid #000;
}

li { display: inline; }

li a
{
	text-decoration: none;
	background-color: #002653;
	color: #FFBE08;
	padding: .2em 1em;
	border-right: 1px solid #fff;
}

li a:hover
{
	color: #FFF;
	background-image: url(layout-img/menubg.jpg);
	background-repeat: repeat-x;
	padding: .2em 1em;
}

#navcontainer_red ul
{
	padding: .3em 0;
	margin: 0;
	list-style-type: none;
	background-color:#002653;
	color: #FFF;
	width: 100%;
	font-size: 82%;
	text-align: center;
	border-bottom: 1px solid #bbb;
	border-top: 2px solid #000;
}

li { display: inline; }

li a
{
	text-decoration: none;
	background-color: #002653;
	color: #FFBE08;
	padding: .2em 1em;
	border-right: 1px solid #fff;
}

li a:hover
{
	color: #FFF;
	background-image: url(layout-img/menubg.jpg);
	background-repeat: repeat-x;
	padding: .2em 1em;
}