/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * beautyjobagent.de
 * 2011-07-07
 * stefan.goersch@bytebetrieb.com
 * 
 * Allgemeine Stylesheets
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * R E S E T
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}

ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
pre,code,kbd,samp{font-family:monospace,sans-serif}

html{overflow-y:scroll}
a:hover,a:active{outline:none}
ul,ol{margin-left:2em}
ol{list-style-type:decimal}
nav ul,nav li{margin:0;list-style:none;list-style-image:none}
small{font-size:85%}
strong,th{font-weight:bold}
em{font-style:italic}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-0.5em}
sub{bottom:-0.25em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}
textarea{overflow:auto}
.ie6 legend,.ie7 legend{margin-left:-7px}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom}
.ie7 input[type="checkbox"]{vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}
button,input,select,textarea{margin:0}
input:valid,textarea:valid{ }
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}
button{width:auto;overflow:visible}
.ie7 img{-ms-interpolation-mode:bicubic}
b{font-weight:bold}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * F O N T S
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * A L L G E M E I N
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
	background:				rgb(255,255,255) url(/_p/bg.png?v=2011) center top repeat-x;
	font:					12px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif; *font-size:small;
	color:					rgb(55,45,45);
}
body.popupseite {background:#000}



a,
a:link 		{ text-decoration:none; color:rgb(55,45,45); border-bottom:2px solid rgb(55,45,45); -webkit-tap-highlight-color:rgb(150,135,125); }
a:visited 	{ text-decoration:none; color:rgb(55,45,45); border-bottom:2px solid rgb(0,0,0); }
a:hover,
a:active,
a:focus 	{ text-decoration: none; color:rgb(150,135,125); border-bottom:2px solid rgb(150,135,125); }

::-moz-selection{ background: rgb(55,45,45); color:rgb(150,135,125); text-shadow: none; }
::selection		{ background: rgb(55,45,45); color:rgb(150,135,125); text-shadow: none; }

h1, h2, h3, h4, h6 {font-weight: bold}
h5 {margin:0 0 10px;text-transform: uppercase;}

p, ul, ol, dl {margin:0 0 12px}

li {margin-bottom:10px}
dt {margin-bottom:10px}
dd {margin-bottom:10px}

i {font-style:italic}


form {
	margin:					0 0 12px;
	padding:				15px 0;
}
fieldset {
	border:					none;
	overflow:				hidden;
	margin:					0 0 15px;
	padding:				0 0 15px;
}
legend {
	font-weight:			bold;
	clear:					both;
	padding:				0 0 15px 320px;
}
select, input, textarea, button {
	font:					99% sans-serif;
	color:					#444;
	padding:				5px;
	margin:					0 0 15px;
	float:					left;
}
.ie select {margin-top:4px;padding:0}
label {
	width:					300px;
	padding:				5px 10px 10px;
	margin:					0;
	text-align:				right;
	float:					left;
	clear:					left;
}
textarea,
input[type=file],
input[type=password],
input[type=text]{
	width:					300px;
	height:					15px;
	line-height:			15px;
	border:					1px solid rgb(212,194,174);
}
input[type=file]{height:auto}
textarea{height:170px}
input.btn-absenden,
input[type=button],
input[type=submit]{
	padding:				7px 7px 5px;
	text-transform:			uppercase;
	font-weight:			bold;
	font-size:				15px;
	line-height:			15px;
	
	border:					1px solid rgb(255,255,255);
	-webkit-border-radius:	22px;
	-moz-border-radius:		22px;
	border-radius			22px;
	-moz-box-shadow:		0 0 2px 2px rgb(222,215,211);
	-webkit-box-shadow:		0 0 2px 2px rgb(222,215,211);
	box-shadow:				0 0 2px 2px rgb(222,215,211);
	margin:					0 5px;
}
input[type=button]:hover,
input[type=submit]:hover{
	-moz-box-shadow:		0 0 5px 5px rgb(222,215,211);
	-webkit-box-shadow:		0 0 5px 5px rgb(222,215,211);
	box-shadow:				0 0 5px 5px rgb(222,215,211);
}


table {
	font-size:				inherit;
	font:					100%;
	border-collapse:		collapse;
	border-spacing:			0;
	margin:					0 0 12px;
}
td, th {
	padding:				6px;
	vertical-align:			top;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * G R U N D G E R Ü S T
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#kopfbannerwrapper {
	width:					100%;
	height:					295px;
	overflow:				hidden;
	background:				rgb(255,255,255);
	position:				relative;
}

#kopfbanner {
	width:					100%;
	height:					295px;
	display:				table;
}
#kopfbanner .w {
	width:					990px;
	height:					295px;
	padding:				0 0 0 0;
	margin:					0 auto;
	position:				relative;
	
	background:				transparent url(/_p/_dummies/kopf-01.jpg) top right no-repeat;
}
#kopfbanner .anzeige {
	background:				transparent;
	position:				absolute;
	top:					0;
	left:					0;
	font-size:				9px;
	font-weight:			normal;
}

#kopf {
	width:					100%;
	height:					84px;
	display:				table;
	background:				transparent url(/_p/bg-navi.png?v=2011) center 0 repeat-x;
}

#kopf .w {
	width:					990px;
	height:					84px;
	padding:				0 0 0 0;
	margin:					0 auto;
	position:				relative;
	z-index:				999;
}


#seitenblock {
	min-width:				905px;
	width:					990px;
	margin:					13px auto 0 auto;
	overflow:				hidden;
}
#seiteninhalt {
	width:					790px;
	float:					left;
	padding:				0 0 20px;
}

