﻿/* 
 * VITALOFFICE CSS
 * 42blue.com
 */
body {
	color: #323232;
	background-color: #171717;
	font-size: 100.01%;
	font-family: Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
	min-width: 41em;
}
img {
	border: 0 none #FFFFFF;
}
#container {
	font-size: 0.8em; /* Basisgroesse */;
	padding: 10px;
	width: 995px;
	margin: auto;
	background-color: #FFFFFF;
}
/* HEADER */
#header {
	height: 100px;
	margin: 0 0 20px;
	background-color: #FFFFFF;
}
#headerlogo {
	width: 380px;
	float: left;
}
#headerclaim {
	width: 355px;
/*	margin-left: 630px;*/
	margin-right: 8px;
	float: right;
}
/* NAVIGATION */
/* div #menu {
	width: 160px;
	position: static; 
	float: left;
}*/
#navigation {
	font-size: 0.9em;
	margin: 0 10px 0 0;
	padding: 0;
	width: 160px; /*  position: static; static ist standard */;
	float: left;
	overflow: hidden;
	min-height: 800px;
}
#navigation li.link {
	margin: 0;
	list-style: none;
	display: inline;
}
#navigation li.graphic {
	list-style: none;
	margin: 0;
	padding: 0.35em 0px 0.35em 0px;
	border-bottom: 0px;
}
#navigation li.link a {
	background: #FFFFFF;
	padding: 5px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #323232;
	border-bottom: 1px solid #eeeeee;
}

/* Reiehnfolge L V H A beachten 
***********funktioniert NICHT!*********/
#navigation li.link a:link {
	color: #323232;
	text-decoration: none;
}
#navigation li.link a:visited {
	color: #323232;
	text-decoration: none;
}
#navigation li.link a:hover {
	color: #b7241c;
	text-decoration: none;
}
#navigation li.link a:active {
	color: #323232;
	text-decoration: none;
}


/* SUBNAVIGATION */
#navigation ul.subnavigation {
	margin: 0 0 0 0;
	list-style: none;
	font-size: 1.0em;
	padding: 0;
	background: #FAFAFA;
}

#navigation ul.subnavigation li.sublink {
	margin: 0;
	padding: 0 0 0 10px;
/*	border-bottom: 1px solid #eeeeee;*/
}
#navigation ul.subnavigation li.sublink a{
	text-decoration: none;
}
#navigation ul.subnavigation li.subgraphic {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 0px;
}
#navigation ul.subnavigation a {
	padding: 3px;
	font-weight: normal;
	text-decoration: none;
}
#navigation ul.subnavigation a:link {
	padding: 3px;
	color: #F03713;
	text-decoration: none;
}
#navigation ul.subnavigation a:visited {
	padding: 3px;
	color: #F03713;
	text-decoration: none;
}
#navigation ul.subnavigation a:hover {
	padding: 3px;
	color: #b7241c;
	text-decoration: none;
}
#navigation ul.subnavigation a:active {
	padding: 3px;
	text-decoration: none;
	color: #F03713;
}
#navigation ul.subnavigation li.activelink {
	background-color: #00FF00; /* funktioniert nicht */
}
#navigation ul.subnavigation li.activelink a{
	color: #FF0000; /* funktioniert nicht */
}

#navigation ul.current-cat {
	/* ul tag .. */
}
#navigation ul.subnavigation li.current-li {
	background-color: #E4E4E4;
}
#navigation ul.subnavigation li.current-li a{
	text-decoration: none;
}
#navigation ul.subnavigation li.parent-li {
	background-color: #E4E4E4;
}
#navigation ul.subnavigation li.parent-li a{
	text-decoration: none;
}

/* FEEDBACKBEREICH RECHTS */
#feedback {
/*	font-size: 0.8em; /* Basisgroesse */;
	float: right;
	width: 255px;
	margin: 0;
	padding: 10px;
	background-color: #E9E9E9;
	overflow: hidden;
}

/* INFOBEREICH RECHTS */
#info {
/*	font-size: 0.8em; /* Basisgroesse */;
	line-height: 1.25;
	float: right;
	width: 255px;
	margin: 0;
	padding: 10px;
	background-color: #E9E9E9;
	overflow: hidden;
}
#info h1 {
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 10px;
}
#info h2 {
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.25;
	margin: 0 0 2px 0;
}
#info h2.titel {
	background: #F03713;
	font-size: 1.15em;
	margin: 0 0 10px -10px;
	padding-left: 10px;
	color: #FFFFFF;
}
#info hr.gruen {
	color: #F03713;
	background-color: #F03713;
	height: 1px;
	border: none;
}
#info p {
	font-size: 1em;
