/* beautyjobagent.de */ 
/* 2006-08-16  */
/* goersch@bytebetrieb.com  */


/*

#f95
#d4b0d4


ganz helles orange
#ffecd9

*/


* { margin: 0; padding: 0; }

html { height: 100%; }
body { width:100%; height:100%; font:12px/16px Helvetica, Geneva, Arial, sans-serif; text-align:center; color:#000; background:#fff; }

/*
a:link 		{ text-decoration: none; color: #000; border:none; background:transparent url(/_p/dotted.gif) left bottom repeat-x; }
*/
a:link 		{ text-decoration: none; color: #000; border-bottom:1px dotted #000; }
a:visited 	{ text-decoration: none; color: #000; border-bottom:1px dotted #000; }
a:hover 	{ text-decoration: none; color: #58c; border-bottom:none; }
a:active 	{ text-decoration: none; color: #58c; border-bottom:none; }
a img, img 	{ border: none; }
a.bildlink 	{ border: none; }

.clearer { clear:both; }

/* Der zentrierte Hauptblock. Hat keine Höhe, will man also einen Hintergrund oder Rand immer bis zum Fuss des Viewports, muss man sich mit einem Hintergrundbild im Body aushelfen */
#seitenblock { position:relative; width:804px; margin:0 auto 0 auto; text-align:left; }



/* Navigations-Zeile */
#navigation 	{ list-style-type:none; width:804px; height:31px; background:#fff url(/_p/bg-navi.gif) 0 0 no-repeat; }
#navigation li 	{ display:inline; float:left; margin:5px 0 0 20px; }
#navigation li a { display:block; float:left; border:none; font-weight:bold; padding:0 6px; }

#navigation a:link 		{ text-decoration: none; color: #000; }
#navigation a:visited 	{ text-decoration: none; color: #000; }
#navigation a:hover 	{ text-decoration: none; color: #fff; }
#navigation a:active 	{ text-decoration: none; color: #fff; }
#navigation a:focus 	{ text-decoration: none; color: #fff; }

#navi-01 { margin-left:8px; }
#navi-02 { }
#navi-03 { }
#navi-04 { }
#navi-05 { }



/* Die Flächen im Kopf */
#kopf { position:absolute; top:50px; height:295px; margin:0 0 20px; }
h1 {  }
h1 a { display:block; width:380px; height:95px; float:left; margin:0 0 20px 0; background:transparent url(/_p/kopf-typo.gif) 0 0 no-repeat; text-indent:-9999px; border:none; }
h1 a:link, h1 a:hover, h1 a:visited { border:none; }

#flashblock { width:400px; height:245px; float:right; background:#eee; }
#blindflash { height:1px; overflow:hidden; }


.featurebutton 			{ width:385px; height:135px; float:left; margin:0 15px 0 0; }
.featurebutton-schmal 	{ width:185px; }

#button-jobangebote { background:#fff url(/_p/button-185-rosa.gif) 0 0 no-repeat; }
#button-jobgesuche { background:#fff url(/_p/button-185-lila.gif) 0 0 no-repeat; }
#button-jobgesuche, 
#button-jobangebote {
	text-align:center;
}
#button-jobgesuche h3, 
#button-jobangebote h3 {
	font-weight:normal;
	letter-spacing:3px;
	font-size:22px;
	margin-bottom:12px;
}
h3 a, h3 a:link, h3 a:hover, h3 a:visited { border:none; }

#button-jobgesuche form, 
#button-jobangebote form {
	padding:12px 6px 6px;
}

input { color:#333; }
html>body input { color:#999; }
input:focus { color:#000; }
.form-text { float:left; padding:0 0 0 16px; margin:4px 0 0; }
.form-text input { margin:0; padding:3px 5px; width:100px; }

.form-button { float:left; padding:0 0 0 12px; margin:4px 0 0; }

#form-suche-erweitert {
	border:1px dotted #58c;
	background:#e9eef6;
	
	width:585px;
	padding:6px;
	margin:-18px 0 54px;
	
	overflow:hidden;
	clear:both;
}
#form-suche-erweitert.unternehmen {
	width:365px;
}
#form-suche-erweitert .form-text  { margin-bottom:6px; }
#form-suche-erweitert .form-text input { width:250px; }
#form-suche-erweitert .form-button { }
.form-box  		{ float:left; padding:0 0 0 16px; margin:4px 0 6px; width:250px; }
.form-box.breiter { width:300px; }
.form-box label {  }
.form-box input { margin:0 6px 3px 0; clear:both; }
#form-suche-erweitert h5 { margin:6px 14px; font-size:12px; }
#form-suche-erweitert .senden-button { color:#000; }


#head-jobangebote { background:#fff url(/_p/button-385-rosa.gif) 0 0 no-repeat; }
#head-jobgesuche { background:#fff url(/_p/button-385-lila.gif) 0 0 no-repeat; }
#head-weiterbildung { background:#fff url(/_p/button-385-gelb.gif) 0 0 no-repeat; }
#head-unternehmen { background:#fff url(/_p/button-385-orange.gif) 0 0 no-repeat; }
#head-kontakt { background:#fff url(/_p/button-385-orange.gif) 0 0 no-repeat; }

#head-jobgesuche h3, 
#head-jobangebote h3,
#head-weiterbildung h3,
#head-unternehmen h3,
#head-kontakt h3 {
	font-weight:normal;
	letter-spacing:3px;
	font-size:22px;
	margin-bottom:12px;
	margin-bottom:12px;
}
#head-jobgesuche h4, 
#head-jobangebote h4,
#head-weiterbildung h4,
#head-unternehmen h4,
#head-kontakt h4 {
	font-size:12px;
}
#head-jobgesuche div, 
#head-jobangebote div,
#head-weiterbildung div,
#head-unternehmen div,
#head-kontakt div {
	padding:12px 6px 6px 12px;
}
#head-kontakt p.links {
	width:150px;
	float:left;
}
#head-kontakt p.rechts {
	width:200px;
	float:left;
}