#seitenbanner {
	width:					160px;
	padding:				0 0 0 10px;
	float:					right;
	overflow:				hidden;
}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * S T A R T S E I T E
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.startseitenvideos {
	width:					385px;
	margin:					25px 0;
	overflow:				hidden;
}
.jobticker {
	width:					385px;
	margin:					25px 0 20px;
	padding:				0 0 10px;
	overflow:				hidden;
	background:				rgb(150,135,125);
	background:				-moz-linear-gradient(top, rgb(150,135,125) 0%, rgb(135,120,110) 100%);
	background:				-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(150,135,125)), color-stop(100%,rgb(135,120,110)));
	background:				-o-linear-gradient(top, rgb(150,135,125) 0%,rgb(135,120,110) 100%);
}
.jobticker h2 {
	text-align:				center;
	color:					rgb(222,215,211);
	font-size:				28px;
	line-height:			20px;
	font-weight:			bold;
	text-transform:			uppercase;
	border-bottom:			1px solid rgb(222,215,211);
	margin:					10px 20px 0 20px;
}
.jobticker-h2-wrap {
	display:				inline-block;
	width:					141px;
	height:					22px;
	padding:				0 5px;
	margin:					0 0 -1px;
	background:				transparent url(/_p/head-jobticker.png) center top no-repeat;
	text-indent:			-999em;
	border-bottom:			1px solid rgb(150,135,125);
/*
	background:				rgb(150,135,125);
	background:				-moz-linear-gradient(top, rgb(150,135,125) 0%, rgb(147,133,121) 100%);
	background:				-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(150,135,125)), color-stop(100%,rgb(147,133,121)));
	background:				-o-linear-gradient(top, rgb(150,135,125) 0%,rgb(147,133,121) 100%);
*/
}
.jobticker ul{
	list-style:				none;
	padding:				0;
}
.jobticker a,
.jobticker a:link,
.jobticker a:visited{
	display:				block;
	border:					none;
	color:					rgb(222,215,211);
	margin:					10px 20px 0;
	padding:				10px 0 0;
	border-top:				1px solid rgb(222,215,211);

-webkit-transition:			color 0.35s;
   -moz-transition:			color 0.35s;
	 -o-transition:			color 0.35s;
		transition:			color 0.35s;
}
.jobticker .erster a {
	padding:				0;
	border-top:				none;
}
.jobticker .jobtitel {
	font-size:				15px;
	display:				block;
	font-weight:			bold;

-webkit-transition:			color 0.35s;
   -moz-transition:			color 0.35s;
	 -o-transition:			color 0.35s;
		transition:			color 0.35s;
}
.jobticker .jobteaser {display:block}

.jobticker a:hover .jobtitel,
.jobticker a:hover,
.jobticker a:active,
.jobticker a:focus{color:rgb(55,45,45)}





.bannerspalte{
	width:					180px;
	float:					right;
	overflow:				hidden;
	padding:				20px 0 0;
}
.bannerblock{
	text-align:				center;
	margin:					0;
	background:				transparent;
}
.bannerblock a {border:none}
.bannerliste,
.bannerticker {
	width:					385px;
	height:					180px;
	margin:					0 0 20px;
	background:				transparent;
	overflow:				hidden;
}
.bannerliste {
	width:					180px;
	height:					600px;
}
.bannerliste ul {
	height:					600px;
	border:					1px dotted rgb(190,185,180);
}
.bannerticker ul {
	height:					180px;
}
.bannerliste li,
.bannerticker li {display:inline}

.bannerliste a,
.bannerticker a {
	display:				block;
	height:					180px;
	margin:					0 20px;
	overflow:				hidden;
	float:					left;
	text-align:				center;
	border:					none;
}
.bannerliste a {
	height:					auto;
	width:					180px;
	margin:					20px 0;
}

.bannerbild,
.bannerflash,
.bannermarkup {
	overflow:				hidden;
	width:					180px;
	margin:					0 0 20px;
}






.linkticker {
	width:					385px;
	margin:					0 0 8px;
	overflow:				hidden;
/*
	background:				rgb(1,2,3);
*/
}
.linkticker ul {list-style:none;}
.linkticker li {float:left;margin:0 0 12px}
.linkticker a {
	display:				block;
	border:					none;
	float:					left;
	overflow:				hidden;
	width:					120px;
	height:					115px;
	padding:				12px 0 0;
	text-align:				center;
	margin:					0 0 0 12px;
	font-size:				15px;
	line-height:			15px;
	font-weight:			bold;
	color:					rgb(140,125,115);

	background:				rgb(222,215,211);
	background:				-moz-linear-gradient(top, rgb(222,215,211) 0%, rgb(222,215,211) 100%);
	background:				-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(222,215,211)), color-stop(100%,rgb(222,215,211)));
	background:				-o-linear-gradient(top, rgb(222,215,211) 0%,rgb(222,215,211) 100%);
}
.linkticker .erster a {margin-left:0}
.linkticker a span {
	display:				inline-block;
	width:					68px;
	height:					64px;
	background:				transparent url(/_p/icn-linkbanner.png) 0 0 no-repeat;
	clear:					both;
}
.links-salonfinder a span {background-position:0 -192px;height:68px;margin-bottom:11px;}
.links-hairpros a span {background-position:0 -260px;height:67px;margin-bottom:12px;}
.links-karrierelounge a span {background-position:0 -64px}
.links-immo a span {background-position:0 -328px;height:58px;margin-bottom:10px;}
.links-geosuche a span {background-position:0 -128px;margin-bottom:3px;}
.linkticker a:hover {
	color:					rgb(255,255,255);
	
	background:				rgb(150,135,125);
	background:				-moz-linear-gradient(top, rgb(150,135,125) 0%, rgb(135,120,110) 100%);
	background:				-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(150,135,125)), color-stop(100%,rgb(135,120,110)));
	background:				-o-linear-gradient(top, rgb(150,135,125) 0%,rgb(135,120,110) 100%);
}




.newsletterkasten {
	width:					345px;
	padding:				20px 20px 0 20px;
	margin:					0 0 20px;
	overflow:				hidden;

	background:				rgb(222,215,211);
	background:				-moz-linear-gradient(top, rgb(222,215,211) 0%, rgb(190,185,180) 100%);
	background:				-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(222,215,211)), color-stop(100%,rgb(190,185,180)));
	background:				-o-linear-gradient(top, rgb(222,215,211) 0%,rgb(190,185,180) 100%);
}
.newsletterkasten fieldset {
	width:					165px;
	margin:					10px 0 0 20px;
	overflow:				hidden;
	float:					right;
}
.newsletterkasten input {
	width:					150px;
	margin:					10px 0 0;
}
.newsletterkasten h2 {
	font-weight:			bold;
	padding:				0 0 0;
	text-transform:			uppercase;
	text-align:				left;
	font-size:				15px;
	color:					rgb(141,125,116);
}





