body {
font-family: Arial,Helvetica,Candara,sans-serif;
font-size: 100.1%;
color: #666666;
background: #F5EBD2;
ba#ckground: #CAE1FF;
#background: url(images/bg_body.jpg);
#background-repeat: repeat-x;
margin: 0;
padding: 0;
text-align: center;
background-repeat: repeat-y;
background-position: center;
}

.body #container {
width: 1024px;
margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
border: none;
text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
margin-bottom: 20px;
margin-top: 20px;
}

h1 {font-size:140%; font-weight:bold; color:#C11F26; margin: 10px 0px 10px 0px; }
h2 {font-size:110%; font-weight:bold; color:#666666; margin: 10px 0px 10px 0px; c#lear:both; }
h3 {font-size:120%; font-weight:bold; color:#666666; margin: 10px 0px 10px 0px; }
h4 {font-size:120%; font-weight:bold; color:#C11F26;}
h5 {font-size:110%; font-weight:bold; color:#666666;}

hr {
border:dotted #666666;
border-width:0 0 1px 0;
}

img {
border: 0px;
}

p.clear {
clear: both;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}

ul {
list-style-type: square;
}

table {
border: 0px #999999 dotted;
border-color: #999999;
}

tr, td {
border: 0px #999999 dotted;
border-color: #999999;
}

a:link, a:visited, a:active {
color:#C11F26;
text-decoration:none;
font-weight: normal;
}

a:hover {
color:#C11F26;
text-decoration:underline;
font-weight: normal;
}

a.button {
display: block;
float: right;
color: #FFFFFF;
text-decoration:none;
font-size:13px;
font-weight: normal;
padding: 5px 7px 5px 7px;
margin: 15px 5px 15px 5px;
background-color: #C11F26;
box-shadow: 2px 3px 3px #999;
border-radius: 5px 5px 5px 5px;
}

.rot {
color: #C11F26;

}

.blau {
color: blue;

}

#header {
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 1024px;
background-color: #FFF;
box-shadow: 3px 5px 10px grey;
}

#header_left {
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 500px;
}

#header_right {
position: relative;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 500px;
}

#header_menu {
position: relative;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 300px;
text-align: right;
}

#member_daten {
position: relative;
float: right;
margin: 30px 0px 0px 0px;
padding: 0px 20px 0px 0px;
width: 300px;
text-align: right;
font-size: 12px;
line-height: 1.0;
}

ul.header_menu {
margin: 10px 8px 0px 0px;
}

ul.header_menu li {
display: inline;
margin: 0px 8px 0px 0px; 
padding: 0px 0px 0px 0px;
}

ul.header_menu a {
text-decoration: none; 
font-weight: normal;
color: #666;
font-size: 13px;
}

ul.header_menu a:hover {
text-decoration: underline; 
font-weight: normal;
color: #333;
}

/* ############################ MAINMENU ###### */

#main_menu {
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 1024px;
text-align: right;
}

ul.main_menu {
margin: 10px 8px 14px 0px;
}

ul.main_menu li {
display: inline;
margin: 0px 0px 0px 0px; 
padding: 5px 5px 5px 5px;
}

ul.main_menu a {
text-decoration: none; 
font-weight: bold;
color: #fff;
font-size: 13px;
background-color: #C11F26;
padding: 15px 10px 15px 10px;
box-shadow: 2px 3px 3px #999;
border-radius: 5px 5px 0px 0px;
}

ul.main_menu a:hover {
text-decoration: none; 
color: #fff;
background-color: #666;
}

li.current a {
text-decoration: none; 
color: #fff !important;
background-color: #666 !important;
}

/* ############################ SUBMENU ###### */

#sub_menu {
position: relative;
float: left;
margin: 1px 0px 0px 0px;
padding: 5px 0px 0px 0px;
width: 1024px;
height: 30px;
text-align: left;
box-shadow: 3px 5px 10px grey;
background-color: #f5f5f5;
}

ul.sub_menu {
margin: 0px 0px 0px 0px;
-webkit-padding-start: 20px;
}

ul.sub_menu li {
display: inline;
margin: 0px 4px 0px 0px; 
}

ul.sub_menu a {
text-decoration: none; 
font-weight: normal;
color: #fff;
font-size: 13px;
background-color: #C11F26;
padding: 5px 5px 5px 5px;
border-radius: 0px 0px 5px 5px;
}

ul.sub_menu a:hover {
text-decoration: none; 
color: #fff;
background-color: #999;
}

