/* Globales CSS - alle Farben müssen hier definiert werden */
* {
	font: 10pt arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
	color: #666666;
}

html, body  {
	margin: 0;
	padding: 0;
	background-color: #f6f6f6;
}

/* ========================= Hack für FcK Editor ======================= */
b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}


/* =========================== Elements ==================================== */

/* XHTML Fix */
img {
	display: block;
}

p {
	margin: 0px 0px 18px 0px;
}



p.images {
	text-align: center;
}

p.images img {
	margin-left: 15px;
	margin-right: 15px;
}


h1 {
	padding: 0px;
	margin: 5px 0px 15px 0px;
	font-size: 12pt;
	color: #8c007a;
	font-weight: bold;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 20px 0px 10px 0px;
	color: #8c007a;
}

ul {
	margin: 0;
	padding: 0px;
 	list-style-type: none;
}

ul li {
	background-image: url("../img/dot-on-grey.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0px 0 0px 20px;
	margin-bottom: 15px;
	margin-left: 10px;
}

ul li ul li {
	background-image: none;
	background-position: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 5px;
	margin-top: 10px;
	list-style: disc;
}

li.faq-answer {
	background-image: none;
	list-style: none;
}

/* =========================== Forms ==================================== */

form {
	margin: 0px;
}

input {
	color: #000000;
}

input.text, input.password, input.error, textarea.error {
	border: 1px solid #cccccc;
	color: #000000;
	margin-bottom: 3px;
	vertical-align: text-top;
	width: 160px;
}

input.checkbox {
	border: 0;
}

input.button {
	background-color: #a33395;
	color: white;
	border: 0;
}



select {
	width: 150px;
	padding-left: 2px;
	color: #000000;

}

option {
	font-size: 12px;
}

select.error option {
	color: #ffffff;
	background-color: #8c007a;
}


/* =========================== Links ==================================== */
a {
	padding: 0px;
	color: #8c007a;
	text-decoration: underline;
}

a img {
	border: 0;
}

div.h1 {
	box-sizing: border-box;
	padding: 16px;
	background-color: #fff;
	background-image: url("../img/bg/h1.gif");
	background-repeat:no-repeat;
	height: auto;
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	vertical-align: bottom;
}
*+html div.h1 
{
	height:23px;
}


div.h1l {
	background: url(../img/nav/h1l.gif) no-repeat;
	height: 55px;
}



/* =========================== Footer ==================================== */
.footer td {
	color: black;
	font-size: 10px;
}
.footer a {
	color: black;
	font-size: 10px;
	text-decoration: none;
}

/* =========================== Content Elements========================== */

div.center {
	padding: 18px;
}

div.center img {
	display: inline;
}

div.main-center {
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 750px; /* 786px; */
}

td.right {
	background-image: url("../img/bg/teaser-bg.gif");
	background-repeat: repeat-y;
	background-color: #ffffff;
	padding-left: 2px;
}

/* =========================== Teaser ==================================== */
div.thead {
	height: 46px;
	padding-top: 14px;
	padding-left: 15px;
	background-color: #8c007a;
	background-image: url("../img/bg/teaser-head.jpg");
	font-size: 21px;
	font-weight: normal;
	color: #ffffff;
}

div.thead a {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
div.tbody {
	padding: 10px 5px 15px 15px;
}

div.tbody img {
	margin-bottom: 5px;
}


/* =========================== Navi ==================================== */
div.nav-top {
	 position: absolute;
	 top: 106px;
	 left: 211px;
	 width:585px;
	 height:61px;
}

/* Navigations-Punkte speisen sich aus einem GIF mit allen Zuständen */
div.nav-top img {
	display:block;
	float:left;
	height:61px;
	background: url(../img/nav/mainnav.gif) no-repeat;
}
div.nav-top a img.nav-home { width: 86px; background-position: 0px -61px; }
div.nav-top a img.navact-home { width: 86px; background-position: 0px 0px; }
div.nav-top a:hover img.nav-home { width: 86px; background-position: 0px 0px; }
div.nav-top a img.nav-profil { width: 125px; background-position: -86px -61px; }
div.nav-top a img.navact-profil { width: 125px; background-position: -86px 0px; }
div.nav-top a:hover img.nav-profil { width: 125px; background-position: -86px 0px; }
div.nav-top a img.nav-register { width: 124px; background-position: -582px -61px; }
div.nav-top a img.navact-register { width: 124px; background-position: -582px 0px; }
div.nav-top a:hover img.nav-register { width: 124px; background-position: -582px 0px; }
div.nav-top a img.nav-news { width: 82px; background-position: -211px -61px; }
div.nav-top a img.navact-news { width: 82px; background-position: -211px 0px; }
div.nav-top a:hover img.nav-news { width: 82px; background-position: -211px 0px; }
div.nav-top a img.nav-facts { width: 103px; background-position: -293px -61px; }
div.nav-top a img.navact-facts { width: 103px; background-position: -293px 0px; }
div.nav-top a:hover img.nav-facts { width: 103px; background-position: -293px 0px; }
div.nav-top a img.nav-tipps { width: 82px; background-position: -396px -61px; }
div.nav-top a img.navact-tipps { width: 82px; background-position: -396px 0px; }
div.nav-top a:hover img.nav-tipps { width: 82px; background-position: -396px 0px; }
div.nav-top a img.nav-partner { width: 103px; background-position: -478px -61px; }
div.nav-top a img.navact-partner { width: 103px; background-position: -478px 0px; }
div.nav-top a:hover img.nav-partner { width: 103px; background-position: -478px 0px; }


div.nav-left {
	 position: absolute;
	 top: 175px;
	 left: 42px;
	 /* border: 1px solid green; */
	 background-color: #000000;
}

div.nav-left a img {
	display:block;
	width: 169px;
	height:32px;
	background: url(../img/nav/leftnav.gif) no-repeat;
}
div.nav-left a img.subnav-login { background-position: 0px 0px; }
div.nav-left a img.subnavact-login { background-position: -169px 0px; }
div.nav-left a:hover img.subnav-login { background-position: -169px 0px; }
div.nav-left a img.subnav-jobmanager { background-position: 0px -32px; }
div.nav-left a img.subnavact-jobmanager { background-position: -169px -32px; }
div.nav-left a:hover img.subnav-jobmanager { background-position: -169px -32px; }
div.nav-left a img.subnav-setcard { background-position: 0px -64px; }
div.nav-left a img.subnavact-setcard { background-position: -169px -64px; }
div.nav-left a:hover img.subnav-setcard { background-position: -169px -64px; }
div.nav-left a img.subnav-calendar { background-position: 0px -96px; }
div.nav-left a img.subnavact-calendar { background-position: -169px -96px; }
div.nav-left a:hover img.subnav-calendar { background-position: -169px -96px; }
div.nav-left a img.subnav-passwort { background-position: 0px -128px; }
div.nav-left a img.subnavact-passwort { background-position: -169px -128px; }
div.nav-left a:hover img.subnav-passwort { background-position: -169px -128px; }
div.nav-left a img.subnav-news { background-position: 0px -192px; }
div.nav-left a img.subnavact-news { background-position: -169px -192px; }
div.nav-left a:hover img.subnav-news { background-position: -169px -192px; }
div.nav-left a img.subnav-news-archiv { background-position: 0px -224px; }
div.nav-left a img.subnavact-news-archiv { background-position: -169px -224px; }
div.nav-left a:hover img.subnav-news-archiv { background-position: -169px -224px; }
div.nav-left a img.subnav-newsletter { background-position: 0px -256px; }
div.nav-left a img.subnavact-newsletter { background-position: -169px -256px; }
div.nav-left a:hover img.subnav-newsletter { background-position: -169px -256px; }
div.nav-left a img.subnav-facts { background-position: 0px -288px; }
div.nav-left a img.subnavact-facts { background-position: -169px -288px; }
div.nav-left a:hover img.subnav-facts { background-position: -169px -288px; }
div.nav-left a img.subnav-how-jobmanager { background-position: 0px -32px; }
div.nav-left a img.subnavact-how-jobmanager { background-position: -169px -32px; }
div.nav-left a:hover img.subnav-how-jobmanager { background-position: -169px -32px; }
div.nav-left a img.subnav-how-setcard { background-position: 0px -64px; }
div.nav-left a img.subnavact-how-setcard { background-position: -169px -64px; }
div.nav-left a:hover img.subnav-how-setcard { background-position: -169px -64px; }
div.nav-left a img.subnav-downloads { background-position: 0px -320px; }
div.nav-left a img.subnavact-downloads { background-position: -169px -320px; }
div.nav-left a:hover img.subnav-downloads { background-position: -169px -320px; }
div.nav-left a img.subnav-tipps { background-position: 0px -352px; }
div.nav-left a img.subnavact-tipps { background-position: -169px -352px; }
div.nav-left a:hover img.subnav-tipps { background-position: -169px -352px; }
div.nav-left a img.subnav-lexikon { background-position: 0px -384px; }
div.nav-left a img.subnavact-lexikon { background-position: -169px -384px; }
div.nav-left a:hover img.subnav-lexikon { background-position: -169px -384px; }
div.nav-left a img.subnav-selbst { background-position: 0px -416px; }
div.nav-left a img.subnavact-selbst { background-position: -169px -416px; }
div.nav-left a:hover img.subnav-selbst { background-position: -169px -416px; }
div.nav-left a img.subnav-faq { background-position: 0px -448px; }
div.nav-left a img.subnavact-faq { background-position: -169px -448px; }
div.nav-left a:hover img.subnav-faq { background-position: -169px -448px; }
div.nav-left a img.subnav-honorare { background-position: 0px -480px; }
div.nav-left a img.subnavact-honorare { background-position: -169px -480px; }
div.nav-left a:hover img.subnav-honorare { background-position: -169px -480px; }
div.nav-left a img.subnav-links { background-position: 0px -512px; }
div.nav-left a img.subnavact-links { background-position: -169px -512px; }
div.nav-left a:hover img.subnav-links { background-position: -169px -512px; }

div.nav-left a img.subnav-partner { background-position: 0px -544px; }
div.nav-left a img.subnavact-partner { background-position: -169px -544px; }
div.nav-left a:hover img.subnav-partner { background-position: -169px -544px; }
div.nav-left a img.subnav-agenturen-preise { background-position: 0px -576px; }
div.nav-left a img.subnavact-agenturen-preise { background-position: -169px -576px; }
div.nav-left a:hover img.subnav-agenturen-preise { background-position: -169px -576px; }
div.nav-left a img.subnav-agenturen-kontakt { background-position: 0px -608px; }
div.nav-left a img.subnavact-agenturen-kontakt { background-position: -169px -608px; }
div.nav-left a:hover img.subnav-agenturen-kontakt { background-position: -169px -608px; }
div.nav-left a img.subnav-agenturen-login { background-position: 0px -640px; }
div.nav-left a img.subnavact-agenturen-login { background-position: -169px -640px; }
div.nav-left a:hover img.subnav-agenturen-login { background-position: -169px -640px; }
div.nav-left a img.subnav-agenturen-intro { background-position: 0px -672px; }
div.nav-left a img.subnavact-agenturen-intro { background-position: -169px -672px; }
div.nav-left a:hover img.subnav-agenturen-intro { background-position: -169px -672px; }
div.nav-left a img.subnav-agenturen-register { background-position: 0px -704px; }
div.nav-left a img.subnavact-agenturen-register { background-position: -169px -704px; }
div.nav-left a:hover img.subnav-agenturen-register { background-position: -169px -704px; }


div.login-data {
	 position: absolute;
	 top: 15px;
	 left: 10px;
	 width: 180px;
	 /* border: 1px solid red; */
	 font-weight: bold;
	 color: white;
}

div.login-data * {
	 font-weight: bold;
	 color: white;
}
/* =========================== News ==================================== */

div.news-start {
	width: 100%;
	height: 200px;
}

div.news-start div.img {
	width: 270px;
	height: 120px;
	float: left;
}
div.news-start div.img img {
	margin: 0px;

}

div.news-start div.body1 {
	position: relative;
	width: 255px;
	height: 125px;
}

div.news-start div.body1 div.content{
	width: 255px;
	height: 103px;
	overflow: hidden;

}

div.news-start div.body1 h2 {
	margin-top: 0px;
	margin-bottom: 5px;
}


div.clean {
	clear: left;
}

div.news-hidden {
	display: none;
}

div.news-headlines {
	padding-left: 260px;
}

div.news-headlines li {
	margin: 0px 0px 3px 10px;
}

div.news-headline-archive {
	position: relative;
	border-top: 1px dotted #b2b2b2;
	margin-top: 10px;
	padding-top: 10px;
}

h1.news-headline-archive {
	margin-bottom: 0px;
	padding-bottom: -10px;
	font-weight: bold;
}

#news-date {
	font-size: 11px;
}

#news-line {
	margin-top: 30px;
}