.newsliste{
	width:					385px;
	margin:					16px 0 20px;
	overflow:				hidden;
	float:					right;
}
.newsticker {
	float:					none;
	margin-top:				0;
}
.newsliste h2 a,
.newsliste h2 a:link,
.newsliste h2 a:visited {
	color:					rgb(150,135,125);
	border:					none;
	font-size:				15px;
}
.newsliste h2 a:hover,
.newsliste h2 a:active,
.newsliste h2 a:focus {
	color:					rgb(222,215,211);
}
.newsliste img{
	border:					1px solid rgb(195,195,195);
	-moz-box-shadow:		0 0 2px 2px rgb(195,195,195);
	-webkit-box-shadow:		0 0 2px 2px rgb(195,195,195);
	box-shadow:				0 0 2px 2px rgb(195,195,195);
	float:					left;
	margin:					4px 10px 0 0;
}


.newsblock {
	margin:					0 0 35px;
	overflow:				hidden;
	padding:				5px;
}


img.newsbild {
	float:					left;
	margin:					0 10px 5px 0;
}

.newsteaser {
	float:					right;
	overflow:				hidden;
	width:					180px;
}
.breitnews .newsteaser {width:380px}

.newsteaser p.mehr {margin:-12px 0 6px;text-align:right}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * K O P F
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a#logo{
	position:				absolute;
	top:					25px;
	left:					0px;
	width:					385px;
	height:					79px;
	background:				transparent url(/_p/logo.png?v=2011.2) 0 0 no-repeat;
	text-indent:			-999em;
}
a#logo:hover{background-position:0 -79px}



form.schnellsuche{
	width:					143px;
	height:					110px;
	overflow:				hidden;
	padding:				17px 20px 0;
	position:				absolute;
	top:					130px;
	left:					0px;
	
	background:				rgb(222,215,211);
	background:				-moz-linear-gradient(top, rgb(222,215,211) 0%, rgb(212,194,174) 100%);
	background:				-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(222,215,211)), color-stop(100%,rgb(212,194,174)));
	background:				-o-linear-gradient(top, rgb(222,215,211) 0%,rgb(212,194,174) 100%);
}
form.schnellsuche:hover{background:rgb(212,194,174)}
#schnellsuche-gesuche{left:202px}
.legend,
.schnellsuche legend {
	margin:					0 0 5px;
	color:					rgb(55,45,45);
	padding:				0;
	text-transform:			uppercase;
	font-weight:			bold;
	font-size:				15px;
	overflow:				hidden;
	width:					145px;
}
.legend {clear:both}

.schnellsuche a:link,
.schnellsuche a:visited {
	border:					none;
	color:					rgb(55,45,45);
}
.schnellsuche a:hover {color:rgb(255,255,255)}
.schnellsuche input {float:left;margin:0 0 0;padding:5px}
.schnellsuche input[type=text] {width:100px;height:11px;margin:0 4px 0 0;border-width:2px;border-color:rgb(150,135,125)}
.schnellsuche input[type=image] {padding:0}
.form-button,
.form-box {
	float:					left;
	width:					370px;
	margin:					0 10px 10px 0;
	overflow:				hidden;
}
.form-button{
	width:					750px;
	padding:				10px 0;
	margin:					0;
	clear:					both;
	overflow:				hidden;
}


.btn-erweitertesuche{}
#unternehmen .btn-erweitertesuche{
	display:				block;
	clear:					both;
}
.firmensuchefeld,
#formerweitertesuche {
	margin:					0;
	padding:				10px 10px 10px 20px;
	border-top:				1px solid rgb(150,135,125);
	background:				rgb(222,215,211);
	overflow:				hidden;
}
#formerweitertesuche h4 {
	margin:					0;
	padding:				0;
	border:					none;
}
#unternehmen #formerweitertesuche {
	display:				block;
	float:					left;
	width:					333px;
	margin:					10px 0 20px;
}
.firmensuchefeld {
	background:				rgb(255,255,255);
}
a.firmensuchelink {
	float:					left;
	width:					120px;
	padding:				10px;
	margin:					0 10px 10px 0;
	text-align:				center;
	border:					none;
-webkit-transition:			background 0.35s;
   -moz-transition:			background 0.35s;
	 -o-transition:			background 0.35s;
		transition:			background 0.35s;
}
a.firmensuchelink:hover {
	background:				rgb(222,215,211);
}
.firmensuchefeld a.zeile-1 {clear:left}
.firmensuchefeld h3 {text-align:center;margin:0 0 10px}
.firmenname {display:block}


ul.navigation{
	list-style:				none;
	position:				absolute;
	top:					24px;
	margin:					0;
	left:					10px;
}
.navigation li{
	float:					left;
	position:				relative;
	padding:				0 10px;
	margin:					0;
}
.navigation li a{
	display:				block;
	float:					left;
	margin:					0 0 0 0;
	border:					none;
	text-decoration:		none;
	text-transform:			uppercase;
	font-weight:			bold;
	font-size:				15px;
	color:					rgb(255,255,255);

-webkit-transition:			color 0.35s;
   -moz-transition:			color 0.35s;
	 -o-transition:			color 0.35s;
		transition:			color 0.35s;
}
.navigation li.aktiv>a,
.navigation li:hover>a,
.navigation li a:hover{
	color:					rgb(222,215,211);
}


.navigation li.mouseover ul.subnavigation,
.navigation li:hover ul.subnavigation{display:block;opacity:0;}
.no-js .navigation li:hover ul.subnavigation{display:block;opacity:1;}

ul.subnavigation{
	display:				none;
	list-style:				none;
	position:				absolute;
	left:					0;
	z-index:				999;
	padding:				5px 10px 10px 10px;
	margin:					20px 0 0 0;
	border:					1px solid rgb(255,255,255);
	border-width:			0 0 1px 1px;
	border:					none;

	background:				#908278;
	
	background:				-moz-linear-gradient(top, rgba(144,130,120,0.65) 0%, rgba(140,125,114,0.85) 100%);
	background:				-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(144,130,120,0.65)), color-stop(100%,rgba(140,125,114,0.85)));
	background:				-o-linear-gradient(top, rgba(144,130,120,0.65) 0%,rgba(140,125,114,0.85) 100%);
}
.subnavigation li{
	float:					none;
	display:				inline;
	position:				static;
	padding:				0;
}
.subnavigation li a{
	display:				block;
	float:					none;
	margin:					5px 0 0;
	border:					none;
	text-decoration:		none;
	text-transform:			none;
	font-weight:			normal;
	font-size:				15px;
	line-height:			23px;
	color:					rgb(255,255,255);
	white-space:			nowrap; 
}
.subnavigation li a:hover{
	color:					rgb(55,45,45);
	text-shadow:			none;
}




