	/* CSS Document */
	
	
	/* for horizontal alignment in IE */

	/* Globals {{{ */
	html, body {
		/* wiwo */
		/*
		height: 99%;
		*/
	}
	body {
		text-align: left;
		margin: 0px;
		padding: 0px;
		background-image:url(../images/bg_kacheln.gif);
		background-repeat:repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #5d5d5d;
	}
	a { 
		color: #83a416;
		text-decoration: none;
		font-weight: normal;
	}
	a:hover {
		color: #96bf0d;
		text-decoration:underline;
		font-weight: normal;
	}
	input {
		border: 1px solid #f5a300;
		font-size: 9px;
		color: #c9c9c9;
		padding: 1px 2px 1px 3px;
		width: 135px;
	}
	h2 {
		color: /*#96bf0d*/ #1261a9;
		font-weight:bold;
		font-size: 14px;
		text-transform: uppercase;
	}

	h1 {
		color: #1261a9;
		font-weight:normal;
		font-size: 22px;
		/*text-transform: uppercase;*/
		
	}
	/* }}} */

	/* Master {{{ */
	/* 
		margin: auto is good for opera, firefox, mozilla, safari, konqueror,
		not working in IE 
		text-align:left used for resetting text-alignment (see body)
	*/
	div#center-div
	{
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		width: 935px;
		z-index: 90;
		position: relative;
		text-align: left;
	}
	
	div#shade-wrapper
	{
		background-image: url(../images/shadow_center.png);
		background-repeat:repeat-y;
	}

	
	/* for vertical alignment */
	table#center-tbl {
		width: 100%; 
		/*
		height: 808px;
		*/
	}
	table#center-tbl td {
		width: 100%; 
		/*
		height: 100%;
		*/
		text-align: center;
	}

	table#center-tbl td td {
		width: auto;
	}
	
	div#wrapper {
		/*
		height: 805px; 
		*/
		position: relative;
		width: 908px; 
		position: relative;
		margin-left: 14px;
	}
	div#header {
		position: relative;
		height: 158px;
		width: 100%;
		background-image: url(../images/header_round.png);
		background-repeat:no-repeat;
		background-position:bottom;
		z-index: 200;
	}
	div.random_images, div.random_images_index {
		position: relative;
		top: -158px;
		width: 908px;
		z-index: 5;
	}
	div.random_images {
		height: 158px;
	}
	div.random_images img {
		width: 908px;
		height: 158px;
	}

	/* SEARCH */
		div#search-box {
      display: none;
      position:absolute;
      top: 25px;
      right: 60px;
      overflow: hidden;
      padding: 25px 10px 10px 10px;
      background-image:url(/cu/dcon/images/master/bg-search.gif);
			height: 32px;
			width: 160px;
			z-index: 3100;
    }
    div#search-box input {
      border:1px solid gray;
    }
    #search-close {
      cursor: pointer;
      position:absolute;
      top: 4px;
      right: 4px;
      vertical-align: middle;
    }
		span.searchString { color: green; font-weight: bold;}

	/* END SEARCH */

	/* }}} */

	/* Index {{{ */

		div.text-index {
			position: relative;
			float: left;
			width: 920px;
			text-align:justify;
			margin-top: -130px;
			z-index: 99;
		}


		div#index-links { 
			position: absolute; 
			top: -35px; 
			left: 0px; 
			z-index: 100;
		}
		div#index-links div.index-link { 
			color: #68AA26; position: relative;  
			text-transform: uppercase;
			position: absolute;
		}
		div#index-links div#single-counsel { left: 20px;} 
		div#index-links div#group-counsel { left: 327px;} 
		div#index-links div#company-counsel { left: 633px;} 
		div#index-links div.index-link .head { display: block; font-size: 24px; margin:0px; padding: 0px; }
		div#index-links div.index-link .sub 	{ display: block; font-size: 14px; margin: 0px; padding: 0px; position:relative; top: -5px; left: 1px; }

		div#index-links div.index-link {
			width: 260px; 
			background-image: url(/cu/essperten/images/index/arrow.gif);
			background-repeat: no-repeat;
			background-position: 100% 80%;
		}
		div#index-paragraphs {
			padding-top: 12px;

		}
		div#index-paragraphs div.index-paragraph {
			line-height: 1.2em;
			width: 264px;
			float: left;
			padding: 16px;
			margin-right: 10px;
		}

		div.text-index div#infobits {
			padding-top: 20px;
			background-image:url(/cu/essperten/images/index/bg-punkte-verlauf.jpg);
			background-repeat: repeat-x;
			width: 900px;
			padding-bottom: 80px;
			background-color: #FAFAFA;
		}
		div.text-index div#infobits div.box {
			width:145px;
			height: 116px;
			float: left;
			padding: 10px 95px 10px 20px;
			background-repeat: no-repeat;
			overflow: hidden;
			text-align: left;
		}

		div.text-index div#infobits div.box h2 { font-size: 10px; text-transform: uppercase; }
		div.text-index div#infobits div.box * { font-size: 9px; line-height: 1.2em; }
		div.text-index div#infobits div.infobit-1 { color: white; background-image:url(/cu/essperten/images/index/infobit_waage.jpg); margin-left: 14px; }
		div.text-index div#infobits div.infobit-2 { color: black; background-image:url(/cu/essperten/images/index/infobit_orangen.jpg); margin-left: 46px; } 
		div.text-index div#infobits div.infobit-3 { color: black; background-image:url(/cu/essperten/images/index/infobit_anruf.jpg); margin-left: 46px; }
		div.text-index div#infobits div.infobit-2 h2 { color: #FF9704; }
		div.text-index div#infobits div.infobit-3 h2 { color: white; }

		div.text-index div#infobits div.body { height: 54px; overflow: hidden; }
		div.text-index div#infobits div.box .link {
			background-image:url(/cu/essperten/images/index/bu_mehrInfo.png);
			background-repeat: no-repeat;
			width: 114px;
			height: 27px;
			margin-top: 5px;
			margin-left: 50px;
			padding-top: 8px;
			text-align: center;
			color: #238240;
			display: block;
		}
		div.text-index div#infobits div.box .link:hover {
			background-image:url(/cu/essperten/images/index/bu_mehrInfo_over.png);
			color: white;
		}


	/* }}} */
	