/* ================= Alternierende Tabellenzeilen ========================== */
div.data {
	border: 1px solid #ededed;
	width: 100%;
}
table.data {
	background: #ededed;
	margin:0;
	padding:0;
}

table.data th {
	padding:3;
	background: #DDDDDD;
}

table.data td {
	background: #EEEEEE;
}

table.data td.error {
	background-color: #FFCCCC;
}


tr.datahead th {
	background: #7f006b;
	color: #FFF;
	text-align: left;
	padding: 3px;
}
tr.datahead a {
	color: #FFF;
}
tr.datarow0 td {
	background: #ededed;
	padding: 3px;
}
tr.datarow1 td {
	background: #c2c2c2;
	padding: 3px;
}
tr.datarow2 td {
	background: #BBBBBB;
	padding: 3px;
}

/* =========================== Boxen ==================================== */
div.boxhead {
	padding: 0px;
	margin: 0 0 15px 0;
	font-size: 12pt;
	font-weight: bold;
	color: #8c007a;
}

div.box-body {
	margin-top: 0px;
	width: 544px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 1 10 10 10;
	background-color: #f9f9f9;
}

div.box-body ul {
	padding-bottom: 1px;
}

/* DHTML-Popup Div für Infos */
div.popupinfo {
	font-weight: normal;
	text-align: left;
	position:absolute;
	width:290px;
	display: none;
	background-color: #AAD1D9;
	color: #000000;
	padding: 5px 5px 10px 5px;
	border-top: 1px solid #000000;
}