/* ############################ TOOLTIPP ###### */

a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:250px;
  color: #666666;
  background: #F5EBD2;
  border: 2px solid #CCCCCC;
  line-height: 1.2;
  text-align: left;
  visibility: hidden;
  border-radius: 6px;
  box-shadow: 10px 10px 7px #999999;
  padding: 10px 10px 10px 10px;
}
a.tooltips span:before {
  content: '';
  position: absolute;
  top: 15%;
  left: 100%;
  margin-top: -12px;
  width: 0; height: 0;
  border-left: 12px solid #CCCCCC;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 15%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #F5EBD2;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  right: 100%;
  top: 50%;
  margin-top: -50px;
  margin-right: 15px;
  z-index: 999;
}

/* ############################ TOOLTIPP  ENDE ###### */

#main_content {
#position: relative;
float: left;
line-height: 1.3;
font-size: 14px;
margin: 0px 0px 10px 0px;
padding: 20px 20px 10px 20px;
width: 984px;
background-color: #FFF;
box-shadow: 3px 5px 10px grey;
color: #333;
}

#main_content_left {
position: relative;
float: left;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
width: 630px;
}

#main_content_right {
position: relative;
float: right;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
width: 340px;
}

#main_content_bottom {
position: relative;
float:left;
text-align: right;
font-size: 90%;
margin: 20px 0px 0px 0px;
padding: 5px 10px 5px 0px;
width: 984px;
color: #333;
}

#youtube {
position: relative;
float: right;
width: 560px;
height: 315px;
margin: 20px 0px 0px 0px;
}

#profilbild {
position: absolute;
top: 80px;
left: 460px;
z-index: 100;
width: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-shadow: 3px 5px 10px grey;
}

#profilbild img {
width: 150px;
max-width: 150px !important;
}

#footer {
position: relative;
float: left;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 1024px;
}

#footer h3 {
color: #FFF;
font-weight: normal;
margin: 5px 0px 5px 10px;
font-size: 100%;
}

#footer_left {
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 330px;
box-shadow: 3px 5px 10px grey;
background-color: #C11F26;
}

#footer_middle {
position: relative;
float: left;
margin: 0px 0px 0px 17px;
padding: 0px 0px 0px 0px;
width: 330px;
box-shadow: 3px 5px 10px grey;
background-color: #C11F26;
}

#footer_right {
position: relative;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 330px;
box-shadow: 3px 5px 10px grey;
background-color: #C11F26;
}

#footer_menu {
position: relative;
float: left;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
width: 1024px;
height: 35px;
background-color: #C11F26;
box-shadow: 3px 5px 10px grey;
text-align: right;
color: #FFF;
}

#copyright {
position: relative;
float: left;
margin: 12px 0px 0px 10px;
font-size: 12px;
}

ul.footer_menu {
margin: 10px 8px 0px 0px;
}

ul.footer_menu li {
display: inline;
margin: 0px 8px 0px 0px; 
padding: 0px 0px 0px 0px;
}

ul.footer_menu a {
text-decoration: none; 
font-weight: normal;
color: #FFF;
font-size: 13px;
}

ul.footer_menu a:hover {
text-decoration: underline; 
font-weight: normal;
color: #F5EBD2;
}

/* ############################ STELLENANGEBOTE ###### */

#stellen_andere {
position: relative;
float: left;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
width: 620px;
}

#stellen_aerzte {
position: relative;
float: left;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
width: 620px;
}

#stellen_pflege {
position: relative;
float: left;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
width: 620px;
}

.profil_tabbox_content {
float: left;
margin: 0px 0px 15px 0px;
}

.profil_tipp {
position: absolute;
left: 930px;
top: 30px;
color: #666;
margin: 10px 0px 15px 0px;
padding: 0px 0px 0px 0px;
width: 30px;
height: 30px;
}

.stellenausschreibungen {
position: relative;
float: left;
width: 610px;
margin: 0px 0px 20px 0px;
}

dt {
	font-weight:normal;
	font-size: 14px;
	float:left;
	width:610px;
	padding:5px 5px 5px 0px;
	margin-top:10px;
	margin-bottom:-4px;
	cursor:pointer;
	background-color: #F5EBD2;
	box-shadow: 2px 3px 3px #999;
}

.dt_text {
position: relative;
float: right;
width: 560px;
text-align: left;
}

dt:hover {
	color: #FFF;
	background-color: #999;
}

