@charset "utf-8";
/* CSS Document for Brandlab */
/*
	created by: Klaus Hoermann <klaus@3b-solutions.net>
	created for: Brandlab
	Client: �VP Absam
	Description: main css file
	Copyright: (C) 3B-Solutions Klaus Hoermann 2009
*/

/********************************************************************/
/* BROWSER RESET */

html, body, div, dl, dt, dd, ul,  h1, h2, h3,  pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0;
	padding:0 
}

table { 
	border-collapse:collapse; 
	border-spacing:0 
}

fieldset, img { 
	border:0 
}

ul { 
	list-style:none 
}

a {
	color:#C00;
	text-decoration:none;
}

a:hover {
	tex-decoration:underline;
}

/********************************************************************/
/* HTML, BODY */

/* html style */
html {
	height:100%; 
}

/* body style */
body {
	background-color:#666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
}

/********************************************************************/
/* CLEARER */

/* floating clearer class */
.clearer {
	clear:both;
}

/********************************************************************/
/* STARTPAGE */

/* container for the startpage image */
#startteam {
	width:1000px;
	height:500px;
	margin:auto;
	padding-top:50px;	
}

#startteam p, #containerbelow p {
	text-align:center;
	padding-top:10px;
}

#startteam p a, #containerbelow p a, #containerbelow p {
	color:#999;
}

#startteam p a:hover, #containerbelow p a:hover {
	text-decoration:underline;
}

/********************************************************************/
/* CONTAINER */

/* global container for the whole website */
#container {
	width:1000px;
	margin:auto;
	margin-top:50px;
	height:500px;
	border:1px solid #999;
	background-image:url(../img/background/container_background.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;	
}

/********************************************************************/
/* MENU */

/* menu container*/
#menu {
	width:170px;
	padding-right:30px;
	padding-top:52px;
	float:left;
}

/* list for menu */
#menu ul {
	width:140px;
	background-color:#FBF6DE;
	float:right;
	opacity:.8;
}

/* list item in the unordered list */
#menu ul li {
	float:left;
	width:140px;
	list-style:none;
	text-align:center;
	height:30px;
	padding-top:3px;
	padding-bottom:3px;
}

/* link style for the menu links */
#menu ul li a {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#666;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#FBF6DE;
	width:140px;
	display:block;
}

/* hover style for the menu links */
#menu ul li a:hover {
	color:black;
	background-color:#FDF4B9;
}

/* selected links in the menu */
#menu ul li a.selected {
	background-color:white;
	color:black;
}

/********************************************************************/
/* CONTENT */

/* the content without footer and menu */
#content {
	width:800px;
	height:430px;
	float:left;
}

/********************************************************************/
/* CONTENT BODY IMAGE */

/* the container for the fullbody images */
#contentbodyimage {
	height:450px;
	width:280px;
	overflow:hidden;
	float:left;	
	position:relative;
}

/* the shifted fullbody image */
#contentbodyimage img {
	position:absolute;
	top:20px;
	left:-300px;	
}

/********************************************************************/
/* CONTENT STATEMENT */

/* container for the statement content */
#contentstatement {	
	width:520px;
	padding-top:60px;
	overflow:hidden;
	float:left;	
}

/* heading 1 for the statement */
#contentstatement h1 {
	text-align:center;
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
}

/* paragraph for the statement text */
#contentstatement p {
	text-align:center;
	padding-top:30px;
	padding-left:15px;
	font-size:15px;
	font-weight:bold;
}

/********************************************************************/
/* CONTENT TEAM */

/* div for the text info for each person */
#contentteaminfo {
	height:450px;
	width:320px;
	overflow:hidden;
	float:left;
	position:relative;
}

/* paragraph style for the person info */
#contentteaminfo p {
	padding-top:20px;
}

/* class for all the divs containing the person info */
.singleinfo {
	position:absolute;
	top:0px;
	left:430px;
	height:370px;
	width:290px;
	padding-right:30px;	
	padding-top:50px;
}

/* menu for selecting a person */
#contentteammenu {
	width:200px;
	height:450px;
	overflow:hidden;
	background-color:#FBF6DE;
	float:left;
}

/* menu list for the personen */
#contentteammenu ul {
	padding-top:60px;
	width:200px;
}

/* list item in the person list menu */
#contentteammenu ul li {
	height:22px;
	width:200px;
	list-style:none;
	text-align:left;
	float:left;
}

/* selected person list menu entry class */
#contentteammenu ul li a.selected {
	background-color:white;
	color:black;
}

/* links in the person menu list items */
#contentteammenu ul li a {
	text-decoration:none;
	padding-left:7px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#666;
	width:200px;
	display:block;
}

/* hover over anchor tags in the person menu */
#contentteammenu ul li a:hover {
	color:black;
	background-color:#FDF4B9;
}

/********************************************************************/
/* CONTENT SINGLE */

/* single content div */
#contentsingle {
	width:770px;
	padding-top:30px;
	padding-left:30px;
	height:400px;	 
}

/* heading 1 */
#contentsingle h1 {
	font-size:30px;
	text-align:center;
	padding-bottom:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

/* heading 2 in the single div */
#contentsingle h2 {
	text-align:center;
	font-size:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
}

/* paragraph for the statement text */
#contentsingle p.boldtext {
	text-align:center;
	padding-top:30px;
	padding-left:15px;
	font-size:15px;
	font-weight:bold;
}

/* paragraph style */
#contentsingle p {
	padding-bottom:20px;
}

#contentsingle .col1 {
	width:470px;
	float:left;
}

/* 2 column paragraph style */
#contentsingle .col2 {
	width:300px;
	float:left;
}

#contentsingle .col2 p {
	padding-bottom:10px;
	text-align:left;
}

#contentsingle form {
}

#contentsingle form label {
	float:left;
	width:400px;
	font-weight:bold;
}

#contentsingle form input, #contentsingle form textarea {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contentsingle form input {
	width:240px;
}

#contentsingle form input.button {
	width:100px;
}

#contentsingle form textarea {
	width:450px;
	height:120px;	
}

/* RANKING LIST */
#contentsingle ul.rankingList {
	width:725px;
	padding-left:45px;
	height:400px;
}
#contentsingle ul.rankingList li {
	float:left;
	width:241px;
	height:23px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:15px;
}

/* SIMPLE LIST */
#contentsingle ul.simpleList {
	list-style:circle;
	padding-left:30px;
}
#contentsingle ul.simpleList li {
	
}

/* THEMEN TABLE CELLS */
#contentsingle #themen tr td{
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:23px;
	color:black;
	width:374px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	height:70px;
}

/********************************************************************/
/* FOOTER */

/* footer container */
#footer {
	background-image:url(../img/background/footer_background.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	float:left;
	height:70px;
	width:1000px;
}

/* paragraph style in the footer */
#footer p {
	padding-top:38px;
	padding-left:20px;
	font-size:17px;
	font-weight:bolder;
	color:#58585A;
	font-family:Tahoma, Geneva, sans-serif;
	width:500px;
	float:left;
}

/* link style in the footer, containing the logo image */
#footer a {
	float:right;
	position:relative;
	top:-35px;
	right:10px;
}


/********************************************************************/
/* NEWS CSS */

.newsitem {
	padding:0 20px 0 20px;
	text-align:left;
}

.newsitem h2 {
	text-align:left !important;
	padding:0 0 5px 0;
}

.newsitem h3 {
	padding:5px 0 5px 0;	
}

.newsitem p {
	line-height:16px;
}