@charset "utf-8";
/* CSS Document */

/********************************************
	AUTHOR:				Benjamin Schultz
	WEBSITE:			http://www.bwlv-test.de
	TEMPLATE NAME:		BWLV 1
	VERSION:			1.0
********************************************/

/***********************
	  LAYOUT
************************/
/**
*	HEADER [start]
**/
#header {
	padding-bottom: 1px;
	position: relative;
	width: 900px; height: 442px;
	background: #FFF;
}

/* Images [start] */
#logo {
	position: absolute;
	left: 20px; top: 20px;
	width: 247px; height: 154px;
}

#windrad {
	position: absolute;
	left: 439px;
	width: 461px; height: 275px;
}

#kasten-grau {
	margin-left: 1px;
	position: absolute;
	top: 220px;
	width: 290px; height: 177px;
}

#schwung {
	margin-left: 2px;
	position: absolute;
	top: 188px;
	clear: both;
	float: none;
	width: 900px; height: 123px;
}

#grafik-praevention {
	position: absolute;
	left: 292px; top: 214px;
	width: 146px; height: 182px;
}
#grafik-beratung {
	position: absolute;
	left: 440px; top: 214px;
	width: 135px; height: 182px;
}
#grafik-rehabilitation {
	position: absolute;
	left: 577px; top: 214px;
	width: 166px; height: 182px;
}
#grafik-ifd {
	position: absolute;
	left: 745px; top: 231px;
	width: 153px; height: 165px;
}
/* Images [end] */

/* MENU [start] */
#header-tabs {
	position: absolute;
	left: 0; bottom: 1px;
	width: 900px;
	overflow: hidden;
}
#header-tabs ul {
	padding-left: 1px;
	position: relative;
	font: bold 12px Arial, Sans-serif;
	width: 100%;
}
#header-tabs span {
	margin: 1px;
   	float: left;
   	display: block;
   	color: #FFF;
   	background: #736864; /* grey */
}
#header-tabs a span {
   	padding: 3px 66px 3px 6px;
   	color: #FFF;
   	background: #736864; /* grey */
}
#header-tabs a span.ueber_uns_home { padding: 3px 187px 3px 6px; }
#header-tabs a span.beratung_home { padding: 3px 67px 3px 6px; }
#header-tabs a span.ifd_home { padding: 3px 130px 3px 6px; }

#header-tabs a:hover span.ueber_uns_home,
#header-tabs a.active span.ueber_uns_home {
	background: #df111d; /* darkred */
}
#header-tabs a:hover span.praevention_home,
#header-tabs a.active span.praevention_home {
	background: #387824; /* darkgreen */
}
#header-tabs a:hover span.beratung_home,
#header-tabs a.active span.beratung_home {
	background: #164f92; /* darkblue */
}
#header-tabs a:hover span.rehabilitation_home,
#header-tabs a.active span.rehabilitation_home {
	background: #8a0d47; /* darkpink */
}
#header-tabs a:hover span.ifd_home,
#header-tabs a.active span.ifd_home {
	background: #de7219; /* darkyellow */
}

#header-tabs #ueber_uns span { 
	margin: 1px 1px 0 0;
	background: #ecd1bf; /* lightred */ 
	width: 267px; height: 21px;
}
#header-tabs #praevention span { 
	margin: 1px 1px 0 0;
	background: #cad785; /* lightgreen */ 
	width: 125px; height: 21px;
}
#header-tabs #beratung span { 
	margin: 1px 1px 0 0;
	background: #8eaeda; /* lightblue */ 
	width: 114px; height: 21px;
}
#header-tabs #rehabilitation span { 
	margin: 1px 1px 0 0;
	background: #d8a1b8; /* lightpink */ 
	width: 145px; height: 21px;
}
#header-tabs #ifd span { 
	margin: 1px 0 0 0;
	background: #ede478; /* lightyellow */ 
	width: 132px; height: 21px;
}
#header-tabs #ueber_uns span.button {
	margin: 1px 0 0 1px;
	width: 21px; height: 21px;
	background: #cd716e; /* red */
}
#header-tabs #praevention span.button {
	margin: 1px 0 0 1px;
	width: 21px; height: 21px;
	background: #80a41f; /* green */
}
#header-tabs #beratung span.button {
	margin: 1px 0 0 1px;
	width: 21px; height: 21px;
	background: #417ec2; /* blue */
}
#header-tabs #rehabilitation span.button {
	margin: 1px 0 0 1px;
	width: 21px; height: 21px;
	background: #bd6189; /* pink */
}
#header-tabs #ifd span.button {
	margin: 1px 0 0 1px;
	width: 21px; height: 21px;
	background: #dbb83d; /* yellow */
}
/* MENU [end] */
/**
*	HEADER [end]
**/

/**
*	CONTENT [start]
**/
#content-wrap {
	padding: 0 1px;
	position: relative;
	width: 900px;
	min-height: 132px;
}

#left {
	padding: 1px;
	float: left;
	width: 288px; height: 132px;
}

#main {
	margin: 1px;
	float: left;
	background: #ECD1BF;
	width: 451px;
	min-height: 132px;
}
#main a { color: #e20015; }

#right {
	margin: 1px;
	float: left;
	background: #DF111D;
	width: 153px;
	font: bold 12px Arial, Sans-serif;
}
#right a:hover { color: #ecd1bf; }
/**
*	CONTENT [end]
**/

/**
*	FOOTER [start]
**/
#footer {
	clear: both; 
	color: #AAA4A1; 
	background: #FFF; 
	width: 900px;  
	font-size: 92%;		
}
#footer a {
	font-weight: bold;	
	color: #AAA4A1;
}
/**
*	FOOTER [end]
**/
/***********************
	  LAYOUT [end]
************************/