dd {
	display:none;
	margin:0 0 15px 0;
	float:left;
	width:595px;
	padding:10px 10px 10px 10px;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 2px 3px 3px #999;
}

.dt_profil {
	width: 980px;
}

.dd_profil {
  width: 970px;
}

#button {
	float:left;
	display:block;
	height:18px;
	width:17px;
	text-indent:-9999px;
	margin:0px 20px 0px 10px;
}

.closed { background:url(../images/button.png) left no-repeat; }

.open { background:url(../images/button.png) right no-repeat; }


/* ############################ FORMULARFELDER ###### */


form { 
display: inline;
f#ont-size: 110%;
color: #666;
}

input[type=file] {
padding: 5px;
border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 110%;
color: #666;
wi#dth: 280px;
}

input[type=text] {
padding: 5px;
border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 110%;
color: #666;
width: 280px;
}

input[type=password] {
padding: 5px;
border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 110%;
color: #666;
width: 280px;
}

input.ganz_kurz {
padding: 5px;
border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 110%;
color: #666;
width: 50px;
}

input.kurz {
padding: 5px;
border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 110%;
color: #666;
width: 100px;
}

input.lang {
padding: 5px;
border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 110%;
color: #666;
width: 400px;
}

input.ganz_lang {
padding: 5px;
border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 110%;
color: #666;
width: 100%;
}

select {
padding: 5px;
border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 100%;
color: #666;
}

input[type=submit] {
padding:5px 15px; 
margin: 20px 5px 5px 0px;
background:#C11F26;
color: #FFF;
border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 3px 3px #999;
}

input[type=button] {
padding:5px 15px; 
margin: 10px 0px 5px 0px;
background:#C11F26;
color: #FFF;
border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 2px 3px 3px #999;
}

input[type=checkbox] {
padding: 0px; 
margin: 6px 5px 0px 0px;
width: 20px;
height: 20px;
border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}

textarea {
padding: 5px;
margin: 10px 0px 10px 0px;
border: 2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #FFF;
width: 450px;
height: 100px;
}

textarea.mittel {
width: 283px;
height: 60px;
}

textarea.lang {
width: 450px;
height: 100px;
}

input[type=text]:hover {
background-color: #F0FFFF;
}

input[type=submit]:hover {
background:#C11F26;
color: #FFF;
box-shadow: 0px 0px 0px #999;
}

input[type=button]:hover {
background:#C11F26;
color: #FFF;
box-shadow: 0px 0px 0px #999;
}

.beschreibung {
position: relative;
float: left;
font-size: 14px;
font-style:italic;
color: #666;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

.feldbezeichnung_ganz_kurz {
position: relative;
float: left;
margin: 5px 10px 5px 0px;
padding: 5px 0px 0px 0px;
width: 50px;
font-size: 110%;
color: #666;
}

.feldbezeichnung_kurz {
position: relative;
float: left;
margin: 5px 10px 5px 0px;
padding: 5px 0px 0px 0px;
width: 70px;
font-size: 110%;
color: #666;
}

.feldbezeichnung_mittel {
position: relative;
float: left;
margin: 5px 10px 5px 0px;
padding: 5px 0px 0px 0px;
width: 120px;
font-size: 110%;
color: #666;
}

.feldbezeichnung_mittellang {
position: relative;
float: left;
margin: 5px 10px 5px 0px;
padding: 5px 0px 0px 0px;
width: 200px;
font-size: 110%;
color: #666;
}

.feldbezeichnung_lang {
position: relative;
float: left;
margin: 5px 10px 5px 0px;
padding: 5px 0px 0px 0px;
width: 350px;
font-size: 110%;
color: #666;
}

.input_auto {
position: relative;
float: left;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
min-width: 100px;
}

.input_ganz_kurz {
position: relative;
float: left;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
width: 50px;
}

.input_kurz {
position: relative;
float: left;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
width: 100px;
}

.input_kurz_mittel {
position: relative;
float: left;
margin: 5px 10px 5px 0px;
padding: 0px 0px 0px 0px;
width: 160px;
}

.input_mittel {
position: relative;
float: left;
margin: 5px 10px 5px 0px;
padding: 0px 0px 0px 0px;
width: 280px;
}

.input_lang {
position: relative;
float: left;
margin: 5px 10px 5px 0px;
padding: 0px 0px 0px 0px;
width: 360px;
}

.input_lang_mittel {
position: relative;
float: left;
margin: 5px 10px 5px 0px;
padding: 0px 0px 0px 0px;
width: 7#00px;
}

.input_ganz_lang {
position: relative;
float: left;
margin: 5px 10px 5px 0px;
padding: 0px 0px 0px 0px;
width: 830px;
}

.mehrzeilig {
position: relative;
float: right;
margin: 5px 10px 5px 0px;
padding: 0px 0px 0px 0px;
width: 430px;
}

.abgelehnt{
       background-color:red;
    float:left;
    width:200px;
    height:100px;
    margin: 5px 10px 0px 0px;
    color:black;
    text-align:center;
}

.abgeschlossen{
    background-color:green;
    float:left;
    width:200px;
    height:100px;
    margin: 5px 10px 0px 0px;
    color:black;
    text-align:center;
}

.aktuell{
    background-color:yellow;
    float:left;
    width:200px;
    height:100px;
    margin: 5px 10px 0px 0px;
    color:black;
    text-align:center;
}

.offen{
    background-color:lightgray;
    float:left;
    width:200px;
    height:100px;
    margin: 5px 10px 0px 0px;
    color:black;
    text-align:center;
}


/* ##### TABREITER  ####### */

#profil_tabcontent {
position: relative;
float: left;
width: 100%;
margin: 0 auto;
padding: 0px;
}