ul.socialmedia{
	position:				absolute;
	top:					22px;
	right:					4px;
	width:					200px;
	height:					18px;
	margin:					0;
}
.socialmedia li{display:inline}
.socialmedia a{
	float:					right;
	display:				block;
	border:					none;
	text-indent: 			-999em;
	width:					18px;
	height:					18px;
	margin:					0 0 0 3px;
	background:				transparent url(/_p/icn-ddynetz.png) 0 0 no-repeat;
}
.socialmedia .sm-rss a{background-position:0 0}
.socialmedia .sm-yt a{background-position:-18px 0}
.socialmedia .sm-tw a{background-position:-36px 0}
.socialmedia .sm-fb a{background-position:-54px 0}
.socialmedia .sm-ddy a{background-position:-72px 0;width:109px;}

.socialmedia .sm-rss a:hover{background-position:0 -18px}
.socialmedia .sm-yt a:hover{background-position:-18px -18px}
.socialmedia .sm-tw a:hover{background-position:-36px -18px}
.socialmedia .sm-fb a:hover{background-position:-54px -18px}
.socialmedia .sm-ddy a:hover{background-position:-72px -18px}


li.g-plusone {
	float:					left;
	margin:					0 20px 0 0;
	position:				relative;
	bottom:					-2px;
}


ul.brotkrumen{
	position:				absolute;
	bottom:					2px;
	margin:					0;
	left:					20px;
}

.brotkrumen li{
	display:				inline;
	padding:				0;
	margin:					0;
}
.brotkrumen li a{
	display:				inline-block;
	border:					none;
	text-decoration:		none;
	color:					#666;
	text-transform:			uppercase;
	
	font-size:				10px;
	line-height:			10px;
	text-shadow:			-1px 1px rgb(255,255,255);
	background:				transparent url(/_p/trenner.png?v=2011) top left no-repeat;
	padding:				0 0 0 15px;
	margin:					0;
}
.brotkrumen li.erste a{padding-left:0;background:none}

.brotkrumen li a:hover{color:#444;text-shadow:none;}
/*
.brotkrumen li a:before{content:"►\0020"}
*/







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * I N H A L T
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#seiteninhalt h1 {
	text-transform:			uppercase;
	font-size:				15px;
	font-weight:			bold;
	margin:					0 0 10px;
}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * J O B L I S T E N
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
ul.jobliste {
	list-style-type:		none;
	width:					780px;
}
.unternehmen {
	width:					370px;
	min-height:				370px;
	float:					right;
	margin:					0 20px 20px 0;
}
.jobliste dt,
.jobliste dd {
	overflow:				hidden;
	clear:					both;
}
#unternehmen .jobliste dd {margin-bottom:6px}
.jobliste dt {
	margin:					0 0 10px 0;
	padding:				0 0 10px 0;
	border-bottom:			1px solid rgb(150,135,125);
}
.jobliste dt a{
	display:				inline-block;
	border:					none;
	margin:					0 0 0 0;
	padding:				0 20px 0 0;
}
.jobliste dt a.aktivasc,
.jobliste dt a.aktivdesc{font-weight:bold;background:transparent url(/_p/icn-sort.png) right -1px no-repeat}

.jobliste dt a:hover{background:transparent url(/_p/icn-sort.png) right -21px no-repeat}

.jobliste dt a.aktivasc:hover,
.jobliste dt a.aktivdesc{background-position:right -21px}

.jobliste dt a.aktivdesc:hover,
.jobliste dt a.aktivasc{background-position:right -1px}


.jobliste dd a {
	display:				block;
	padding:				10px 0;
	border:					none;
	overflow:				hidden;
	background:				rgb(222,215,211);
-webkit-transition:			background 0.35s;
   -moz-transition:			background 0.35s;
	 -o-transition:			background 0.35s;
		transition:			background 0.35s;
}
.oldie .jobliste dd a {cursor:pointer}

.jobliste .zeile-0 a {background:rgb(255,255,255)}
.jobliste dd a:hover {
	background:				rgb(141,125,116);
	color:					rgb(255,255,255);
}

.jobliste span {
	display:				block;
	float:					left;
	overflow:				hidden;
	
	margin:					0 10px 0 0;
}

span.liste-logo {
	width:					60px;
	height:					60px;
	margin-left:			20px;
}

dt .liste-stelle,
span.liste-stelle {width:330px}
dt .liste-stelle {margin-left:20px}
.jobangebote dt .liste-stelle {width:400px}
.unternehmen .liste-stelle {width:350px;margin-left:20px;margin-right:0}
.jobgesuche .liste-stelle {width:650px;margin-left:20px}
.weiterbildung .liste-stelle {width:510px;margin-left:20px}

span.liste-titel {float:none !important;margin:0 !important;font-weight:bold}

dt .liste-firma	{width:230px}
span.liste-firma {width:240px}
.weiterbildung .liste-firma {margin:0}

span.liste-ort {
	width:					110px;
	margin:					0;
}



.liste-kopf {
	overflow:				hidden;
}
.treffer-kopf {
	float:					left;
}
.button-suche {
	float:					right;
}
#unternehmen .button-suche {
	margin:					0 40px 0 0;
}


.logodisplay,
.logothumb{
	float:					left;
	margin:					0 10px 5px 0;
}
.logodisplay{
	margin:					2px 20px 5px 0;
	
	border:					1px solid rgb(205,205,205);
	background:				rgb(255,255,255);

	-moz-box-shadow:		0 0 2px 2px rgb(195,195,195);
	-webkit-box-shadow:		0 0 2px 2px rgb(195,195,195);
	box-shadow:				0 0 2px 2px rgb(195,195,195);
}
img.grossbild{
	display:				block;
	margin:					10px auto;
}
.bildblock{
	clear:					both;
	float:					left;
	text-align:				center;
	overflow:				hidden;
/*
	background:				rgb(190,185,180);
	border:					1px solid rgb(150,135,125);
*/
	background:				rgb(240,240,240);
	border:					1px solid rgb(205,205,205);
	border-width:			1px 0;
	height:					226px;
	width:					750px;
	padding:				10px 20px 0;
	margin:					0 0 10px 0;
}
.bildblock .w{
	width:					10000px;
	height:					180px;
	text-align:				left;
	margin:					auto;
}

#jobgesuche .bildblock,
#weiterbildung .bildblock,
#trainerdatenbank .bildblock{
	height:					auto;
	padding:				20px;
}