/* Die zweit Haupt-Inhalt-Spalen. Entweder 380+400 oder 600+180 */
#spalte-385 { position:absolute; top:320px; left:0; width:385px; }
#spalte-405 { position:absolute; top:320px; left:400px; width:405px; }

#spalte-600 { position:absolute; top:320px; left:0; width:600px; }
#spalte-180 { position:absolute; top:320px; left:620px; width:180px; }

#spalte-180 span {margin: 0 0 0 40px;}



#kasten-links{margin-left:10px;float:left;padding-top:10px;width:180px;line-height:25px;}
#kasten-rechts{float:left;margin-left:20px;padding-top:10px;width:160px;line-height:25px;}

ul.spaltenfuss { list-style-type:none; text-align:center; margin:10px 0; font-size:10px; }
.spaltenfuss li { padding:0 10px 10px; display:inline; }

/* Die Kästen in den Spalten. Erstmal allgemein. */

.kasten { 
	background:#fff url(/_p/kastenbg-385-orange.gif) 0 0 repeat-y;
	margin-bottom:15px;
}

.kasten-kopf {
	height:20px;
	background:transparent url(/_p/kastenkopf-385-orange.gif) 0 0 no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	text-indent:15px;
	letter-spacing:1px;
	padding-top:6px;
}
html>body .kasten-kopf {
	height:auto;
	min-height:20px;
}
.kasten-innen { 
	background:transparent url(/_p/kastenbginnen-385-orange.gif) top center no-repeat;
	height:144px;
}
html>body .kasten-innen { 
	height:auto;
	min-height:144px;
}
.kasten-fuss { 
	background:transparent url(/_p/kastenfuss-385-orange.gif) bottom center no-repeat;
	text-align:right;
	padding:12px 18px 6px 0;
	font-weight:bold;	
}
a.mehr, a.mehr:hover, a.mehr:visited { padding:0 0 0 6px; border:none; }


