/* -----  -----  -----  -----  -----  ----- das medienkombinat  -----  -----  -----  ----- ----- ----- */



/* -----  -----  -----  -----  -----  ----- General Styles -----  -----  -----  -----  -----  ----- */

body {
    	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #3E647E;
    	text-align: center;
	margin-top: 5px;
}

div, p, blockquote {
    	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #3E647E;
    	text-align: left;
	margin: 0px;
	padding: 0px;
}

table, tr, td {
    	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #3E647E;
    	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    	font-family: Verdana, Arial, sans-serif;
    	text-align: left;
	font-weight: bold;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 12px;
}

h3, h4, h5 {
	font-size: 12px;
}

h5 {
	font-size: 11px;
}

h6 {
	font-size: 10px;
}

hr {
	border: 0px solid;
	height: 1px;
	background-color: #C8BB97;
}

input, textarea, select, .inputbox {
	border: 1px solid #C9D2DA;
	padding: 2px; 
}

.button {
	background-color: #FF964C;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	border: 0px solid;
}

.hidden {
	margin: 0px;
	padding: 0px;
	height: 0px;
	display: none;
}

.arrow_gray {
	display: inline;
	width: 8px;
	height: 7px;
	padding-left: 4px;
	padding-right: 4px;
 	background: transparent url(../images/arrow_gray.jpg) left no-repeat;
}

.arrow_white {
	display: inline;
	width: 8px;
	height: 7px;
	padding-left: 4px;
	padding-right: 4px;
 	background: transparent url(../images/arrow_white.jpg) left no-repeat;
}


/* -----  -----  -----  -----  -----  ----- Box Layout -----  -----  -----  -----  -----  ----- */


#seite {
	text-align:left;
    	font-family: Verdana, Arial, sans-serif;
	margin: 0px auto;
	font-weight: normal;
	font-size: 11px;
}

#oben {
	text-align: left;
	margin: 0px;
	width: 960px;
	height: 102px;
	font-weight: normal;
	background: url(../images/header.jpg) no-repeat;
}

#navi {
	text-align: left;
	margin: 0px;
	width: 960px;
	height: 24px;
	font-weight: normal;
	background: url(../images/stripes.jpg) no-repeat;
}

#header {
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 960px;
	font-weight: normal;
	height: 0px;
}

#mitte {
	width: 960px;
	padding-top: 5px;
	float: left;
	text-align: left;
	background: url(../images/bg.jpg) repeat-y;
	font-weight: normal;
}

#logos {
	margin-left: 14px;
	margin-top: 0px;
	padding: 0px;

}

#spaltelinks {
	display: block;
	float: left;
	width: 206px;
	padding-top: 4px;
	padding-left: 14px;
}

#spaltecontent {
	display: block;
	float: left;
	width: 732px;
	padding-left: 8px;
	margin-top: -4px;
}

#bottom {
	display: block;
	text-align: left;
	margin: 0px;
	width: 936px;
	height: 38px;
	padding-top: 12px;
	padding-left: 24px;
	background: url(../images/footer.jpg) no-repeat;
}

.clearer {
	clear: both;
} 


/* -----  -----  -----  -----  -----  ----- Boxenglobals -----  -----  -----  -----  -----  ----- */

#spaltelinks p, #spaltecontent p {
	padding: 4px;
}




/* ###-----  -----  -----  -----  -----  ----- Oberer Seitenbereich -----  -----  -----  -----  -----  -----### */

/* -----  -----  -----  -----  -----  ----- Loginbereich -----  -----  -----  -----  -----  ----- */

#loginbox {
	display: block;
	margin-left: 20px;
	padding-top: 16px; 
	height: 55px;
}

#loginbox label {
	font-weight: bold;
}

#name_user_login {
	display: block;
	font-style: italic;
	margin-top: 6px;
	margin-left: 4px;
}