div.popupinfo * {
	color: black;
}

/* DHTML-Popup Div für Errors */
div.popuperror {
	position:absolute;
	width:290px;
	display: none;
	color: #ffffff;
	padding: 5px 5px 10px 5px;
	border-top: 1px solid #000000;
	background: url(/p1/img/bg/l_error.gif) no-repeat bottom;
}

div.popuperror * {
	color: #ffffff;
}

span.error, p.error, div.error {
	background-color: #7b0067;
	color: #ffffff;
	padding: 5px;
	border: 2px dotted #ffffff;
}

span.status, p.status, div.status {
	background-color: #a6c700;
	color: #000000;
	padding: 5px;
	border: 2px dotted #ffffff;
}

img.info {
	margin-left: 2px;
	display: inline;
}

img.error {
	margin-left: 2px;
	display: inline;
}

/* ================= Scrollbar/Blätterfunktion ========================== */

div.sbar {
	margin-top: 10px;
}
div.sbar * {
	color: #8c007a;
	font-weight: bold;
}
div.sbar a {
	color: #a3c500;
	font-weight: bold;
}

/* ================= Promoter Kalender ========================== */



td.calendartd , td.calendartdpromoter , td.calendartdpromoteravailable
{
	background-color:#fdd !important;
	width:40px;
	height:70px;
	border:1px solid #ddd;
}