/* Die verschiedenen Kästen. Die Breite ist jeweils durch die umgebende Spalte gegeben, man muss nur jeweils eben die Grafiken austauschen. */
#jobticker { background-image:url(/_p/kastenbg-385-orange.gif); }
#jobticker .kasten-kopf  { background-image:url(/_p/kastenkopf-385-orange.gif); }
#jobticker .kasten-innen { background-image:url(/_p/kastenbginnen-385-orange.gif); }
#jobticker .kasten-fuss  { background-image:url(/_p/kastenfuss-385-orange.gif); }

.jobticker-angebot { padding:10px 20px 0 10px; }



#kostenloser-service { background-image:url(/_p/kastenbg-385-lila.gif); }
#kostenloser-service .kasten-kopf  { background-image:url(/_p/kastenkopf-385-lila.gif); }
#kostenloser-service .kasten-innen { background-image:url(/_p/kastenbginnen-385-lila.gif); }
#kostenloser-service .kasten-fuss  { background-image:url(/_p/kastenfuss-385-lila.gif); }

#kostenloser-service form {
	padding:10px 20px 0 10px;
}

#kostenloser-service .form-text { float:right; clear:right; padding:0 0 0 16px; margin:6px 0 6px; } 
#kostenloser-service .form-text input { padding:3px; width:180px; background:transparent; border:1px solid #fff; } 
#kostenloser-service .form-text input:focus { background:#fff; } 
#kostenloser-service .form-button { float:right; clear:right; padding:0 0 0 12px; margin:4px 0 0; }
#kostenloser-service .textblock-links { float:left; width:150px; padding:6px 0 0; text-align:left; }



#banner-block {
	min-height:180px;
	margin-bottom:20px;
	background:#fff;
	text-align:center;
}

#banner-block a { border:none; padding:0 12px 0;}
#banner-block img { margin:0 0 24px 0; }


#banner-liste {
	margin-bottom:20px;
	background:#fff;
	text-align:center;
}

#banner-liste a { border:none; }
#banner-liste img { margin:0 0 24px 0; }


#nachrichten {
	background-image:url(/_p/kastenbg-405-orange.gif);
	width:405px; 
}
#nachrichten .kasten-kopf  { background-image:url(/_p/kastenkopf-405-orange.gif); }
#nachrichten .kasten-innen {
	background-image:url(/_p/kastenbginnen-405-orange.gif);
	display:table;
	width:405px;
	min-height:144px;
}
#nachrichten .kasten-fuss  {
	background-image:url(/_p/kastenfuss-405-orange.gif);
}
#nachrichten .clearer  { width:380px; margin:0 auto; border-top:1px dotted #999; }

#unternehmensansicht { background-image:url(/_p/kastenbg-405-orange.gif); display:table; width:405px; }
#unternehmensansicht .kasten-kopf  { background-image:url(/_p/kastenkopf-405-orange.gif); }
#unternehmensansicht .kasten-innen { background:transparent url(/_p/kastenbginnen-405-orange.gif) 0 0 no-repeat; display:table; width:385px; padding:10px; height:144px; min-height:144px; margin:0; }

#unternehmensansicht .news-bild { text-align:center; display:block; margin:0 0 12px 0; padding:0; }
#unternehmensansicht .kasten-fuss  { background-image:url(/_p/kastenfuss-405-orange.gif); }





h2 { font-size:12px; font-weight:bold; }
.newsblock { width:180px; float:left; display:inline; margin:12px 6px 12px 12px; }
.newsblock .news-thumb { margin:4px auto 6px auto; display:block; }
a.news-thumb-link { border:none; }



/* Auflistungen der Jobs. Erstmal Tabellen im Allgemeinen. */
table { border-collapse:collapse; }
caption { display:none; }
thead {  }
tr {  }
th { font-weight:normal; }
td { vertical-align:top; }