#logout_message_img {
	height: 25px;
	width: 42px;
	margin-top: 1px;
	background: transparent url(../images/logout_message.jpg) left no-repeat;
}

#login_message_img {
	height: 25px;
	width: 168px;
	background: transparent url(../images/login_message.jpg) left no-repeat;
}

.button_login {
	text-align: right;
	display: block;
	margin-top: 2px;
	width: 41px;
	height: 18px;
	padding-left: 4px;
	padding-bottom: 2px;
	color: #ffffff;
	font-weight: bold;
	background: transparent url(../images/button_go.jpg) left no-repeat;
	border: 0px solid;
	font-size: 10px;
}

.button_logout {
	text-align: right;
	display: block;
	margin-top: 2px;
	width: 80px;
	height: 18px;
	padding-left: 4px;
	padding-bottom: 2px;
	color: #ffffff;
	font-weight: bold;
	background: transparent url(../images/button_abmelden.jpg) left no-repeat;
	border: 0px solid;
	font-size: 10px;
}

a.login_orange:link, a.login_orange:visited {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	color: #FF6900;
	margin-top: 4px;
} 
a.login_lightblue:link, a.login_lightblue:visited {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	color: #618095;
	margin-top: 8px;
} 

/* -----  -----  -----  -----  -----  ----- Grafische Tabulatornavigation oben -----  -----  -----  -----  -----  ----- */

#oben img {
	margin: 0px;
	padding: 0px;	
}

#navibuttons {
	padding-left: 14px;
	margin-top: 5px;
}

/* -----  -----  -----  -----  -----  ----- Logopositionen oben -----  -----  -----  -----  -----  ----- */
.job_logo {
	display: block;
	border: 1px solid #cccccc; 
	padding: 2px; 
	margin-right: 3px; 
	margin-bottom: 3px;
}


/* ###-----  -----  -----  -----  -----  ----- Modulbereiche linke Spalte -----  -----  -----  -----  -----  -----### */

/* -----  -----  -----  -----  -----  ----- Module Orange -----  -----  -----  -----  -----  ----- */


.moduletable-orange
{
    	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	display: block;
	width: 205px:
	margin-left: 0px;
	margin-bottom: 8px;
	padding-bottom: 9px;
	background: url(../images/moduleleft_bottom.jpg) left bottom no-repeat;
}


.moduletable-orange h3 {
	font-size: 13px;
	color: #ffffff;
    	text-align: left;
	font-weight: bold;
	font-style: italic; 
	width: 195px;
	height: 22px;
	padding-top: 4px;
	padding-left: 10px;
	margin: 0px;
	background: url(../images/moduleleft_top.jpg) bottom no-repeat;
}

.moduletable-orange ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.moduletable-orange li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.moduletable-orange li a, .moduletable-orange li a:link, .moduletable-orange li a:visited {
	display: block;
	font-size: 11px;
	color: #ffffff;
    	text-align: left;
	width: 195px;
	height: 19px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #FE8733;
	text-decoration: none;
	border-top: 1px solid #FFA86E;
	border-bottom: 1px solid #FC7C23;
}

.moduletable-orange li a:hover {
	display: block;
	font-size: 11px;
	color: #ffffff;
    	text-align: left;
	width: 195px;
	height: 19px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #FF6900;
	text-decoration: none;
	border-top: 1px solid #FF954B;
	border-bottom: 1px solid #FF6900;
}

/* -----  -----  -----  -----  -----  ----- Module Blue -----  -----  -----  -----  -----  ----- */

.moduletable-blue
{
    	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	display: block;
	width: 205px:
	margin-left: 0px;
	margin-bottom: 8px;
	padding-bottom: 9px;
	background: url(../images/moduleleft_blue_bottom.jpg) left bottom no-repeat;
}


