/*
	CSS Stylesheet
	written by Hendrik Meyer
	MEDIA DSIGN | websolutions
	www.media-dsign.de
*/

body {
	margin: 0px 0px;
	background: #b20000 url('img/background.gif') repeat-x top left;
	text-align: center;
	font-family: Tahoma,Arial;
	font-size: 11px;
	line-height:17px;
	behavior:url("csshover.htc");
}

a:link,a:hover,a:active,a:visited {
	color: #000000;
	text-decoration: underline;
}
h1,h2,h3,h4,h5 {
	margin:0px;
	padding:3px;
}
h1 {
	font-size: 24px;
	font-weight:normal;
	margin-bottom:15px;
}
h2 {
	font-size: 14px;
	color:#333333;
}
h3,h4,h5 {
	font-size: 12px;
	font-weight: bold;
}

div {
	margin:0px;
	padding:0px;
	text-align:left;
}
.red {
	color: #FF0000;
}
td {
	font-family: Tahoma,Arial;
	font-size: 11px;
	padding:2px;
}
th {
	font-size:14px;
	color: white;
	background: url('img/table_head.gif') repeat-x top left;
	height:22px;
	font-weight:bold;
	padding:2px;
}
.form,.form_xl {
	border: #333333 1px solid;
}
.captcha_notvalid {
	font-weight:bold;
	color: red;
}

div.msg {
	padding: 5px;
	font-family: Arial;
	font-size: 9pt;
	color: #000000;
	background-color: #CCCCCC;
	border: #FF0000 1px solid;
}

div.page {
	width:959px;
	min-height:720px;
	height: auto !important;
	background: url('img/page_bg.gif') repeat-y top center;
	margin: 0px auto;
}

/* Header */
div.header {
	height:184px;
	background: url('img/header.jpg') no-repeat top left;
}
#logo {
	margin-left:489px;
	margin-top:30px;
}

div.left {
	float: left;
	width:216px;
	margin-left:7px;
}

/* Navigation */
ul.navi {
	list-style:none;
	margin:0px;
	margin-left:210px;
	margin-top:26px;
	padding:0px;
}
ul.navi li {
	height:27px;
	float:left;
	margin-right:10px;
}
ul.navi li div.navi_link a:link,
ul.navi li div.navi_link a:hover,
ul.navi li div.navi_link a:visited,
ul.navi li div.navi_link a:active {
	color: white;
	font:14px Tahoma,Arial;
	text-decoration:none;
	line-height:25px;
}
#active div.navi_link,
ul.navi li:hover div.navi_link {
	background: transparent url('img/navi_button_hover.png') repeat-x top left;
	height:27px;
}
div.navi_left,
div.navi_right {
	width:7px;
	height:27px;
}
div.navi_left {
	float:left;
}
div.navi_right {
	float:left;
}
div.navi_link {
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	float:left;
}

ul.navi li {
	text-align:center;
}
.navi_home {
	width:55px;
}
.navi_haar {
	width:120px;
}
.navi_makeup {
	width:145px;
}
.navi_skin {
	width:130px;
}
.navi_team {
	width:80px;
}
.navi_praxis {
	width:80px;
}
.navi_preise {
	width:55px;
}
#active div.navi_left,
ul.navi li:hover div.navi_left {
	background: transparent url('img/navi_button_hover_left.png') no-repeat top left;
}
#active div.navi_right,
ul.navi li:hover div.navi_right {
	background: transparent url('img/navi_button_hover_right.png') no-repeat top left;
}
.infos {
	margin-left:7px;
	margin-top:10px;
	width:210px;
	text-align:center;
	font-size:16px;
	line-height:25px;
	color:#666666;
}
.infos h3 {
	font-size:16px;
	line-height:25px;
	color:#222222;
	margin:0px;
	padding:0px;
}
.zeiten {
	margin-top:10px;
	margin-bottom:20px;
	margin-left:7px;
	width:210px;
	font-size:12px;
	text-align:center;
	line-height:16px;
	color:#666666;
}
.zeiten h4 {
	font-size:12px;
	line-height:16px;
	color:#222222;
	margin:0px;
	padding:0px;
}

.adresse {
	margin-top:10px;
	margin-bottom:20px;
	margin-left:57px;
	width:180px;
	font-size:10px;
	text-align:left;
	line-height:16px;
	color:#666666;
}
.adresse h5 {
	font-size:12px;
	line-height:16px;
	color:#222222;
	margin:0px;
	padding:0px;
}

/* Content */
div.content {
	margin-top: 20px;
	margin-left:280px;
	margin-right:20px;
	padding-bottom:20px;
	margin-bottom:0px;
}
div.content p {
	padding-bottom:20px;
	padding-left:3px;
}
div.content ul {
	margin-bottom:20px;
}
div.content ul li {
	margin-left: 15px;
	line-height:25px;
	font-size:13px;
}
div.content table {
	margin-left:3px;
}
hr {
	margin-bottom:20px;
}
.sidebar {
	margin-left:-260px;
	float:left;
}
.team {
	float:left;
	width:300px;
	margin-right:10px;
}
.team .text {
	height:150px;
}
.flowers {
	margin:0px;
	padding:0px;
	margin-left:-273px;
}
.praxisbild {
	width:150px;
	margin-right:10px;
	float:left;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-bottom:20px;
}
.landscape {
	margin-top:18px;
	margin-bottom:18px;
}
#angebot { text-align:center; height:140px; }
#angebot img { margin:0 auto; }
/* Teaser */
div.teaser {
	width: 208px;
	min-height:360px;
	height:auto !important;
	background: white url('img/teaser_bg.gif') no-repeat top center;
	float:left;
	margin:8px;
	margin-left:0px;
}
div.teaser div {
	margin:4px;
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:justify;
	font-size:10px;
	line-height:14px;
}
div.teaser div.thead {
	text-align:center;
	padding:0px;
}
div.teaser a img {
	margin-left:4px;
}
p.details {
	text-align:right;
}

/* Footer */
div.footer {
	clear:both;
	background: #B20000 url('img/footer_shadow.gif') repeat-x top center;
	min-height:50px;
	height:auto !important;
	text-align:center;
}
div.contact {
	background: #DB6060;
	height:22px;
}
div.contact div{
	width:945px;
	text-align:right;
	color: white;
	margin:0px auto;
	padding-top:4px;
}
div.contact div a:link,div.contact div a:hover,div.contact div a:active,div.contact div a:visited {
	color: white;
	font-weight:bold;
	text-decoration:none;
}
div.links {
	margin:0px auto;
	width:945px;
}
div.links div {
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	color: white;
}
div.links div a:link,div.links div a:hover,div.links div a:active,div.links div a:visited {
	color: white;
	text-decoration:none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(img/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  /*border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;*/
  border:none;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}