.schmalblock {
	width:					355px;
	margin-right:			20px;
}
.bildblock a{
	display:				inline-block;
	padding:				0;
	line-height:			0;
	border:					1px solid rgb(205,205,205);
	margin:					0 10px 10px;
	background:				rgb(255,255,255);

	-moz-box-shadow:		0 0 2px 2px rgb(195,195,195);
	-webkit-box-shadow:		0 0 2px 2px rgb(195,195,195);
	box-shadow:				0 0 2px 2px rgb(195,195,195);
}
.bildblock a img{
-webkit-transition:			opacity 0.35s;
   -moz-transition:			opacity 0.35s;
	 -o-transition:			opacity 0.35s;
		transition:			opacity 0.35s;
}
.bildblock a:hover {border-color:rgb(255,255,255)}
.bildblock a:hover img{opacity: 0.5;}
.bildblock .formfeld-zeile{
	text-align:				left;
	margin:					20px 0 5px 10px;
	padding:				0;
}
.videoblock{
	float:					left;
	width:					365px;
	height:					236px;
	overflow:				hidden;
	padding:				0;
	margin:					0 0 10px 0;
}
.grossblock.videoblock{
	clear:					both;
	float:					none;
	margin:					0 auto 10px;
}



.statzeile {
	float:					left;
	clear:					both;
	margin:					0 0 5px;
	padding:				10px 0 0 20px;
	width:					770px;
	border-bottom:			1px solid rgb(0,0,0);
}
.kopfgeldbanner {
	float:					left;
	clear:					both;
	margin:					0 0 -10px;
	padding:				10px 0 0 20px;
	width:					770px;
	height:					25px;
	
	background:				transparent url(/_p/bg-kopfgeldbalken.png) left top repeat-x;
	color:					rgb(255,255,255);
}
.einzeldarstellung .kopfgeldbanner {
	margin:					-17px 0 10px 0;
}

.kopfgeldbanner a{
	border:					none;
	display:				block;
	color:					rgb(255,255,255);
}
.kopfgeldbanner a:hover{
	color:					rgb(0,0,0);
}

span.kopfgeld {
	text-transform:			uppercase;
	font-size:				15px;
	font-weight:			bold;
}
span.kopfgeldtext {
	padding:				2px 0 0;
}



.kopfgeldfeld {
	clear:					both;
	overflow:				hidden;
	margin:					10px;
	border:					2px solid rgb(255,240,0);
	background:				rgb(255,250,160);
}
.kopfgeldfeld label{
	padding-left:			0;
}



.googlemapslinks {
	float:					right;
	padding:				20px;
	margin:					0 10px 10px 0;
	background:				rgb(255,255,255);
	width:					250px;
	overflow:				hidden;
}
.googlemapslinks a {
	display:				block;
	outline:				none;
	border:					none;
	height:					28px;
	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;
}



.einzeldarstellung h2 {
	color:					rgb(150,135,125);
	font-size:				15px;
	font-weight:			bold;
	margin:					0 0 10px;
	text-transform:			uppercase;
	overflow:				hidden;
}
.einzeldarstellung .jobbereich,
.einzeldarstellung .jobort {
	color:					rgb(55,45,45);
	font-size:				12px;
	font-weight:			normal;
	margin:					0;
	text-transform:			none;
}
.einzeldarstellung .jobbereich {
	float:					right;
	text-align:				right;
	font-style:				italic;
	margin:					3px 0 0;
}
.einzeldarstellung .jobbereich ul {
	display:				inline-block;
	list-style:				none;
	margin:					0 0 0 20px;
}
.einzeldarstellung .jobbereich li {display:inline;padding:0 0 0 10px}
.oldie .einzeldarstellung h2 {position:relative}




.jobbeschreibung {
	text-align:				center;
	border:					1px solid rgb(150,135,125);
	border-width:			1px 0;
	padding:				10px;
	background:				rgb(222,215,211);
	margin:					0 0 10px;
}
.jobbeschreibung p{margin-bottom:0}


.jobblock {
	float:					left;
	width:					355px;
	overflow:				hidden;
	padding:				10px 10px 10px 20px;
	margin:					0 10px 20px 0;
}
.zumunternehmen {
	width:					770px;
	margin-right:			0;
}
.drittelblock {
	width:					460px;
	float:					left;
	overflow:				hidden;
	padding:				0 0 2px;
}
.ohnelogo .drittelblock {width:750px} 
h4,
.jobblocktitel {
	display:				block;
	color:					rgb(150,135,125);
	font-size:				15px;
	font-weight:			bold;
	border-bottom:			1px solid rgb(150,135,125);
	margin:					0 0 4px -20px;
	padding:				0 0 1px 20px;
}
.adressblock {
	padding:				20px;
	border:					1px solid rgb(150,135,125);
	border-width:			1px 0;
	background:				rgb(190,185,180);
	overflow:				hidden;
	clear:					both;
}
.kontaktframe .adressblock {
	padding:				20px;
	border:					1px solid rgb(255,205,105);
	border-width:			1px 0;
	background:				rgb(255,235,195);
	overflow:				hidden;
	
	clear:					none;
	
	float:right;
}

.kurzbeschreibung {
	width:					770px;
	margin:					0 0 10px;
}

.custommarkup {
	overflow:				hidden;
	width:					790px;
	margin:					0 0 10px;
}



.buttons {
	margin:					10px 0 0;
	padding:				10px 0 5px 20px;
	border-top:				1px solid rgb(150,135,125);
	border-bottom:			1px solid rgb(150,135,125);
	background:				rgb(190,185,180);
/*
	overflow:				hidden;
*/
	display:				table;
	width:					770px;
}
ul.buttons,
.buttons ul {
	list-style-type:		none;
}
.buttons li {
	display:				inline;
}
.buttons a {
	display:				block;
	float:					left;
	padding:				4px 4px 0 28px;
	margin:					0 20px 4px 0;
	width:					310px;
	height:					20px;
	line-height:			15px;
	overflow:				hidden;
	border:					none;
	background:				transparent url(/_p/btn-icn.png) 0 24px no-repeat;
}
.buttons a:hover {
	font-weight:			bold;
}

.buttons li.buttonfeld-block{
	width:					365px;
	margin:					0 30px 0 0;
	overflow:				hidden;
	float:					left;
}

a.btn-direktbewerbung 			{background-position:-1px 0px;}
a.btn-direktbewerbung:hover 	{background-position:-1px -24px;}
a.btn-weiterleiten 		{background-position:0 -48px;}
a.btn-weiterleiten:hover {background-position:0 -72px;}




