@import url("reset.css");

/*** formate ***/
body{font:80%/1.3 arial,sans-serif;background:white;color:black;}
em{font-style:italic;}
strong{font-weight:bold;}
table{font-size:1em;}
th{font-weight:bold;}
ul{list-style:disc;margin-left:1.5em;}
h1,h2,h4{font-weight:bold;}

.buttons{padding:2px 5px;border:1px solid black;font-weight:bold;}

a.karriereulpfeil,a.karrierepfeil:hover,a.karrierepfeil:focus{font-weight:bold;}
#bewerbermappe html,body{scrollbar-darkshadow-color:#EFEFEF;scrollbar-track-color:#ffffff;scrollbar-face-color:#0070B8;scrollbar-highlight-color:#EFEFEF;scrollbar-3dlight-color:#EFEFEF;scrollbar-arrow-color:#000000;}
#bewerbermappe .rot{color:#ff0000;}
#bewerbermappe .fehler{color:#ff0000;font-weight:bold;}
#bewerbermappe img{border:none;}
#bewerbermappe table{border-collapse:collapse;border-color:#000000;}
#bewerbermappe .senden{font-size:1.1em;padding:5px;}
#bewerbermappe a{color:#000000;text-decoration:underline;}
#bewerbermappe #warningmsg a{color:#A30718;}
#bewerbermappe #errormsg{text-align:center;color:#f00;font-weight:bold;}
#bewerbermappe #warningmsg{background-color:#EEEEEE;margin:5px;}
#bewerbermappe #warningmsg p{color:#000000;padding:5px;}
#bewerbermappe #uploadform .small{font-size:.7em;margin:0 0 1em 16%;}
#bewerbermappe #uploadform p{margin:3px;padding:0;}
#bewerbermappe .red{color:#ff0000;font-weight:bold;}
#bewerbermappe table.sortable{width:100%;text-align:center;border-spacing:0;border-collapse:collapse;}
#bewerbermappe table.sortable .lefted{text-align:left;}
#bewerbermappe table.sortable img{vertical-align:middle;}
#bewerbermappe table.sortable th{background-color:#eeeeee;border:1px #000000 solid;color:#000000;font-weight:bold;padding:4px;}
#bewerbermappe table.sortable th a{color:#000000;text-decoration:none;}
#bewerbermappe table.sortable #th1{width:30%;}
#bewerbermappe table.sortable #th2{width:13%;}
#bewerbermappe table.sortable #th3{width:8%;}
#bewerbermappe table.sortable tr.on{background:#eeeeee;}
#bewerbermappe table.sortable tr.delete{background:#fcc;}
#bewerbermappe table.sortable td{overflow:none;margin:0;padding:3px;}
#bewerbermappe div#upload_pb{width:100%;margin:7px 0 6px;}
#bewerbermappe #filelisting {margin-top:20px;}
#bewerbermappe #upload_pb p span{font-weight:bold;}
#bewerbermappe #upload_border{border:1px #000000 solid;margin:15px auto;}
#bewerbermappe #upload_progress{width:0;height:15px;background-color:#0000ff;}
#bewerbermappe .button{height:20px;font-size:11px;}
#bewerbermappe table.sortable #th4,table.sortable #th5{width:7%;}
#bewerbermappe .linkweiter a,#bewerbermappe .linkbewerben a{ float:left; padding:2px 5px;border:1px solid black;font-weight:bold;text-decoration:none;}
#bewerbermappe .Startinfoleft{font-weight:bold;}

.bela h1,.bela h2,.bela h4,.bela a,#bewerbermappe.bela .Startinfoleft{color:#0070b8;}
.bela .buttons,#bewerbermappe.bela .linkweiter a,#bewerbermappe.bela .linkbewerben a{color:#0070b8;background:white;border-color:#0070b8;}

.famila h1,.famila h2,.famila h4,.famila a,#bewerbermappe.famila .Startinfoleft{color:#003399;}
.famila .buttons,#bewerbermappe.famila .linkweiter a,#bewerbermappe.famila .linkbewerben a{color:#003399;background:white;border-color:#003399;}