.moduletable-blue h3 {
	font-size: 13px;
	color: #ffffff;
    	text-align: left;
	font-weight: bold;
	font-style: italic; 
	width: 195px;
	height: 22px;
	padding-top: 4px;
	padding-left: 10px;
	margin: 0px;
	background: url(../images/moduleleft_blue_top.jpg) bottom no-repeat;
}

.moduletable-blue ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.moduletable-blue li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.moduletable-blue li a, .moduletable-blue li a:link, .moduletable-blue li a:visited {
	display: block;
	font-size: 11px;
	color: #ffffff;
    	text-align: left;
	width: 195px;
	height: 19px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #648398;
	text-decoration: none;
	border-top: 1px solid #91A6BB;
	border-bottom: 1px solid #56758A;
}

.moduletable-blue li a:hover {
	display: block;
	font-size: 11px;
	color: #ffffff;
    	text-align: left;
	width: 195px;
	height: 19px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #3E647E;
	text-decoration: none;
	border-top: 1px solid #7792A4;
	border-bottom: 1px solid #3E647E;
}

/* -----  -----  -----  -----  -----  ----- Module Blue Partnernavi -----  -----  -----  -----  -----  ----- */

.moduletable-blue_without
{
    	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	display: block;
	width: 205px:
	margin-left: 0px;
	margin-bottom: 8px;
	padding-bottom: 9px;
	background: url(../images/moduleleft_blue_bottom.jpg) left bottom no-repeat;
}


.moduletable-blue_without h3 {
	font-size: 13px;
	color: #ffffff;
    	text-align: left;
	font-weight: bold;
	font-style: italic; 
	width: 195px;
	height: 22px;
	padding-top: 4px;
	padding-left: 10px;
	margin: 0px;
	background: url(../images/moduleleft_blue_top.jpg) bottom no-repeat;
}

.moduletable-blue_without ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.moduletable-blue_without li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.moduletable-blue_without li a, .moduletable-blue_without li a:link, .moduletable-blue_without li a:visited {
	display: block;
	font-size: 11px;
	color: #ffffff;
    	text-align: left;
	width: 195px;
	height: 12px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	background: url(../images/navi_bg_blue_without.jpg) repeat-x;
	text-decoration: none;
}

.moduletable-blue_without li a:hover {
	display: block;
	font-size: 11px;
	color: #FF8733;
    	text-align: left;
	width: 195px;
	height: 12px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	background: url(../images/navi_bg_blue_without.jpg) repeat-x;
	text-decoration: none;
}

.modultable-blue_without div, .modultable-blue_without p, .modultable-blue_without form,   {
	width: 205px;
	background: url(../images/navi_bg_blue_without.jpg) repeat-x;
}


/* -----  -----  -----  -----  -----  ----- Module Light Blue Unterstützer -----  -----  -----  -----  -----  ----- */

.moduletable-lightblue_without
{
    	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	display: block;
	width: 205px:
	margin-left: 0px;
	margin-bottom: 8px;
	padding-bottom: 9px;
	background: url(../images/moduleleft_lightblue_bottom.jpg) left bottom no-repeat;
}


.moduletable-lightblue_without h3 {
	font-size: 13px;
	color: #ffffff;
    	text-align: left;
	font-weight: bold;
	font-style: italic; 
	width: 195px;
	height: 22px;
	padding-top: 4px;
	padding-left: 10px;
	margin: 0px;
	background: url(../images/moduleleft_lightblue_top.jpg) bottom no-repeat;
}

.moduletable-lightblue_without ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.moduletable-lightblue_without li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.moduletable-lightblue_without li a, .moduletable-lightblue_without li a:link, .moduletable-lightblue_without li a:visited {
	display: block;
	font-size: 11px;
	color: #ffffff;
    	text-align: left;
	width: 195px;
	height: 12px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	background: url(../images/moduleleft_lightblue_bg.jpg) repeat-x;
	text-decoration: none;
}