#unternehmen .artikel {
	width:					370px;
	float:					left;
}

#unternehmen .einzeldarstellung {
	width:					370px;
	float:					right;
	margin:					0 20px 20px 0;
}

ul.azliste {
	width:					370px;
	float:					left;
}
.azliste li {display:inline}
.azliste a {
	display:				block;
	float:					left;
	width:					35px;
	height:					26px;
	padding:				9px 0 0;
	overflow:				hidden;
	text-align: 			center;
	border:					none;
	margin:					0 6px 6px 0;
	background:				rgb(222,215,211);
-webkit-transition:			background 0.35s;
   -moz-transition:			background 0.35s;
	 -o-transition:			background 0.35s;
		transition:			background 0.35s;
}

.azliste .aktiv a,
.azliste a:hover {
	background:				rgb(141,125,116);
	color:					rgb(255,255,255);
}
.azliste .aktiv a {font-weight:bold;}















/* J O B K A R T E */
#map_canvas_jobkarte {
	width:					790px;
	height:					670px;
}















/* K A R I E R E L O U N G E */

#karrierelounge #seiteninhalt {
	background:				rgb(255,235,190);
	border:					1px solid rgb(175,0,60);
	-webkit-border-radius:	22px;
	-moz-border-radius:		22px;
	border-radius			22px;
	padding:				20px;
	width:					750px;
	margin-bottom:			20px;
}
#karrierelounge .artikel h1 {
	text-indent:			-999em;
	height:					61px;
	background:				transparent url(/_p/bg-kl-h1.png) top center no-repeat;
	margin:					0 0 20px 0;
	padding:				0 0 20px 0;
	border-bottom:			1px dotted rgb(175,0,60);
}
#karrierelounge.ifseite .artikel h1 {
	margin-top:10px;
	padding-bottom:15px;
}
#karrierelounge.ifseite .artikel {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted rgb(175,0,60);
}
.kl-mehr,
#karrierelounge h2,
#karrierelounge h3 {
	color:					rgb(175,0,60);
	font-size:				15px;
	text-transform:			uppercase;
	font-weight:			bold;
}
#karrierelounge h3 {
	color:					rgb(55,45,45);
	margin:					0 0 10px;
}

.kl-neu {
	margin:					20px -20px;
	padding:				20px 20px;
	border:					1px dotted rgb(175,0,60);
	border-width:			1px 0;
	background:				rgb(255,220,185);
	overflow:				hidden;
	clear:					both;
}
.neu-block a {
	float:					left;
	width:					360px;
	overflow:				hidden;
	margin:					0 20px 0 0;
	border:					none;
	position:				relative
}
.kl-neu .zeile-2 a{margin-right:0}
.kl-mehr {
	text-transform:			inherit;
	position:				absolute;
	bottom:					0;
	right:					0;
}
.neu-block a:hover,
.neu-block a:hover * {color:rgb(0,0,0);border-color:rgb(0,0,0)}
.kl-neu h3{margin-bottom:15px !important}


ul.kl-liste {
	list-style-type:		none;
}
.kl-liste li {display:inline}
.kl-liste a {
	float:					left;
	display:				block;
	width:					235px;
	height:					75px;
	padding:				10px 0;
	margin:					0 0 20px 20px;
	overflow:				hidden;
	border-bottom:			1px dotted rgb(175,0,60);
}
.kl-liste .zeile-1 a {margin-left:0;clear:left;}
.kl-liste a:hover,
.kl-liste a:hover *{
	color:					rgb(0,0,0);
	border-color:			rgb(0,0,0);
/*
	background:				rgb(255,255,255);
	border-color:			rgb(255,255,255);
*/
}

.kl-bild img,
.kl-thumb img {
	float:					left;
	border:					1px solid rgb(175,0,60);
	margin:					0 10px 5px 0;
}
.kl-kat {font-weight:bold;}
.kl-titel {
	display:				block;
	color:					rgb(175,0,60);
	font-size:				15px;
	text-transform:			uppercase;
	font-weight:			bold;
	margin:					0 0 10px;
}
.kl-text {clear:both;overflow:hidden;}
.kl-spalte-rechts,
.kl-spalte-links {
	float:					left;
	width:					365px;
	margin-top:				20px;
	overflow:				hidden;
}
.kl-spalte-links {margin-right:20px}
.kl-text strong,
.head-orange{color:rgb(175,0,60);font-weight:bold}

.kl-kontakt { }
.kl-kontakt a {
	display:				block;
	height:					20px;
	font-size:				15px;
	line-height:			12px;
	border:					none;
	font-weight:			bold;
	background:				transparent url(/_p/btn-icn.png) 0 -94px no-repeat;
	padding:				4px 4px 0 28px;
	margin:					0 2px 15px 0;
	overflow:				hidden;
	float:					right;
	clear:					both;
}
.kl-kontakt a:hover {background-position:0 -118px}











/* H A I R P R O S */
#hairpros .artikel {
	background:				transparent url(/_p/logo-hairpros.gif) top center no-repeat;
	padding:				230px 0 0;
	margin:					0 0 20px;
	border-bottom:			1px solid rgb(150,135,125);
}
ul.hairprosliste {
	list-style:				none;
}
.hairprosliste li{
	float:					left;
	margin:					0 0 20px 20px;
	padding:				10px 10px 0 10px;
	overflow:				hidden;
	border-bottom:			1px solid rgb(150,135,125);
	background:				#eee;
}
.hairprosliste li.zeile-1{
/*
	margin-left:			0;
	clear:					both;
*/
}

.hp-bild {
	float:					left;
	width:					135px;
	height:					215px;
	overflow:				hidden;
	margin:					0 10px 5px 0;
}
.hp-bild img{}

