@charset "utf-8";
/************************************************
	CSS - kinaesthtics.com

	Media: Screen
	Autor: Timo Klaiber
	Datum: 02.04.2009
	
	Copyright (C) 2000, henoch birzer klaiber GbR
	www.hbk-concept.de
************************************************/

/************************************
		General 
*************************************/
* { 
	margin: 0;
	padding: 0; 
}
body, p, table, tr, td, th, div, a, ul, li, input, select, option, textarea, h1, h2, h3,button, legend {
	color:#333;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
}
html {
	background-color:#fff;
}
body {
	background-color:#fff;
}
img 		{ 	border: 0; }
table 	{ 	border-collapse:collapse;	}
th  	 	{ text-align:left;}
ul		{	list-style:none; }
div.clr 	{	clear:both; }
input, select, textarea, button  {	padding:1px;   }

p.error { 
   width:370px;
   background-color:#FFEBE4;
   border:1px solid #DF2121;
   font-weight:bold;
   color:#DF2121;
   padding:10px;
   margin:0 0 10px 0;
   
}
p.success { 
   width:370px;
   background-color:#E8EEF5;
   border:1px solid #244E7E;
   font-weight:bold;
   color:#244E7E;   padding:10px;
   margin:0 0 10px 0;
   
}

/*** Formularelemente ********************************/
form.formular {
	margin:0 0 20px 0;
}
form.formular fieldset.forum {			width:600px; }
form.formular fieldset.searchKurs {		width:440px; }
form.formular fieldset.searchTrainer {	width:660px; }

form.formular fieldset legend {
	font-weight:bold;
	padding:0 0 0 10px;
}
form.formular fieldset table {
	margin:10px;
}
form.formular fieldset table td {
	padding:4px 10px 4px 0;
}
form.formular input.elementForum		{	width:194px; }
form.formular textarea.elementForum 	{	width:513px; height:100px;}
form.formular .elementKurs 			{	width:330px; }
form.formular .elementTrainer		{	width:500px; }


input.formButton {
	background: url(../img/formButton.gif) no-repeat;
	width: 69px;
	height: 21px;
	border-width: 0px;
	color:#fff;
}
input.formButton:hover {
	background-position:0 -21px;
}

/*** Schriftfarben ***********************************/
ul.ebenen li ,
a, 
#footer a,
#footer span {
	color:#513761;
}
.statement .quotation *{
	color:#38194A;
}
/*** Links ********************************************/
a 		{ 	text-decoration: none; 		}
a:hover 	{ 	text-decoration: underline; }


/*** Ueberschriften ************************************/
h1 { /* Bei den Statements */
	font-weight:bold;
	font-size:20px;
	margin:10px 0 10px 0;
}
h2 { /* Im Content-Bereich */
	font-weight:bold;
	font-size:14px;
	margin:0 0 10px 0;
}
h3 {
}


/************************************
		Layout
*************************************/
#border {
	width:895px;
	margin:auto;
}

#header {
	width:100%;
	height:125px;
	background:#fff url(../img/headerBg.gif) repeat-x top;
}
#menu {
	width:100%;
	height:28px;
}


/************************************
			Header
*************************************/
#header #logo {
	float:left;
}
#header #login {
	float:right;
	margin:0 0 0 0;
}
#header #login .selectCountry {
	float:right;
	margin:5px 10px 0 0;
}
#header #login .search {
	float:right;
	margin:3px 10px 0 0;
}
#header #login .links {
	float:right;
	margin:5px 15px 0 0;
}
#header #login .links a {
	font-size:11px;
}

#header #login .search input.search-field {
	background:transparent url(../img/search-bg.gif) no-repeat;
	font-size:11px;
	border:none;
	height:17px;
	padding:2px 0 0 20px;
	width:180px;
	float:left;
	margin-right:2px;
	color:#888;
}
#header #login .search input.search-button {
	float:left;
	padding:0;
}
/*
#header #login form {
	clear:both;
}
#header #login table {
	margin:15px 10px 0 0;
	float:right;
	
}
#header #login table td {
	padding:2px 0 2px 10px;
	text-align:right;
}
#header #login table td a {
	font-size:10px;
}

#header #login table input.login {
	width:130px;
}
#header #login table.loginError input.login {
	background-color:#ffebe4;
	color:#df2121;
}

*/
/************************************
			Footer
*************************************/
#footer {
	text-align:center;
	padding:13px 0 50px 0;
}
#footer a,
#footer span {
	font-size:11px;
}

