

html,
body {
	margin:0;
   	padding:0;
	height:100%;		
}

body {
	line-height: 17px;
	font-size: 12px;
	background-color: #e5e5e5;
	color: #333333;
	height: 100%;
	margin-bottom: -58px;
}

#box{
	display: block;
	margin: 0 auto;
	width: 950px;
	height: 100%;
	background: white url(../img/background_color.gif) repeat-x;
	background-color: white;
	

}

#header_image {
	display: none;
}


.header {
	height: 328px;
	width: 950px;
	z-index:1000;
	background: url(../img/header/default.jpg) no-repeat 0 bottom;
	border-bottom: solid 2px white;
}

#main{
	background-color: white;
	position:relative;  
	height:  auto;
}

/*.page {
	display: block;	
	z-index: 1;
	margin: 0 auto;
	background-color: white;
	overflow: hidden;
	position: relative;
}*/

/*.column{
	background-color: #fff;
	height: auto;
	display: block;
	
}*/


.contentContainer{
	background-color: #fff;
	/*width: 100px !important;*/
	padding-left: 10px;
	width: auto;	
	height:  auto;
	overflow: hidden;
	
}

.navigationContainer {
	float: left;	
	width: 220px !important;	
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid white;
	height:  auto;
	overflow: visible;

}

#navigationPrintImage {
	display: none;
}


#content {
  
  margin-top: 23px !important;
  background-color: white;
  margin-bottom: 60px;

}

.menueRight{
	border-left:1px solid #e7e7e7;
	margin-left:20px;
	margin-top:23px;
	position: relative;
	/*height: 323px !important;*/
	
	height:  auto;
	
	
}

#menueRightBorderless {
	margin-top:23px;
	height: auto;
}

.referenz {
	margin-left:-5px;
	position: relative;
}

.arrowRight {
	position: absolute;
	background: url(../img/arrowRight.jpg) no-repeat center top;
	width: 	 31px;
	height:  31px;
	top: -5px;
	right: 215px;
}

#facts_next {
	background: url(../img/arrow_right.gif) no-repeat 0px 0px;
	width: 	 35px;
	height:  35px;
	float: left;
	margin-right: 5px;
	margin-top: -8px;
	margin-left: -3px;
	overflow:  visible;
	
}

#facts_prev {
	background: url(../img/arrow_left.gif) no-repeat 0px 0px;
	width: 	 35px;
	height:  35px;
	float: left;
	margin-right: 5px;
	margin-top: -8px;
	margin-left: -3px;
	overflow:  visible;
	
}


ul.coachingList{
}

ul.coachingList li{
	margin-left: -15px;
	padding-left: 15px;
	width: 100%;
	background: url(../img/bullet.jpg) no-repeat 0px 4px;
	margin-bottom: 0px;
	line-height: 17px;
}



ul.ausbildung-liste {
	list-style-type: none;
	
}

ul.ausbildung-liste li{
	list-style-type: none;
}


.cite {
	color: #666666;
	font-style:italic;
}

ul {
	list-style-type:none;
}

li {
	margin: 0;
}

a:visited,
a:link {
  color: #e51110;
  font-style: none;
  text-decoration: none;
}

a:hover {
  color: #e51110;
  text-decoration:underline;
}

a:active, a:focus{outline: none}


.footerContainer{
	position: fixed;
	height: 58px;
	width: 100%;
	z-index: 99;
    bottom: 0; 
}

#footerSpacer {
	height: 20px;
	width: 950px;
	padding: auto;
	margin: auto;
	background: url(../img/background_color_footer.gif) repeat-x;
}


#footerBox{
	background-color: #333333;
	height: 38px;
	width: 950px;
	padding: auto;
	margin: auto;
	overflow: hidden;
}

ul#footer{
	height:38px;
	line-height: 38px;
	margin-left: 30px;
	font-size: 14px;
	height: 38px;
	text-transform: uppercase;
	color: #ffffff;
	background: transparent url(../img/footerNavigation.jpg) no-repeat -4px 6px;
	
}

ul#footer li{
	float: left;
	display: block;
	margin-right: 4px;
	height: 38px;
	width: 91px;
	
}

ul#footer li.partner{
	width: 75px;
}
ul#footer li.kontakt{
	width: 80px;
}
ul#footer li.impressum {
	width: 105px !important;
}

ul#footer li a {
	display: block;
 	height: 100%; 	
}

ul#footer li a i {
	display: none;
}

ul#footer li i{
	font-style: normal;
}


#footer a:visited,
#footer a:link {
	color: #ffffff;
	text-decoration: none;
}

#footer a.current:link,
#footer a.current:visited,
#footer a:hover {
	color: #999999;
}

ul#footer li.partner a.current,
ul#footer li.partner a:active,
ul#footer li.partner a:hover {
	background: url(../img/footerNavigation.jpg) no-repeat -4px -29px;
}

ul#footer li.kontakt a.current,
ul#footer li.kontakt a:active,
ul#footer li.kontakt a:hover {
	background: url(../img/footerNavigation.jpg) no-repeat -83px -29px;
}

ul#footer li.impressum a.current,
ul#footer li.impressum a:active,
ul#footer li.impressum a:hover {
	background: url(../img/footerNavigation.jpg) no-repeat -167px -29px;
}

.artikel {
	margin-right: 30px;
	height:180px;
}

