﻿/***** Layout:  osaka-mannheim.de *****/

body {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	padding : 0;
	margin : 0;
	text-align : center;
	background-color : #FF0000;
	background-image : url();
}

form, fieldset, div {
	border : none;
	padding : 0;
	margin : 0;
}

h1, h2, h3, h4, h5, h6 {
	padding : 0;
	margin : 0;
}

p {
	padding : 0;
	margin : 0;
}

ul {
	margin : 0 0 0 25px;
	padding : 0 0 15px 0;
	list-style : disc;
}

ol {
	margin : 0 0 0 25px;
	padding : 0 0 15px 0;
	list-style : decimal;
}

a img {
	border : none;
}

a {
	color : #333333;
	text-decoration : underline;
}

a:hover {
	color : #FF0000;
	text-decoration : underline;
}

.clear {
	clear : both;
}

.left {
	float : left;
}

.right {
	float : right;
}

img.left {
	margin-right : 5px;
	margin-bottom : 5px;
}

img.right {
	margin-left : 5px;
	margin-bottom : 5px;
}

/* Frame */
div#frame {
	width : 800px;
	margin : 0 auto;
	padding : 0 6px;
	background : url(bg.png) repeat-y 0 0;
	text-align : left;
	z-index : 10;
	position : relative;
}

/* Header */
div#header {
	width : 800px;
}
div#header div#image {
	float : left;
	height : 120px;
	width : 800px;
	background-image : url(../_media/stock-images/header.png);
	background-repeat : no-repeat;
}
div#header div#text {
	margin-top : 13px;
	float : left;
}
div#header div#text h1 {
	font-size : 28px;
	font-weight : bold;
	color : #FFFFFF;
	text-transform : uppercase;
}
div#header div#text h1.slogan {
	margin-left : 15px;
	color : #FFFFFF;
	font-size : 18px;
	font-weight : bold;
}

/* breadcrumb */
div#header div#breadcrumb {
	color : #FFFFFF;
	font-size : 12px;
	background : #000000;
	height : 25px;
	padding-top : 10px;
	padding-right : 20px;
	text-align : right;
}
div#header div#breadcrumb a {
	color : #FFFFFF;
	font-size : 12px;
	text-decoration : none;
}
div#header div#breadcrumb a:hover {
	text-decoration : underline;
	color : #FF9900;
}

/* Content Frame */
div#content_frame {
	background-color : #FFFFFF;
	width : 800px;
}

/* MENU */
div#left_frame {
	margin-left : 10px;
	float : left;
	width : 200px;
}
div#left_frame ul#main_nav {
	padding : 0;
	margin : 18px 0 30px 0;
	list-style-type : none;
}

/* 1. Ebene */
div#left_frame ul#main_nav li {
	border-bottom : 1px solid #999999;
}
div#left_frame ul#main_nav li a {
	padding : 3px 0 3px 10px;
	display : block;
	text-decoration : none;
	color : #333333;
	font-size : 16px;
}
div#left_frame ul#main_nav li a:hover {
	font-size : 16px;
	color : #FF0000;
}
div#left_frame ul#main_nav li a.menu1active {
	font-size : 16px;
	color : #FF9900;
	font-weight : normal;
}

/* 2. Ebene */
div#left_frame ul#main_nav li ul {
	padding : 5px 0;
	margin : 0;
	list-style-type : none;
	background : #EEEEEE;
	border-top : 1px solid #999999;
}
div#left_frame ul#main_nav li ul li {
	border-bottom : none;
}
div#left_frame ul#main_nav li ul li a {
	color : #333333;
	font-size : 14px;
	padding : 1px 0 1px 30px;
}
div#left_frame ul#main_nav li ul li a:hover {
	font-size : 14px;
	color : #FF0000;
	text-decoration : underline;
}
div#left_frame ul#main_nav li ul li a.menu2active {
	font-size : 14px;
	color : #FF9900;
	font-weight : normal;
}

/* 3. Ebene */
div#left_frame ul#main_nav li ul li ul {
	padding : 5px 0;
	margin : 0;
	list-style-type : none;
	background : none;
	border-top : none;
}
div#left_frame ul#main_nav li ul li ul li {
	border-bottom : none;
}
div#left_frame ul#main_nav li ul li ul li a {
	color : #333333;
	font-size : 12px;
	padding : 1px 0 1px 40px;
}
div#left_frame ul#main_nav li ul li ul li a:hover {
	font-size : 12px;
	color : #FF0000;
	text-decoration : underline;
}

div#left_frame ul#main_nav li ul li ul li a.menu3active {
	font-size : 12px;
	color : #FF9900;
	font-weight : normal;
}

/* news */
div.newsblock div.newscontent {
	background : #FFFFFF;
	padding : 10px;
	color : #333333;
	font-size : 11px;
}
div.newsblock img {
	padding : 3px;
	border : 1px #FFFFFF solid;
	background-color : #FFFFFF;
}
div.newsblock div.newscontent p {
	margin-bottom : 10px;
}
div.newsblock h2 {
	background-color : #FFFFFF;
	font-size : 12px;
	color : #333333;
	padding : 5px 10px;
}

/* content */
div#content {
	background : #FFFFFF;
	margin-left : 10px;
	padding : 15px 15px 15px 15px;
	float : left;
	width : 550px;
	color : #000000;
	font-size : 12px;
}
div#content p {
	margin-bottom : 15px;
}
div#content h1 {
	font-size : 16px;
	font-weight : bold;
	padding-bottom : 2px;
	margin-bottom : 5px;
	color : #000000;
}
div#content div.articlearea {
	margin-bottom : 10px;
}

/* footer */
div#content_frame div#footer {
	text-align : center;
	font-size : 10px;
	color : #FFFFFF;
	padding : 4px 0;
	background-color : #000000;
}
div#content_frame div#footer a {
	font-size : 10px;
	color : #FFFFFF;
}