/* footer {{{ */
	div#footer-blue a {
		color: #FFFFFF;
		text-decoration: none;
	}
	div#footer-blue a:hover {
		text-decoration: underline;
	}
	div#footer-blue {
		position: relative;
		background-color: #1261a9;
		height: 20px;
		width: 908px;
		margin-left: 14px;
		font-size: 10px;
		color: white;
		z-index: 100;
		position: relative;
		padding: 7px 0px 0px 0px;
	}
	
div#footer-inner div, div#footer-inner div a, div#footer-inner div a *, div#footer-inner-right  {
	font-size: 10px; 
	color: white;
	text-decoration: none;
}

div#footer-inner div a:hover {text-decoration: underline;}

div#footer-inner-left {
	margin-left: 15px;
	width: 500px;
	float: left;
}


div#footer-inner-right {
 	float: right;
	width: 350px;
	text-align: right;
	margin-right: 15px;
}
	
/* end footer }}} */

/* text on top {{{ */
div.home, div.home_search_bar, div.user_bar {
		height: 18px;
		color: #8b8b8b;
		font-size: 9px;
	}

div.home a, div.home_search_bar a, div#footer a, div.user_bar a {
		color: #8b8b8b;
		text-decoration:none;
}	

div.home a:hover, div.home_search_bar a:hover, div#footer a:hover {
		color: #9d0c15;
		text-decoration: none;
	}
	
div.home {
		position: absolute;
		top: 2px;
		margin-left: 16px;
		margin-top: 0px;
		padding-top: 0px;
		width: 600px;
}
	
div.home_search_bar {
		position: relative;
		float: right;
		margin-right: 0px;
		margin-top: 0px;
		padding-top: 0px;
		padding-right: 15px;
		text-align:right;
		width: 300px;
}
div.user_bar {
	margin-left: 10px;
	position: relative;
	float:right;
}

/* text on top end }}} */

/* Navi Start {{{ */
	div#navi {
		position: absolute;
		top: 158px;
		width: 908px;
		padding-top: 0px;
		z-index: 1000;
	}
	div#navi div {
		float: left;
		color:#FFFFFF;
		background-image:url(/cu/etzlstorfer/images/bg_navi.gif);
		background-repeat:repeat-x;
	}
	div#navi div a {
		font-variant:small-caps;
		color: #FFFFFF;
		font-weight: normal;
	}
	div#navi div a:hover {
		color: #FFFFFF;
		text-decoration:none;
		background-image:url(/cu/etzlstorfer/images/bg_navi_over.gif);
		background-repeat:repeat-x;
	}
	div#navi div.on a {
		color: #ffe500;
		background-image:url(/cu/etzlstorfer/images/bg_navi_over.gif);
		background-repeat:repeat-x;
	}