/************************************
			Menu
*************************************/
#menu ul li{
	float:left;
	width:179px;
	height:28px;
}
#menu ul li.menu_1 			{ background:#381A4A url(../img/menu_1.gif) no-repeat; }
#menu ul li.menu_1_active 	{ background:#381A4A url(../img/menu_1_active.gif) no-repeat; }
#menu ul li.menu_2 			{ background:#513761 url(../img/menu_2.gif) no-repeat; }
#menu ul li.menu_2_active 	{ background:#513761 url(../img/menu_2_active.gif) no-repeat; }
#menu ul li.menu_3			{ background:#83708E url(../img/menu_3.gif) no-repeat; }
#menu ul li.menu_3_active 	{ background:#83708E url(../img/menu_3_active.gif) no-repeat; }
#menu ul li.menu_4 			{ background:#9C8DA5 url(../img/menu_4.gif) no-repeat; }
#menu ul li.menu_4_active 	{ background:#9C8DA5 url(../img/menu_4_active.gif) no-repeat; }
#menu ul li.menu_5 			{ background:#CDC6D2 url(../img/menu_5.gif) no-repeat; }
#menu ul li.menu_5_active 	{ background:#CDC6D2 url(../img/menu_5_active.gif) no-repeat; }

#menu ul li div {
	padding:6px 0 0 15px;
}
#menu ul li div a {
	color:#fff;
	font-weight:bold;
}

/************************************
			Home
*************************************/
#statements {
	width:100%;
	height:250px;
	background:#fff url(../img/statementsBg.gif) repeat-x top;
}
#teaser {
	width:100%;
	background:#fff url(../img/homeBg.gif) repeat-x;
}
#teaser .teaserSpace {
	float:left;
	width:5px;
	height:50px;
}
#teaser .teaserBox {
	float:left;
	width:285px;
	margin:0 5px 0 5px;
}
#teaser .teaserBox .header{
	width:100%;
	height:30px;
	background:#6B5479 url(../img/teaserHeader.gif) no-repeat;
}
#teaser .teaserBox .header h2 {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:5px 0 0 10px;
}
#teaser .teaserBox .content{
	width:100%;
	background:#fff;
}
#teaser .teaserBox .content .border{
	border-right:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	height:240px;
	overflow:auto;
}
#teaser .teaserBox .content .border .pad{
	padding:5px;
}
#teaser .teaserBox .content .border .pad p{
	line-height:1.5;
	margin:0 0 15px 0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif; 
}

#footer {
	width:100%;

}


/************************************
			Content
*************************************/
.statement {
	width:100%;
	height:243px;
}
.statement_   { background:#fff url(../img/statement.gif) repeat-x; }
.statement_0 { background:#fff url(../img/statement_0.gif) repeat-x; }
.statement_1 { background:#fff url(../img/statement_1.gif) repeat-x; }
.statement_2 { background:#fff url(../img/statement_2.gif) repeat-x; }
.statement_3 { background:#fff url(../img/statement_3.gif) repeat-x; }
.statement_4 { background:#fff url(../img/statement_4.gif) repeat-x; }

#content {
	width:100%;
	border:1px solid #999;
	margin:7px 0 0 0;
}
#content #submenu {
	float:left;
	width:200px;
	height:400px;
}
#content #submenu ul {
	margin:20px 10px 0 20px;
}
#content #submenu ul li{
	padding:5px 0 5px 5px;
	background:url(../img/submenu-li.png) repeat-x bottom;
}
#content #submenu ul li.empty{
	background:none;
}
#content #submenu ul li a{
	font-weight:bold;
}
#content #submenu ul li.selected {
	background:#5F3E83 url(../img/submenu-li-selected.png) repeat-x top;
}
#content #submenu ul li.selected a{
	color:#fff;
}