.markant h1,.markant h2,.markant h4,.markant a,#bewerbermappe.markant .Startinfoleft{color:#004c9b;}
.markant .buttons,#bewerbermappe.markant .linkweiter a,#bewerbermappe.markant .linkbewerben a{color:#004c9b;background:white;border-color:#004c9b;}
.stellenlink { color: #000000; font-weight: normal; }

.steiskal.vorschau {background:#222222 none repeat scroll 0 0;}
body.steiskal.vorschau {
			background:#222222 url("http://steiskaldev.tng.de/media/bilder/_layout/popup-bg.gif") repeat-x scroll 0 0;
			color:#FFFFFF;
			padding:80px 0 0;
			position:relative;
			width:100%;
			}
body.steiskal.vorschau #content {
			padding:20px;
			}

body.steiskal.vorschau #content h1 {
font-weight: normal;
font-size:1.5em;
left:20px;
position:absolute;
top:40px;
}

body.steiskal.vorschau #content h2 {
font-size:1.2em;
}

body.steiskal.vorschau h1#logo a { background: url("http://www.baeckerei-steiskal.de/media/bilder/_layout/popup-logo.gif") no-repeat; display: block; width: 148px; height: 52px; }
body.steiskal.vorschau h1#logo { position: absolute; right: 20px; top: 13px; }
body.steiskal.vorschau h1#logo img { display:none; }
body.steiskal.vorschau h1#logo { text-indent:-9999px; }

body.steiskal.vorschau #content h1{ color:#8D161B; }
body.steiskal.vorschau #content a{ color:#ffffff; }
body.steiskal.vorschau #content .stellenlink { color:#ffffff; }


.steiskal h1,.steiskal h4,.steiskal a,#bewerbermappe.steiskal .Startinfoleft{color:#990000;}
.steiskal .buttons,#bewerbermappe.steiskal .linkweiter a,#bewerbermappe.steiskal .linkbewerben a{color:#990000;background:white;border-color:#990000;}

body #content h3 {
font-weight: bold;
}

/*** layout ***/
.clearer{clear:both;}
#logo {float:right;}
.bild{float:right;margin:0 0 0.5em 1em;}
.player{background-color:#cccccc; color:#696969;}
.spotheader{margin:3px;}
table.karriere{width:300px;}
table.karriere td{padding:5px 0;}
#bewerbermappe html,body{height:100%;}
#bewerbermappe html{margin-bottom:1px;}
#bewerbermappe #content{position:absolute;top:0;left:0;width:620px;z-index:1;margin:0;}
#bewerbermappe #contentPos{margin:5px 23px 0;}
#bewerbermappe #contentPosohneHeadline{margin:10px 23px 0;}
#bewerbermappe * html body{overflow-y:hidden;}
#bewerbermappe * html #content{height:100%;overflow:auto;left:0;top:0;width:620px;}
#bewerbermappe #footer{position:absolute;bottom:25px;left:23px;width:574px;z-index:2;}
#bewerbermappe #sidebar-right{position:absolute;top:0;left:620px;width:180px;margin:0;}
#bewerbermappe body > #sidebar-right,[id]#sidebar-right{position:fixed;}
#bewerbermappe input,form{margin:0;padding:0;}
#bewerbermappe linkweiter {border: solid 10px #000; margin:0;padding:0;}

.buttonKeineOffeneStelle { border:1px dashed #000000; font-weight:bold; color:#000000; padding:2px; }
.linkKeineOffeneStelle   { font-weight:bold; color:#000000; }

body.famila .buttonKeineOffeneStelle { border:1px dashed #cc0000; font-weight:bold; color:#cc0000; padding:2px; }
body.famila .linkKeineOffeneStelle   { font-weight:bold; color:#cc0000; }

body.bela .buttonKeineOffeneStelle { border:1px dashed #cc0000; font-weight:bold; color:#cc0000; padding:2px; }
body.bela .linkKeineOffeneStelle   { font-weight:bold; color:#cc0000; }

body.markant .buttonKeineOffeneStelle { border:1px dashed #cc0000; font-weight:bold; color:#cc0000; padding:2px; }
body.markant .linkKeineOffeneStelle   { font-weight:bold; color:#cc0000; }

body.steiskal .buttonKeineOffeneStelle { border:1px dashed #990000; font-weight:bold; color:#990000; padding:2px; }
body.steiskal .linkKeineOffeneStelle   { font-weight:bold; color:#990000; }

body.logipet .buttonKeineOffeneStelle { border:1px dashed #ffffff; font-weight:bold; color:#ffffff; padding:2px; }
body.logipet .linkKeineOffeneStelle   { font-weight:bold; color:#ffffff; }