/* Navi End */
	
	div.text {
		position: relative;
		float: left;
		/* wiwo */
		/*
		height: 500px;
		overflow:auto;
		*/
		width: 560px;
		/*background-image:url(../images/letter.gif);
		background-position:bottom left;
		background-repeat:no-repeat;
		padding: 110px 30px 30px 110px;*/
		text-align:justify;
		margin-top: -60px;
		padding: 40px;
	}

	/* }}} */

	/* info box {{{ */
	div.info-box {
		position: relative;
		float: right;
		width: 200px;
		height: 100%;
		margin-right: 45px;
		padding-top: 0px;
		background-color: #f9f9f9;
	}
	div#info-box-content{
		width: 152px;
		height: 100%
	}
	div.infobit{
		background-color: #82d033;
		font-size: 10px;
		color: #00501f;
		margin: 5px 0px 15px 24px;
		width: 152px;
	}
	div.infobit div.infobit-content{
		padding: 10px 10px 3px 10px;
		text-align:left;
	}

	div.infobit div.infobit-content-header{
		font-weight: bold;
		color: #FFFFFF;
		font-variant:small-caps;
		padding-bottom: 3px;
	}
	div.infobit div.infobit-text{
		font-size: 9px;
		padding-top: 5px;
	}
	div.infobit-button {
		width: 110px;
		height: 25px;
		margin-left: 11px;
		margin-top: 5px;
		text-align:center;
		background-image:url(../images/infobits/bu_more_info.gif);
	}
	div.infobit-button-text{
		color: #567b30;
		padding-top: 5px;
		z-index: 30;
	}

	/* info box end }}} */

	/* specials {{{ */
	div.contentParagraph img {
		margin: 20px 20px 20px 0px;
		border: 1px solid #eeeeee;
	}

	/* Table price */
	table.price_table td {
		border: 1px solid #ebebeb;
		background-color: #f9f9f9;
		border-collapse: collapse;
		padding: 10px;
	}
	/* }}} */
	
	
	/* forms {{{ */

	table.form-tbl 				{ width: 300px; text-align:left;}
	table.form-tbl tr th 	{ width: 50px; font-weight:normal;}
	table.form-tbl tr td.txt { width: 200px;}
	table.form-tbl .mandatory, table.form-tbl .error { color: #e4ac40; }
	table.form-tbl tr td, table.form-tbl tr th { padding: 3px 0px; }
	
	table.form-tbl td {
		padding: 3px 0px;
	}
	input, table.form-tbl input, table.form-tbl textarea, table.form-tbl select {
		border:1px solid #b2b2b2;
		padding: 0px; margin: 0px;
		color: #666;
	}
	table.form-tbl input.dateentry-day, 
	table.form-tbl input.dateentry-year {
		width: 50px;
		padding: 3px;
		text-align: center;
	}
	table.form-tbl select.dateentry-month { width: 90px; padding: 2px; }
	table.form-tbl input.inputBox, 
	table.form-tbl textarea,
	table.form-tbl select {
		padding: 3px;
		width: 210px;
		background-color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #5d5d5d;
	}
	table.form-tbl textarea {
		height: 100px;
	}

	
/* }}} forms */

/*linkbuttons + buttons*/



input.ok, td.send input {

	border: none;

	background-color: white;

	padding: 0px;

}



div#standard a.linkbutton, a.linkbutton, input.ok, td.send input {

	color: white;

	height: 22px;

	background-image:url(../images/bu/bg_button.gif);

	font-size: 10px;

	padding: 5px 9px 4px 9px;

	text-decoration:none;

}

div#standard a.linkbutton:hover, a.linkbutton:hover, input.ok:hover, td.send input:hover {

	background-image:url(../images/bu/bg_button_over.gif);

	color: white;

	text-decoration: none;

}


/*end linkbuttons*/

div#breadcrumbs {
	position: absolute; 
	top: 0px; 
	left: 0px;
	width: 600px;
	text-align: left;
}
div#breadcrumbs div#breadcrumbs-inner { padding-left: 30px; margin-top:10px; }
div#breadcrumbs, 
div#breadcrumbs * {
	color: #a4a4a4;
	font-size: 9px;
}

div.breadcrum_shade {
	position: relative; 
	margin-top: -126px;
	}

/* INDEX START */

div.index-infobits-container {
	width: 908px;
	height: 125px;
	margin-top: -80px;
	padding-right: 12px;
	text-align: center;
	}
div#index-infobits img {
	margin-left: 10px;
	}
	

div.index-pic {
	width: 908px;
	height: 405px;
	background-image:url(/cu/etzlstorfer/images/index-img.jpg);
	background-repeat:no-repeat;
	}
div.index-pic-text {
	width: 440px;
	margin: 10px 50px 0px 405px;
	font-size: 30px;
	text-align: right;
	padding-top: 30px;
	}
div.index-pic-text-small {
	width: 440px;
	margin: 15px 50px 0px 0px;
	font-size: 11px;
	text-align: right;
	}
										

/* INDEX END */

table#referenzen {
	
}

table#referenzen td {
	text-align: left;
}

ul#trainerlist li {
	padding-bottom: 10px;
}

/*Rahmen um Bilder*/

div.contentParagraph div.foto {
	border: 1px solid #cdcdcd;
	background-color: #efefef;
	padding: 5px;
	width: 150px;
	height: 180px;
	float: left;
	margin: 0px 15px 15px 15px;
}


/*Ende Rahmen um Bilder*/

div.index_news {
	margin-left: 25px;
	text-align: left;
	width: 400px;
	}