#content #submenu h2{
	margin:20px 0 0 20px;
	font-size:12px;
}

#content #text {
	float:left;
	width:495px;
	margin:20px 0 20px 0;
}
#content #text  {
	line-height:1.5;
	text-align:justify;
}
#content #text ul {
	list-style:disc outside;
	margin:0 0 0 20px;
}
#content #text ul li{
	padding:3px 0 3px 0;
}
#content #text ul ul{
	list-style:square outside;
	margin:0 0 0 20px;
}
#content #images {
	float:left;
	width:200px;
	text-align:center;
}
#content #images img{
	margin-top:20px;
}
#content #search {
	float:left;
	width:680px;
	margin:20px 0 20px 0;
}

/*** Zitate ***************************/
.statement .back {
	float:left;
	width:169px;
	margin:152px 0 0 0;
}
.statement .back .button {
	width:69px;
	height:30px;
	margin:10px 0 0 25px;
}
.statement .back .button a{
	display:block;
	width:100%;
	height:100%;
	background:url(../img/buttonStart.gif) no-repeat;
}
.statement .back .button a:hover{
	text-decoration:none;
	background-position:0 -30px;
}
.statement .back .button a div{
	width:100%;
	color:#fff;
	padding:6px 0 0 0;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}

.statement .image {
	float:left;
	width:189px;
	margin:20px 0 0 0;	
}

.statement .quotation {
	float:left;
	width:500px;
	margin:20px 0 0 0;	
}
.statement .quotation blockquote{
	font-size:15px;
	font-style:italic;
	margin:0 0 15px 0;
	line-height:1.3;
}



/************************************
		Team
*************************************/
.team {
	float:left;
}


/************************************
		Trainer- / Kurssuche
*************************************/
/*table.searchForm td,
table.searchForm th{
	padding:0 10px 0 0;
}
table.searchForm th{
	font-weight:normal;
}
table.searchForm input.element,
table.searchForm select.element {
	width:175px;
}
*/

table.searchResults  {
	margin:15px 0 0 0;
	width:100%;
}	
table.searchResults th,
table.searchResults td {
	padding:2px 5px 2px 5px;
	vertical-align:top;
	line-height:1.3;
	text-align:left;
}	
table.searchResults th {
	background-color:#9C8DA5;
	color:#fff;
	font-weight:normal;
}	
table.searchResults tr.color td{
	background-color:#d1d2d4;
}	
table.searchResults td.line {
	height:4px;
	vertical-align:bottom;
	padding:0;
}
table.searchResults th.datum,
table.searchResults td.datum {
	width:170px;
}
table.searchResults img.tableLine {
	width:100%;
	height:2px;
}

/************************************
		Language Select
*************************************/
#iconselect {
	background: url(../img/selectBg.gif) no-repeat;
	height: 15px;
	width: 45px;
}
.selectitems {
	width:150px;
	height:15px;
	border-bottom: dashed 1px #ddd;
	padding:1px 0 1px 0;
}
.selectitems span {
	margin-left: 5px;
}
#iconselectholder {
	width: 150px;
	overflow: hidden;
	display:none;
	position:absolute;
	background-color:#fff;
}
.hoverclass{
	background-color:#d7d0dc;
	cursor:pointer;
}
.selectedclass{
	background-color:#d7d0dc;
}


/************************************
		Trainerprofil
*************************************/
img.profilbild {
	float:left;
	padding-right:15px;
}

/************************************
		News
*************************************/
table.files td {
	padding:2px 10px 2px 0;
}




/************************************
		Passwort vergessen
*************************************/
table.passwort {
	margin:10px 0 0 0;
}
table.passwort td{
	padding:0 5px 0 0;
}

/************************************
		Suche
*************************************/
p.result {
	margin-bottom:10px;
}
div.hit {
	padding:10px 0 10px 0;
	border-top:1px solid #999;
	line-height:1.5;
}


/************************************
		Fehlerseite
*************************************/
div.errorContent {
	text-align:center;
	margin-top:30px;
}