.jobs-liste-kopf { height:50px; clear:both; }
.jobs-liste { width:600px; }

a.sortierung 			{ padding-right:12px; }
a.sortierung-hoch 		{ padding-right:12px; background:transparent url(/_p/hoch.gif) center right no-repeat; }
a.sortierung-runter 	{ padding-right:12px; background:transparent url(/_p/runter.gif) center right no-repeat; }
a.sortierung:hover 		{ background:transparent url(/_p/runter.gif) center right no-repeat; }
a.sortierung-hoch:hover 	{ background-image:url(/_p/runter.gif); }
a.sortierung-runter:hover 	{ background-image:url(/_p/hoch.gif); }

.liste-stelle 	{ width:300px; padding:0 10px 0; display:inline; float:left; overflow:hidden; margin:0; }
#jobgesuch-liste .liste-stelle { width:460px; }
.liste-firma 	{ width:100px; padding:0 10px 0; display:inline; float:left; overflow:hidden; margin:0; }
.weiterbildung-liste .liste-firma { width:220px; }
.liste-ort 		{ width:100px; padding:0 10px 0; display:inline; float:left; overflow:hidden; margin:0; }

.liste-reihe-1 { background-color:#ffecd9; padding:0; }
.jobangebote-liste .liste-reihe-1 { background-color:#fae2eb; }
.jobgesuche-liste  .liste-reihe-1 { background-color:#efe8f1; }
.weiterbildung-liste  .liste-reihe-1 { background-color:#fff8b3; }
.liste-reihe-2 { margin:5px 0; padding:0; }

.liste-zeile-kopf { height:7px; width:100%; clear:both; margin:0; padding:0; overflow:hidden; }
.jobangebote-liste .liste-reihe-1 .liste-zeile-kopf { background:#fff url(/_p/liste-oben-600-rosa.gif) top center no-repeat; }
.jobgesuche-liste .liste-reihe-1 .liste-zeile-kopf { background:#fff url(/_p/liste-oben-600-lila.gif) top center no-repeat; }
.weiterbildung-liste .liste-reihe-1 .liste-zeile-kopf { background:#fff url(/_p/liste-oben-600-gelb.gif) top center no-repeat; }

.liste-zeile-fuss { height:7px; width:100%; clear:both; margin:0; padding:0; overflow:hidden; }
.jobangebote-liste .liste-reihe-1 .liste-zeile-fuss { background:#fff url(/_p/liste-unten-600-rosa.gif) top center no-repeat; }
.jobgesuche-liste .liste-reihe-1 .liste-zeile-fuss { background:#fff url(/_p/liste-unten-600-lila.gif) top center no-repeat; }
.weiterbildung-liste .liste-reihe-1 .liste-zeile-fuss { background:#fff url(/_p/liste-unten-600-gelb.gif) top center no-repeat; }


.jobangebote-liste a { border-bottom:1px solid #f95; }
.jobangebote-liste a:hover { border-bottom:1px dotted #f95; }
.jobangebote-liste { }

.jobgesuche-liste a { border-bottom:1px solid #a6a; }
.jobgesuche-liste a:hover { border-bottom:1px dotted #a6a; }
.jobgesuche-liste { }

.weiterbildung-liste a { border-bottom:1px solid #fe6; }
.weiterbildung-liste a:hover { border-bottom:1px dotted #fe1; }
.weiterbildung-liste { }

dl.liste-list { padding:0 8px 6px; text-align:left; clear:both; }
.liste-list dt { display:inline; padding:0 2px; }
.liste-list dd { display:inline; }
.liste-list dd a { padding:0 2px; }
.liste-list dd a:hover { }


dl.liste-paginierung { padding:18px 10px; text-align:center; }
.liste-paginierung dt { }
.liste-paginierung dd { display:inline; }
.liste-paginierung dd a { padding:0 2px; }
.liste-paginierung dd a:hover { }

.jobliste-navi { width:600px; height:60px; }
html>body .jobliste-navi { height:auto; min-height:60px; }

a.button-inserieren {
	letter-spacing:3px;
	font-size:18px;
	color:#333;
	padding-top:8px;
	text-align:center;
	display:block;
	width:185px;
	height:26px;
	background:transparent url(/_p/button-schmal-185-blau.gif) 0 0 no-repeat;
	border:none;
	float:left;
	margin:0 12px 0 -2px;
	float:left;
}
a.button-inserieren:hover {
	color:#fff;
	border:none;
	background-position:0 -34px;
}
a.button-inserieren:visited {
	border:none;
}
.form-schnellsuche { 
	float:left;
	width:405px;
	height:34px;
	background:transparent url(/_p/button-schmal-405-blau.gif) 0 0 no-repeat;
	padding:0;
	margin:0;
}
.form-schnellsuche .form-text input { margin:-1px 0 0; width:100px; border:1px solid #fff; background:transparent url(/_p/bg-formtext.gif) 0 0 repeat; }
.form-schnellsuche .form-text input:focus { background:#fff; border-color:#999; }
.form-schnellsuche .form-text input.schnellsuche-breiter { width:220px; }

.button-text {
	letter-spacing:3px;
	font-size:18px;
	color:#333;
	padding:8px 6px 0 18px;
	float:left;
}
.button-text-schmal {
	padding:8px 6px 0 18px;
	float:left;
}
.form-schnellsuche .form-button { margin-top:3px; }
.button-text-schmal a { border:none; }
.button-text-schmal a:hover { color:#fff; }

.liste-suche-kopf {
	padding:10px 12px;
	margin:0 0 12px 0;
	background:#e9eef6; 
	font-weight:bold;
	border:1px dotted #58c;
}
.liste-suche-kopf i {
	padding:0 3px 0 2px;
	color:#58c;
}

/* Jobs Einzeldarstellung */
.job-darstellung { margin:0 0 20px 0; }
.job-darstellung p { margin-bottom:12px; }
.darstellung-bild { text-align:left; }
.auflistung-bereich ul { list-style-type: none; margin-bottom:12px; }
.auflistung-bereich li { display:inline; padding:0 5px 0 0; }
.auflistung-bereich {font-style:italic;}
.auflistung-abstand {margin-top:8px;}
.meta-navi { text-align:center; background:#eee; border:1px dotted #999; padding:12px; }
.featurelinks {
	text-align:left;
	margin:0 0 12px;
	}




/* Preise */
.absatz { margin-bottom:18px; }
.absatz p { margin-bottom:8px; }
.absatz h2 { margin-bottom:3px; font-size:16px; }
.absatz ul { margin-bottom:8px; margin-left:1em; }



/* News-Popup */
.popup-kasten { text-align:center; }
.popup-kasten #nachrichten { margin:10px auto 0 auto; }
.popup-kasten #nachrichten h4.kasten-kopf { text-align:left; }
.popup-kasten #nachrichten .kasten-innen { height:500px; }
html>body .popup-kasten #nachrichten .kasten-innen { height:auto; min-height:500px; }
.popup-kasten #nachrichten .news-darstellung { margin:10px; text-align:left; }
.popup-kasten #nachrichten .news-darstellung img { margin:6px 0 12px; }
.popup-kasten #nachrichten .news-darstellung .news-bild { text-align:center; display:block; margin-bottom:12px; }

.popup-kasten h2 { margin:10px 0; }
.popup-kasten form { margin:10px 0 0; padding:20px 40px 0; text-align:left; }
.popup-kasten input { margin:2px 0 10px; color:#000; width:260px; padding:3px; }
.popup-kasten textarea { margin:2px 0 10px; color:#000; width:260px; height:180px; padding:3px; }
.popup-kasten input#form_absenden { margin-top:10px; width:auto; }
.popup-kasten input#form_zurueck { margin-top:10px; width:auto; }


a.popup { padding-right:12px; }




#form-eintragen fieldset { padding:20px 0; margin:17px 0 43px; background:#eee; border:1px dotted #999; }

#jobangebot-eintragen #form-eintragen fieldset { background:#fae2eb; }
#jobgesuch-eintragen #form-eintragen fieldset { background:#efe8f1; }
#weiterbildung-eintragen #form-eintragen fieldset { background:#fffde8; }

#form-eintragen legend { padding:0 0 6px; margin:-22px 0 0 0; font-weight:bold; border-bottom:1px dotted #999; background:none; }
#form-eintragen input { color:#000; }
#form-eintragen option { padding:0 3px 0 0; }
.textfeld-1 { width:350px; padding:3px; margin-bottom:12px; }
textarea.textfeld-1 { height:200px; }
#form-eintragen label { display:block; width:160px; height:30px; float:left; text-align:right; padding:0 12px 12px 6px; }

#form-eintragen .checkboxfeld { display:table; width:400px; }
#form-eintragen .checkboxfeld-zeile { float:left; width:195px; }
#form-eintragen .checkboxfeld label { float:left; height:auto; min-height:0; text-align:left; }
#form-eintragen .checkboxfeld input { float:left; }

#form-eintragen fieldset.buttonfeld { text-align:center; margin:0; }
#form-eintragen .buttonfeld input 	{ padding:1px 3px; }




.fehler { color:#e00; }
.fehler-feedback {
	border:1px dotted #e00;
	background:#ee0;
	color:#e00;
	width:585px;
	padding:12px 6px;
	margin:0 0 40px;

	font-weight:bold;
}
.feedback {
	border:1px dotted #999;
	background:#eee;
	color:#333;
	width:585px;
	padding:12px 6px;
	margin:0 0 40px;

	font-weight:bold;
}
#jobangebot-eintragen .feedback {
	background:#fae2eb;
}
#jobgesuch-eintragen .feedback {
	background:#efe8f1;
}
#weiterbildung-eintragen .feedback {
	background:#fff8b3;
}
#weiterbildung-eintragen fieldset .feedback {
	background:transparent;
}
fieldset .feedback {
	border:none;
	padding:0 6px;
	margin:0 0 20px;
}
.feedback-step {
	display:block;
	font-style:italic;
}
fieldset p {
	padding:6px;
}
p.buttonfeld { 
	color:#333;
	width:585px;
	padding:12px 6px;
	font-weight:bold;
	text-align:center;
}


#unternehmen-eintragen #form-eintragen fieldset { padding:20px; width:340px; margin:0 0 10px; }
#unternehmen-eintragen #form-eintragen legend { margin-left:-20px; }
#unternehmen-eintragen #form-eintragen label { display:block; width:auto; height:auto; float:none; text-align:left; padding:0; }
#unternehmen-eintragen #form-eintragen select { margin-bottom:12px; }
#unternehmen-eintragen #form-eintragen .buttonfeld label { width:auto; float:left; padding:0 12px 0 0;}
#unternehmen-eintragen #form-eintragen p.buttonfeld { width:auto; }
#unternehmen-eintragen #form-eintragen .checkboxfeld { width:auto; padding-bottom:20px; }

#unternehmen-eintragen .textfeld-1 		{ width:320px; }
#unternehmen-eintragen .feedback 		{ background:#fff8b3; width:368px; margin-bottom:10px; }
#unternehmen-eintragen .fehler-feedback { width:368px; margin-bottom:10px; }


ul.buchstabenleiste { list-style-type:none; text-align:center; font-size:14px; font-weight:normal; line-height:30px; margin:0 0 20px; }
.buchstabenleiste li { display:inline; margin:0 2px 0 0; }
.buchstabenleiste li a { padding:4px 5px 2px; border:1px solid #58c; background:#eee; }
.buchstabenleiste li a:hover { color:#fff; background:#58c; }
.buchstabenleiste li a:visited { border:1px solid #58c; }

.buchstabenleiste.aktiv-0 li.index-0 a,
.buchstabenleiste.aktiv-a li.index-a a,
.buchstabenleiste.aktiv-b li.index-b a,
.buchstabenleiste.aktiv-c li.index-c a,
.buchstabenleiste.aktiv-d li.index-d a,
.buchstabenleiste.aktiv-e li.index-e a,
.buchstabenleiste.aktiv-f li.index-f a,
.buchstabenleiste.aktiv-g li.index-g a,
.buchstabenleiste.aktiv-h li.index-h a,
.buchstabenleiste.aktiv-i li.index-i a,
.buchstabenleiste.aktiv-j li.index-j a,
.buchstabenleiste.aktiv-k li.index-k a,
.buchstabenleiste.aktiv-l li.index-l a,
.buchstabenleiste.aktiv-m li.index-m a,
.buchstabenleiste.aktiv-n li.index-n a,
.buchstabenleiste.aktiv-o li.index-o a,
.buchstabenleiste.aktiv-p li.index-p a,
.buchstabenleiste.aktiv-q li.index-q a,
.buchstabenleiste.aktiv-r li.index-r a,
.buchstabenleiste.aktiv-s li.index-s a,
.buchstabenleiste.aktiv-t li.index-t a,
.buchstabenleiste.aktiv-u li.index-u a,
.buchstabenleiste.aktiv-v li.index-v a,
.buchstabenleiste.aktiv-w li.index-w a,
.buchstabenleiste.aktiv-x li.index-x a,
.buchstabenleiste.aktiv-y li.index-y a,
.buchstabenleiste.aktiv-z li.index-z a
{ color:#fff; background:#58c; }



ul.unternehmen-liste { list-style-type:none; line-height:24px; }
.unternehmen-liste li a { padding:0 0 0 12px; background:transparent url(/_p/rechts.gif) -10px 0 no-repeat; }
.unternehmen-liste li a:hover { background-position:0 0; }




#form-popup fieldset { padding:0; margin:0; border:none; }
#form-popup #absenden ,
#form-popup #absenden_zurueck { width:auto; }

#form-popup .fehler-feedback { width:auto; }
#form-popup .feedback { width:auto; }
#form-popup p { margin-bottom:6px; }
#form-popup p.buttonfeld { width:auto; }
#form-popup textarea { width:305px; height:175px; }
#form-popup textarea.textfeld-klein { height:125px; }
#form-popup textarea.textfeld-gross { height:335px; }
#form-popup input { width:305px; }

.adressblock { text-align:left; padding:10px 12px 0 40px; }

#google_link{border:none;test-decoration:none;}
#google_link img{margin-bottom:15px;}


.hinweis {
	width:291px;
	padding:10px;
	border:2px solid #fe0;
	background:#fffaaa;
	color:#520;
	display:table;
	margin-bottom:10px;
}
.hinweis h2 {
	font-weight:bold;
}
#form-popup .hinweis input { width:278px; }
body.popup-kasten p.feedback { width:305px; margin:20px auto; }
body.popup-kasten p.buttonfeld { width:305px; margin:20px auto; }



/* Preise */
h6 { font-size:16px; font-weight: bold; height:347px; width:600px; padding:205px 0 0 18px; margin:-70px 0 -290px; background:transparent url(../_p/h4_bg.jpg) 0 0 no-repeat; }
.preiselinks li a{ border-bottom:1px dotted #ffc78f; line-height: 35px;}
.preiselinks li a:hover{color: #5588d0;border-bottom:1px dotted #cdaccd; }
li.break a{line-height: 20px;}
li.active{color: #fff00fff;}
li.active a {border-bottom:1px dotted #fff00fff;}
ul.preiselinks {list-style:none; background: transparent url(/_p/preislinks_bg.jpg) 0 0 no-repeat; width: 600px; height: 135px; padding: 10px; margin: 0px 25px -30px 0;}
p.anker {float: right;}


.skyscraper {
	margin:300px auto 0 auto;
	padding:0 0 0 818px;
	width:280px;
}
html>body .skyscraper {
	width:140px;
}
.skyscraper img {
	margin:0 -140px 0 0;
}


ul.kopfgeld { list-style-type:none; margin:0; padding:0; }
.kopfgeld li { text-align:center; padding:0; padding:0 0 20px; }
.kopfgeld li a {
	border:none;
	text-decoration:none;
	display:block;
	width:140px;
	height:220px;
	padding:40px 0 0 0;
	margin:0 0 0 20px;
	text-align;center;
	background:#fff url(/_p/bg-kg.png) 0 0 no-repeat;
	color:#fff;
	position:relative;
}
.kopfgeld li a:hover {
	color:#000;
}

.kopfgeld li .kgeur {
	display:block;
	position:absolute;
	bottom:48px;
	left:0;
	width:140px;
	font-size:25px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:0 !important;
}

.kgpop a {
	display:block;
	clear:both;
	width:293px;
	height:70px;
	text-indent:-9999px;
	background:transparent url(/_p/bg-kg-solo.png) 0 0 no-repeat;
	margin:10px 0 20px;
}




	#salonstarbanner {
		position:absolute;
		top:165px;
		left:50%;
		margin:0 0 0 420px;
		width:160px;
		height:510px;
		padding:90px 0 0 0;
		overflow:hidden;
		border:1px solid #000;
		background:transparent url(/_p/_salonstarbanner/bg.jpg) 0 0 no-repeat;
	}
	#salonstarbanner a.votebutton {
		position:absolute;
		top:457px;
		left:23px;
		display:block;
		width:114px;
		height:114px;
		border:none;
		text-indent:-9999px;
		background:transparent url(/_p/_salonstarbanner/bg-button.png) 0 0 no-repeat;
	}
	#salonstarbanner a.votebutton:hover {
		background-position:-114px 0;
	}
	#salonstarbanner p {
		font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
		font-size:19px;
		line-height:21px;
		font-weight:bold;
		color:#000;
		text-align:center;
	}
	#salonstarbanner p.sssub {
		font-size:14px;
		line-height:14px;
	}
	#salonstarbanner p.prodtitel {
		font-size:22px;
		line-height:42px;
	letter-spacing:		-0.1em;
		color:#de0068;
		text-transform:uppercase;
	}
	#salonstarbanner #prodcanvas {
		position:absolute;
		top:160px;
		left:0;
		width:160px;
		height:285px;
		overflow:hidden;
	}
	#salonstarbanner ul
		{
		list-style-type:none;
		margin:0;
		height:285px;
		width:3200px;
		}
	#salonstarbanner li
		{
		display:block;
		width:160px;
		height:285px;
		float:left;
		background:transparent url(/_p/_salonstarbanner/bg.jpg) 0 0 no-repeat;
		overflow:hidden;
		}
	#salonstarbanner li a
		{
		display:block;
		width:160px;
		height:65px;
		padding:220px 0 0 0;
		border:none;
		font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
		font-size:13px;
		line-height:14px;
		font-weight:bold;
		color:#000;
		text-align:center;
		}



.googlemapslinks {
}
.googlemapslinks a {
	display:block;
	outline:none;
	margin:0 0 18px;
	border:1px solid #999;
	border-width:0 0 0 5px;
	height:25px;
	width:220px;
	padding:10px 0 0 114px;
	font-weight:bold;
	background:transparent url(/_p/logo-google-maps.gif) 7px 0 no-repeat;
}

.googlemapslinks a:hover {
	border-color:#5588CC;
}

body.popup-kasten { margin-top:0; }
.popup-kasten #hbbannerwrapper { display:none; }
.popup-kasten #salonstarbanner { display:none; }