body { margin:0px;padding:0px; font-size:12px; font-family: circe, sans-serif; font-weight: 400; font-style: normal; }
a { font-family: circe, sans-serif; font-weight: 400; font-style: normal; }

input:focus { 
    outline: none !important;
}

input, textarea, select { font-family: circe, sans-serif;outline: none !important;  }

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #8190A3; border-radius: 10px;   }
::-webkit-scrollbar-thumb:hover { background: #8190A3; }

.logout_btn { display:none }

.btm_button { padding:20px 0px;text-align:center; }

h1, h2, h3, h4, h5, p { margin:0px;padding:0px;font-weight:normal;box-sizing:border-box }
div, input, textarea { box-sizing:border-box }
a { text-decoration:none;color:#F27405 }

.button, .abmelden { border-radius: 24px;border:solid 1px transparent;padding:2px;cursor:pointer;display:inline-block }
.button span, .abmelden span { background-color:#F27405;display:inline-block; border-radius: 20px;padding:12px 18px 10px 18px;color:white;font-size:18px;line-height:18px;font-weight:bold; }
.button:hover, .abmelden:hover { border-color:#F27405 }
.button:hover span, .abmelden:hover span { background-color:#F27405 }

.wbtn span { background-color:white;color:#F27405;border:solid 2px #F27405;padding:10px 16px 8px 16px; }
.wbtn:hover span { color:white }
.bild-upload .wbtn span { width: 100%; box-sizing: border-box; }

.btnkreis { width:70px;height:70px;border:solid #F27405 2px;font-size:30px;border-radius:50%;display:inline-block;text-align:center; }
.btnkreis span { color:#F27405;display:inline-block;padding-top:18px; width:44px;height:44px;border-radius:22px;text-align:center;box-sizing:border-box;
                 background-color:white;margin:2px; }
/*.btnkreis:hover span { background-color:#F27405;color:white; }*/


.head { z-index:10; }
.logo { font-size:24px;line-height:24px;font-weight:900;color:#F27405;float:left;z-index:10;position:relative;background-color:transparent }
.logo > div {  width: 0px; height: 0px;
            -webkit-transform:rotate(360deg);
            border-style: solid; border-width: 93px 93px 0 0;
            border-color: #F27405 transparent transparent transparent;position:absolute }
.logo > a { display:inline-block;margin-right:70px;color:white;position:relative;padding:18px 0px 0px 14px;background-color:transparent }
.logo > span font { font-weight:200;display:inline-block;padding-left:5px }
.logo > span b { font-weight:bold;color:black }
.logo > span { margin-top:8px;display:block;position:relative;margin-left:83px }
.logo > span span:before { color:#F27405;margin-right:18px;position:relative;top:6px;font-size:32px }


.file-upload { 
    overflow: hidden; text-align: center; color: white; font-size:18px; cursor: pointer; 
    display:none; height: 160px; position:absolute;top:50%;margin-top:-80px;margin-left:-70px;z-index:4; }
.file-upload { width: 140px; }
.file-upload input {  margin: 0; font-size: 11px; font-weight: bold;  opacity: 0; filter: alpha(opacity=0); }
.file-upload span { 
    display: block; margin:0px auto 10px auto; font-size:30px; height:66px; width:66px; border: 2px solid white; 
    border-radius: 33px; padding-top:12px; box-sizing:border-box; margin-bottom:10px }


.bild-upload { overflow: hidden; text-align: center; color: white; font-size:18px; cursor: pointer; z-index:4; display:block }
.bild-upload .button { width: 200px;margin:30px auto 0px auto }
.bild-upload input {  margin: 0; font-size: 11px; font-weight: bold;  opacity: 0; filter: alpha(opacity=0);display:block }



.error, .success {
    font-size: 24px;
    display: block;
    text-align: center;
    padding: 5px 10px;
    color: red;
    margin-bottom: 20px;
    line-height: 25px;
}

.success {
    border-color: green;
    color: green;
}

.ml_treffer { font-size:18px }

.textarea tr.mceLast { height:20px }
.textarea { height:400px;/*margin-left:10px*/ }

.ui-autocomplete a { font-size:18px;line-height:24px;display:block }


.formular .rb label { font-weight:800 }
.formular .rb label img { margin-left:5px;vertical-align:middle;position:relative;top:-2px }
.formular .dauer .rb label { font-weight:normal }

/* The container */
.checkbox, .radiobutton { display: block;position: relative;padding-left: 30px; margin-bottom: 6px; cursor: pointer;font-size: 22px;line-height:22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.checkbox input, .radiobutton input { position: absolute; opacity: 0; cursor: pointer; }

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  border:solid 2px #AD4906;
  background-color: white;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark, .radiobutton:hover input ~ .checkmark {
  border-color:#AD4906;
}

/* When the radio button is checked, add a blue background */
.checkbox input:checked ~ .checkmark, .radiobutton input:checked ~ .checkmark {
  border-color:#AD4906;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkbox input:checked ~ .checkmark:after, .radiobutton input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkbox .checkmark:after, .radiobutton .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	background: #AD4906;
}

/* Style the indicator (dot/circle) */
.radiobutton .checkmark:after {
	border-radius: 50%;
}

/* Create a custom radio button */
.radiobutton .checkmark {
  border-radius: 50%;
}


.border { border-left:solid 3px #F27405;border-right:solid 3px #F27405;position:fixed;height:100%;width:100%;z-index:1 }
.border_top { border-top:solid 3px #F27405;position:fixed;top:0px;width:100%;z-index:99 }
.border_btm { border-bottom:solid 3px #F27405;position:fixed;bottom:0px;width:100%;z-index:99 }
.seite { z-index:2;position:relative;padding-bottom:50px;min-height:660px }

.bill_status { width:14px;height:14px;border-radius:50%;border:solid 2px #8190A3;display:inline-block;margin-right:5px;position:relative;top:1px }
.status_2 { background-color:#8190A3;border-color:#8190A3; }
.status_3 { background-color:#D80000;border-color:#D80000; }
.status_4 { background-color:#1FA186;border-color:#1FA186; }
.status_5 { background-color:#FF7919;border-color:#FF7919; }
.status_1 { background-color:#DCDDE1;border-color:#DCDDE1; }
.status_0 { background-color:#D80000;border-color:#D80000; }
.stellenstatus .status_1 { background-color:#1FA186;border-color:#1FA186; }

@media screen and (min-width: 1010px) {
    .scroll_head { position: fixed; left: 3px; right: 3px; background-color: white; height: 115px; }
}

@media screen and (max-width: 1010px) {
    .seite { padding-bottom:150px }
}


@media screen and (min-height: 700px) {
    .seite { min-height:720px }
}


@media screen and (min-height: 800px) {
    .seite { min-height:820px }
}


@media screen and (max-width: 650px) {
    .checkbox, .radiobutton { font-size: 18px; }
    .logo { font-size:20px;line-height:20px }
    .logo > span { margin-left:50px;margin-top:3px }
    .logo > span span:before { top:4px;font-size:25px;margin-right:10px }
}


@media screen and (max-width: 370px) {
    .logo > div {  border-width: 70px 70px 0 0;  }
    .logo > a { padding:11px 0px 0px 10px; }
    .logo > span { margin-top:0px;margin-left:35px }
    .logo > span span:before { margin-right:5px }
    .error { font-size:20px; }
    .success { font-size:20px; }
}