/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Farbendeklaration:
HG-Header Grün:		#8E8A5D (RGB: 142,138,93) Annäherung f. Sreenausgabe
HG-Header Grün:		#BC9E52 (RGB: 188,158,82)
Logo-Blau: 			#0072BC (RGB: 0,114,188)
Menüpunkte-Grau:	#939598 /RGB: 101,96,88)
Menüpunkte-Blau: 	#005CA1 (RGB: 0,92,161)
H1,H2-Hellgrau:		#939598  /RGB: 147,149,152)
*/

body {
	background-color:#FFFFFF;
	font-size:12px;
	font-family:Arial, SunSans-Regular, Sans-Serif; /* Verdana, */
	color: black;
	letter-spacing:0.08em;
	padding:0;
	margin:10px 0 0 0;
}

strong {font-weight:normal;}
b {font-weight:normal;}
i {font-style:normal;}

a {color: #005CA1; text-decoration:none;}
a:visited {color: #005CA1;}
a:hover {color: black; text-decoration:underline;}
a:active { color: #005CA1;}

a.visible_link {color:#005CA1; text-decoration:none;}
a:visited.visible_link { color:#005CA1;}
a:hover.visible_link { color:black; text-decoration:underline;}
a:focus.visible_link { color:black;}
a:active.visible_link { color:black;}

a.call {color: black; text-decoration:none;}
a:visited.call {color: black;}
a:hover.call {color: #005CA1; text-decoration:none;}
a:active.call { color: black;}

a.fotonavi {font-size: 24px; font-weight: normal; color:gray; text-decoration:none;}
a:visited.fotonavi { color:gray;}
a:hover.fotonavi { color:#005CA1;}
a:focus.fotonavi { color:gray;}
a:active.fotonavi { color:gray;}

a.fusslink {font-size: 10px; color:white; text-decoration:none;}
a:visited.fusslink { color:white;}
a:hover.fusslink { color:white; text-decoration:underline;}
a:focus.fusslink { color:white;}
a:active.fusslink { color:white;}

h1 {
	font-size: 24px; 
	font-weight: normal;
	color: #939598;
	text-transform: uppercase;
	margin: 0 0 0 13px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 0;
 }

h1 .zusatztext {
	font-size: 10px;
	color: #000000;
	text-transform: uppercase;
}

.h1_abstand0 {
	padding: 0;
}


h2 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 0 13px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 0;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 0 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

h4 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 0 13px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

h5 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 0 0;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

.grossbuchstaben {
	text-transform: uppercase;
 }

.grau {
	color: #939598;
 }

#zusatztext { 
	font-size: 1em; 
	color:#000000; 
	font-weight:normal;
	margin-top: 4px;
	border: 0px solid red;
}

#zusatztext h2 { 
	font-size: 1em; 
	color:#000000; 
	font-weight:normal;
	text-transform:none; 
	display:inline;
	margin:0; 
	padding:0; 
}
/*img.download {vertical-align:middle;}*/

/* ----------container zentriert das layout-------------- */
#container {
	width: 984px; /* ------------- 984 habe ich jetzt mal eingestellt weil d. IE6 mit 980 das Imagebild zum linken Menü umbricht --------- */
	margin: 0 auto; /* ------------- ev. mal einen Patch zur Problematik machen ---------------------------------------------------------- */
	padding: 0;
	background-color: #FFFFFF;
}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
	height: 68px;
	background-color: #FFFFFF;
	border: 0px solid black;
	background: url(images/hg_header.gif) no-repeat;
}
#banner p{
	margin: 10px 0 0 0; /* Abstand des BannerContainer zum oberen Rand */
	padding: 58px 0 10px 35px; /* Position des Logos zu den Rändern des BannerContainer*/
}
#mainnavi {
	margin: 5px 0 6px 3px; /* Abstand des MenüContainer zum BannerContainer */
	padding: 0;
	height: 18px;
	background-color: #FFFFFF;
/*	background: url(images/hg_menue.jpg) no-repeat; */
/*	border-top: 1px solid gray; */
	border-bottom: 0px solid gray; /* Untere Linie in der Mennüleiste */
}

#mainnavi p{
	margin-left: 3px; /* Abstand des Menütextes zum oberen Rand des MenüContainer */
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
/*	font-weight:bold;*/
}

/* -----------------Inhalt--------------------- */
#content {
	min-height:540px;
	background-color: #ffffff;
	padding: 0;
	margin: 36px 0 0 305px; /* Abstand InhaltsContainer zum linken Fensterrand */
	border: 0px solid black;
}

#content ul{
	list-style-type: square;
	padding: 10px 0 0 16px;
	margin: 0 0 0 13px;
	display: block;
}

#content li {
	font-size: 13px;
	list-style-type:square;
	margin-bottom:6px;
}

p, pre {
	padding: 0px 12px 10px 13px;
	margin:0;
}

table {
	padding: 0 12px 10px 0;
	margin: 0 0 0 13px;
}

td  {
	padding: 0px 0px 10px 0px;
	margin: 0;
}

pre, code { font-size: 1em;}

.gross {
	width: 5.71em;
	height: 1.07em;}
	
.block { line-height: 11pt; text-align: justify; }

