/*
Website by gyselroth* - Agentur fuer digitale Medien und Print. :: www.gyselroth.com
*/

/* ---------------------------------------------------------------------------------------- layout */
#team_content {
	width: 710px;
	height: 510px;
	float: left;
	padding: 10px 0;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: auto;
}
#team {
	float: left;
	width: 100%;
	padding: 30px 0;
}
#note {
	width: 575px;
	height: 275px;
	background-image: url(../../images/note.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 20px 20px 15px 15px;
}
.search {
	width: 640px;
	color: #164182;
	text-align: right;
	float: left;
	padding: 2px 10px 4px 10px;		/* oben, rechts, unten, links */
	margin-top: 4px;
}
.teambar {
	width: 640px;
	background-color: #FFEE99;
	color: #FF9900;
	text-align: left;
	float: left;
	padding: 2px 10px 4px 10px;
	margin-top: 4px;
	font-weight: bold;
}
.box {
	width: 315px;
	height: 150px;
	float: left;
	padding: 0 10px 0 0;
	background-color:#FFFFFF;
}
.box img {
	float: left;
	margin-right: 20px;
}
.box p {
	float: left;
	width: 160px;
}
.detailbox {
	position:absolute;
	z-index: 0;
	width: 560px;
	height: 400px;
	background-color:#FFFFFF;
	border: 1px solid #000000;
	margin-left: 20px;
	padding: 20px;
	overflow: auto;
}
.thumbbox {
	float: left;
	width: 130px;
	height: 100px;
	text-align: center;
	margin-bottom: 10px;
}
#contact {
	border: 1px solid #164182;
	width: 500px;
}

/* WoWer------------------------------------------ */
#ww_content {
	width: 710px;
	height: 450px;
	float: left;
	padding: 40px 0;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: auto;
}
.ww_item {
	float: left;
	width: 658px;
	border: 1px solid #164182;
	background-color: #E8ECF3;
	margin-bottom: 10px;
}
.ww_event {
	float: right;
	width: 250px;
	padding: 5px;
	text-align: left;
}
.ww_person {
	float: left;
	width: 325px;
	text-align: left;
	padding: 5px;
}
.ww_person img {
	float: left;
	margin-right: 20px;
}
.ww_header {
	color: #FFFFFF;
	background-color: #164182;
}
/* ---------------------------------------------------------------------------------------- form */

form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
input {
	width: 180px;
	height: 15px;
	border: 1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.button_trans {
	background-color:#FFFFFF;
	border: 1px solid #FFFFFF;
	color: #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	height: 18px; width: 100px;
	text-align: right;
}
.formular {
	width: 180px;
	border: 1px solid #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
p {
	line-height: 1.4em;
}