/*	line-height: 1.3em */;
	margin: 0 0 10px;
}
#info p.rot {
	color: red;
}
#info a:link {
	color: #b7241c;
	text-decoration: none;
}
#info a:visited {
	color: #646464;
	text-decoration: none;
}
#info a:active {
	color: #437962;
	text-decoration: none;
}
#info a:hover {
	color: #437962;
	text-decoration: none;
}
/* HAUPTINHALT */
#content {
/*	font-size: 0.8em; /* Basisgroesse */;
	line-height: 1.25;
	margin: 0px;
	min-height: 800px;
}
* html div#content {
	height: 1em;
}
#content h1 {
	font-size: 1.7em;
	line-height: 1.1m;
	margin: 0 0 10px;
}
#content h2 {
	font-size: 1.35em;
	line-height: 1.25;
	margin: 0 0 10px;
}
#content h2.titel {
	padding: 0.4em 0.4em 0.4em 10px;
	margin: -10px 0 10px -10px;
	color: #FFFFFF;
	background: #F03713;
}
/*
#content h2.titelgrau {
	background: #C0C0C0;
	font-size: 1.35em;
	margin: 0px 15px 10px 0;
	color: #FFFFFF;
	padding-left: 10px;
}
*/
#content h3 {
	font-size: 1.2em;
	line-height: 1.25;
	margin: 0 0 10px;
}
#content h3.titel {
	padding: 0.4em 0.4em 0.4em 10px;
	margin: -10px 0 10px -10px;
	color: #FFFFFF;
	background: #F03713;
}
#content h4 {
	font-size: 1.1em;
	line-height: 1.25;
	margin: 0 0 10px;
}
#content h5 {
	font-size: 1em;
	margin: 0 0 10px;
}
#content h6 {
	font-size: 1em;
	margin: 0 0 10px;
	font-weight: normal;
}
#content hr {
	color: #c0c0c0;
	background-color: #c0c0c0;
	height: 1px;
	border: none;
}
#content hr.gruen {
	color: #F03713;
	background-color: #F03713;
	height: 1px;
	border: none;
}
#content p {
	font-size: 1em;
	margin: 0 0 0.5em;
/*	line-height: 1.3em */;
}
#content p.small {
	font-size: 0.75em;
	margin: 0;
}
#content a:link {
	color: #b7241c;
	text-decoration: none;
}
#content a:visited {
	color: #b7241c;
	text-decoration: none;
}
#content a:hover {
	color: #0000FF;
	text-decoration: none;
}
#content a:active {
	color: #437962;
	text-decoration: none;
}

.more {
}
.less {
	display:none;
}

.layout-1col {
	margin: 0;
	float: left;
	width: 275px;
}
.layout-2col {
	margin: 0 width: 550px;
	float: left;
	width: 550px;
}
.layout-3col {
	padding: 0;
	background: #FFFFFF url('../img/common/bg3col-weiss-rechts-1col-grau.gif') repeat-y;
	margin: 0;
	width: 825px;
	float: left;
}
.layout-3col-more {
	border-bottom: 50px #FFFFFF solid;
	background-color: #F03713;
	margin: 0;
	width: 825px;
	float: left;
}
.layout-3col-less {
	border-bottom: 50px #FFFFFF solid;
	background-color: #FFFFFF;
	margin: 0;
	width: 825px;
	float: left;
}