fieldset.box { Color: #000000; Font-Weight: normal; Width: 86%; Border: 0px solid #939598; }
legend.box { Color: #000000; Font-Weight: bold; Text-Align: center; }
.eingabefeld { Color: black; Background-Color: white; Font-Size: 11px; width:180px; Border: 1px solid #939598; } 
.auswahlfeld { Color: black; Background-Color: white; Font-Size: 11px; width:185px; Border: 1px solid #939598; } 
.textfeld { Color: black; Background-Color: white; Font-Size: 11px; width:644px; Border: 1px solid #939598; } 
.bestellen-textfeld {  height: 17px; width: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.bestellen-textarea {  height: 95px; width: 250px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.bestellen-kaestchen {  background-color:#FFFFFF; height: 16px; width: 16px; margin: 5px 0 0 0; padding: 5px 0 0 0; border:0px solid black; }
/* --------------Menu------------------------- */
#mainnavi {
  color: black;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: -0.01em;
		}

#mainnavi a.inaktiv {
  color: black;
  text-decoration: none;
  margin-left:7px; /* Abstand der Hauptmenüpunkte zum jeweils linken Nachbarn */
  margin-right:19px; /* Abstand der Hauptmenüpunkte zum jeweils rechten Nachbarn */
	}

#mainnavi a:hover.inaktiv {
  color: #005CA1;
  text-decoration: none;
	}

#mainnavi a.aktiv {
  color: #005CA1;
  text-decoration: none;
  margin-left:7px; /* Abstand des aktiven Hauptmenüpunktes zum jeweils linken Nachbarn */
  margin-right:20px; /* Abstand des aktiven Hauptmenüpunktes zum jeweils rechten Nachbarn */
	}

#mainnavi a:hover.aktiv {
  color: #005CA1;
  text-decoration: none;
	}

/* War für den markierten Menüpunkt Friseure -> Die Aktion ###################
#mainnavi a.markiert {
  color: white;
  text-decoration: none;
  background-color:#81A6CC;
	}

#mainnavi a:hover.markiert {
  color: #FF7F00;
  text-decoration: none;
  background-color:#759EC6;
	} */

/* --------------left navigavtion------------- */
#leftnavi {
	float: left;
	overflow:hidden;
	width: 280px;
	margin: 0;
	padding:29px 0 0 0;
	color:#000000;
	border: 0px solid black;
}
#leftnavi ul{
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 0;
	display: block;
}

#leftnavi ul.borderbottom{
	border-bottom:1px solid #ffffff;
	padding: 0 0 0px 2px; /* Abstand der SubMenüpunkte zum linken Rand */
}

#leftnavi li a {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration:none; 
    text-transform: uppercase;
	list-style-type:disc;
	padding-left:12px; /* Abstand der Textes der SubMenüpunkte zur Grafik der Listenpunkte */
    letter-spacing: -0.01em;
	display:block;
}

#leftnavi li a:hover {
	color: #005CA1;
	text-decoration: none; 
	background: url(images/listtype.gif) no-repeat;
}

#leftnavi li a.aktiv {
	color: #005CA1;
	background: url(images/listtype.gif) no-repeat;
}

/*Klasse für den Gratis Button*/

.leftnavi_inaktiv_gratis {
	color:red;
	font-weight:bold;
}

/*
#leftnavi li a.inaktiv {
	color: #000000;
} */

#leftnavi  li li a { font-size: 0.86em; }
#leftnavi li{
	margin: 0;
	padding: 0 0 8px 0; /* Abstand der Haupt-Menüpunkte untereinander */
}
#leftnavi li li{
	margin: 0;
	padding: 0 0 5px 0; /* Abstand der Sub-Menüpunkte untereinander */
}
#leftnavi li a.selected {
	margin: 0;
	padding: 0 0 0 25px;
	color:#ffffff;
}

#leftnavi li li a.selected {
	margin: 0;
	padding: 0;
}

/* ----------------------------------------------- Kundenmeinungen ---------------------------------------------------------- */

div .div_als_linie {
	width: 651px;
	height:1px;
	border-bottom: 1px solid #939598;
	margin: 0 20px 7px 13px;
	padding: 0;
}

.linksbuendig {
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color:#666666;
	margin: 0 0 0 13px;
	padding: 0px;
	border: 0px solid black;
}

.rechtsbuendig {
	text-align: right;
	margin: 0px 11px 7px 13px;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #919191;
}
/* ----------------------------------------------- Kundenmeinungen ---------------------------------------------------------- */

/* -----------footer--------------------------- */
#footer {
	clear: left;
	background-color: #ffffff;
	text-align: right;
	vertical-align:top;
	padding: 10px 17px 52px 0;
	margin: 10px 0 0 0;
	background: url(images/hg_footer.gif) no-repeat;
	border: 0px solid black;
	}
	
.Abstand {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.imagebild {
	margin: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.premiumlogo {
	margin: 0px;
	padding: 4px 12px 8px 0;
	border: 0px solid red;
}
/* Boxen */

#anzeigenbox{
	margin: 0;
	padding: 0;
}
.anzeigenboxreo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/box_ro.gif) no-repeat right top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.anzeigenboxlio {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/box_lo.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.anzeigenboxreu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/box_ru.gif) no-repeat right bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.anzeigenboxliu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/box_lu.gif) no-repeat left bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.anzeigenbox {
	PADDING-RIGHT: 8px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0 0 6px 0px; PADDING-TOP: 11px
}
.anzeigenboxrand {
	FONT-SIZE: 12px
}
.anzeigenbox P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.anzeigenbox TABLE {
	WIDTH: 95%;
}
.anzeigenbox TH {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.anzeigenbox TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; COLOR: #000; PADDING-TOP: 0px; TEXT-ALIGN: left
}
/* Ende Boxen */

.redmarker {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
.content_img {
	margin-left: 18px;
}