td.calendartdpromoterterminGreen
{
	background-color:#aaffaa !important;
}
td.calendartdpromoterterminYellow
{
	background-color:#ffff44 !important;
}

td.calendartdpromoteravailable
{
	background-color:#feffab !important;
}

table.calendartable
{
	margin-right:30px;
}

th.calendarth
{
	background-color:#ccc;
	padding:3px;
}


/* ================= Grey Box ========================== */
.greybox {
	width:541px;
	padding-bottom: 5px;
}
.greyboxc {
	background-color: #ededed;
	padding: 0px 10px;
}
.greyboxc b {
	font-weight: bold;
	color: #7f006b;
}
.greyboxc a {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}
/* ================= Hinweis Box ========================== */
.hinweis {
	width:519px;
	padding-bottom: 5px;
}
.hinweisc {
	background: url(../img/box/hinweis-bg.gif) repeat-y #7f006b;
	padding: 0px 10px;
	color: #FFF;
}
.hinweisc b {
	font-weight: bold;
	color: #FFF;
}
.hinweisc div {
	color: #FFF;
}

.specialbutton150,.specialbutton180
{
	
	color:white;
	font-size:11px;
	font-weight:bold;
	border:none;
	height:24px;
	cursor:pointer;
	background-repeat:no-repeat;
}
.specialbutton150
{
	width:148px;
	background-color:#a33395;
	background-image:url(/p1/img/buttons/button150.gif);
}
.specialbutton180
{
	width:180px;
	background-color:#a33395;
	background-image:url(/p1/img/buttons/button180.gif);
}




#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:300px; width:420px; color:#bbb; background-color:#fff; border:4px solid #aaa; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/p1/img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}



/* Buttons per CSS */
a.button {
    background: transparent url('../img/buttons/bg.png') no-repeat scroll top right;
    display: inline-block;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}
a.button span {
    background: transparent url('../img/buttons/bg.png') no-repeat;
    display: block;
    height: 14px;
    padding: 5px 0 5px 18px;
    color: #fff;
    font: bold 11px Tahoma, sans-serif;
}
a.button span:hover {
}