.moduletable-lightblue_without li a:hover {
	display: block;
	font-size: 11px;
	color: #FF8733;
    	text-align: left;
	width: 195px;
	height: 12px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	background: url(../images/moduleleft_lightblue_bg.jpg) repeat-x;
	text-decoration: none;
}
.lightblue_bg {
	display: block;
	width: 205px;
	background: url(../images/moduleleft_lightblue_bg.jpg) repeat-y;
}




/* ###-----  -----  -----  -----  -----  ----- Contentbereich -----  -----  -----  -----  -----  -----### */


/* -----  -----  -----  -----  -----  ----- Contenterweiterung Unterseiten -----  -----  -----  -----  -----  ----- */


#content_bg_oben {
	display: block;
	height: 9px;
	width: 720px;
	background: url(../images/content_box_oben.jpg) no-repeat;
	margin-top: 8px;
	padding: 0px;
}

#content_bg_middle {
	display: block;
	width: 700px;
	background: url(../images/content_box_bg.jpg) repeat-y;
	margin: 0px;
	padding: 10px;
}

#content_bg_unten {
	display: block;
	height: 9px;
	width: 720px;
	background: url(../images/content_box_unten.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
}

#content_bg_middle h1, #content_bg_middle h2, #content_bg_middle .componentheading, #content_bg_middle .contentheading {
	font-size: 14px;
	color: #3E647E;
    	text-align: left;
	font-weight: bold;
	font-style: italic; 
}
/* -----  -----  -----  -----  -----  ----- Jobpotal Styles -----  -----  -----  -----  -----  ----- */

.comp_login_start {
	display: block;
	background-color: #C8BB98;
	font-weight: bold;
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
}

.comp_login_news {
	display: block;
	background-color: #3E637D;
	font-weight: bold;
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
}

/* -----  -----  -----  -----  -----  ----- Werbeboxen -----  -----  -----  -----  -----  ----- */

.module-banner {
	margin-top: 8px;
	margin-left: 0px;
	width: 356px;
}

.moduletable-banner_links {
	margin-bottom: 8px;
}

/* -----  -----  -----  -----  -----  ----- Linkstyles -----  -----  -----  -----  -----  ----- */

a:link, a:visited {
	color: #3E647E;
	text-decoration: underline;
}

a:hover {
	color: #3E647E;
	text-decoration: none;
}

#bottom a:link, #bottom a:visited {
	text-decoration: none;
}

#bottom a:hover {
	text-decoration: none;
	color: #FF8733;
}

/* -----  -----  -----  -----  -----  ----- Content Styles -----  -----  -----  -----  -----  ----- */

.componentheading, .contentheading {
	font-size: 13px;
    	text-align: left;
	font-weight: bold;
	font-style: italic;
	padding-top: 4px; 
	margin-bottom: 8px;	
	color: #ffffff;	
}

.createdeate, .modifydate, .small {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
    	text-align: left;
	color: #FF964C;
	margin-bottom: 2px;
	padding: 0px;
}

/* -----  -----  -----  -----  -----  ----- Sectiontable Styles -----  -----  -----  -----  -----  ----- */

.sectiontableheader {
	font-weight: bold;
}

.sectiontableentry0 {
	width: 355px;
	background-color: #ffffff;
	
}

.sectiontableentry1 {
	width: 355px;
	background-color: #F6F4EE;
	
}

.application_c {
	background-color: #F6F4EE;
}

.application_h {
	background-color: #ECEEF1;
	width: 150px;
}

/* -----  -----  -----  -----  -----  ----- Diverses -----  -----  -----  -----  -----  ----- */

.unsichtbar {
	display: none;
}

.message {
	color: #B80002;
	font-size: 13px;
	padding-bottom: 5px;
}

.debug {
	background-color: #CC0000;
}

.overflow {
	width: 480px;
	height: 120px;
	display:block;
 	background-attachment: scroll; /* erzeugt Scrollbar */
 	overflow:auto;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 8px;
}

.image_center {
	width: 100%;
	text-align: center;
}