ul.tabs
{
    padding: 7px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    position: relative;
    padding: 7px 16px;
    border: 1px solid #C11F26;
    border-bottom-color:#B7B7B7;
    color: #FFF;
    background: #C11F26;
    border-radius: 3px 3px 0 0;
    outline:none;
}
        
ul.tabs li a:visited
{
    color: #FFF;
}
        
ul.tabs li a:hover
{
    border: 1px solid #C11F26;
    background:#C11F26;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
    background: white;
    border: 1px solid #C11F26;
    border-bottom-color: white;
    color: #C11F26;
}      
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
     
div.tabcontents
{
    border: 0px solid #C11F26; 
    padding: 30px 20px 40px 20px;
    margin: 0px 0px 50px 0px;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
}

#tabbox_content_1,
#tabbox_content_2,
#tabbox_content_3,
#tabbox_content_4,
#tabbox_content_5,
#tabbox_content_6,
#tabbox_content_7,
#tabbox_content_8 {
padding: 0px 0px 20px 0px;
}
/* ##### TABREITER ENDE  ######## */

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    height: 80%;
}

#tabbox_content_4 .ajax__tab_header
        {
            font-size: 14px;
            font-weight:bold;
            display: block;

        }
        #tabbox_content_4 .ajax__tab_header .ajax__tab_outer
        {
            text-decoration: none;
            font-weight: bold;
            color: #fff;
            font-size: 14px;
            background: #0fa1e0;
            padding: 5px 0px 5px 10px;
            margin: 0px 5px 0px 0px;
            /*box-shadow: 2px 3px 3px #999;*/
            border-radius: 3px 3px 0px 0px;
            border: 1px solid #B7B7B7;
            color: #666;
        }
        
        #tabbox_content_4 .ajax__tab_header .ajax__tab_outer a
        {
            color: #fff;
            border: none;
        }

        #tabbox_content_4 .ajax__tab_header .ajax__tab_inner
        {
            border-color: #666;
            color: #666;
            padding: 3px 10px 2px 0px;
        }
        #tabbox_content_4 .ajax__tab_hover .ajax__tab_outer
        {
            background-color: #fff;
        }
        #tabbox_content_4 .ajax__tab_hover .ajax__tab_inner
        {
            color: #fff;
        }
        
        #tabbox_content_4 .ajax__tab_hover .ajax__tab_inner a
        {
            color: #666;
        }

        #tabbox_content_4 .ajax__tab_active .ajax__tab_outer
        {
            font-weight: bold;
            background: white;
            border: 1px solid #B7B7B7;
            border-bottom-color: white;
            color: #C11F26;
        }

        #tabbox_content_4 .ajax__tab_active .ajax__tab_outer  a
        {
            font-weight: bold;
            color: #C11F26;
        }

        #tabbox_content_4 .ajax__tab_active .ajax__tab_inner
        {
            color: #000;
            border-color: #333;
        }
        #tabbox_content_4 .ajax__tab_body
        {
            /*font-family: verdana,tahoma,helvetica;
            font-size: 10pt;
            background-color: #fff;
            border-top-width: 0;
            border: solid 1px #d7d7d7;
            border-top-color: #ffffff;*/
        }

        .clear {
    clear: both;
}