a.hp-titel {
	float:					left;
	overflow:				hidden;
	width:					220px;
	display:				block;
	font-size:				15px;
	line-height:			15px;
	font-weight:			bold;
	text-transform:			uppercase;
	margin:					0 0 10px;
	padding:				0 0 10px;
	border-bottom:			1px dotted rgb(0,0,0);
}
.hp-inhalt{
	width:					365px;
	float:					left;
	margin:					0 20px 0 0;
}
.hp-buttons {
	width:					365px;
	float:					right;
}
.btn-hoerprobe,
.btn-clickbuy,
.btn-hp-formlink {
	clear:					both;
}
.btn-hoerprobe {
	text-align:				center;
}
.btn-hoerprobe a {
	display:				inline-block;
	padding:				10px 5px 10px 50px;
	background:				transparent url(/_p/icn-hoerprobe.gif) 10px 5px no-repeat;
	border:					none;
	margin:					0;
}
.btn-hoerprobe a:hover {font-weight:bold}
.btn-hp-formlink a,
.btn-clickbuy a {
	display:				block;
	padding:				15px 10px 17px 115px;
	background:				rgb(255,255,255) url(/_p/logo-clickbuy.gif) 15px 10px no-repeat;
	margin:					0 0 10px;
	border:					1px solid rgb(0,0,0);
	-webkit-border-radius:	22px;
	-moz-border-radius:		22px;
	border-radius			22px;
}
.btn-hp-formlink a:hover,
.btn-clickbuy a:hover {
	background-color:		rgb(150,135,125);
	border-color:			rgb(150,135,125);
	color:					rgb(0,0,0);
}

.btn-hp-formlink a {
	padding:				15px 10px;
	background:				rgb(255,255,255);
}





.randnotizen {
	width:					330px;
	float:					right;
	clear:					right;
	overflow:				hidden;
}



ul.metabuttons {
	list-style:				none;
	width:					328px;
	margin:					0 0 5px;
	clear:					both;
	overflow:				hidden;
}
.metabuttons li {
	position:				relative;
	float:					left;
	width:					159px;
	height:					159px;
	color:					rgb(255,255,255);
	background:				rgb(200,210,210);
	padding:				0;
	margin:					0 2px 2px 0;
	overflow:				hidden;
	text-transform:			uppercase;
	text-align:				left;
}
.metabuttons a,
.metabuttons a:link,
.metabuttons a:visited {
	float:					left;
	width:					159px;
	height:					159px;
	color:					rgb(255,255,255);
	background:				rgb(150,160,160);
	border:					none;
-webkit-transition:			background,color 0.35s;
   -moz-transition:			background,color 0.35s;
	 -o-transition:			background,color 0.35s;
		transition:			background,color 0.35s;
}
.metabuttons .aktiv a,
.metabuttons a:hover {background:rgb(200,210,210);color:rgb(150,160,160)}
.metabuttons span {padding:10px;position:absolute;bottom:0}


.metabuttons .meta-tw,
.metabuttons .meta-g1 {
	width:					159px;
	height:					159px;
	color:					rgb(255,255,255);
	background:				rgb(150,160,160);
}
.metabuttons .meta-tw div.span,
.metabuttons .meta-g1 div.span {
padding:10px;position:absolute;bottom:0
}
li.meta-galerie {
	width:					320px;
	height:					40px;
}
.meta-galerie a,
.meta-galerie a:link,
.meta-galerie a:visited {
	width:					320px;
	height:					40px;
	text-align:				center;
}
.meta-galerie span {left:0;padding:10px 0;width:100%;}

li.meta-fb {
	width:					300px;
	height:					auto;
	padding:				10px;
	background:				rgb(150,160,160);
}

.sharebutton {
	padding:				2px 0 0 0;
}



dl.weiteres {
	margin:					0 0 5px;
}
.weiteres dt{
	font-size:				15px;
	line-height:			15px;
	text-transform:			uppercase;
	color:					rgb(150,160,160);
	border:					1px dotted rgb(150,160,160);
	border-width:			0 0 1px;
	padding:				10px 0 10px 10px;
	margin:					0 0 0;
}
.weiteres dd{
	padding:				0;
	margin:					0;
}
.weiteres a span{
	display:				inline-block;
	width:					10px;
	height:					10px;
	background:				rgb(150,160,160);
	margin:					0 8px 0 -18px;
}
.weiteres a,
.weiteres a:link,
.weiteres a:visited{
	display:				block;
	border:					1px dotted rgb(150,160,160);
	border-width:			0 0 1px;
	padding:				10px 0 10px 28px;
	margin:					0;
}
.weiteres a:hover{
	color:					rgb(255,255,255);
	background:				rgb(150,160,160);
}
.weiteres a:hover span{background:rgb(225,230,230)}

.weiteres .zurueck a,
.weiteres .zurueck a:link,
.weiteres .zurueck a:visited{
	padding:				10px 0 10px 10px;
	background:				none;
}
.weiteres .zurueck a:hover{
	color:					rgb(150,160,160);
}