.impressum {
	
	float:left;
}



/* @group Typo */
h1 {	
  	
  	font: 14px "Bell Gothic Bold","BellGothic Bold", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-top: 4px;
	margin-bottom: 19px;
	line-height: 17px;
	
}

h2 {	
  	
  	font: 12px "Bell Gothic Bold","BellGothic Bold", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 17px;
	margin: 0;
	
}

.important,
a.important ,
a:hover.important {
	color: #e51110;
	text-decoration: none;
}

.important_small,
a.important_small,
a:hover.important_small {
	font-size: 11px !important;
	color: #e51110;
	text-decoration: none;
}

.weakImportant,
a.weakImportant ,
a:hover.weakImportant {
	color: #666666;
	text-decoration: none;
}

.date{
	margin-top: -19px;
	margin-bottom: 0px !important;
}

.highlight {
	font-weight: bold;
}


ul.referenzen-liste li {
  list-style-position: outside;
  list-style-type: disc;
  margin-left:15px;
}

div.text {
  padding-bottom:50px;
 
}

div.text ul li {
  padding:0;
  margin-left:35px;
  list-style-position: outside;
  list-style-type: disc;
}

span {
  line-height: 17px;
  font-size: 12px;
  font-family: "Bell Gothic Bold","BellGothic Bold", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
}

div.text ol li {
  padding:0;
  margin-left:35px;
  list-style-position: outside;
  

}

div.text h2 {
  margin-top:-40px;
  margin-bottom:10px;
}

div.text hr {
  height:3px;
  display:block;
  margin:0;
  
  margin-top:-35px;
  margin-bottom:-20px;
  padding:0;
}

div.text img {
  border: 1px solid #e7e7e7;
  padding:10px;
  margin-top:-20px;
}

#galleryContainer {
	/*height: auto;*/
	/*overflow: hidden;*/
	display: block;
	position: relative;
}

#gallery {
	width: 400px;
	height: auto;
	display: block;
    position: absolute;
    left: 0;
}

.reference {
	width: 400px;
	display: block;
	/*float: left;*/
	padding-right: 20px;
	position: relative;
}

#buttons {
}

#pref_ref,
#next_ref {
  font-family: "Bell Gothic Bold","BellGothic Bold", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  
  text-transform: uppercase;

  
  text-decoration: none;
  height:40px;
  display:none;
  padding-top: 9px;
   
}

#pref_ref {
  float:left;
  width: auto;
  padding-left: 40px;
  background: white url(/img/arrow_left.gif) no-repeat 0 0;
}


#next_ref {
  float:right;
  padding-right: 40px;
  text-align: right;
  
  background: white url(/img/arrow_right.gif) no-repeat right 0;
}

/* FORM */

label {
	font: normal normal 12px/24px Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: block;
	/*clear: left;*/
	clear: right;
	width: auto;
	text-align: left;
	margin-right: 20px;
	height:24px;
}

textarea {
  font: normal normal 12px Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  background-color: white;
  margin-bottom: 10px;
  float:left !important;
  display:block;
  margin-right: -20px;
  height: 100px;
  width: 404px !important;  
  color: #717171;
  
}


.textarea_small {
  font: normal normal 12px Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  background-color: white;
  margin-bottom: 10px;
  float:left !important;
  display:block;
  margin-right: -20px;
  height: 28px;
  color: #717171;
  
  
}

input.textfield:active,
input.textfield:focus,
input.textfield:focus:hover {
	border-color:#e51110;
}


input.textfield:hover {
	border-color:#999999;
}


input.button {
	
	float:right;
  	padding-right: 40px;
  	text-align: right;
  
  	background: white url(/img/arrow_right.gif) no-repeat right 0;
}

.textfield {
	font: normal normal 12px Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	margin-bottom: 15px;
	zoom:1;
	float: right;
	clear: right;
	width: 320px;
	height: 19px;
	color: #717171;
}

div.button {
	height:35px; 
	background: white url(/img/arrow_right.gif) no-repeat right 0;
	width:auto; 
	float:right;
	margin-top: 20px;
	margin-right: -10px;
	cursor: pointer;
	}

div.button input {
	height:35px;  
	border:none; 
	display:inline; 
	float:right;
  	padding-right: 40px;
  	text-align: right;
  	background: white url(/img/arrow_right.gif) no-repeat right 0;
  	cursor: pointer;
	
};

.required {
	text-decoration: none;
	font-style: italic;
}

.note {
	font: italic normal 12px Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

.error {
	font: italic normal 12px/24px Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	padding-top: 0;
	padding-left: 10px;	
	padding-right: 10px;
	width: 388px;
	background-color: #f5f5f5;
	border: 1px solid #e8e8e8;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	color: #e51110;
	clear:  both;
}

span.error_message {
	font: italic normal 12px/24px Tahoma, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #e51110;
	display: block;
	padding-top: 0;
	padding-left: 10px;	
	padding-right: 10px;
	width: 388px;
	background-color: #f5f5f5;
	border: 1px solid #e8e8e8;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	float: left;
	clear:  both;
}

td.field_one {
	width: 140px;
}

td.field_two {
	width: 50px;
}

p{
	margin-bottom: 16px;

}

.grey {
	color: #333333;	
}

.grey a:hover {
	text-decoration:none;
	color: #333333;
	
}
 