.artikel-1col {
	width: 255px;
	padding: 10px;
	margin: 0 0px 0 0px;
	float: left;
	overflow: hidden;
	border-top-color: #F03713;
	border-top-style: solid;
	border-top-width: 1px;
}
.artikel-1col-bgrau {
	padding: 10px;
	margin: 0 0px 0 0px;
	width: 255px;
	background-color: #E9E9E9;
	overflow: hidden;
	float: left;
}
.artikel-1col-bgrau-topline {
	padding: 10px;
	margin: 0 0px 0 0px;
	width: 255px;
	background-color: #E9E9E9;
	overflow: hidden;
	float: left;
	border-top-color: #F03713;
	border-top-style: solid;
	border-top-width: 1px;
}
.artikel-1col-bwhite {
	padding: 10px 10px 10px 10px;
	margin: 0 0px 0 0px;
	width: 255px;
	min-height: 275px;
	overflow: hidden;
	float: left;
}
.artikel-2col {
	width: 530px;
	padding: 10px;
	margin: 0 0px 0 0px;
	float: left;
	overflow: hidden;
	border-top-color: #F03713;
	border-top-style: solid;
	border-top-width: 1px;
}
.artikel-2colr {
	width: 530px;
	padding: 10px;
	margin: 0 0px 0 0px;
	float: left;
	overflow: hidden;
	border-top-color: #F03713;
	border-top-style: solid;
	border-top-width: 1px;
	text-align: right;
}
/* FOOTER */
#footer {
	clear: both;
	font-size: 1.0em;
	height: 50px;
	margin: auto;
	background: #F03713 url(../graphics/footer_dash.gif) no-repeat left;
	font-weight: normal;
	width: 995px;
	bottom: inherit;
	vertical-align: bottom;
}
#footer p {
	padding: 18px 0em 0em 80px;
	font-size: 1em;
	color: #f0f0f0;
	width: 600px;
}
#footer span {
	color: #ffffff;
	text-align: right;
	font-size: 0.8em;
	padding: 0.7em;
	float: right;
	line-height: 1.25;
	width: 200px;
}
#footer a:focus {
	color: #ffffff;
	text-decoration: none;
}
#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer a:link {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#footer a:active {
	color: #ffffff;
	text-decoration: underline;
}
/* TOOLTIP */
#tooltip {
	background-position: top;
/*	background-image: url('../graphics/plakette.gif') */;	background-image: url('../joref1px.gif');
	position: absolute;
	padding: 15px 5px 5px 5px;
	color: #323232;
	display: none;
	font-size: 1.10em;
	font-weight: bold;
	width: 188px;
	text-align: center;
	height: 88px;
	background-repeat: repeat;
}
/* Textsizes hinzugefügt */
.t1 {
	font-size: 1.7em;
}
.t2 {
	font-size: 1.5em;
}
.t3 {
	font-size: 1.3em;
}
.t4 {
	font-size: 1.1em;
}
.t5 {
	font-size: 1em;
}
.t6 {
	font-size: 0.75em;
}
/* underline hinzugefügt */
.u {
	text-decoration: underline;
}
/* Farben hinzugefügt */
.c2009silber {
	color: #C0C0C0;
}
.c2009blau {
	color: #1A00CF;
}
.c2009gruen {
	color: #F03713;
}
.c2009rot {
	color: #F03713;
}
.c2009ocker {
	color: #D78C00;
}
.cyan1 {
	color: #0066FF;
}
.blue1 {
	color: #000080;
}
.blue2 {
	color: #000066;
}
.green1 {
	color: #175E17;
}
.green2 {
	color: #009900;
}
.fire1 {
	color: #FF0000;
}
.earth1 {
	color: #CC3300;
}
.orange1 {
	color: #FF6600;
}
.anthracite1 {
	color: #333333;
}
.anthracite2 {
	color: #666666;
}
.silver1 {
	color: #808080;
}
.bg-2009silber {
	background-color: #C0C0C0;
}
.bg-2009blau {
	background-color: #1A00CF;
}
.bg-2009gruen {
	background-color: #F03713;
}
.bg-2009rot {
	background-color: #F03713;
}
.bg-2009ocker {
	background-color: #D78C00;
}
.bg-mint {
	background-color: #CCFFCC;
}
.bg-cyan {
	background-color: #33CCCC;
}
.bg-ocker {
	background-color: #FFCC66;
}
.bg-ockerrose {
	background-color: #FFCC99;
}
.bg-rose {
	background-color: #FF6666;
}
.bg-cyanblue {
	background-color: #3399FF;
}
.bg-yellow-hl {
	background-color: #FFFF00;
}
.bg-bluelt {
	background-color: #B8D7E0;
}
.bg-yellow {
	background-color: #FFCC00;
}
.bg-orange {
	background-color: #FF6600;
}
.top-line {
	border-top-color: #F03713;
	border-top-style: solid;
	border-top-width: 1px;
}