dl.paginierung,
ul.paginierung{clear:both;list-style-type:none;text-align:center;font-size:11px;line-height:11px;margin:20px 0}
dl.paginierung{
	margin:					0 0 10px 0;
	padding:				10px 0;
	border-top:				1px solid rgb(150,135,125);
	border-bottom:			1px solid rgb(150,135,125);
}
.paginierung dd,.paginierung dt,
.paginierung li{display:inline-block;color:#333;margin:0;font-weight:bold;width:20px;height:20px;overflow:hidden}
.paginierung dt{width:auto;padding-top:4px;padding-right:4px;height:16px;font-weight:normal;}
.paginierung span,.paginierung a{display:inline-block;width:20px;height:16px;padding-top:4px;font-weight:normal;color:#444;border:none}
.paginierung span{background:rgb(150,160,160);color:rgb(255,255,255);font-weight:bold}
.paginierung .aktiv a,
.paginierung a:hover{background:#d4d4d4;color:#444}
li.zurletzten,.zurletzten a{width:40px}
.zurueck span,.vor span{background:rgb(255,255,255)}


.oldie ul.paginierung,
.oldie dl.paginierung {overflow:hidden}
.oldie .paginierung li,
.oldie .paginierung dt,
.oldie .paginierung dd{float:left}

















/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * C O M M U N I T Y
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.regform{
	float:					left;
	overflow:				hidden;
	width:					640px;
	padding-top:			0;
}
.regform fieldset {
	border:					none;
	overflow:				hidden;
	margin:					0 0 20px;
	padding:				0 0 5px;
	position:				relative;
	
	border-bottom:			1px dotted rgb(212,194,174);
}
.regform legend {
	position:				absolute;
	overflow:				hidden;
	width:					auto;
	padding:				2px 0 0;
	clear:					none;
	text-transform:			uppercase;
	font-weight:			bold;
	font-size:				15px;
}


.oldie .regform legend {
	left:0;
	top:0;
}

.iframeform legend {}

.feedback-step {
	display:				block;
	font-weight:			bold;
	font-size:				15px;
	text-transform: uppercase;
}



.buttonfeld,
.checkboxfeldwrapper,
.checkboxfeld{
	width:					300px;
	float:					left;
	padding:				5px;
	margin:					0 0 10px;
}
.checkboxfeldwrapper {
	padding:				0;
}
.checkboxfeldwrapper .checkboxfeld{
	margin-bottom:			0;
}

.checkboxfeld input[type=radio],
.checkboxfeld input[type=checkbox]{
	float:					left;
	margin:					5px 10px 0 0;
}

.checkboxfeld label {
	float:					left;
	display:				inline;
	width:					275px;
	padding:				1px 0 5px;
	margin:					0;
	text-align:				left;
	clear:					none;
}
.ie .checkboxfeld label {width:265px}
.formfeld-zeile,
.checkboxfeld-zeile {
	clear:					left;
	padding:				0 0 5px 25px;
	font-size:				9px;
}
.formfeld-zeile{padding-left:0}

.checkboxfeld-liste {margin-bottom:0;padding:0}
.ie .checkboxfeld-liste {display:table}
.checkboxfeld-liste input[type=checkbox] {margin-top:2px}
.ie .checkboxfeld-liste input[type=checkbox] {margin:-3px 6px 0 0;}

.showhidefeld {float:left}






.textfeld {}
input.textfeld { }
textarea.textfeld { }

.formremark{
	clear:					both;
	display:				block;
	padding:				0;
	font-size:				9px;
	font-weight:			normal;
}

.displaylabel {
    float:					left;
    margin:					0;
    padding:				5px 10px 10px 0;
    width:					300px;
}

.labelless,
.buttonfeld{
	clear:					left;
	margin:					0 0 15px 320px;
}
.regform .buttonfeld{
	margin:					0 0 15px 320px;
	border:					none;
}

.feedback {
	padding:				15px 15px 15px 320px;
}
.error {
	color:					rgb(200,0,0);
}


p.zurueck {
	margin:					0;
	padding:				40px 20px;
	float:					left;
	clear:					both;
	overflow:				hidden;
}
.zurueck { }
.zurueck a { }
.zurueck a:hover { }


.download {}
.download a {
    background: url(/_p/icn-download.png?v=2011) no-repeat scroll 0 0 transparent;
    border: none;
    display:				inline-block;
    font-weight: bold;
    margin: 10px auto 0;
    padding: 0 0 0 20px;
}
.iframeform {
	padding:				0 0 0 20px;
}
.iframeform .buttonfeld{
	display:				inline;
	margin-left:			230px;
}

.iframeform label {width:220px}
.iframeform .feedback {
	padding:				0 15px 5px 240px;
}
.iframeform .fertig {
	padding-left:			15px;
}
.iframehead {
	padding:				10px 0;
	border-bottom:			1px dotted rgb(150,135,125);
	margin:					0 20px 10px;
	overflow:				hidden;
}










.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */
  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('/_p/_boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('/_p/_boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('/_p/_boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('/_p/_boxy/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/_boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/_boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/_boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_p/_boxy/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { color: white; line-height: 1; margin: 0; padding: 0; font-weight: bold; text-transform: uppercase; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; line-height: 1; font-weight: bold; border: none; }
		
	/* Content Region */
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { }
	
	/* Question Boxes */
    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }



.boxybox {
	width:				750px;
	height:				460px;
	padding:			0;
}





/*
Uploadify v2.1.4
Release Date: November 8, 2010

Copyright (c) 2010 Ronnie Garcia, Travis Nickels

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.uploadifyQueue {
	clear:					both;
	width:					305px;
	margin:					0 0 0 0;
}

.uploadifyQueueItem {
	background-color: #F5F5F5;
	border: 2px solid #E5E5E5;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	padding: 10px;
	width: 281px;
}
.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyQueue .completed {
	background-color: #E5E5E5;
}
.uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

.uploadfeld {
	overflow: hidden;
}







/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 99999;
	overflow: hidden;
	background-color: rgb(255,255,255);
}

.lbLoading {
	background: rgb(255,255,255) url(/_p/_slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid rgb(255,255,255);
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	border: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/_p/_slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/_p/_slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid rgb(255,255,255);
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/_p/_slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
	border: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * W E R B U N G
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
ul#seitenbanner {
	list-style:none;
	margin:0;
}
#seitenbanner li{
	margin:0 0 15px;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * F U S S
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#fuss {
	width:					100%;
	background:				rgb(150,135,125);
	color:					rgb(255,255,255);
	font-size:				12px;
}
#fuss .w {
	width:					990px;
	margin:					0 auto;
	padding:				40px 0;
}
#fuss .copyright {
	font-weight:			bold;
}

#fuss p{
	margin:					0 0 5px;
}
#fuss a{
	display:				inline-block;
	border:					none;
}
#fuss a:hover{color:#000}
ul.ddynetwork{
	list-style;				none;
	margin:					0;
	color:					rgb(255,255,255);
}
.ddynetwork li{display:inline}
.ddynetwork a{
	display:				inline-block;
	border:					none;
	color:					rgb(255,255,255);
	margin:					0 0 0 0;
}
.ddynetwork a:after{content:"\0020-"}
.ddynetwork .letzer a:after{content:""}











/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * U N S E M A N T I S C H E   H I L F S K L A S S E N
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ir {display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}
.hidden{display:none;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.c:before,.c:after{content:"\0020";display:block;height:0;overflow:hidden}
.c:after {clear:both}
.c{zoom:1;}
a.bildlink{border:none}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * H A N D H E L D S   U N D   S M A R T P H O N E S
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * D R U C K E N
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
/*
  a[href]:after { content: " (" attr(href) ")"; }
*/
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  
  p.download,p.zurueck,#loginbar,.socialmedia,.metanavigation,#schnellsuche,.navigation,.metabuttons,#seitenbanner,
  
  #kopf .w,
  #kopf {height:105px;}
  #seiteninhalt {margin-top:10px}
  
  a#logo{
   text-indent:0;
   position:static;
   float:left;
   margin:15px 0 0;
   background:none;
  }
  ul.brotkrumen {left:0}
  .brotkrumen a:before { content: "» "; }
  .brotkrumen .erste a:before { content: ""; }
  .artikel {margin-bottom:0;padding-top:0;padding-left:0;padding-bottom:0}
  #fuss,
  #fuss .w {padding-top:0;padding-bottom:0}

}